:root{--navy:#0b2347;--red:#cf2329;--orange:#f47716;--paper:#faf8f3;--ink:#101f34;--scale:1}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.experience{min-height:100svh;display:flex;flex-direction:column;padding:0 3.4%;overflow:hidden}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:inherit;font-size:34px;font-weight:800;letter-spacing:-2px;line-height:.85}.brand-logo{display:flex;align-items:center;justify-content:center;width:82px;height:88px;background:#fff;border-radius:4px;padding:5px}.brand-logo img{display:block;width:76px;height:76px;object-fit:contain}.brand-line{width:1px;height:30px;background:#ffffff30}.edition{font-size:9px;letter-spacing:1.4px;line-height:1.6;font-weight:400}.top-label{font-size:10px;letter-spacing:1.8px;color:#ccd1d9}.edition-no{color:var(--orange);margin-left:17px}.stage{position:relative;isolation:isolate;flex:1;min-height:580px;max-height:900px;border-radius:9px;overflow:hidden;background:var(--paper)}.final{position:absolute;inset:0;display:grid;grid-template-columns:1.35fr 1fr;background:var(--paper);color:var(--ink)}.final-copy{padding:7% 7.5%;align-self:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;font-weight:700}.eyebrow span{width:6px;height:6px;background:var(--red);border-radius:50%}h1{font-size:clamp(42px,6.4vw,104px);letter-spacing:-.075em;line-height:.96;margin:35px 0 26px;font-weight:800}h1>span{color:var(--red)}.final-copy>p{font-size:clamp(15px,1.4vw,21px);line-height:1.65;color:#596373;margin:0}.final-rule{height:2px;width:64px;background:var(--orange);margin:28px 0 18px}.signoff{font-size:9px;letter-spacing:1px;line-height:1.8;color:#637084}.signoff b{display:block;color:var(--ink)}.identity{background:var(--red);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;overflow:hidden}.identity:before,.identity:after{content:'';position:absolute;width:540px;height:540px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.identity:after{width:420px;height:420px}.identity-caption{color:#fff7ef;font-size:9px;letter-spacing:2px;position:absolute;top:38px}.logo-plaque{width:250px;height:290px;max-width:80%;background:var(--paper);border-radius:3px;box-shadow:0 22px 40px #61121833;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);z-index:1}.logo-plaque img{width:128px;height:128px;object-fit:contain;margin-bottom:13px}.logo-plaque>span{font-size:17px;font-weight:700;letter-spacing:.7px}.logo-plaque small{font-size:7px;letter-spacing:1.25px;margin-top:11px}.identity-stamp{position:absolute;top:60%;right:10%;transform:rotate(8deg);background:var(--orange);color:var(--ink);padding:15px 46px 15px 20px;z-index:2;box-shadow:0 8px 15px #76150018}.identity-stamp span{font-size:9px;letter-spacing:1.6px;display:block;margin-bottom:3px}.identity-stamp strong{font-size:23px;letter-spacing:-.7px}.identity-stamp svg{position:absolute;width:25px;right:12px;top:27px;fill:none;stroke:currentColor;stroke-width:3}.identity>p{margin:42px 0 0;line-height:1.55;color:#fff7ef;text-align:center;font-size:16px;z-index:1}.curtain{position:absolute;top:0;bottom:0;width:50.1%;background:var(--ink);z-index:3;will-change:transform}.curtain-left{left:0}.curtain-right{right:0}.intro-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.intro-heading{position:absolute;z-index:1;left:45px;top:32px}.intro-kicker{font-size:9px;letter-spacing:2.1px;color:#c9d0db}h2{font-size:clamp(23px,2.2vw,35px);line-height:1.13;letter-spacing:-1.2px;margin:12px 0;color:white;font-weight:500}h2 span{color:var(--orange)}.desk-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%)}.desk{position:absolute;width:840px;height:520px;top:52%;left:52%;transform:translate(-50%,-50%) scale(var(--scale));perspective:1100px}.document{position:absolute;left:278px;top:75px;width:278px;height:357px;background:var(--paper);border-radius:4px;padding:25px;color:var(--ink);box-shadow:0 18px 30px #0002,0 3px 4px #0001;transform-origin:50% 80%;will-change:transform,opacity}.doc-head{font-size:8px;letter-spacing:.9px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #17284020;padding-bottom:14px}.doc-head i{font-style:normal;font-size:11px;font-weight:700;color:var(--red)}.document h3{font-size:39px;letter-spacing:-2px;margin:25px 0 9px}.document p{font-size:11px;color:#637084;margin:0}.doc-table{margin-top:31px}.doc-table>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #14254017;padding:12px 0;font-size:9px}.doc-table>div:first-child{font-size:7px;letter-spacing:1px;color:#667080}.doc-table b{font-weight:400}.doc-table em{height:5px;width:38px;background:#bfc9d5;border-radius:5px}.doc-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.7px;margin-top:18px}.doc-bottom svg{width:25px;height:25px;fill:none;stroke:var(--red);stroke-width:2}.text-lines{margin-top:35px;display:grid;gap:12px}.text-lines i{height:5px;width:100%;background:#cbd0d5}.text-lines i:nth-child(2){width:85%}.text-lines i:last-child{width:63%}.signature{margin-top:25px;display:flex;align-items:end;justify-content:space-between}.signature span{font-size:7px;letter-spacing:1px}.signature svg{width:120px;height:45px;stroke:var(--navy);stroke-width:2;fill:none;stroke-linecap:round}.important{background:#fff9ef}.important .doc-head i{color:var(--orange)}.checklist{margin-top:34px;display:grid;gap:22px;font-size:13px}.checklist>div{display:flex;gap:12px;align-items:center}.checklist span{width:14px;height:14px;border:1px solid #abafb4;border-radius:3px}.doc-footer{font-size:7px;letter-spacing:1px;margin-top:32px;padding-top:14px;border-top:1px solid #14254020}.sticky{position:absolute;left:490px;top:130px;width:158px;height:169px;transform-style:preserve-3d;z-index:5;will-change:transform}.sticky-front,.sticky-back{position:absolute;inset:0;background:var(--orange);padding:18px 21px;backface-visibility:hidden;border-radius:2px;box-shadow:0 11px 17px #0002;color:var(--ink)}.sticky-back{transform:none;opacity:0}.sticky small{font-size:8px;letter-spacing:1.3px;display:block}.sticky strong{display:block;font-size:35px;letter-spacing:-1.6px;line-height:.95;margin:17px 0 11px}.sticky span{font-size:9px}.order-stamp{position:absolute;z-index:7;left:282px;top:315px;width:272px;height:86px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid var(--red);outline:1px solid var(--red);outline-offset:5px;border-radius:3px;color:var(--red);background:#faf8f3ed;font-size:27px;letter-spacing:1.7px;font-weight:800;opacity:0}.order-stamp svg{width:32px;fill:none;stroke:currentColor;stroke-width:3}.intro-caption{position:absolute;bottom:30px;left:0;right:0;text-align:center;height:13px;font-size:9px;letter-spacing:1.7px;color:#bbc4d0}.intro-caption span{position:absolute;inset:0}.caption-after{color:var(--orange);opacity:0}.controls{height:87px;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0}.playback{display:flex;align-items:center;gap:24px}button{background:transparent;border:0;color:#e2e7ef;cursor:pointer;padding:10px 0;font-size:12px}button:hover{color:var(--orange)}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px;border-radius:3px}#replay{display:flex;align-items:center;gap:11px}#replay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#skip{font-size:11px;color:#aab6c5}#skip span{margin-left:9px}#skip:disabled{visibility:hidden}.sample-label{font-size:9px;letter-spacing:1.4px;color:#9daabc}.sample-label>span{margin:0 14px;color:#4a5b71}.progress{height:2px;position:absolute;left:0;top:0;width:100%;background:#ffffff0d;overflow:hidden}.progress i{display:block;height:100%;width:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.experience{max-width:1920px;margin:auto}.stage{min-height:720px}}
@media(max-width:900px){.top-label{font-size:8px}.stage{min-height:550px}.intro-heading{left:25px;top:26px}.logo-plaque{width:210px;height:250px}.identity-stamp{right:4%;top:62%}.final-copy{padding:7%}.identity-caption{font-size:7px;letter-spacing:1.2px}.eyebrow{font-size:8px;letter-spacing:1px}.signoff{font-size:8px}.intro-caption{font-size:8px}}
@media(max-width:600px){.experience{padding:0 15px}.topbar{height:78px}.brand{font-size:29px;gap:13px}.brand-logo{width:64px;height:68px;padding:4px}.brand-logo img{width:60px;height:60px}.brand-line{height:26px}.edition{font-size:7px;letter-spacing:1px}.top-label{display:none}.stage{min-height:650px;flex:1;border-radius:6px}.final{grid-template-columns:1fr;grid-template-rows:1fr 190px}.final-copy{padding:29px 27px 23px;align-self:center}.eyebrow{font-size:8px}h1{font-size:clamp(42px,11.4vw,69px);margin:23px 0 20px;letter-spacing:-.065em}.final-copy>p{font-size:14px;line-height:1.5}.final-rule{margin:17px 0 11px;width:40px}.signoff{font-size:7px;letter-spacing:.9px}.signoff b{display:inline}.identity{padding:18px 20px;display:grid;grid-template-columns:120px 1fr;gap:19px;justify-content:start;align-items:center}.identity-caption{display:none}.logo-plaque{width:118px;max-width:none;height:149px;border-radius:2px;transform:rotate(-4deg)}.logo-plaque img{width:86px;height:86px;margin-bottom:5px}.logo-plaque>span{font-size:9px;letter-spacing:0}.logo-plaque small{font-size:4px;letter-spacing:.4px;margin-top:6px}.identity>p{font-size:12px;text-align:left;align-self:start;margin:34px 0 0;line-height:1.7}.identity-stamp{right:22px;top:111px;padding:9px 31px 9px 12px}.identity-stamp span{font-size:6px}.identity-stamp strong{font-size:17px}.identity-stamp svg{width:18px;right:8px;top:17px}.intro-heading{left:26px;top:33px}h2{font-size:30px}.intro-kicker{font-size:8px}.desk{top:55%;left:50%}.intro-caption{bottom:28px;font-size:7px;letter-spacing:1px}.controls{height:85px}.sample-label{display:none}.playback{width:100%;justify-content:space-between;gap:12px}button{font-size:12px}.desk-grid{background-size:30px 30px}}@media(max-width:360px){.final-copy{padding-left:20px;padding-right:20px}.identity{gap:12px;padding-left:15px}.identity-stamp{right:13px}.intro-caption{font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.document,.sticky,.curtain{will-change:auto}}