:root{--ink:#100e16;--paper:#e7e8da;--acid:#daff79;--muted:#aaa6b8;--line:#d6cdf326}body{background:var(--ink)}.masthead{border:0;min-height:88px;background:var(--ink);padding:1.25rem 3%;position:relative}.brand>span{font-size:1.6rem}.brand svg{width:36px;height:30px}.brand-sub{font-size:.75rem;letter-spacing:.22em}.masthead nav{font-size:.875rem;gap:2rem}.contact-nav{border:0;gap:1rem}.hero{height:max(850px,calc(100svh - 88px));min-height:850px;max-height:1150px;background:#100e16;overflow:hidden;isolation:isolate}.hero-index{position:absolute;left:3%;right:3%;top:.5rem;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;line-height:1.5;color:#a9a3b7;z-index:5}.hero-index>span:last-child{text-align:right}.hero-title{position:absolute;top:1rem;left:1.5%;right:1.5%;margin:0;font-size:27.5vw;line-height:.95;letter-spacing:-.075em;font-weight:500;color:#cac4d9;z-index:1;pointer-events:none;background:linear-gradient(163deg,#eeefe6 5%,#c3bfcf 28%,#4b465b 47%,#c6d5c2 51%,#8c829d 73%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-media{inset:auto;right:7%;top:19%;width:36%;height:69%;transform:rotate(7deg);z-index:0;clip-path:inset(0 0 0 0 round 47% 47% 2px 2px);background:#181823}.hero-media img{object-position:70% 35%;object-fit:cover;height:100%;width:100%;opacity:1;filter:saturate(.65)}.hero-media:after{background:linear-gradient(0deg,#100e16b0,transparent 40%)}.hero-media figcaption{bottom:2rem;left:2rem;right:1rem;font-size:.75rem;text-align:left;transform:rotate(-7deg)}.cloth-stage{position:absolute;inset:15% 28% 7% -5%;z-index:3;pointer-events:none}#signal-field{width:100%;height:100%;mix-blend-mode:normal;opacity:1;z-index:0;touch-action:pan-y;pointer-events:auto;cursor:grab}#signal-field:active{cursor:grabbing}.cloth-hint{position:absolute;left:39%;bottom:10%;color:#b6b0c3;font-size:.75rem;letter-spacing:.16em;pointer-events:none}.hero-copy{position:absolute;left:4%;bottom:10%;padding:0;width:32%;z-index:5}.hero-copy .eyebrow{margin-bottom:1rem;color:#c1b4d0}.hero-copy h2{font-size:clamp(2.7rem,4.5vw,5.2rem);line-height:1;letter-spacing:-.06em;margin-bottom:1.2rem}.hero-copy h2 em{color:var(--acid)}.hero-description{font-size:1rem;line-height:1.6;color:#cdc6d5;margin-bottom:1.5rem}.pill{border:0;border-bottom:1px solid #d5cfe380;border-radius:0;padding:.7rem 0;gap:2rem;font-size:.875rem}.pill:hover{background:transparent;color:var(--acid);border-color:var(--acid)}.hero-bottom{left:3%;right:3%;bottom:1rem;color:#bdb7c9;font-size:.75rem}.hero-bottom>span:first-child{max-width:none}.hero-bottom .scroll-label{display:block}.motion-toggle{font-size:.875rem}.reading-progress{background:var(--acid)}
@media(min-width:1800px){.hero-title{font-size:27vw}.hero{max-height:1400px}.hero-copy{bottom:10%;padding:0}.cloth-stage{inset:10% 28% 0 -5%}}
@media(max-width:800px){.masthead{min-height:86px;padding:1.3rem 5%;gap:1rem}.masthead nav{gap:1rem}.hero{height:980px;min-height:max(980px,55rem);max-height:none}.hero-index{left:5%;right:5%;font-size:.75rem}.hero-title{top:4rem;font-size:28vw;left:0}.hero-media{right:-2%;top:24%;width:66%;height:49%;transform:rotate(8deg)}.cloth-stage{inset:12% -8% 23% -24%}.hero-copy{left:6%;bottom:10%;width:86%;padding:0}.hero-copy h2{font-size:clamp(3rem,9vw,5.2rem)}.hero-copy .eyebrow{margin-bottom:1rem}.hero-description{font-size:1rem}.hero-bottom{left:5%;right:5%}.hero-bottom .scroll-label{display:none}.hero-media figcaption{display:none}.cloth-hint{left:36%;bottom:19%;font-size:.75rem;letter-spacing:.1em}.hero-bottom>span:first-child{max-width:10rem}.hero-index>span:first-child{max-width:12rem}}
.hero-media{transform:translate(var(--portrait-x,0px),var(--portrait-y,0px)) rotate(7deg);transition:transform .15s linear}.hero-title{transform:translateX(var(--title-x,0px));transition:transform .18s linear}.hero-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.06em;font-size:1.2em}.cloth-controls{position:absolute;right:3%;bottom:7%;z-index:6;max-width:20rem}.cloth-controls p{font-size:.75rem;letter-spacing:.12em;color:#c8c0d3;margin:0 0 .65rem}.finish-buttons,.cloth-actions{display:flex;gap:.4rem}.finish-buttons button,.cloth-actions button{min-height:44px;padding:.55rem .85rem;font-size:.875rem;background:#100e16c9;border:1px solid #a9a2b654;color:#d6d0df;backdrop-filter:blur(10px);border-radius:0}.finish-buttons button[aria-pressed=true]{background:#daff79;color:#100e16;border-color:#daff79}.cloth-actions{margin-top:.45rem;gap:1rem}.cloth-actions button{padding-left:0;border:0;background:none;backdrop-filter:none}.cloth-credit{display:inline-block;color:#9f98ad;font-size:.75rem;line-height:1.5;border-bottom:1px solid #9f98ad60;margin-top:.4rem}.cloth-controls button:hover{color:#daff79}.cloth-controls [aria-pressed=true]:hover{color:#100e16}.cloth-hint{left:49%;bottom:8%;white-space:nowrap}.is-grabbing{cursor:grabbing!important}.hero-media img{filter:saturate(.62);transition:filter .5s}html[data-finish=petrol] .hero-media img{filter:saturate(.55) hue-rotate(12deg)}html[data-finish=signal] .hero-media img{filter:saturate(.75)}
.manifesto{background:#241d2f;color:#e7e5e0;padding:8rem 6% 9rem;display:grid;grid-template-columns:1fr 3fr;gap:3rem;overflow:hidden}.manifesto .eyebrow{color:#b1a3c2;max-width:12rem}.manifesto>div{position:relative}.manifesto h2{font-size:clamp(4rem,8.3vw,9.5rem);line-height:1.02;letter-spacing:-.055em;transform:rotate(-2deg);position:relative;z-index:2}.manifesto h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--acid);letter-spacing:-.065em;display:inline-block;margin-left:10%}.manifesto p:not(.eyebrow){margin:3rem 0 0 29%;max-width:31rem;color:#c5bace}.section-coordinate{display:block;position:absolute;right:4%;bottom:2rem;color:#887595;font-size:.75rem}.inside{background:#deedb3;padding:5rem 4%;color:#222a1c;position:relative}.inside .section-top{margin-bottom:4rem}.inside-heading h2{font-size:clamp(3.2rem,6vw,7rem);line-height:1.03;letter-spacing:-.065em}.inside-heading h2 em{color:#717e4e}.inside-heading>p{color:#53603d}.explorer{border-top:0;border-bottom:1px solid #20262345;min-height:690px;gap:1rem}.model-stage{background:none;min-height:670px}.model-stage:before{content:'HALO';position:absolute;top:23%;left:0;right:0;text-align:center;font:500 15vw/.85 var(--display);letter-spacing:-.08em;color:#c2d694;z-index:-1;pointer-events:none}.explorer-panel{border:0;padding-top:3rem;padding-bottom:3rem}.model-coordinate{left:0;top:2rem}.stage-tabs{gap:1rem}.stage-tabs button{border:0;border-radius:0;border-bottom:1px solid #768457;text-align:left;flex:1;padding:.8rem .2rem}.stage-tabs button[aria-pressed=true]{background:transparent;color:#20281a;border-bottom:3px solid #20281a;font-weight:600}.stage-number{font-size:6rem;color:#a0b578;margin-bottom:1rem}.stage-copy h3{font-size:2.25rem}.stage-copy p{color:#4b583b}.view-buttons button{background:#e4f0c1;border:1px solid #657942;border-radius:0}.view-buttons button[aria-pressed=true]{background:#273020;color:#ddf5ab}.model-help{left:0}.spec-strip{gap:2rem}.spec-strip strong{font-size:clamp(1.8rem,3vw,3rem)}.reveal-control input{accent-color:#273020}.model-note{color:#586845}.tag{border-radius:0;border-color:#5c6b45;padding:.35rem .6rem}.engineering-notes summary{font-size:1rem}.model-stage #three-container{z-index:1}.model-coordinate,.model-help,.view-buttons{z-index:2}
.contact-study{background:#17131f;grid-template-columns:1.35fr 1fr;padding:7rem 5%;gap:0;min-height:820px;overflow:hidden}.contact-study figure{transform:rotate(-5deg);min-height:610px;z-index:1}.contact-study figure img{clip-path:inset(0 0 0 0 round 2px 42% 2px 2px)}.contact-study figcaption{transform:rotate(5deg);bottom:-2.5rem;background:none;left:1rem}.contact-study-copy{padding:3rem 0 3rem 8%;position:relative;z-index:2}.contact-study-copy h2{font-size:clamp(3rem,4.8vw,5.4rem);margin-left:-18%;text-shadow:0 2px 30px #17131f80}.contact-study-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.055em;font-weight:400;color:#d0aef4}.contact-study p:not(.eyebrow){color:#c4b9cb}.material-samples{font-size:.875rem;display:grid;grid-template-columns:1fr;margin-top:2.5rem;gap:.8rem}.material-samples i{width:15px;height:15px}.collection{background:#e7e8da;padding:7rem 5%;overflow:hidden}.collection-heading{margin-bottom:5rem;align-items:start}.collection-heading h2{font-size:clamp(3rem,6.8vw,7.5rem)}.collection-heading h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#7c687b}.product-grid{display:block;counter-reset:objects}.product{counter-increment:objects;display:grid;grid-template-columns:20% 47% 1fr;grid-template-rows:auto auto 1fr;gap:1.5rem;padding:3.5rem 0 4.5rem;border-top:1px solid #1f29213b;position:relative;align-items:start}.product:before{content:'0' counter(objects);font:400 8rem/1 var(--display);letter-spacing:-.08em;position:absolute;left:0;bottom:4rem;color:#c4cabb;pointer-events:none}.product-image{grid-column:2;grid-row:1/4;aspect-ratio:1.15;transform:rotate(-3deg);width:95%;margin:1rem 0;box-shadow:0 22px 30px #1b292618}.product-title{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:start;margin:0;gap:.7rem;z-index:2}.product-title h3{font-size:clamp(3.5rem,6vw,7rem);line-height:1;letter-spacing:-.06em;margin-left:-.08em}.product-title>span{font-size:.75rem}.product>p{grid-column:3;grid-row:2;margin:0;max-width:20rem;line-height:1.7}.product-status{grid-column:3;grid-row:3;border:0;margin:0;padding:0;color:#687656;max-width:15rem}.product:nth-child(2) .product-image{transform:rotate(4deg)}.product:nth-child(2) .product-title{grid-column:3}.product:nth-child(2)>p,.product:nth-child(2)>.product-status{grid-column:1}.product:nth-child(2):before{left:auto;right:0}.product:nth-child(3) .product-image{transform:rotate(-2deg);width:80%;margin-left:10%;aspect-ratio:1}.product:nth-child(3) .product-title h3{color:#665475}.image-link{border-radius:0;background:#daff79;color:#100e16}.coda{background:#b8a6d0;padding:5rem 5% 0;color:#18121f}.coda .eyebrow{color:#493856}.coda h2{font-size:clamp(4rem,10vw,12rem);letter-spacing:-.055em;margin-left:15%;transform:rotate(-3deg);margin-bottom:3rem}.coda h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#f1ffcb}.email-link{margin-left:15%;border-color:#3f334c90;font-size:clamp(1.3rem,2.8vw,3rem)}.email-link:hover{color:#f1ffcb}.liquid-wordmark{padding-top:7rem;transform:translateY(9%)}.liquid-wordmark>span{background-image:linear-gradient(164deg,#31283b 8%,#f8eafe 26%,#9982ac 35%,#322441 42%,#e7ffd9 48%,#776986 53%,#d1b0f0 65%,#44314f 82%)}.liquid-symbol{color:#4b395c;filter:drop-shadow(2px 0 0 #bfffdb90) drop-shadow(-2px 0 0 #efe1ff90)}footer{background:#100e16;color:#aaa0b8;border-color:#d6cdf326}
@media(max-width:1100px){.cloth-controls{right:3%;bottom:7%;max-width:17rem}.hero-copy{width:38%}.hero-copy h2{font-size:4.8vw}.cloth-stage{right:19%;left:-15%}.cloth-hint{bottom:15%;left:47%}.product{grid-template-columns:22% 45% 1fr;gap:1rem}.product-title h3{font-size:5.8vw}.product>p{font-size:1rem}.contact-study-copy h2{font-size:4.8vw}.model-stage{min-height:620px}.stage-copy h3{font-size:2rem}.stage-number{font-size:5rem}}
@media(max-width:800px){.hero-copy{width:86%;bottom:17%}.hero-copy h2{font-size:clamp(3rem,9vw,5rem)}.hero{min-height:max(1080px,65rem);height:1080px}.cloth-stage{inset:12% -8% 28% -24%}.cloth-hint{bottom:16%;left:36%}.cloth-controls{left:6%;right:6%;bottom:5.5%;max-width:none;display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center}.cloth-controls p{grid-column:1/3;margin:0}.finish-buttons{grid-column:1}.cloth-actions{grid-column:2;grid-row:2;margin:0}.cloth-actions button{font-size:.875rem;white-space:nowrap}.cloth-credit{grid-column:1/3;justify-self:start;margin-top:0}.hero-bottom{bottom:.4rem}.hero-media{top:21%;height:42%;right:-3%;width:70%}.manifesto{display:block;padding:5rem 6% 6rem}.manifesto .eyebrow{margin-bottom:3rem}.manifesto h2{font-size:clamp(3.6rem,11vw,6.5rem)}.manifesto p:not(.eyebrow){margin:3rem 0 0 12%;font-size:1rem}.inside{padding:4rem 6%}.inside-heading h2{font-size:clamp(3rem,8.5vw,5rem)}.inside .section-top{margin-bottom:3rem}.explorer{min-height:0}.model-stage{min-height:550px}.model-stage:before{font-size:25vw;top:22%}.explorer-panel{padding:1.5rem 0 2rem}.stage-number{font-size:4rem}.stage-copy{min-height:245px}.spec-strip strong{font-size:2.2rem}.contact-study{grid-template-columns:1fr;padding:5rem 6%;gap:3rem}.contact-study figure{min-height:500px;width:94%;margin-left:3%}.contact-study-copy{padding:1.5rem 0}.contact-study-copy h2{font-size:clamp(3rem,8vw,5rem);margin-left:0}.contact-study-copy .eyebrow{margin-bottom:2rem}.contact-study figure img{clip-path:inset(0 0 0 0 round 2px 30% 2px 2px)}.material-samples{display:flex;flex-wrap:wrap;gap:1.2rem}.collection{padding:4rem 6%}.collection-heading{margin-bottom:3rem}.collection-heading h2{font-size:clamp(3rem,8.5vw,5rem)}.product{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:2.5rem 0 3.5rem;gap:1.5rem}.product-title,.product:nth-child(2) .product-title{grid-column:1;grid-row:1;display:flex;flex-direction:column}.product-title h3,.product:nth-child(2) .product-title h3{font-size:3.5rem}.product-image{grid-column:1/3;grid-row:2;width:88%;margin:1rem auto 2rem;aspect-ratio:1.15}.product:nth-child(2) .product-image{width:85%}.product:nth-child(3) .product-image{width:80%;margin:1rem auto 2rem}.product>p,.product:nth-child(2)>p{grid-column:1/3;grid-row:3;max-width:32rem}.product-status,.product:nth-child(2)>.product-status{grid-column:2;grid-row:1;text-align:right;justify-self:end;padding-top:.4rem;max-width:9rem;font-size:.75rem}.product:before,.product:nth-child(2):before{left:auto;right:0;bottom:3rem;font-size:4rem;opacity:.5;z-index:0}.coda{padding:4rem 6% 0}.coda h2{font-size:clamp(4rem,13vw,6rem);margin-left:0}.email-link{margin-left:0;font-size:1.5rem}.liquid-wordmark{padding-top:5rem}.liquid-wordmark>span{font-size:23vw}.hero-title{font-size:28vw}}
@media(max-width:450px){.cloth-controls{grid-template-columns:1fr;gap:.25rem}.cloth-controls p{grid-column:1}.finish-buttons{grid-column:1}.cloth-actions{grid-column:1;grid-row:3;gap:1.5rem}.cloth-credit{grid-row:4;grid-column:1}.hero-copy{bottom:22%;width:90%}.cloth-controls{bottom:5%;}.hero{height:1120px;min-height:max(1120px,66rem)}.hero-copy h2{font-size:3.3rem}.hero-media{height:39%;top:21%}.cloth-stage{bottom:35%}.cloth-hint{bottom:7%;left:40%;font-size:.75rem}.hero-title{font-size:27.5vw}.hero-index{font-size:.75rem;gap:1.5rem}.model-stage{min-height:470px}.contact-study figure{min-height:390px}.manifesto h2{font-size:3.5rem}.manifesto p:not(.eyebrow){margin-left:0}.inside-heading h2,.collection-heading h2{font-size:3rem}.product-title h3{font-size:3.5rem}.coda h2{font-size:4.3rem}}
.finish-buttons{flex-wrap:wrap}.cloth-controls[hidden]{display:none}.cloth-controls a:hover{color:#e7e8da}
@media(max-width:450px){.hero-copy h2{font-size:clamp(2.3rem,9vw,3.3rem)}}
@media(prefers-reduced-motion:reduce){.hero-media{transform:rotate(7deg)}.hero-title{transform:none}.hero-media,.hero-title{transition:none}}