@charset "UTF-8";
@font-face{font-family:Anton;src:url("fonts/anton-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url("fonts/barlow-condensed-medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
:root{--orange:#ff4528;--paper:#f4f1e9;--ink:#10100f;--gutter:clamp(20px,2.85vw,96px);--display:Anton,sans-serif;--body:Barlow,sans-serif;color-scheme:light;scroll-behavior:smooth;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:500;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--display);font-weight:400}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block}button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.definitions{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:10px;padding:12px;background:var(--paper);z-index:50;transform:translateY(-160%)}.skip-link:focus{transform:none}
.hero{background:#b9b6b0 url("assets/window-light.svg") left top / 100% 100% no-repeat;color:#252e30;overflow:hidden;isolation:isolate}
/* Keep the poster proportions consistent, including on wide or scaled displays. */
.hero-stage{--gutter:2.85cqw;position:relative;container-type:inline-size;width:min(100%,max(1100px,calc((100svh - 40px) * 1.73)));aspect-ratio:100 / 57.8;margin-inline:auto}
/* Window light crosses the wall and printed wordmark beneath the product images. */
.hero-stage::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(ellipse 42% 55% at 0 0,#e5ceb465 0,#e5ceb42c 40%,transparent 100%)}
.hero-stage::after{mask:url("assets/window-light-mask.svg") left top / 100% 100% no-repeat}
.masthead{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);height:3.3cqw;min-height:42px}
.nav{display:flex;gap:clamp(18px,2.3cqw,45px);align-items:center}
.nav a{font-size:clamp(14px,1.15cqw,42px);letter-spacing:.015em;position:relative;padding:10px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .2s}.nav a:hover::after{transform:scaleX(1)}
.platform{font-size:clamp(14px,1.15cqw,42px);display:flex;align-items:center;gap:2.5cqw}.nav-rule{width:4cqw;height:1px;background:currentColor}
.brand{position:absolute;z-index:0;top:max(44px,3.5cqw);left:var(--gutter);display:flex;align-items:center;gap:.8cqw;width:74cqw;pointer-events:none}
.brand-mark{display:block;width:62cqw;flex:none;animation:brand-enter .8s cubic-bezier(.16,1,.3,1) both}
.brand-mark svg{width:100%;height:auto}.brand-studio{font-family:var(--body);font-size:4.6cqw;font-weight:500;line-height:1;letter-spacing:-.03em;padding-top:1.4cqw}
.product{position:absolute;bottom:0}
.clothing{left:0;width:47.7%;height:100%;z-index:2;pointer-events:none}
.clothing button{pointer-events:auto}
.model-render{position:absolute;left:17%;bottom:0;height:89%;width:81%;text-align:left}
.model-cutout{clip-path:url(#model-silhouette);object-fit:fill;width:auto;max-width:none;height:100%;aspect-ratio:2/3;animation:model-enter 1s .08s cubic-bezier(.16,1,.3,1) both;transition:filter .3s}
.model-render:hover .model-cutout{filter:brightness(1.035)}
.product-copy{position:absolute;z-index:3;left:6%;top:46%;text-align:left}
.badge{font-size:clamp(12px,1.08cqw,40px);line-height:1;display:inline-block;padding:.24em .43em .3em;border:1px solid currentColor;margin-bottom:.6cqw}
.product-copy h2{font-size:clamp(30px,3.65cqw,140px);line-height:.98;letter-spacing:-.012em;transform:scaleX(.82);transform-origin:left}
.product-copy p{font-size:clamp(16px,1.6cqw,60px);margin-top:.5cqw}
.copy-rule{display:block;height:1px;width:2.3cqw;min-width:25px;background:currentColor;margin:2cqw 0}
.product-cta{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-height:42px;padding:.85cqw 1.35cqw;font-size:clamp(14px,1.15cqw,42px);transition:gap .2s,background .2s}
.product-cta span{font-size:1.2em}.product-cta:hover{background:#292925;gap:2.7cqw}
.detail-rail{position:absolute;right:3%;bottom:7%;width:20%;z-index:4;display:grid;gap:1cqw}
.detail-rail button{text-align:left;min-width:0;font-size:clamp(12px,1.06cqw,40px);line-height:1.1}
.detail-rail button>span:last-child{display:block;padding-top:.28cqw}
.clothing .detail-rail button>span:last-child{padding-bottom:3px}
.detail-image{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#ccc}
.detail-image img{width:300%;height:100%;max-width:none;object-fit:fill;transition:filter .25s}
.panel-two img{transform:translateX(-33.333333%)}.panel-three img{transform:translateX(-66.666667%)}
.detail-rail button:hover .detail-image img{filter:brightness(1.13)}
.environment{right:var(--gutter);bottom:1.7cqw;width:49.5%;height:80.5%;z-index:1}
.environment-render{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 18%,58% 18%,58% 0,100% 0,100% 100%,0 100%)}
.environment-render img{object-position:50% 58%;transition:transform .75s cubic-bezier(.2,.65,.3,1);animation:view-enter .7s .15s both}
.environment-render:hover img{transform:scale(1.025)}
.environment .product-copy{top:37%;left:4%;color:var(--paper);text-shadow:0 1px 8px #0008}
.environment .product-cta{background:var(--paper);color:var(--ink);text-shadow:none}.environment .product-cta:hover{background:white}
.environment .detail-rail{right:0;bottom:5.4%;width:20.8%;color:var(--paper);text-shadow:0 1px 5px #000}
.environment .detail-image{border:1px solid #f4f1e955}
.work{padding-top:1px;overflow:hidden}
.work-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:clamp(18px,1.45vw,40px) var(--gutter) clamp(16px,1.2vw,32px)}
.work h2{font-size:clamp(48px,7.65vw,220px);line-height:1.05;letter-spacing:-.035em}
.gallery-controls{display:flex;align-items:center;gap:1.2vw;padding-top:1.1vw;flex-shrink:0}
.work-count{font-size:clamp(15px,1vw,24px);margin-right:1vw;font-variant-numeric:tabular-nums}
.gallery-controls button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:105px;min-height:44px;font-size:clamp(15px,1vw,24px);border:1px solid var(--ink);padding:clamp(10px,.7vw,20px) clamp(18px,1vw,32px)}
.shuffle{background:var(--ink);color:var(--paper)}.shuffle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.pause-symbol{font-family:var(--body);font-size:19px}.gallery-controls button:hover{background:var(--orange);color:var(--ink)}
.gallery{display:grid;gap:7px;padding-bottom:7px}
.film-row{overflow-x:auto;overflow-y:hidden;--row-height:clamp(240px,27vw,600px);height:var(--row-height);touch-action:pan-x pan-y;scrollbar-width:none}
.film-row::-webkit-scrollbar{display:none}
.film-row:nth-child(2){--row-height:clamp(190px,19vw,440px)}
.film-track{display:flex;gap:7px;width:max-content;height:100%}
.film-group{position:relative;display:flex;align-items:stretch;gap:7px;height:100%;flex:none}
.render-tile{height:100%;width:calc(var(--row-height) * var(--ratio,1.6));min-width:0;position:relative;flex:none;overflow:hidden;background:#ded9cd}

.render-tile img{transition:transform .65s cubic-bezier(.2,.65,.3,1);user-select:none;pointer-events:none}
.render-tile:hover img{transform:scale(1.035)}
.tile-title{position:absolute;left:0;right:0;bottom:0;padding:35px 18px 13px;background:linear-gradient(transparent,#000a);color:white;font-size:17px;text-align:left;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.render-tile:hover .tile-title,.render-tile:focus-visible .tile-title{opacity:1;transform:none}
.render-tile:focus-visible{outline-offset:-5px;outline-color:var(--paper)}
.more-products{max-width:3600px;margin-inline:auto;padding:clamp(32px,3.6vw,110px) var(--gutter) 0;scroll-margin-top:24px}
.more-products-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,2vw,42px)}
.more-products h2{font-size:clamp(42px,5.3vw,160px);letter-spacing:-.03em;line-height:1.05}
.more-products-heading>span{font-size:clamp(16px,1vw,36px);color:#59564f}
.product-collection{display:grid;grid-template-columns:2.5fr 1fr;gap:clamp(16px,1.5vw,36px)}
.catalog-product{min-width:0;text-align:left;display:grid;grid-template-columns:1.15fr 1fr;background:#ebe7dd}
.catalog-image{display:block;overflow:hidden;min-width:0;height:clamp(380px,30vw,1000px)}
.catalog-image img{object-position:58% center;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.catalog-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(24px,2.5vw,96px)}
.catalog-category,.coming-soon-label{font-size:clamp(15px,1vw,36px);letter-spacing:.025em}
.catalog-category{display:flex;align-items:center;gap:9px}.catalog-category::before{content:"";width:7px;height:7px;background:var(--orange)}
.catalog-name{font-family:var(--display);font-size:clamp(38px,3.6vw,120px);line-height:1.03;letter-spacing:-.025em;margin-top:clamp(24px,2.2vw,70px)}
.catalog-compatibility{font-size:clamp(16px,1.15vw,42px);margin-top:16px;color:#59564f}
.catalog-colors{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:clamp(20px,2vw,40px);font-size:clamp(14px,.95vw,34px);color:#59564f}
.color-swatches{display:flex;gap:5px}.color-swatches i{width:clamp(14px,1.05vw,36px);height:clamp(14px,1.05vw,36px);border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}
.catalog-action{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;border-top:1px solid #c5bfb2;min-height:44px;padding-top:16px;margin-top:auto;font-size:clamp(17px,1.2vw,42px)}
.catalog-action>span{font-size:1.3em;transition:transform .25s}
.catalog-product:hover .catalog-image img{transform:scale(1.025)}.catalog-product:hover .catalog-action>span{transform:translate(3px,-3px)}
.coming-soon{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;background:var(--ink);color:var(--paper);padding:clamp(24px,2.5vw,96px)}
.coming-soon-label{color:#b4b0a6}.coming-soon-mark{align-self:flex-end;color:var(--orange);font-size:clamp(50px,6vw,110px);font-weight:500;line-height:1}
.coming-soon h3{font-size:clamp(32px,3vw,96px);line-height:1.08;letter-spacing:-.02em}
.studio-note{max-width:calc(3600px - var(--gutter) * 2);margin:clamp(30px,3.3vw,80px) auto 0;padding:20px 0 24px;width:calc(100% - var(--gutter) * 2);border-top:1px solid #b7b3a9;display:flex;justify-content:space-between;align-items:end;gap:25px}
.studio-note p{font-size:clamp(16px,1vw,22px);line-height:1.5}.studio-note .placeholder-note{font-size:clamp(13px,.85vw,18px);color:#625e57}
.footer{max-width:3600px;margin-inline:auto;display:flex;align-items:center;gap:3.5vw;padding:clamp(24px,1.8vw,45px) var(--gutter) clamp(28px,2.5vw,60px)}
.footer-logo{display:flex;align-items:center;gap:4px;flex:none}.footer-logo svg{width:12vw;min-width:110px;max-width:200px}.footer-logo>span{font-size:clamp(18px,1.9vw,30px)}
.footer-rule{height:1px;background:#969188;flex:1}.back-top{display:flex;align-items:center;gap:clamp(16px,4vw,80px);font-size:clamp(16px,1vw,22px)}.back-top span{font-size:25px}.back-top:hover span{transform:translateY(-3px)}
.viewer{border:0;padding:0;width:min(1800px,94vw);max-width:none;max-height:94dvh;overflow:auto;background:var(--paper);color:var(--ink)}
.viewer:has(.portrait-view){width:min(1100px,94vw,max(680px,calc(68dvh * .77 + 64px)))}
.viewer::backdrop{background:#10100fec;backdrop-filter:blur(6px)}
.viewer-bar{flex:none;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;gap:20px}.viewer-bar h2{font-size:32px;line-height:1.1}.viewer-bar p{font-size:14px;color:#645d55;margin-top:6px}.viewer-close{display:flex;align-items:center;justify-content:center;gap:18px;min-width:85px;min-height:44px}.viewer-close span{font-size:28px}
.viewer-media{height:min(68dvh,1200px);min-height:0;flex:1 1 auto;margin:0 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dfdcd4}
.viewer-media>img{object-fit:contain}.viewer-media .model-cutout{height:100%;width:auto;animation:none}
.viewer-media.model-view{background:var(--orange)}.viewer-media.sheet-view{background:#c8c8c6}
.viewer-media .detail-image{height:auto;width:min(100%,68dvh,1200px);max-height:100%;aspect-ratio:1;background:none}
.viewer-views{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:15px 24px 22px}.viewer-views:empty{padding-top:0}
.viewer-views button{padding:11px 18px;min-height:44px;border:1px solid #b2ada3;font-size:16px}.viewer-views button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.viewer[open]{display:flex;flex-direction:column;animation:dialog-enter .2s ease}
.no-script-gallery{display:flex;height:300px;gap:8px}.no-script-gallery img{width:33.33%}
@keyframes brand-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes model-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes view-enter{from{opacity:0}to{opacity:1}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:1000px) and (min-width:641px){.hero-stage{width:100%;height:66vw;min-height:560px;aspect-ratio:auto}.model-render{left:17%;width:90%;height:85%}.product-copy{top:48%}.product-copy h2{font-size:3.7vw}.environment .product-copy{top:40%}.detail-rail{bottom:6%;width:21%}.brand-studio{font-size:3.8vw}.clothing .product-copy h2{transform:scaleX(.75)}.work-heading{align-items:end}.work h2{font-size:7.3vw}.gallery-controls{gap:8px}.gallery-controls button{min-width:85px;padding:9px}.work-count{font-size:13px;margin:0}.product-collection{grid-template-columns:minmax(0,1fr)}.catalog-image{height:clamp(360px,46vw,460px)}.catalog-info{padding:28px}.catalog-name{font-size:clamp(40px,5.2vw,52px);margin-top:24px}.coming-soon{min-height:190px;padding:28px}.coming-soon h3{font-size:40px}.coming-soon-mark{position:absolute;right:28px;top:24px;font-size:64px}.studio-note{align-items:start}}
@media(max-width:640px){
.hero{background-size:auto max(550px,145vw)}
:root{--gutter:5vw}
.hero-stage{--gutter:5cqw;width:100%;height:auto;min-height:0;aspect-ratio:auto;display:grid;grid-template-columns:1fr;padding-bottom:20px}
.masthead{height:52px;padding:0 var(--gutter)}.nav{gap:12px;width:100%;justify-content:space-between}.nav a{font-size:14px;letter-spacing:0}.platform{display:none}
.brand{top:56px;left:var(--gutter);width:90vw;gap:2vw}.brand-mark{width:73vw}.brand-studio{font-size:7vw;padding-top:1vw}
.product{position:relative;inset:auto}
.clothing{height:119vw;min-height:390px;max-height:670px;width:100%;margin-top:0}
.model-render{height:92%;left:18%;bottom:0;width:75%}.model-cutout{height:100%}
.product-copy{left:var(--gutter);top:49%}.product-copy h2{font-size:9vw;line-height:1.01}.clothing .product-copy h2{transform:scaleX(.74)}
.product-copy p{font-size:19px;margin-top:6px}.badge{font-size:13px;padding:3px 6px;margin-bottom:8px}.copy-rule{margin:17px 0;width:25px}
.product-cta{min-height:44px;padding:12px 14px;gap:22px;font-size:14px}.product-cta:hover{gap:22px}
.detail-rail{right:var(--gutter);bottom:6%;width:18.5%;gap:10px}.detail-rail button{font-size:12px}.detail-rail button>span:last-child{padding-top:4px}
.environment{margin:0 var(--gutter);width:auto;height:108vw;max-height:620px;min-height:360px}
.environment-render{clip-path:polygon(0 12%,62% 12%,62% 0,100% 0,100% 100%,0 100%)}
.environment .product-copy{left:5%;top:29%}.environment .product-copy h2{font-size:10vw}
.environment .detail-rail{right:0;bottom:5%;width:23%;gap:9px}.environment .product-cta{margin-top:0}
.work-heading{display:block;padding:23px var(--gutter) 16px}.work h2{font-size:13vw;letter-spacing:-.035em;line-height:1.05}
.gallery-controls{justify-content:flex-end;gap:9px;padding-top:16px}.work-count{font-size:14px;margin-right:auto}.gallery-controls button{min-height:44px;min-width:92px;padding:10px 13px;font-size:14px;gap:9px}
.gallery{gap:5px;padding-bottom:5px}.film-track,.film-group{gap:5px}.film-row{--row-height:245px}.film-row:nth-child(2){--row-height:190px}

.more-products{padding-top:30px}.more-products-heading{gap:12px;flex-wrap:wrap;margin-bottom:20px}.more-products h2{font-size:11vw}.more-products-heading>span{font-size:14px}
.product-collection{grid-template-columns:minmax(0,1fr);gap:16px}.catalog-product{grid-template-columns:minmax(0,1fr)}
.catalog-image{height:auto;aspect-ratio:1}.catalog-info{padding:24px}.catalog-name{font-size:48px;margin-top:20px}.catalog-name br{display:none}
.catalog-compatibility{margin-top:12px}.catalog-colors{margin-top:20px}.catalog-action{margin-top:25px;padding-top:14px}
.coming-soon{min-height:210px;padding:24px}.coming-soon h3{font-size:36px}.coming-soon-mark{position:absolute;right:24px;top:24px;font-size:60px}
.studio-note{display:block;margin-top:30px;padding:20px 0 5px}.studio-note p{font-size:15px}.studio-note .placeholder-note{font-size:12px;margin-top:15px}
.footer{padding-top:25px;padding-bottom:25px;gap:20px}.footer-logo svg{width:100px;min-width:0}.footer-logo>span{font-size:17px}.back-top{font-size:14px;gap:12px}.footer-rule{display:none}.footer{justify-content:space-between}
.viewer-bar{padding:16px}.viewer-bar h2{font-size:27px}.viewer-bar p{max-width:240px;font-size:13px}.viewer-media{margin:0 12px;height:56dvh}.viewer-media .detail-image{width:min(100%,56dvh)}.viewer-views{gap:5px;padding:12px}.viewer-views button{font-size:14px;padding:10px 12px}.viewer-close{min-width:62px;gap:8px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.film-row{overflow-x:auto;touch-action:pan-x pan-y}.film-track{transform:none!important}.film-copy{display:none}}