/* Proposal 3: concrete file-container-drive workflow. */
.purpose-hero{padding:64px 48px 0;max-width:1600px;margin:auto}.purpose-hero .hero-overline{margin-bottom:58px}.purpose-hero h1{font-size:clamp(54px,7.15vw,110px);font-weight:400;letter-spacing:-5px;line-height:1.02}.purpose-hero h1>span{display:block}.purpose-hero h1>span+span{color:var(--blue);margin-top:10px}.purpose-hero .hero-under{padding:48px 0 45px;align-items:end}.purpose-hero .hero-under>p{font-size:19px;max-width:600px}.home-chapter.vault-chapter{padding-top:92px}.home-chapter.vault-chapter .chapter-heading{grid-template-columns:1fr 2fr}.home-chapter.vault-chapter .chapter-heading h2{font-size:clamp(36px,3.5vw,51px);max-width:820px;line-height:1.12}.home-chapter.vault-chapter .chapter-under{border-bottom:0}.home-chapter.rec-chapter{padding-top:60px;border-top:1px solid var(--border)}.vault-workspace{background:#141417;border:1px solid #ffffff22;border-radius:12px;overflow:hidden;position:relative}.workspace-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 30px;border-bottom:1px solid #ffffff14}.workspace-bar>div{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:600}.workspace-bar img{width:27px;height:27px}.workspace-bar>span{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.vault-state-controls{display:flex;gap:6px;padding:24px 30px 0}.vault-state-controls button{font:12px/1.5 var(--font);border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 16px;cursor:pointer;border-radius:5px;min-height:44px;transition:background .2s,color .2s,border-color .2s}.vault-state-controls button[aria-pressed=true]{color:#d9eaff;background:#4f9eff17;border-color:#4f9eff60}.vault-state-controls button:hover{color:var(--text);background:#ffffff09}.vault-state-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.vault-workspace-body{display:grid;grid-template-columns:1fr 100px 1.5fr;align-items:center;gap:30px;padding:50px 65px 55px;min-height:410px}.container-scene{text-align:center;display:flex;align-items:center;flex-direction:column}.container-file{width:126px;height:152px;border:1px solid #4f9eff80;background:#1b2e47;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 35px #0003;transition:background .45s,box-shadow .45s,transform .45s}.file-fold{position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:#141417;clip-path:polygon(0 0,100% 0,100% 100%);border-left:1px solid #4f9eff80;border-bottom:1px solid #4f9eff80}.file-symbol img{width:53px;height:53px;transition:opacity .3s}.file-extension{position:absolute;bottom:13px;font:12px var(--mono);color:#b7d4ff;letter-spacing:2px}.container-scene>strong{font-size:21px;font-weight:500;margin-top:24px;letter-spacing:-.5px}.container-scene>p{font-size:12px;margin-top:7px}.container-state-label{font:10px var(--mono);color:#b8ccdf;border:1px solid #ffffff1b;border-radius:30px;padding:7px 13px;margin-top:20px;min-height:33px}.mount-connection{position:relative;display:flex;align-items:center}.mount-connection>div{height:1px;background:#4f9eff55;flex:1;position:relative;overflow:hidden}.mount-connection>div:after{content:'';position:absolute;width:30%;height:1px;background:var(--blue);left:-30%;animation:mount-route 1.2s ease both}.mount-connection>span{font-size:26px;color:var(--blue);margin-left:8px}.drive-scene{background:#1b1b1f;border:1px solid #ffffff25;border-radius:9px;overflow:hidden;box-shadow:0 25px 45px #0003;position:relative;min-width:0;transition:opacity .3s,border-color .3s}.drive-window-bar{padding:18px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff12}.drive-window-bar>strong{font-size:15px;font-weight:500}.drive-window-bar b{font-family:var(--mono);font-weight:400;color:#b9d6ff;margin-left:10px}.drive-glyph{width:25px;height:19px;border:1px solid #88a9ce;border-radius:4px;background:#263951;position:relative;display:block}.drive-glyph:after{content:'';position:absolute;bottom:4px;right:4px;width:3px;height:3px;border-radius:50%;background:#77c5ac}.drive-status{display:flex;gap:7px;align-items:center;font:9px var(--mono);margin-left:auto;color:#93c6b0}.drive-status i{width:4px;height:4px;border-radius:50%;background:#93c6b0}.drive-address{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid #ffffff12;background:#17171a}.drive-address>span:first-child{font:12px var(--mono);color:#b9d6ff}.drive-address>span:last-child{font-size:10px;color:var(--muted)}.drive-content{padding:14px 22px;min-height:158px;transition:opacity .35s,transform .35s}.drive-content>div{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff08}.drive-content>div:last-child{border-bottom:0}.drive-content strong{font-size:13px;font-weight:400}.drive-content>div>span:last-child{font-size:10px;color:var(--muted)}.folder-glyph{display:block;width:18px;height:13px;background:#88acd3;border-radius:2px;position:relative}.folder-glyph:before{content:'';position:absolute;left:0;top:-3px;width:8px;height:4px;background:#88acd3;border-radius:2px 2px 0 0}.document-glyph{display:block;width:13px;height:17px;border:1px solid #a1a5af;border-radius:2px;margin-left:2px;position:relative}.document-glyph:after{content:'';position:absolute;left:3px;top:5px;width:6px;height:1px;background:#a1a5af;box-shadow:0 3px 0 #a1a5af}.drive-window-bottom{padding:13px 22px;border-top:1px solid #ffffff12;color:var(--muted);font-size:10px}.drive-awaiting{position:absolute;left:22px;right:22px;top:145px;text-align:center;font-size:14px;color:#b6bac4;padding:32px 15px;display:none}.workspace-state-copy{border-top:1px solid #ffffff13;margin:0 30px;padding:22px 0;font-size:13px;color:#b4b9c4;min-height:66px}.vault-workspace figcaption{padding:0 30px 25px;margin:0;font-size:10px;max-width:900px}.vault-workspace .when-sealed,.vault-workspace .when-unlocked,.vault-workspace .when-mounted{display:none}.vault-workspace[data-vault-state=sealed] .when-sealed,.vault-workspace[data-vault-state=unlocked] .when-unlocked,.vault-workspace[data-vault-state=mounted] .when-mounted{display:inline}.vault-workspace[data-vault-state=sealed] .container-file{background:#1d2532;box-shadow:0 18px 35px #0003}.vault-workspace[data-vault-state=unlocked] .container-file{background:#213c5d;box-shadow:0 0 0 6px #4f9eff0c,0 18px 35px #0003;transform:translateY(-3px)}.vault-workspace:not([data-vault-state=mounted]) .drive-content{visibility:hidden;opacity:0;transform:translateY(5px)}.vault-workspace:not([data-vault-state=mounted]) .drive-status{visibility:hidden}.vault-workspace:not([data-vault-state=mounted]) .drive-awaiting{display:block}.vault-workspace:not([data-vault-state=mounted]) .mount-connection{opacity:.35}.vault-workspace[data-vault-state=mounted] .drive-scene{border-color:#4f9eff60}.vault-workspace[data-vault-state=mounted] .drive-content{animation:drive-open .5s ease both}.vault-workspace[data-vault-state=mounted] .mount-connection>div:after{animation:mount-route 1.2s ease both}.page-vault .editorial-hero h1{margin-bottom:45px}.page-vault .editorial-hero .vault-workspace{margin-top:15px}.page-home .philosophy .editorial-intro h2{max-width:700px}.purpose-hero .eyebrow{letter-spacing:1.4px}
@keyframes mount-route{from{left:-30%}to{left:100%}}@keyframes drive-open{from{transform:translateY(8px)}to{transform:none}}
@media(max-width:1100px){.vault-workspace-body{padding:45px 35px;grid-template-columns:1fr 55px 1.45fr;gap:20px}.drive-address>span:last-child{font-size:9px}.purpose-hero h1{letter-spacing:-4px}}
@media(max-width:780px){.purpose-hero{padding:40px 24px 0}.purpose-hero .hero-overline{margin-bottom:42px}.purpose-hero h1{font-size:clamp(46px,8.6vw,68px);letter-spacing:-2.8px;line-height:1.08}.purpose-hero h1>span+span{margin-top:16px}.purpose-hero .hero-under{padding-top:32px;gap:24px}.purpose-hero .hero-under>p{font-size:17px}.home-chapter.vault-chapter{padding-top:66px}.home-chapter.vault-chapter .chapter-heading{grid-template-columns:1fr;gap:18px}.home-chapter.vault-chapter .chapter-heading h2{font-size:36px;letter-spacing:-1.5px}.home-chapter.rec-chapter{padding-top:50px}.workspace-bar{padding:17px 20px;align-items:start}.workspace-bar>span{font-size:8px;letter-spacing:.5px;max-width:110px;text-align:right;line-height:1.5}.workspace-bar>div{font-size:13px}.workspace-bar img{width:24px;height:24px}.vault-state-controls{padding:19px 16px 0;gap:3px;justify-content:space-between}.vault-state-controls button{font-size:10px;padding:9px 8px;flex:1}.vault-workspace-body{grid-template-columns:1fr;padding:30px 20px;gap:27px;min-height:0}.container-file{width:94px;height:113px;border-radius:6px}.file-fold{width:24px;height:24px}.file-symbol img{width:42px;height:42px}.file-extension{font-size:10px;bottom:9px}.container-scene>strong{font-size:19px;margin-top:18px}.container-scene>p{font-size:11px}.container-state-label{margin-top:13px;font-size:9px;padding:6px 11px;min-height:29px}.mount-connection{width:1px;height:34px;align-self:center;justify-self:center;flex-direction:column}.mount-connection>div{height:23px;width:1px;flex:none}.mount-connection>span{transform:rotate(90deg);font-size:22px;margin:0;line-height:1;margin-top:-3px}.mount-connection>div:after{width:1px;height:40%;top:-40%;left:0;animation:none}.drive-window-bar{padding:15px 16px;gap:9px}.drive-window-bar>strong{font-size:12px}.drive-window-bar b{margin-left:7px}.drive-status{font-size:8px;gap:4px}.drive-glyph{width:21px;height:17px}.drive-address{padding:12px 16px;gap:10px;align-items:start}.drive-address>span:first-child{font-size:10px}.drive-address>span:last-child{font-size:9px;max-width:150px;text-align:right;line-height:1.5}.drive-content{padding:12px 16px;min-height:148px}.drive-content>div{gap:9px;padding:11px 0;grid-template-columns:18px 1fr auto}.drive-content strong{font-size:12px}.drive-content>div>span:last-child{font-size:9px}.drive-window-bottom{padding:12px 16px;font-size:9px}.drive-awaiting{top:123px;padding:30px 10px;font-size:12px}.workspace-state-copy{margin:0 20px;padding:19px 0;font-size:12px;min-height:78px}.vault-workspace figcaption{padding:0 20px 22px;font-size:9px}.page-vault .editorial-hero h1{margin-bottom:30px}}
@media(max-width:430px){.purpose-hero{padding-left:22px;padding-right:22px}.purpose-hero h1{font-size:45px;letter-spacing:-2px}.purpose-hero .hero-overline>.eyebrow{font-size:8px;max-width:165px}.purpose-hero .hero-overline .status{font-size:8px}.home-chapter.vault-chapter .chapter-heading h2{font-size:33px}.vault-state-controls button{font-size:9px;padding:9px 5px}.workspace-bar>span{font-size:7px}.drive-status{font-size:7px}.drive-window-bar>strong{font-size:11px}.drive-content>div>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vault-workspace *{animation:none!important;transition:none!important}.vault-workspace[data-vault-state=unlocked] .container-file{transform:none}}

[data-vault-demo]:not(.has-vault-controls) .vault-state-controls{display:none}