:root{--bg:#202020;--bg-deep:#121212;--ink:#f4f1ea;--muted:#aaa49d;--soft:#7c7670;--accent:#c4773f;--line:#92572f;--panel-rest:clamp(130px,11.5vw,206px);--panel-open:clamp(320px,32vw,500px);--panels-rest-width:calc(var(--panel-rest) * 3);--panels-open-width:calc(var(--panel-open) + var(--panel-rest) * 2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block}.site-header{position:fixed;top:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.4vw,18px);width:100%;padding:22px clamp(18px,3vw,42px);pointer-events:none}.brand-logo{width:clamp(78px,8.5vw,132px);height:auto;margin-left:1px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;color:rgba(255,255,255,.88);font-size:clamp(18px,1.7vw,26px);font-weight:300;letter-spacing:9px;text-transform:uppercase;pointer-events:auto}.brand,.hero{position:relative}.hero{min-height:100vh;overflow:hidden;background:var(--bg-deep)}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,18,18,.98),rgba(18,18,18,.9) 31%,rgba(18,18,18,.36) 58%,rgba(18,18,18,.12)),radial-gradient(circle at 24% 64%,rgba(196,119,63,.24),transparent 30%);pointer-events:none}.hero-copy{position:absolute;left:clamp(24px,6vw,112px);bottom:clamp(72px,14vh,150px);z-index:5;max-width:min(640px,calc(100vw - var(--panels-rest-width) - 120px))}.hero h1{max-width:640px;margin:0;color:#fff;font-size:clamp(64px,9.4vw,152px);font-weight:300;line-height:.86;text-transform:uppercase}.hero-copy p:last-of-type{max-width:470px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:clamp(16px,1.2vw,20px);line-height:1.8}.hero-visual{position:absolute;inset:0 var(--panels-rest-width) 0 34%;background:url(/images/onedo-hero.png) 100%/cover}.hero-panels{position:absolute;inset:0 0 0 auto;z-index:8;display:flex;justify-content:flex-end;width:var(--panels-rest-width);height:100%;transition:width .52s cubic-bezier(.22,1,.36,1)}.hero-panels:focus-within,.hero-panels:has(.hero-panel:active),.hero-panels:hover{width:min(var(--panels-open-width),68vw)}.hero-panel{position:relative;isolation:isolate;flex:0 0 var(--panel-rest);overflow:hidden;border-left:1px solid rgba(255,255,255,.06);background:#151515;box-shadow:0 0 26px rgba(0,0,0,.52);outline:none;transition:flex-basis .52s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.hero-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--panel-image) center /cover;filter:grayscale(.2);transform:scale(1.03);transition:transform .5s ease,filter .5s ease}.hero-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.72);transition:background .26s ease}.hero-panel:active:before,.hero-panel:focus-visible:before,.hero-panel:focus:before,.hero-panel:hover:before{filter:grayscale(0);transform:scale(1.1)}.hero-panel:active,.hero-panel:focus,.hero-panel:focus-visible,.hero-panel:hover{flex-basis:var(--panel-open);box-shadow:0 0 42px rgba(0,0,0,.78)}.hero-panel:active:after,.hero-panel:focus:after,.hero-panel:hover:after{background:rgba(0,0,0,.54)}.hero-panel:focus-visible{box-shadow:inset 0 0 0 2px rgba(196,119,63,.82),0 0 42px rgba(0,0,0,.78)}.hero-panel.is-featured .panel-label,.hero-panel.is-featured .panel-number{color:rgba(196,119,63,.92)}.panel-number{top:28px;left:28px;color:rgba(255,255,255,.58);font-size:clamp(42px,4.8vw,76px)}.panel-label,.panel-number{position:absolute;font-weight:300}.panel-label{top:50%;left:50%;display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.86);font-size:clamp(24px,2.1vw,38px);letter-spacing:3px;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;transition:color .22s ease,opacity .22s ease,transform .32s ease}.panel-meta{position:absolute;left:34px;right:34px;bottom:40px;display:grid;grid-gap:12px;gap:12px;max-width:310px;opacity:0;transform:translateY(18px);transition:opacity .26s ease 80ms,transform .36s ease 80ms}.panel-meta strong{color:#fff;font-size:clamp(28px,2.6vw,42px);font-weight:300;letter-spacing:3px;text-transform:uppercase}.panel-meta small{color:rgba(255,255,255,.74);font-size:15px;line-height:1.7}.panel-meta em{width:-moz-fit-content;width:fit-content;min-height:34px;color:var(--accent);font-size:12px;font-style:normal;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero-panel:active .panel-label,.hero-panel:focus .panel-label,.hero-panel:focus-visible .panel-label,.hero-panel:hover .panel-label{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) translateY(16px)}.hero-panel:active .panel-meta,.hero-panel:focus .panel-meta,.hero-panel:focus-visible .panel-meta,.hero-panel:hover .panel-meta{opacity:1;transform:translateY(0)}.site-copyright{position:fixed;left:0;bottom:clamp(18px,3vh,30px);z-index:20;width:100%;padding:0 clamp(24px,6vw,112px);color:rgba(255,255,255,.46);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;pointer-events:none}@media (max-width:1040px){:root{--panel-rest:33.333vw;--panel-open:33.333vw;--panels-rest-width:100vw;--panels-open-width:100vw}.hero{min-height:auto;padding-top:76px}.hero-copy{position:relative;left:auto;bottom:auto;max-width:none;min-height:58vh;padding:18vh 24px 64px}.hero-visual{inset:0;opacity:.46}.hero-panels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:34vh}.hero-panels:focus-within,.hero-panels:has(.hero-panel:active),.hero-panels:hover{width:100%}.hero-panel{flex-basis:auto}.hero-panel:active,.hero-panel:focus,.hero-panel:focus-visible,.hero-panel:hover{flex-basis:auto}.site-copyright{position:static;margin-top:8px;padding:24px;text-align:center}}@media (max-width:680px){.brand{gap:8px;font-size:16px;letter-spacing:6px}.hero-copy{min-height:auto;padding:14vh 24px 36px}.hero h1{font-size:clamp(48px,15vw,78px)}.hero-panels{height:clamp(176px,28svh,230px)}.panel-number{top:14px;left:14px;font-size:38px}.panel-label{top:76px;right:12px;bottom:auto;left:14px;min-height:0;font-size:clamp(13px,3.4vw,16px);line-height:1.35;letter-spacing:1px;transform:none}.hero-panel:active .panel-label,.hero-panel:focus .panel-label,.hero-panel:focus-visible .panel-label,.hero-panel:hover .panel-label{opacity:1;transform:none}.panel-meta{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-panel:active:before,.hero-panel:focus-visible:before,.hero-panel:focus:before,.hero-panel:hover:before{transform:scale(1.03)}}