@font-face{font-family:Manrope;src:url(assets/body.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(assets/body-semibold.ttf) format('truetype');font-weight:600 800;font-display:swap}@font-face{font-family:Barlow;src:url(assets/display.ttf) format('truetype');font-weight:700;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;background:#030505;color:#ecf2ee;color-scheme:dark;font-synthesis:none;--accent:#45c3b3;--muted:#a9b6b8;--line:#ffffff25;--vh:1vh;scroll-padding-top:50px}*{box-sizing:border-box}body{margin:0;background:#030505}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-family:Barlow,Impact,sans-serif;line-height:.9;font-weight:700;letter-spacing:-.025em}p{line-height:1.7}.skip{position:fixed;z-index:50;top:-100px;left:20px;background:#d5eae3;color:#07110e;padding:16px}.skip:focus{top:15px}.header{position:fixed;top:0;left:0;width:100%;height:95px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;z-index:20;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(#0305058c,transparent)}.header.show{opacity:1;pointer-events:auto}.wordmark{font-size:12px;letter-spacing:.09em;font-weight:600;line-height:1.4}.wordmark span{display:block;font-size:8px;font-weight:400;letter-spacing:.17em;color:#c2d0cc;margin-top:3px}.header nav{display:flex;gap:32px;font-size:11px;color:#d3dedb}.header nav a:hover{color:var(--accent)}.header-end{font-size:10px;display:flex;gap:9px;align-items:center;color:#b8c7c1}.header-end i{width:4px;height:4px;background:var(--accent);border-radius:50%}.story{position:relative;height:1250vh;height:calc(var(--vh)*1250)}.story-pin{position:sticky;top:0;height:100vh;height:calc(var(--vh)*100);overflow:hidden;background:#030505;isolation:isolate}.film-layer{position:absolute;inset:0;opacity:0;will-change:opacity}.film-layer video,.film-layer canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-layer canvas{z-index:1}.film-layer video{object-fit:cover}.film-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(#03050535,transparent 25%,transparent 80%,#03050555)}.opening-logo{position:absolute;left:50%;top:50%;width:clamp(220px,23vw,380px);transform:translate(-50%,-50%);z-index:4;will-change:transform,opacity}.opening-logo img{width:100%;height:auto;filter:drop-shadow(0 0 45px #23a79516)}#idle-logo{transform-style:preserve-3d}.opening-caption{position:absolute;bottom:7%;left:0;right:0;text-align:center;z-index:5;color:#98aaa6;will-change:opacity}.opening-caption>span{font-size:12px}.opening-caption p{font-size:8px;letter-spacing:.24em;margin-top:24px;color:#a2b3af}.scroll-line{height:45px;width:1px;background:#ffffff20;margin:17px auto 0;overflow:hidden}.scroll-line span{display:block;width:1px;height:50%;background:#62b9a8;animation:scroll-line 3s ease-in-out infinite}@keyframes scroll-line{0%{transform:translateY(-130%)}80%,100%{transform:translateY(230%)}}.film-meta{position:absolute;bottom:35px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#adbab4;opacity:0;z-index:4}.team-stack{position:absolute;inset:0;pointer-events:none}.team-slide{position:absolute;inset:0;overflow:hidden;transform:translate3d(0,101%,0);will-change:transform;contain:paint}.team-slide>img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.team-slide:first-child>img{object-position:65% 0%}.team-slide:nth-child(2)>img{object-position:center 43%}.team-slide:nth-child(3)>img{object-position:40% 50%}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030b10c7,transparent 60%),linear-gradient(0deg,#0205059c,transparent 40%)}.slide-shade.right-shade{background:linear-gradient(270deg,#030b10aa,transparent 65%),linear-gradient(0deg,#0205059c,transparent 40%)}.slide-copy{position:absolute;left:6vw;bottom:12%;max-width:560px}.slide-copy p{font-size:11px;color:#bdcdca;margin-bottom:25px}.slide-copy h1,.slide-copy h2{font-size:clamp(90px,10.5vw,175px)}.slide-copy>span{font-size:12px;display:block;margin-top:28px;color:#b6c7c5}.right-copy{left:auto;right:7vw}.slide-count{position:absolute;bottom:40px;right:4vw;color:#b8cbc8;font-size:10px;letter-spacing:.16em}.story-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;z-index:8;background:#ffffff0d}.story-progress span{display:block;transform-origin:left;height:100%;background:#54b9a8;transform:scaleX(0);will-change:transform}.skip-film{position:absolute;right:4vw;bottom:35px;z-index:9;font-size:10px;color:#b5c5bd;opacity:0;pointer-events:none;transition:opacity .3s}.skip-film.show{opacity:1;pointer-events:auto}.skip-film span{margin-left:15px}.media-status{position:absolute;bottom:20%;left:0;width:100%;text-align:center;color:#a0bdb3;z-index:5;font-size:10px;pointer-events:none}.team-anchor{position:absolute;top:49%;left:0;width:1px;height:1px}.wardrobe{position:relative;isolation:isolate}.atmosphere{position:sticky;top:0;height:100vh;height:calc(var(--vh)*100);margin-bottom:-100vh;margin-bottom:calc(var(--vh)*-100);z-index:-1;overflow:hidden;background:#050809}.atmosphere video{width:100%;height:100%;object-fit:cover;opacity:.78}.atmosphere-shade{position:absolute;inset:0;background:linear-gradient(#03050596,transparent 45%,#0305058c),#01060766}.collection-arrival{height:100vh;height:calc(var(--vh)*100);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;padding:120px 20px 70px}.collection-arrival>p{font-size:12px;color:#a4bcb6;margin-bottom:25px}.collection-arrival h2{font-size:clamp(90px,10vw,160px);text-shadow:0 3px 40px #0008}.collection-arrival>span{font-size:12px;color:#b5c8c0;margin-top:27px}.arrival-link{position:absolute;bottom:65px;font-size:10px;display:flex;align-items:center;gap:25px}.arrival-link>span{border:1px solid #ffffff40;border-radius:50%;height:33px;width:33px;display:grid;place-items:center}.studio-section{position:relative;min-height:125vh;min-height:calc(var(--vh)*125);padding:40px 4.5vw 15vh;display:flex;justify-content:center;align-items:center}.studio-panel{width:min(1340px,100%);background:linear-gradient(125deg,#142123a6,#080e10e8 65%);border:1px solid #b2ddd137;border-radius:22px;backdrop-filter:blur(30px);box-shadow:0 30px 100px #0006,inset 0 1px 0 #ffffff09;overflow:hidden;transform-origin:center;will-change:transform,opacity}.studio-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 35px 23px}.small-label{font-size:9px;color:#8eb9ac}.studio-heading h2{font-size:36px;letter-spacing:-.01em;margin-top:10px}.quiet-button{font-size:9px;color:#b0c6be;display:flex;align-items:center;gap:10px;padding:10px}.quiet-button:hover{color:#ecf8f0}.quiet-button>span:first-child{font-size:14px}.categories{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;padding:0 22px}.category-button{font-size:11px;padding:17px 10px 16px;color:#9aaca8;border-bottom:2px solid transparent;transition:color .4s,background .4s,border-color .4s;line-height:1.4}.category-button small{display:block;font-size:8px;color:#7d9790;margin-top:3px}.category-button[aria-pressed=true]{color:#e3f8ec;border-color:var(--accent);background:linear-gradient(transparent,#43bca910)}.category-button:hover{color:white}.board-heading{padding:25px 35px 0;display:flex;justify-content:space-between;align-items:center}.board-heading p{font-size:11px;color:#c5d8cf;margin-bottom:5px}.board-heading>div>span{font-size:10px;color:#8fa9a0}.board-tools{display:flex;align-items:center;gap:20px}.board-tools>span{font-size:9px;letter-spacing:.1em;color:#8baba0}.round-button{width:32px;height:32px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s}.round-button:hover{background:#8cb9a51c}.carousel{height:clamp(320px,32vw,490px);position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;outline-offset:-6px!important}.carousel.dragging{cursor:grabbing}.carousel:before{content:'';position:absolute;bottom:22px;left:25%;right:25%;height:14px;background:#60bca70e;filter:blur(20px);border-radius:50%}.carousel-layer{position:absolute;inset:0;transition:opacity .65s ease;will-change:opacity}.carousel-slide{position:absolute;inset:15px 11% 14px;display:flex;align-items:center;justify-content:center;will-change:transform,opacity,filter;pointer-events:none}.carousel-slide img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 20px #0008);-webkit-user-drag:none}.carousel-arrow{position:absolute;top:45%;z-index:15;width:42px;height:42px;background:#08100ed1;border:1px solid #afd3c14a;border-radius:50%;font-size:32px;color:#c0dbcb;display:grid;place-items:center;line-height:1;transition:background .3s,transform .3s;box-shadow:0 5px 25px #0005}.carousel-arrow:hover{background:#194335b0;transform:scale(1.06)}.previous{left:22px}.next{right:22px}.board-loading{position:absolute;inset:0;z-index:17;background:#0b1412a3;backdrop-filter:blur(8px);display:grid;place-items:center;font-size:11px;color:#b7d8c7}.board-loading[hidden]{display:none}.palette-row{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 30px 24px}.colour-swatches{display:flex;gap:15px;align-items:center}.colour-swatch{height:30px;width:30px;border:4px solid #0e1714;border-radius:50%;background:linear-gradient(135deg,var(--c1) 49%,var(--c2) 51%);box-shadow:0 0 0 1px #ffffff28;position:relative;transition:box-shadow .3s,transform .3s}.colour-swatch[aria-pressed=true]{box-shadow:0 0 0 1px #a9ddc3;transform:scale(1.1)}.colour-swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid #67b39826}.drag-hint{position:absolute;right:35px;color:#6d9181;font-size:8px;display:flex;gap:10px;align-items:center}.drag-hint span{font-size:18px}.studio-footer{border-top:1px solid #ffffff12;margin:0 35px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.studio-footer>p{font-size:9px;color:#9db3aa}.action-button{font-size:10px;letter-spacing:.025em;background:#c9e7d8;color:#10281b;padding:15px 20px;border-radius:5px;display:flex;align-items:center;gap:45px;font-weight:600;transition:background .3s,transform .3s}.action-button>span{font-size:18px;line-height:1}.action-button:hover{background:#e1f4e8;transform:translateY(-2px)}.finale{background:#030505;padding:90px 7vw 55px;position:relative}.finale-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.finale-top>p{font-size:10px;color:#86a79a;align-self:flex-start;margin-top:7px}.finale-top h2{font-size:clamp(50px,6vw,95px);margin-right:auto}.finale-film{position:relative;background:#070c0a;aspect-ratio:16/9;overflow:hidden;border-radius:8px}.finale-film video{width:100%;height:100%;object-fit:contain}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;background:#0b1512b0;backdrop-filter:blur(14px);border:1px solid #b9d0bb66;border-radius:50%;height:115px;width:115px;justify-content:center;transition:opacity .3s,visibility .3s}.play-button>span{font-size:22px}.play-button small{font-size:7px;letter-spacing:.14em}.play-button.hide{opacity:0;visibility:hidden;pointer-events:none}.finale-bottom{display:flex;justify-content:space-between;font-size:9px;color:#8bada0;margin-top:23px;letter-spacing:.04em}.finale-bottom>a{letter-spacing:0}footer{margin:0 7vw;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;color:#91a99f;font-size:10px;gap:25px}footer img{width:38px;height:38px;object-fit:contain;opacity:.8}footer p{margin-right:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dialog{border:1px solid #7aab954d;background:#0b1110;color:#edf5ef;padding:0;border-radius:15px;width:min(1400px,95vw);max-width:95vw;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#010504de;backdrop-filter:blur(15px)}.dialog-heading,.dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:20px}.dialog-heading{border-bottom:1px solid #ffffff15}.dialog-heading p{font-size:12px;margin-bottom:5px}.dialog-heading span{font-size:10px;color:#91b29f}.design-dialog>img{width:100%;height:68vh;object-fit:contain;padding:20px}.dialog-footer{border-top:1px solid #ffffff15;font-size:10px;color:#92ac9e}.dialog-footer>a{color:#d1ead8}.noscript{position:fixed;inset:auto 20px 20px;background:#16362c;padding:25px;z-index:100}.noscript a{display:block;padding-top:10px}
@media(min-width:1800px){.studio-panel{width:1500px}.carousel{height:540px}.studio-heading{padding-top:35px}.studio-heading h2{font-size:42px}.category-button{font-size:13px}.board-heading p{font-size:14px}.board-heading>div>span{font-size:12px}}
@media(max-width:1000px){.header{height:75px}.header-end{display:none}.slide-copy h1,.slide-copy h2{font-size:90px}.studio-section{padding-left:3vw;padding-right:3vw}.studio-heading{padding:24px}.studio-heading h2{font-size:30px}.category-button{font-size:10px;padding:14px 5px}.categories{padding:0 10px}.board-heading{padding:20px 24px 0}.carousel{height:390px}.carousel-slide{inset:15px 9% 14px}.drag-hint{display:none}.studio-footer{margin:0 24px}.finale-top{flex-wrap:wrap}.finale-top>p{width:100%}.finale-top h2{font-size:65px}}
@media(max-width:650px){.header{padding:0 20px;height:70px}.wordmark{font-size:9px}.wordmark span{font-size:6px}.header nav{gap:15px;font-size:9px}.opening-logo{width:230px}.opening-caption{bottom:10%}.slide-copy,.right-copy{left:25px;right:auto;bottom:14%}.slide-copy h1,.slide-copy h2{font-size:85px}.slide-copy p{font-size:10px}.slide-copy>span{font-size:10px}.slide-shade,.slide-shade.right-shade{background:linear-gradient(0deg,#030805d4,transparent 80%)}.team-slide>img{object-position:60% 50%}.collection-arrival h2{font-size:80px}.collection-arrival>span{font-size:10px}.studio-section{padding:50px 12px 90px;min-height:100vh}.studio-panel{border-radius:15px}.studio-heading{padding:20px 18px}.studio-heading h2{font-size:28px;max-width:230px;line-height:1}.small-label{font-size:8px}.quiet-button{font-size:8px}.studio-heading .quiet-button span:last-child{display:none}.categories{grid-template-columns:repeat(3,1fr)}.category-button{font-size:10px;padding:12px 6px}.category-button small{font-size:7px}.board-heading{padding:20px 18px 0}.board-heading p{font-size:10px}.board-tools{gap:10px}.carousel{height:330px}.carousel-slide{inset:10px 6%}.carousel-arrow{width:32px;height:32px;font-size:27px}.previous{left:8px}.next{right:8px}.palette-row{padding:0 18px 23px}.colour-swatches{gap:12px}.colour-swatch{width:25px;height:25px}.studio-footer{margin:0 18px;align-items:flex-start;flex-direction:column;padding:18px 0;gap:15px}.studio-footer p{font-size:8px}.action-button{width:100%;justify-content:space-between}.finale{padding:70px 20px 45px}.finale-top{gap:20px}.finale-top h2{font-size:53px}.play-button{height:75px;width:75px;gap:7px}.play-button>span{font-size:17px}.play-button small{font-size:6px}.finale-bottom{font-size:7px}footer{margin:0 20px;font-size:8px;gap:12px}footer p{max-width:100px}.dialog-heading,.dialog-footer{padding:18px}.dialog-footer{font-size:8px}.design-dialog>img{height:55vh;padding:8px}}
@media(prefers-reduced-motion:reduce){.scroll-line span{animation:none}.header,.carousel-layer,.category-button,.colour-swatch,.action-button{transition-duration:.1s}.action-button:hover{transform:none}}

@media(min-width:1001px) and (max-height:1000px){.studio-heading{padding-top:20px;padding-bottom:17px}.studio-heading h2{font-size:32px}.category-button{padding-top:13px;padding-bottom:12px}.board-heading{padding-top:17px}.carousel{height:clamp(260px,calc(100svh - 450px),410px)}.palette-row{padding-bottom:18px}.studio-footer{padding-top:15px;padding-bottom:15px}}

.header:focus-within{opacity:1;pointer-events:auto}

/* A compact, viewport-sized studio keeps the artwork and its controls together. */
@media(min-width:1001px){
 .studio-section{min-height:100svh;padding:110px 3.5vw 24px}
 .studio-panel{width:min(1600px,100%);height:min(780px,calc(100svh - 134px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;border-radius:16px}
 .studio-heading{padding:18px 28px 16px}.studio-heading h2{font-size:32px;margin-top:7px}
 .categories{padding:0 15px}.category-button{font-size:11px;padding:12px 8px 11px}
 .board-heading{padding:14px 28px 6px}.board-heading p{font-size:12px;margin-bottom:2px}.board-heading>div>span{font-size:10px}
 .carousel{height:auto;min-height:0}.carousel-slide{inset:8px 12% 12px}
 .palette-row{padding:8px 28px 14px}.colour-swatches{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
 .colour-swatch{height:44px;width:auto;border:1px solid #ffffff15;border-radius:6px;background:#0912116b;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 10px;font-size:10px;color:#a8bab2;transition:background .3s,border-color .3s,color .3s}
 .colour-swatch:hover{background:#ffffff09;color:#edf5ee}.colour-swatch[aria-pressed=true]{transform:none;box-shadow:none;border-color:#7dcab2a6;background:#73b69b16;color:#ecf8f0}.colour-swatch[aria-pressed=true]:after{display:none}
 .drag-hint{display:none}.studio-footer{margin:0 28px;padding:12px 0}.action-button{padding:11px 17px}
}
.swatch-pair{display:inline-block;flex-shrink:0;width:23px;height:15px;border-radius:3px;background:linear-gradient(90deg,var(--c1) 50%,var(--c2) 50%);box-shadow:inset 0 0 0 1px #ffffff25}
.compare-button{display:flex;gap:8px;align-items:center;font-size:11px;color:#d1e4db;border:1px solid #c0e3d537;border-radius:5px;padding:9px 13px;transition:background .25s,border-color .25s}.compare-button>span{font-size:17px;line-height:1;color:#8fc5b3}.compare-button:hover{background:#87bca315;border-color:#9bccb780}
.colours-dialog{width:min(1700px,95vw);height:min(1000px,92svh);max-height:92svh;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#172d2c,#09100f 65%);border-radius:16px}
.colours-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.comparison-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid #ffffff15;gap:20px}.comparison-heading h2{font-size:36px;line-height:1.1;margin-top:5px}.comparison-heading p{font-size:11px;color:#94ada2;margin-top:8px}
.comparison-grid{min-height:0;padding:18px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;overflow:auto}
.comparison-card{min-width:0;min-height:0;display:flex;flex-direction:column;text-align:left;background:#ffffff03;border:1px solid #ffffff13;border-radius:8px;padding:10px 12px 0;overflow:hidden;transition:background .25s,border-color .25s}
.comparison-card:hover{border-color:#a3d9bd70;background:#ffffff08}.comparison-card[aria-pressed=true]{border-color:#82cbb19c;background:#75bd9e0a}.comparison-art{display:block;flex:1;min-height:0;width:100%;padding:0 3px 9px}.comparison-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #0004)}
.comparison-caption{display:flex;align-items:center;gap:8px;min-height:40px;width:100%;border-top:1px solid #ffffff10;font-size:10px;color:#c7d8cf}.comparison-caption .swatch-pair{width:18px;height:12px}.comparison-selection{margin-left:auto;font-size:8px;color:#85b6a1;white-space:nowrap}
.comparison-footer{display:flex;justify-content:space-between;padding:14px 28px;border-top:1px solid #ffffff15;font-size:10px;color:#8da99a}
@media(min-width:1001px) and (max-height:700px){.studio-section{padding-top:82px;padding-bottom:14px}.header{height:70px}.studio-panel{height:calc(100svh - 96px)}.studio-heading{padding:11px 24px}.small-label{display:none}.studio-heading h2{font-size:27px;margin:0}.category-button{padding:8px}.board-heading{padding-top:8px}.colour-swatch{height:36px;font-size:9px}.palette-row{padding-top:4px;padding-bottom:8px}.studio-footer{padding:8px 0}.action-button{padding:9px 16px}.comparison-heading{padding:14px 24px}.comparison-heading h2{font-size:28px}.comparison-heading p{margin-top:4px}.comparison-grid{padding:12px 18px;gap:9px}.comparison-caption{min-height:32px;font-size:9px}.comparison-footer{padding:10px 24px}}
@media(max-width:1000px){.colour-swatch>span{display:none}.compare-button{font-size:10px;padding:8px}.board-tools{gap:12px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(130px,1fr))}.comparison-selection{display:none}.comparison-heading{padding:18px}.comparison-heading h2{font-size:28px}}
@media(max-width:650px){.compare-button{font-size:8px;gap:4px}.board-tools>span{display:none}.board-tools{gap:6px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(150px,1fr))}.comparison-heading p{max-width:240px;font-size:10px}.comparison-caption{font-size:8px}.comparison-footer{font-size:8px;padding:12px 18px}}
@media(max-height:400px) and (min-width:1001px){.studio-panel{min-height:310px;height:auto}.studio-section{min-height:410px}.carousel{min-height:100px}.colours-dialog{overflow:auto}.comparison-grid{grid-template-rows:repeat(2,150px);overflow:visible}}
@media(prefers-reduced-motion:reduce){.comparison-card,.compare-button{transition:none}}

/* Original artwork viewer: one uninterrupted canvas, with navigation kept outside it. */
body.viewer-open{overflow:hidden}
.design-dialog{width:96vw;max-width:1800px;height:94svh;max-height:94svh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#192b29,#080e0d 75%)}
.design-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.design-dialog .dialog-heading{padding:16px 24px}.viewer-tools{display:flex;align-items:center;gap:22px}.viewer-tools select{font:inherit;font-size:12px;color:#dcebe3;background:#14211e;border:1px solid #92baaa44;border-radius:5px;padding:10px 30px 10px 12px;max-width:36vw}
.viewer-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 20px;border-bottom:1px solid #ffffff12}
#viewer-colours{display:flex;gap:8px;align-items:center}#viewer-colours button{border:1px solid #ffffff1c;border-radius:5px;padding:10px;background:#ffffff03;transition:border-color .25s,background .25s}#viewer-colours button[aria-pressed=true]{border-color:#99dfc0;background:#8ac9ae18}#viewer-colours .swatch-pair{width:30px;height:17px}
.zoom-stage{position:relative;min-height:0;overflow:hidden;touch-action:none;user-select:none;outline-offset:-4px!important;cursor:zoom-in;overscroll-behavior:contain}
.zoom-stage.is-zoomed{cursor:grab}.zoom-stage.is-dragging{cursor:grabbing}
#dialog-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:0;transform-origin:center;transition:transform .12s ease-out,opacity .22s ease;pointer-events:none;-webkit-user-drag:none;will-change:transform;filter:drop-shadow(0 10px 18px #0005)}
.zoom-stage.is-dragging #dialog-image{transition:opacity .22s ease}
#viewer-status{position:absolute;left:0;right:0;top:50%;text-align:center;font-size:12px;color:#9abdaf;pointer-events:none}
.design-dialog .dialog-footer{padding:12px 24px;background:#080e0d;gap:16px}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls button{border:1px solid #94b8a739;border-radius:4px;min-width:34px;height:34px;padding:0 12px;font-size:18px}.zoom-controls button:last-child{font-size:11px;margin-left:8px}.zoom-controls output{min-width:50px;text-align:center;font-size:11px}.zoom-controls button:hover{background:#a4d3bb16}.zoom-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:800px){.design-dialog .dialog-heading{padding:12px 16px}.viewer-tools{gap:12px}.viewer-tools select{font-size:10px}.design-dialog .dialog-footer{flex-wrap:wrap;justify-content:center;padding:10px 12px}.viewer-hint{display:none}.viewer-navigation{gap:10px;padding:8px}#viewer-colours{gap:5px}#viewer-colours button{padding:8px 5px}#viewer-colours .swatch-pair{width:22px;height:14px}.design-dialog .dialog-heading p{font-size:10px}}
@media(prefers-reduced-motion:reduce){#dialog-image{transition:none}}
.ui-icon{width:22px;height:22px;flex-shrink:0;display:block}.action-button>.ui-icon{margin-left:auto}
.partners{background:#060b09;padding:35px 7vw;border-block:1px solid #ffffff12}.partners-inner{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:45px}.partners-copy>span{font-size:11px;color:#8eaaa0}.partners-copy h2{font-size:38px;margin-top:10px}.partner-logos{display:flex;align-items:center;gap:18px}.partner-logo{width:190px;height:125px;padding:12px 24px;background:#dce3df;border-radius:6px;display:grid;place-items:center}.partner-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:800px){.partners{padding:28px 20px}.partners-inner{flex-direction:column;align-items:flex-start;gap:22px}.partners-copy h2{font-size:30px}.partner-logos{width:100%;gap:10px}.partner-logo{width:calc((100% - 20px)/3);height:100px;padding:10px}.header{background:#030505ee;backdrop-filter:blur(12px)}}
.partners{position:relative;z-index:1}
.partner-logo{display:flex;align-items:center;justify-content:center;overflow:hidden}.partner-logo img{min-height:0;min-width:0;max-height:100%;flex:1;object-fit:contain}
.partner-logos{flex-wrap:wrap}.partner-wide{width:250px}.partner-wide img{max-width:100%}
@media(max-width:800px){.partner-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.partner-logo,.partner-wide{width:100%;height:110px}.partner-wide{padding:12px}}

/* Portrait opening preserves the complete mobile composition. */
@media(max-width:800px){.film-layer video,.film-layer canvas{object-fit:contain}}