/* The editorial handoff opens into interfaces assembled on independent planes. */
:root{--work-bg:#141614;--work-text:#f5f4f0;--work-muted:#b5b8ad;--work-line:rgb(245 244 240/.18);--work-gutter:4.65%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#main{background:#000;overflow:clip}.hero-actions{flex-wrap:wrap}.hero-title,.work-heading h2{overflow-wrap:anywhere}
.work-jump{min-height:52px;display:inline-flex;align-items:center;gap:20px;font-size:.875rem;color:#d6d8cd}.work-jump span{position:relative}.work-jump span:after{content:'';position:absolute;inset:auto 0 -5px;height:1px;background:currentColor;transform:scaleX(.18);transform-origin:left;transition:transform .4s var(--ease)}.work-jump svg{width:18px;height:18px;transform:rotate(90deg);transition:transform .4s var(--ease)}.work-jump:hover span:after{transform:scaleX(1)}.work-jump:hover svg{transform:rotate(90deg) translateX(3px)}
.work-section{position:relative;isolation:isolate;padding:0 var(--work-gutter) 40px;color:var(--work-text);background:var(--work-bg);scroll-margin-top:0;--handoff:1}
.work-section:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:620px;background:linear-gradient(#000,rgba(0,0,0,.32) 55%,transparent);pointer-events:none}
.work-handoff{height:156px;position:relative;display:flex;align-items:flex-end;padding-bottom:24px}.handoff-line{position:absolute;left:1px;top:0;width:1px;height:100px;background:rgb(245 244 240/.1);overflow:hidden}.handoff-line span{display:block;width:100%;height:100%;background:linear-gradient(transparent,#ddf279);transform:scaleY(var(--handoff));transform-origin:top}.handoff-slash{font-size:28px;line-height:1;color:var(--solar);transform:rotate(calc((1 - var(--handoff))*-24deg));opacity:calc(.4 + var(--handoff)*.6)}
.work-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end;max-width:1740px;margin:0 auto 60px}.work-eyebrow{font:400 .75rem/1.5 var(--mono);letter-spacing:.08em;color:var(--work-muted)}
.work-heading h2{font-size:clamp(3.4rem,6.15vw,7rem);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:24px 0 0}.work-heading h2 span{color:#9ea599}.work-intro{max-width:375px;justify-self:end;padding-bottom:7px}.work-intro p{font-size:1rem;line-height:1.75;color:#d2d5cc}.work-intro>span{display:block;margin-top:24px;font-size:.75rem;line-height:1.7;color:#a8b09f}
.project-selection{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:5%;max-width:1740px;margin:auto;position:relative}
.project-entry{min-width:0}.project-entry:nth-child(2){margin-top:120px}
.project-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid var(--work-line);font:400 .75rem/1.5 var(--mono);color:#c3c9b9}.project-overline>span:last-child{color:#9aa68f;white-space:nowrap}
.project-link{display:block;scroll-margin-top:28px;outline-offset:8px;border-radius:4px}.project-preview{position:relative;isolation:isolate}
.interface-assembly{position:relative;container-type:inline-size;width:100%;aspect-ratio:.97;isolation:isolate;overflow:visible;perspective:1100px;background:radial-gradient(ellipse at 48% 50%,#353a30 0%,#23261f 35%,transparent 72%);font-family:var(--font);--assembly:1}
.assembly-grid{position:absolute;inset:4% 0 10%;background-image:linear-gradient(rgb(221 230 205/.055) 1px,transparent 1px),linear-gradient(90deg,rgb(221 230 205/.055) 1px,transparent 1px);background-size:8.333% 10%;mask-image:radial-gradient(ellipse,#000 20%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 73%)}
.assembly-coordinate{position:absolute;top:5%;left:1%;font:400 1.5cqw/1.5 var(--mono);color:#a8b49a;letter-spacing:.1em}.assembly-caption{position:absolute;bottom:3%;left:2%;display:flex;align-items:center;gap:8px;font:400 1.5cqw/1.5 var(--mono);letter-spacing:.09em;color:#b2bca6}.assembly-dot{width:5px;height:5px;background:#c9d7b8;border-radius:50%}
.assembly-plane{position:absolute;transform-origin:center;backface-visibility:hidden;--enter-x:0px;--enter-y:0px;--enter-rotate:0deg;--turn:0deg;--tilt:0deg;transform:translate3d(calc((1 - var(--assembly))*var(--enter-x)),calc((1 - var(--assembly))*var(--enter-y)),0) rotate(calc(var(--turn) + (1 - var(--assembly))*var(--enter-rotate))) rotateY(calc((1 - var(--assembly))*var(--tilt)));transition:filter .5s var(--ease)}
.plane-back{z-index:0;left:10%;top:8%;width:80%;height:63%;border:1px solid #6c796050;border-radius:9px;background:linear-gradient(150deg,#272c23,#1b1f18);padding:5%;color:#bbc6af;--turn:-5deg;--enter-x:45px;--enter-y:-32px;--enter-rotate:-7deg;--tilt:-14deg}
.plane-back>span{font:400 1.5cqw/1.5 var(--mono);letter-spacing:.12em}.flow-step{display:inline-block;padding:2% 3%;margin-top:4%;border:1px solid #9baa8540;border-radius:4px;font-size:1.75cqw}.plane-back>i{display:inline-block;vertical-align:middle;width:8%;height:1px;background:#a7b39560}
.plane-main{z-index:1;left:1%;top:14%;width:86%;border:1px solid #e0e2d350;border-radius:9px;box-shadow:0 24px 42px #0005;overflow:hidden;background:#f3f2ec;--enter-x:-75px;--enter-y:42px;--enter-rotate:5deg;--tilt:14deg}
.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:5%;height:5.5cqw;padding:0 3%;font:400 1.45cqw/1 var(--mono);color:#74776b;background:#e5e6dc;border-bottom:1px solid #252b2010}.window-dots{display:flex;gap:3px}.window-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#adb09f}
.website-canvas{position:relative;overflow:hidden;padding:4.5%;color:#20271c;background:#f3f2ec}.website-nav{display:flex;align-items:center;justify-content:space-between;gap:8%;font-size:1.2cqw}.website-nav>strong{font-size:2.3cqw;letter-spacing:-.07em}.website-nav>strong span{color:#739039}.website-nav>span{font:400 1cqw/1.4 var(--mono);letter-spacing:.04em}.website-nav>b{font-weight:500;border-bottom:1px solid #899179;padding-bottom:3px;white-space:nowrap}
.website-hero{padding:8% 0 6%;position:relative}.mini-eyebrow{display:block;font:400 1.2cqw/1.5 var(--mono);letter-spacing:.07em;color:#647152}.website-hero>strong{display:block;font-size:5.1cqw;line-height:1.08;letter-spacing:-.065em;font-weight:500;margin-top:4%}.website-hero p{font-size:1.7cqw;color:#6d7165;margin-top:3%}.mini-cta{display:inline-flex;gap:7cqw;align-items:center;margin-top:5%;padding:2.2% 3%;border-radius:3px;background:#273322;color:#f5f5ec;font-size:1.45cqw}.mini-cta i{font-style:normal}
.website-steps{display:flex;gap:4%;padding:4% 0;border-top:1px solid #d9ddcf;border-bottom:1px solid #d9ddcf;color:#667058;font-size:1.35cqw}.website-steps b{font:400 1.3cqw var(--mono);margin-right:3px;color:#879377}.website-option{display:flex;align-items:center;gap:4%;padding:4% 0 1%;font-size:1.4cqw}.option-mark{display:grid;place-items:center;background:#e4e9da;width:5.5cqw;height:5.5cqw;border-radius:4px;font-size:2.5cqw}.website-option div{display:grid;gap:3px}.website-option strong{font-weight:500}.website-option div>span{color:#69745e;font-size:1.15cqw}.website-option>i{margin-left:auto;font-style:normal}
.plane-front{z-index:2;--enter-x:58px;--enter-y:92px;--enter-rotate:-11deg;--tilt:-18deg}
.mobile-preview{right:3.8%;top:28%;width:28%;padding:3.2% 2.6% 2%;border:3px solid #35402c;border-radius:3.2cqw;background:#e9eddf;color:#26321f;box-shadow:0 18px 36px #0006;overflow:hidden;--turn:5deg}
.mobile-status{display:flex;justify-content:space-between;font-size:1.15cqw;font-weight:600}.mobile-island{position:absolute;width:28%;height:1.1cqw;background:#2a3024;border-radius:20px;left:36%;top:2.9cqw}.mobile-brand{display:block;font-size:2.1cqw;letter-spacing:-.06em;margin-top:16%}.mobile-preview .mini-eyebrow{font-size:.95cqw;letter-spacing:0;margin-top:17%}.mobile-heading{display:block;font-size:3.4cqw;line-height:1.06;letter-spacing:-.06em;font-weight:500;margin-top:6%}
.mobile-choice{padding:10% 0;border-bottom:1px solid #b5bda970}.mobile-choice>span{display:block;font-size:1.2cqw;color:#636e54;margin-bottom:5%}.mobile-choice>strong{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:1.3cqw;font-weight:500}.mobile-choice i,.mobile-cta i{font-style:normal}.mobile-cta{display:flex;justify-content:space-between;gap:4px;padding:10% 7%;border-radius:3px;background:#2b3823;color:#f7f7f0;font-size:1.3cqw;margin-top:14%}.mobile-home{width:36%;height:2px;background:#273220;border-radius:10px;margin:17% auto 0}
.orbit-assembly{aspect-ratio:.9;background:radial-gradient(ellipse at 50% 55%,#354033 0%,#232a22 38%,transparent 72%)}.orbit-assembly .plane-back{top:10%;left:5%;width:83%;height:64%;--turn:6deg;--enter-x:-50px;--enter-y:-22px;--enter-rotate:6deg}.orbit-flow{display:flex;align-items:center;gap:6%;margin-top:5%;font-size:1.6cqw}.orbit-flow b{font-weight:400}.orbit-flow i{width:1.1cqw;height:1.1cqw;border-radius:50%;border:1px solid #b8c5a9}
.orbit-assembly .plane-main{left:6%;top:15%;width:93%;border-color:#57604d;--enter-x:72px;--enter-y:38px;--enter-rotate:-6deg;--tilt:-12deg}.orbit-assembly .browser-bar{background:#323832;border-color:#444c3c;color:#c1c8b8}.orbit-assembly .window-dots i{background:#758567}
.software-canvas{position:relative;overflow:hidden;display:grid;grid-template-columns:19% 81%;background:#252825;color:#e2e7d7}.software-sidebar{display:flex;flex-direction:column;gap:3cqw;padding:12% 9%;border-right:1px solid #b8c4a51c;background:#1c211c}.software-sidebar>strong{font-size:3.8cqw;letter-spacing:-.07em;margin-bottom:18%;font-weight:500}.software-sidebar>strong>span{font-size:2.3cqw}.software-sidebar>span{display:flex;gap:5%;font-size:1.45cqw;color:#a6b599}.software-sidebar i{font-size:1.2cqw;font-style:normal}.software-sidebar .sidebar-current{color:#e6eccc}.software-sidebar>b{font-size:1.1cqw;font-weight:500;margin-top:auto;border:1px solid #afbb9c55;width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center}
.software-main{padding:5.5% 6% 4%;min-width:0}.software-breadcrumb{font:400 1.15cqw/1.5 var(--mono);color:#c8d1b9;letter-spacing:.035em}.software-breadcrumb>span{color:#9baa8b}.software-title{display:flex;justify-content:space-between;align-items:center;margin-top:7%}.software-title>strong{font-size:4.8cqw;line-height:1.06;font-weight:500;letter-spacing:-.055em}.software-title>span{width:5cqw;height:5cqw;display:grid;place-items:center;border:1px solid #afbb9c40;border-radius:50%;font-size:2.4cqw}.software-main>p{font-size:1.55cqw;margin-top:4%;color:#b0bea0}.software-tabs{display:flex;align-items:center;gap:5%;border-bottom:1px solid #acb99833;margin-top:9%;font-size:1.5cqw;color:#a5b396}.software-tabs>b{display:flex;gap:6px;align-items:center;padding:0 0 7%;border-bottom:1px solid #e5efbe;color:#e6ecd9;font-weight:500}.software-tabs>b>i{font:400 1.1cqw var(--mono);border-radius:3px;background:#414d33;padding:2px 4px}.software-tabs>span{padding-bottom:7%;white-space:nowrap}
.task-preview{display:flex;align-items:center;gap:4%;padding:5% 0;border-bottom:1px solid #b4c39c1c}.task-status{width:2cqw;height:2cqw;display:grid;place-items:center;border-radius:50%;border:1px solid #b8c694;color:#caddae;font-size:1.3cqw;font-style:normal;flex-shrink:0}.task-status.review{background:#c5d999;box-shadow:inset 0 0 0 2px #2b3323}.task-status.progress{border-style:dashed}.task-preview>div{min-width:0}.task-preview strong{font-size:1.8cqw;line-height:1.3;font-weight:500;display:block}.task-preview div>span{display:block;font-size:1.15cqw;margin-top:3%;color:#a4b394}.task-preview>b{margin-left:auto;font-size:1.1cqw;font-weight:400;color:#c4d6a9;border:1px solid #aabd8d33;padding:3px 5px;border-radius:3px}.software-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:6%;font:400 1.1cqw/1.4 var(--mono);color:#9eae8b}.software-bottom>span{display:flex;gap:5px;align-items:center}.software-bottom i{display:block;width:4px;height:4px;border-radius:50%;background:#a6bf7c}.software-bottom b{font-weight:400}
.review-preview{left:1%;top:5%;width:71%;display:flex;align-items:center;gap:5%;padding:4% 5%;border:1px solid #8d9d775e;border-radius:8px;background:#e4e8dc;color:#27331f;box-shadow:0 16px 36px #0005;--turn:-4deg;--enter-x:-68px;--enter-y:-28px;--enter-rotate:9deg}.review-icon{font-size:4cqw;font-weight:400}.review-preview>div{flex:1}.review-preview div>span{font:400 1.1cqw/1.4 var(--mono);letter-spacing:.06em;color:#5b6b47}.review-preview strong{display:block;font-size:2.2cqw;font-weight:500;letter-spacing:-.025em;margin-top:4%}.review-preview p{font-size:1.25cqw;color:#5c6d48;margin-top:2%}.review-check{display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border:1px solid #9dab8730;background:#bacda0;border-radius:50%;font-size:1.8cqw}
.project-copy{padding:22px 0 0}.project-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 18px}.project-title-row h3{font-size:clamp(1.6rem,2.25vw,2.25rem);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0;overflow-wrap:anywhere}.project-explore{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.8125rem;color:#dce5cc;white-space:nowrap}.project-explore svg{width:17px;height:17px;transition:transform .35s var(--ease)}.project-copy>p{font-size:.9375rem;line-height:1.75;color:#c2c7b9;max-width:530px;margin-top:14px}.project-copy>.project-decision{font-size:.75rem;color:#aab49d;margin-top:14px;line-height:1.8}.project-status{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;font:400 .625rem/1.7 var(--mono);color:#a9b49b}.project-status>span{color:#869576}
.project-link:is(:hover,:focus-visible) .project-explore{color:var(--solar)}.project-link:is(:hover,:focus-visible) .project-explore svg{transform:translate(3px,-3px)}.project-link:active .project-explore svg{transform:translate(1px,-1px)}
.hover-card-shine:after{content:'';position:absolute;inset:-20% auto -20% 0;width:40%;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent 8%,rgb(255 255 255/.03) 27%,rgb(255 255 255/.23) 50%,transparent 94%);opacity:0;transform:translateX(-180%) skewX(-25deg)}
.project-link:focus-visible .hover-card-shine:after,.hover-card-shine.is-shining:after{animation:card-shine .85s var(--ease) both}@keyframes card-shine{0%{opacity:0;transform:translateX(-180%) skewX(-25deg)}18%,75%{opacity:1}100%{opacity:0;transform:translateX(400%) skewX(-25deg)}}
@media(hover:hover) and (pointer:fine){.project-link:hover .hover-card-shine:after{animation:card-shine .85s var(--ease) both}.project-link:hover .plane-main{filter:brightness(1.045)}.project-link:hover .assembly-grid{opacity:.8}}
.work-end{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1740px;margin:72px auto 0;padding-top:24px;border-top:1px solid var(--work-line)}.work-end>p{font-size:.875rem;line-height:1.75;color:#c4ccb9}.work-end>p>span{font-size:.75rem;color:#a4af98}.work-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;font-size:.875rem;color:#e2eacd;white-space:nowrap}.work-contact svg{width:18px;height:18px;transition:transform .3s}.work-contact:hover{color:var(--solar)}.work-contact:hover svg{transform:translate(3px,-3px)}
.hero:after{content:'';position:absolute;z-index:0;inset:auto 0 0;height:150px;pointer-events:none;background:linear-gradient(transparent,#000)}.hero-bottom{z-index:1}
@media(min-width:1800px){.work-heading h2{font-size:7rem}.site-nav{max-width:1740px;margin:auto}}
@media(max-width:1100px){.project-selection{gap:4%}.project-entry:nth-child(2){margin-top:95px}.work-heading{gap:28px;grid-template-columns:1.4fr 1fr}.work-intro{max-width:300px}.work-intro p{font-size:.9375rem}.project-overline{font-size:.625rem}.work-heading h2{font-size:5.6vw}.project-title-row{display:block}.project-explore{margin-top:7px}}
@media(max-width:760px){.project-selection{grid-template-columns:1fr;gap:42px;max-width:640px}.project-entry:nth-child(2){margin-top:0}.interface-assembly{aspect-ratio:.97}.orbit-assembly{aspect-ratio:.9}.project-title-row{display:flex}.project-explore{margin-top:0}.project-overline{font-size:.75rem}.project-copy{padding-top:18px}.project-copy>p{max-width:100%}.work-heading{display:block;margin-bottom:34px}.work-heading h2{font-size:clamp(2.6rem,8vw,4rem)}.work-intro{max-width:440px;justify-self:start;margin-top:25px}.work-intro p{font-size:1rem}.work-intro>span{margin-top:16px}}
@media(max-width:700px){.work-section{--work-gutter:24px;padding-bottom:28px}.hero-actions{align-items:flex-start;gap:8px}.work-jump{justify-content:space-between;width:100%;min-height:48px}.hero-bottom{margin-top:22px}.hero:after{height:70px}.work-handoff{height:106px;padding-bottom:16px}.handoff-line{height:60px}.handoff-slash{font-size:24px}.work-heading h2{font-size:clamp(2.6rem,9.5vw,4rem);letter-spacing:-.06em;margin-top:20px}.work-eyebrow{font-size:.625rem}.project-overline{font-size:.625rem}.project-title-row h3{font-size:1.75rem}.project-title-row{display:block}.project-explore{margin-top:4px}.project-status{margin-top:18px}.work-end{display:block;margin-top:42px;padding-top:22px}.work-contact{width:100%;border-top:1px solid var(--work-line);margin-top:22px;padding-top:16px;min-height:64px}.work-end>p>span{display:inline-block;margin-top:8px}.assembly-plane{--tilt:0deg}.mobile-preview{border-width:2px}.assembly-coordinate,.assembly-caption{font-size:1.8cqw}.project-copy>.project-decision{font-size:.75rem}.interface-assembly .plane-main{--enter-x:-28px;--enter-y:20px}.interface-assembly .plane-front{--enter-x:26px;--enter-y:35px}.orbit-assembly .plane-main{--enter-x:28px}.orbit-assembly .plane-front{--enter-x:-22px;--enter-y:-18px}}
@media(max-width:359px){.work-section{--work-gutter:18px}.work-heading h2{font-size:2.5rem}.project-title-row h3{font-size:1.6rem}.project-overline{flex-wrap:wrap;gap:6px}.work-contact{font-size:.8125rem}}

@media(prefers-reduced-motion:reduce){.work-section{--handoff:1!important}.interface-assembly{--assembly:1!important}.hover-card-shine:after{display:none}.project-link .project-explore svg,.work-jump:hover svg{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}
.motion-paused .work-section{--handoff:1!important}.motion-paused .interface-assembly{--assembly:1!important}.motion-paused .hover-card-shine:after{display:none}.motion-paused .project-link .project-explore svg,.motion-paused .work-jump:hover svg{transform:none}html.motion-paused::view-transition-group(*),html.motion-paused::view-transition-old(*),html.motion-paused::view-transition-new(*){animation:none}
@media(forced-colors:active){.assembly-plane,.browser-bar{border:1px solid CanvasText}.assembly-grid{display:none}.project-link{border:1px solid LinkText}}