@font-face{font-family:Stack Sans Text;src:url('/stack-sans-text.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Stack Sans Text;src:url('/stack-sans-300.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Stack Sans Text;src:url('/stack-sans-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Stack Sans Text;src:url('/stack-sans-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Stack Sans Text;src:url('/stack-sans-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--pink:#ff2688;--ink:#111111;--beige:#e8dece;--blue:var(--ink);--lilac:var(--pink);--gutter:48px;font-family:'Stack Sans Text',Arial,sans-serif;color:var(--ink);background:var(--beige);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-size:16px;line-height:1.1;font-weight:300;letter-spacing:-.02em}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button: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}.skip-link{position:fixed;top:12px;left:12px;background:#fff;color:var(--blue);z-index:100;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:5;left:0;top:0;width:100%;padding:24px var(--gutter);display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.site-header .brand{width:197px;flex-shrink:0}.brand>span,.nav-contact>a{display:block}.brand-desktop,.brand-mobile,.nav-contact>a:first-child{font-weight:400;line-height:24px;letter-spacing:-.03em}.brand-mobile{display:none!important}.brand-location,.nav-contact>a:last-child{line-height:17.6px}.nav-work,.nav-about{padding-top:1px}.nav-contact{width:176px;flex-shrink:0}.clock{display:inline-flex;gap:4px;white-space:nowrap;align-items:center;font-weight:300;line-height:20.8px}.site-header .clock{padding-top:0;min-width:91px;justify-content:flex-end}.clock time{font-size:16px;letter-spacing:-.03em}.site-header a,.footer-bottom a,.hero-social a{position:relative}.site-header a:hover,.footer-bottom a:hover,.hero-social a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{height:100svh;min-height:580px;position:relative;overflow:hidden;background:#042466;color:#fff;display:flex;align-items:flex-end}.hero-background{position:absolute;inset:0;object-position:center}.hero-bottom{position:relative;width:100%;padding:0 var(--gutter) 48px;display:flex;justify-content:space-between;align-items:flex-end}.hero-title{width:70%;font-size:inherit;font-weight:600}.wordmark{display:block;width:100%;height:auto;overflow:visible}.wordmark foreignObject{overflow:visible}.hero-wordmark-text{font-family:'Stack Sans Text',sans-serif;font-size:132.3827582093439px;font-weight:600;line-height:.8;letter-spacing:-.07em;white-space:nowrap}.hero-social{display:flex;gap:16px;line-height:17.6px;font-size:16px}
.intro{padding:120px var(--gutter)}.intro-text{max-width:1100px;font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1.1;color:#b8b8b8}.intro-text span{display:inline-block;margin-right:.25em;transition:color .2s ease,filter .2s ease}.intro-text span.is-read{color:var(--blue)}
.works-section{padding:0 var(--gutter)}.works-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.works-heading h2{font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-.05em}.view-switch{display:flex;gap:12px;align-items:center}.view-switch button{font-weight:400;letter-spacing:-.03em;line-height:24px}.view-switch button[aria-pressed=false]{color:#aaa}.view-switch button:hover{color:var(--blue)}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.project-card{display:block;min-width:0;position:relative}.project-image{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:1/1.34}.project-image img{transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .4s}.project-card:hover .project-image img{transform:scale(1.035)}.project-overlay{position:absolute;right:16px;bottom:16px;color:white;font-weight:400;letter-spacing:-.03em;line-height:24px;opacity:0;transition:opacity .25s}.project-card:hover .project-overlay,.project-card:focus-visible .project-overlay{opacity:1}.project-caption{display:none}.project-gallery[data-mode=list]{display:flex;flex-direction:column;gap:0}.project-gallery[data-mode=list] .project-card{padding:36px 39px;min-height:134px;border-bottom:1px solid #dbdbdb;transition:background .25s;border-radius:0}.project-gallery[data-mode=list] .project-card:hover{background:var(--lilac);border-radius:16px}.project-gallery[data-mode=list] .project-image{position:absolute;width:160px;height:112px;right:30%;top:10px;z-index:2;border-radius:12px;pointer-events:none;opacity:0;transform:rotate(-5deg) scale(.95);transition:opacity .2s,transform .3s}.project-gallery[data-mode=list] .project-card:hover .project-image{opacity:1;transform:rotate(-5deg) scale(1)}.project-gallery[data-mode=list] .project-overlay{display:none}.project-gallery[data-mode=list] .project-caption{display:flex;align-items:center}.project-gallery[data-mode=list] h3{font-size:48px;font-weight:400;letter-spacing:-.05em;line-height:1.2;color:var(--blue);width:73%}.project-gallery[data-mode=list] .project-caption p{line-height:32px}
.about-section{padding:120px var(--gutter) 0;scroll-margin-top:30px}.about-heading{max-width:1000px;font-size:48px;font-weight:400;line-height:1.2;letter-spacing:-.05em;color:var(--blue);margin-bottom:120px}.about-information{display:flex;flex-direction:column;gap:100px}.info-row{display:grid;grid-template-columns:1fr 2fr}.info-row>h3{font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.03em}.services,.expertise,.clients{padding-bottom:60px}.tile-grid,.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.info-tile{height:128px;border-radius:24px;background:var(--lilac);display:flex;align-items:center;justify-content:center;position:relative;padding:24px;font-size:20px;line-height:32px;font-weight:400;letter-spacing:0;transition:color .25s,background .25s}.tile-plus{position:absolute;left:20px;top:14px;font-size:24px;font-weight:300;line-height:24px;opacity:0;transition:opacity .2s}.info-tile:hover{background:var(--blue);color:#fff}.info-tile:hover .tile-plus{opacity:1}.client-grid>div{height:120px;border:1px solid #dbdbdb;border-radius:24px;display:grid;place-items:center}.client-grid img{width:114px;height:20px;object-fit:contain}.award-row{display:grid;grid-template-columns:1fr .85fr auto;gap:12px;align-items:center;height:72px;border-bottom:1px solid #dbdbdb}.award-row>span:first-child{font-weight:400;line-height:24px;letter-spacing:-.03em}.award-row>span:last-child{text-align:right}.about-story{margin-top:120px}.biography{margin-bottom:120px}.biography>h3{color:var(--blue)}.biography-text{display:flex;flex-direction:column;gap:20px;line-height:1.1}.about-image{width:100%;height:auto;aspect-ratio:1.37;object-fit:cover;border-radius:24px}
.site-footer{background:var(--blue);color:#fff;padding:120px 32px 32px}.footer-contact{display:flex;justify-content:space-between;padding:0 40px 0 8px;font-size:48px;font-weight:400;line-height:1.2;letter-spacing:-.05em}.footer-contact a:hover{opacity:.75}.footer-wordmark-text{font-family:'Stack Sans Text',sans-serif;font-weight:700;font-size:163.925px;line-height:.9;letter-spacing:-.07em;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:-12px;position:relative}.footer-bottom nav,.footer-social{display:flex;gap:16px}.credit{line-height:32px;color:#dbdbdb}
.works-hero{background:var(--blue);color:#fff;padding:280px var(--gutter) 48px}.works-hero h1{max-width:900px;font-size:120px;line-height:.9;letter-spacing:-.05em;font-weight:500}.works-page-gallery{padding:120px 0 48px}
.project-page{background:var(--blue);padding:220px var(--gutter) 0;color:#fff}.project-overview{background:#fff;color:var(--ink);padding:48px;border-radius:24px;display:flex;flex-direction:column;gap:69px}.project-overview h1{font-size:120px;font-weight:500;line-height:.9;letter-spacing:-.05em;color:var(--blue)}.project-meta{display:flex;justify-content:space-between;gap:32px;padding-right:32px}.project-meta dt{color:#8f8f8f;line-height:32px;margin-bottom:5px}.project-meta dd{line-height:1.1}.project-intro{max-width:600px;line-height:1.2}.project-cover{margin-top:2px;width:100%;height:auto;aspect-ratio:1.08;border-radius:24px;object-fit:cover}.project-story{padding:120px 0;max-width:660px;display:flex;flex-direction:column;gap:40px}.project-story h2{font-size:16px;line-height:24px;font-weight:400;letter-spacing:-.03em;margin-bottom:20px}.project-story p{color:#dbdbdb;line-height:1.1}.project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.project-media img{height:auto;aspect-ratio:.994;border-radius:24px;object-fit:cover}.project-media img:last-child{grid-column:1/-1;aspect-ratio:1.59}.project-pagination{display:flex;justify-content:space-between;gap:24px;padding:64px 0}.project-pagination a:hover{text-decoration:underline;text-underline-offset:4px}
[data-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.js-motion [data-reveal]:not(.revealed){opacity:0;transform:translateY(20px)}
@media(min-width:810px) and (max-width:1199px){:root{--gutter:32px}.nav-contact{width:auto}.site-header .clock{display:none}.hero-title{width:75%}.intro-text{font-size:48px}.about-heading{font-size:40px}.footer-contact{font-size:40px}.footer-bottom{flex-wrap:wrap;gap:16px}.project-overview h1{font-size:90px}.works-hero h1{font-size:100px}.project-meta{gap:20px;padding-right:0}}
@media(max-width:809px){:root{--gutter:16px}.brand-desktop{display:none!important}.brand-mobile{display:block!important}.site-header{padding:24px 16px;display:grid;grid-template-columns:1fr auto;row-gap:6px}.site-header .brand{grid-column:1;grid-row:1/3;width:auto}.brand-location{margin-top:6px}.nav-work{grid-column:2;grid-row:1;padding-top:4px;text-align:right}.nav-about{grid-column:2;grid-row:2;text-align:right;padding-top:0}.site-header .nav-contact,.site-header .clock{display:none}.hero{height:90svh;min-height:520px}.hero-background{height:100svh;top:-5svh}.hero-bottom{height:100%;padding:0 16px 16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:48px}.hero-title{width:100%}.hero-social{gap:16px}.intro{padding:120px 16px 60px}.intro-text{max-width:334px;font-size:30px;line-height:1.1;letter-spacing:-.05em;color:var(--blue)}.works-heading h2{font-size:24px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 4px}.project-image{aspect-ratio:1/1.292;border-radius:24px}.project-overlay{display:none}.project-caption{display:block;padding-top:7px}.project-caption h3{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.03em}.project-caption p{display:none}.project-gallery[data-mode=list] .project-card{padding:24px 8px;min-height:110px}.project-gallery[data-mode=list] .project-caption{display:block;padding-top:0}.project-gallery[data-mode=list] h3{font-size:30px;width:100%}.project-gallery[data-mode=list] .project-caption p{display:block;font-size:14px;line-height:24px}.project-gallery[data-mode=list] .project-image{display:none}.about-section{padding:60px 16px 0}.about-heading{font-size:30px;line-height:1.2;margin-bottom:60px;max-width:358px}.about-information{gap:60px}.info-row{display:flex;flex-direction:column;gap:48px}.services,.expertise,.clients{padding-bottom:0}.services .tile-grid{grid-template-columns:1fr}.info-tile{height:86.67px;padding:16px;font-size:20px}.client-grid>div{height:120px}.award-row{grid-template-columns:1.2fr 1fr auto;gap:7px}.award-row>span:nth-child(2){font-size:14px;line-height:1.2}.about-story{margin-top:60px}.biography{gap:24px;margin-bottom:60px}.biography-text{gap:20px}.about-image{aspect-ratio:1.11}.site-footer{padding:60px 16px 16px}.footer-contact{flex-direction:column;padding:0 8px;font-size:30px;line-height:1.2}.footer-home{display:block;margin-top:14px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;margin-top:-12px}.footer-main{margin-bottom:0}.works-hero{padding:220px 16px 32px}.works-hero h1{font-size:60px;max-width:540px;line-height:.95}.works-page-gallery{padding:60px 0 48px}.project-page{padding:160px 16px 0}.project-overview{padding:24px;gap:36px}.project-overview h1{font-size:54px;overflow-wrap:normal;line-height:1;letter-spacing:-.05em}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0}.project-meta dd{font-size:14px;line-height:1.3}.project-cover{aspect-ratio:.85}.project-story{padding:60px 0;gap:32px}.project-media img{border-radius:16px}.project-pagination{padding:48px 0;font-size:14px}.credit{font-size:16px}}
/* Details matched to the reference's desktop and phone variants. */
.nav-contact{width:max-content;white-space:nowrap}
.site-header .brand{width:max-content;white-space:nowrap}
.site-header .clock{width:65px;min-width:0;flex:none}
.clock>span,.clock time{flex-shrink:0}
.footer-bottom .clock{width:65px}
.footer-bottom{margin-top:0}
.footer-contact{padding:0}
.footer-contact a{display:flex;gap:16px;align-items:center;padding-left:8px;opacity:.5;transition:opacity .2s}
.footer-contact a:hover{opacity:1}
.footer-contact svg{width:24px;height:24px;flex:none}
.project-pagination{padding:60px 0;margin-top:2px}
.project-pagination a{display:flex;align-items:center;gap:10px}
.project-pagination img{width:25px;height:30px;border-radius:4px;flex:none}
.biography{padding-bottom:32px}
.skip-link{transform:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}
.info-tile{background:#f5f5ff}
.info-row>h3{color:var(--blue)}
.client-grid>div{background:var(--blue);border:0}
.about-image{aspect-ratio:3600/2631}
.framer-badge{position:fixed;right:20px;bottom:20px;z-index:20;background:#fff;color:#000;border-radius:10px;box-shadow:0 2px 4px #00000012;display:flex;align-items:center;gap:10px;padding:10px 12px;font:600 12px/16px Arial,sans-serif;letter-spacing:0}
.framer-badge svg{width:12px;height:18px}
@media(max-width:809px){
  .hero{overflow:visible}
  .footer-bottom{margin-top:8px}
  .footer-contact{align-items:flex-start}
  .biography{padding-bottom:0}
  .project-image{aspect-ratio:177/229.203125}
  .project-caption{padding-top:6px}
  .works-hero{padding:220px 16px 60px}
  .works-hero h1{font-size:48px;line-height:.9}
  .works-page-gallery{padding-bottom:16px}
  .project-page{padding-top:180px}
  .project-overview{padding:48px 16px;gap:69px}
  .project-overview h1{font-size:48px;line-height:.9}
  .project-meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:47px 63px;padding-right:32px}
  .project-meta>div:first-child,.project-meta>div:last-child{flex-basis:100%}
  .project-meta dd{font-size:16px;line-height:1.1}
  .project-cover{height:299px;aspect-ratio:auto}
  .project-story{gap:40px;margin-top:2px}
  .project-media{grid-template-columns:1fr;margin-top:2px}
  .project-media img{border-radius:24px;aspect-ratio:358/360.28125}
  .project-media img:last-child{height:205px;aspect-ratio:auto}
  .project-pagination{padding:60px 0;min-height:179px;align-items:center;font-size:16px}
  .project-pagination a{flex-direction:column;align-items:flex-start;gap:10px}
  .project-pagination .next-project{align-items:flex-end}
  .info-tile{font-size:14px;font-weight:500;letter-spacing:-.02em;line-height:22.4px;justify-content:flex-start;padding:32px;height:86.4px}
  .services .info-tile{background:var(--blue);color:#fff}
  .about-image{aspect-ratio:1.11;content:url('/ZRNDosSh8XGlCUBUWFQZPWQ0TkA.png')}
}
@media(max-width:359px){.footer-contact{font-size:26px}.project-overview h1{font-size:40px}.project-pagination{font-size:14px}.project-meta{padding-right:0}.expertise .info-tile{padding:24px}}
/* KLIT brand. Images remain independent assets. */
.chalk-cursor{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;user-select:none;contain:strict}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.chalk-cursor{display:none}}
body{background:var(--beige);color:var(--ink)}
.site-header,.hero{color:var(--beige)}
.nav-contact>span{display:block;line-height:17.6px}
.hero{background:var(--ink)}
.hero-background{object-position:62% top}
.hero-title{color:var(--pink);width:clamp(300px,42vw,620px)}
.footer-wordmark{width:min(100%,760px)}
.hero-wordmark-text,.footer-wordmark-text{line-height:1.05;letter-spacing:-.07em}
.intro-heading{margin-bottom:32px;font-size:clamp(42px,6vw,96px);font-weight:600;line-height:1.05;letter-spacing:-.055em;color:var(--ink)}
.intro-heading span{color:var(--pink)}
.intro-text{width:100%;max-width:none;color:#746b62;font-size:36px;font-weight:400;line-height:1.45;letter-spacing:-.025em}
.intro-text span{margin-right:0}
@media(min-width:810px) and (max-width:1199px){.intro-text{font-size:30px}}
@media(max-width:809px){.intro-heading{margin-bottom:24px}.intro-text{font-size:22px;line-height:1.5}}
.intro-text span.is-read,.about-heading,.info-row>h3{color:var(--ink)}
.intro-text .intro-accent,.intro-text .intro-accent.is-read{color:var(--pink)}
.view-switch button[aria-pressed=false]{color:#766d64}
.view-switch button:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}
.project-gallery[data-mode=list] .project-card,.award-row{border-color:#c7baa8}
.project-gallery[data-mode=list] .project-card:hover{background:var(--pink)}
.info-tile{background:var(--pink);color:var(--ink)}
.info-tile:hover{background:var(--ink);color:var(--pink)}
.client-grid>div{background:var(--ink)}
.site-footer{background:var(--ink);color:var(--beige)}
.footer-home{color:var(--pink)}
.footer-contact{gap:24px;flex-wrap:wrap}
.footer-contact a{opacity:1;font-size:clamp(24px,3.33vw,48px);max-width:100%;min-width:0}
.footer-contact a:hover{color:var(--pink)}
.credit{color:var(--beige)}
.works-hero{background:var(--pink);color:var(--ink)}
.work-index .site-header{color:var(--ink)}
.project-page{background:var(--ink);color:var(--beige)}
.project-overview{background:var(--beige)}
.project-overview h1{color:var(--ink)}
.project-meta dt{color:#70665b}
.project-story p{color:var(--beige)}
.skip-link{background:var(--pink);color:var(--ink)}
@media(max-width:809px){
  .hero{overflow:hidden}
  .hero-background{height:100%;top:0;object-position:70% top}
  .hero-bottom{gap:20px}
  .hero-title{width:min(65%,260px);align-self:flex-start}
  .services .info-tile{background:var(--pink);color:var(--ink)}
  .services .info-tile:hover{background:var(--ink);color:var(--pink)}
  .footer-contact{gap:14px}
  .footer-contact a{font-size:clamp(21px,6.15vw,30px);gap:10px;padding-left:0}
  .footer-contact svg{width:18px;height:18px}
}
/* Choreographed photo grid, adapted from the supplied HTML animation. */
.choreo-gallery .works-heading{gap:24px}
.choreo-all{display:inline-flex;align-items:center;gap:16px;font-weight:400;line-height:1.4;white-space:nowrap}
.choreo-all:hover{text-decoration:underline;text-underline-offset:5px}
.choreo-all>span{font-size:24px}
.choreo-stage{position:relative;width:100%;height:clamp(460px,58vw,800px);overflow:hidden;background:var(--beige);isolation:isolate}
.choreo-canvas,.choreo-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.choreo-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding-top:16px}
.choreo-counter{font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.choreo-controls{display:flex;align-items:center;gap:8px}
.choreo-controls button{min-width:44px;min-height:44px;padding:10px 16px;border:1px solid var(--ink);border-radius:999px;font-weight:400;line-height:1.4;transition:background .2s,color .2s}
.choreo-controls button:hover,.choreo-controls button[aria-pressed=true]{background:var(--ink);color:var(--beige)}
.choreo-controls [data-gallery-pause]{min-width:104px;background:var(--pink);color:var(--ink);border-color:var(--pink)}
.choreo-controls [data-gallery-pause]:hover{background:var(--ink);color:var(--pink);border-color:var(--ink)}
@media(max-width:809px){.choreo-gallery .works-heading{gap:12px;margin-bottom:28px}.choreo-all{font-size:13px;gap:8px}.choreo-all>span{font-size:20px}.choreo-stage{height:auto;aspect-ratio:4/5}.choreo-caption{min-height:72px;gap:12px}.choreo-controls{gap:6px}.choreo-controls button{padding:10px 12px}.choreo-controls [data-gallery-pause]{min-width:86px;font-size:14px}}
/* Teams and preorder use the same KLIT palette and oversized editorial type. */
.site-header{column-gap:24px}
.nav-preorder{background:var(--pink);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:500;white-space:nowrap;margin-top:0}
.work-index .nav-preorder{background:var(--ink);color:var(--beige)}
.teams-section{padding-bottom:120px}
.eyebrow{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.preorder-banner{background:var(--pink);padding:64px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:40px}
.preorder-banner h2{font-size:clamp(32px,4vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin-top:14px}
.preorder-button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border-radius:12px;background:var(--ink);color:var(--beige);font-size:16px;font-weight:500;line-height:1.4;transition:background .2s,color .2s}
.preorder-button:hover{background:var(--beige);color:var(--ink)}
.preorder-button>span{font-size:24px;line-height:1}
.preorder-index .site-header{color:var(--ink)}
.preorder-page{padding:180px var(--gutter) 100px}
.preorder-heading{margin-bottom:64px}
.preorder-heading h1{font-size:clamp(70px,10vw,160px);font-weight:600;line-height:.9;letter-spacing:-.075em;margin:24px 0}
.preorder-heading h1>span{color:var(--pink)}
.preorder-heading>p:last-child{font-size:22px;line-height:1.4}
.preorder-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,7vw,112px)}
.preorder-visual{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:24px;background:var(--ink)}
.preorder-image{object-position:65% center}
.preorder-image-title{position:absolute;bottom:20px;left:24px;color:var(--pink);font-size:clamp(100px,15vw,240px);font-weight:700;line-height:.85;letter-spacing:-.08em}
.preorder-stamp{position:absolute;top:24px;left:24px;border-radius:50%;width:116px;height:116px;background:var(--pink);display:grid;place-content:center;text-align:center;transform:rotate(-12deg);font-size:19px;font-weight:500;line-height:1.1;letter-spacing:-.03em}
.preorder-details{min-width:0;padding-top:8px}
.preorder-details h2{font-size:clamp(44px,4.5vw,72px);font-weight:500;line-height:1;letter-spacing:-.06em;margin:16px 0 24px}
.preorder-description{font-size:18px;line-height:1.5;max-width:520px}
.preorder-meta{margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0;border-top:1px solid #baac99;border-bottom:1px solid #baac99;font-size:15px;line-height:1.5}
.preorder-meta dt{color:#655a4c;margin-bottom:6px}
.preorder-meta dd{font-weight:500}
.preorder-form{display:flex;flex-direction:column;gap:20px}
[hidden]{display:none!important}
.preorder-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.preorder-field{display:flex;flex-direction:column;gap:9px;min-width:0}
.preorder-field label{font-size:14px;font-weight:500;line-height:1.4}
.preorder-field label>span{font-weight:300;color:#655a4c}
.preorder-field input,.preorder-field textarea{width:100%;min-width:0;font:inherit;font-size:16px;line-height:1.5;letter-spacing:0;color:var(--ink);background:transparent;border:1px solid #8f816e;border-radius:8px;padding:12px 14px}
.preorder-field input:focus-visible,.preorder-field textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-color:var(--ink)}
.preorder-field textarea{resize:vertical;min-height:100px}
.preorder-quantity{max-width:190px}
.preorder-form .preorder-button{background:var(--pink);color:var(--ink);width:100%}
.preorder-form .preorder-button:hover{background:var(--ink);color:var(--pink)}
.preorder-note,.preorder-status,.preorder-contact{font-size:14px;line-height:1.5}
.preorder-note{color:#655a4c}
.preorder-status{padding:16px;border-left:3px solid var(--pink);background:#f3ebdf}
.preorder-contact{margin-top:24px}
.preorder-contact a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(min-width:810px) and (max-width:1199px){.site-header{column-gap:16px}.preorder-layout{gap:32px}.preorder-fields{grid-template-columns:1fr}}
@media(max-width:809px){
  .site-header{column-gap:16px;row-gap:8px}
  .site-header .brand{grid-row:1/4}
  .nav-preorder{grid-column:2;grid-row:3;margin-top:2px;padding:8px 12px;font-size:14px;text-align:center}
  .teams-section{padding-bottom:60px}
  .preorder-banner{padding:40px 16px;flex-direction:column;align-items:stretch;gap:28px}
  .preorder-banner .preorder-button{align-self:flex-start}
  .preorder-page{padding:180px 16px 64px}
  .preorder-heading{margin-bottom:36px}
  .preorder-heading h1{font-size:clamp(70px,17vw,120px);margin:20px 0}
  .preorder-heading>p:last-child{font-size:18px}
  .preorder-layout{grid-template-columns:1fr;gap:40px}
  .preorder-visual{aspect-ratio:4/4.5}
  .preorder-image-title{font-size:clamp(120px,32vw,220px);left:20px}
  .preorder-stamp{top:20px;left:20px;width:96px;height:96px;font-size:16px}
  .preorder-details{padding-top:0}
  .preorder-details h2{font-size:48px}
  .preorder-fields{grid-template-columns:1fr}
  .preorder-button{padding:20px;gap:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-motion [data-reveal]:not(.revealed){opacity:1;transform:none}}
/* The transparent PNG stays fully visible; only its glow gently breathes. */
.home-page .site-header{align-items:center;color:var(--ink)}
.home-page .hero{background:var(--beige)}
.home-page .site-header .brand{display:none}
.home-page .hero-background{inset:0;height:100%;object-position:50% 50%}
.home-page .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 45%,rgba(0,0,0,.03))}
.home-page .hero-title{position:absolute;top:70px;left:50%;transform:translateX(-50%);width:clamp(320px,52vw,720px);height:auto;aspect-ratio:2.8;z-index:2;align-self:auto;pointer-events:none;background:transparent}
.hero-logo-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:1;background:transparent;filter:drop-shadow(0 0 4px #ff26884d)}
.hero-logo-scribble{position:absolute;inset:0;width:100%;height:100%;background:transparent;pointer-events:none}
.logo-ready .hero-logo-image{animation:logo-breathe 8s ease-in-out 1.5s infinite;animation-play-state:paused}
.logo-ready[data-playing=true] .hero-logo-image{animation-play-state:running}
@keyframes logo-breathe{0%,100%{filter:brightness(1) drop-shadow(0 0 4px #ff26884d)}50%{filter:brightness(1.12) drop-shadow(0 0 12px #ff268899)}}
.home-page .hero-bottom{height:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;z-index:3}
.hero-social{margin-left:auto}
.home-page .hero-social{color:var(--ink);background:#e8deceeb;padding:4px 14px;border-radius:999px;gap:16px}
.hero-social a{display:inline-flex;align-items:center;gap:7px;min-height:44px;line-height:20px;white-space:nowrap;font-weight:400}
.hero-social svg{display:block;width:18px;height:18px;flex:none}
.hero-social a:hover{color:#b70e57}
.project-image{background:var(--pink);isolation:isolate}
.project-image img{filter:grayscale(1) contrast(1.05);mix-blend-mode:luminosity}
.works-heading{gap:24px;flex-wrap:wrap}
.works-hero h1{font-size:clamp(40px,8.3vw,120px);line-height:1.02}
@media(max-width:809px){
  .home-page .site-header{display:flex;justify-content:space-between;padding:18px 16px;gap:16px}
  .home-page .nav-work,.home-page .nav-about{padding:0}
  .home-page .nav-preorder{margin:0}
  .home-page .hero-title{top:78px;width:min(92%,440px)}
  .home-page .hero-bottom{padding-bottom:48px}
  .home-page .hero-social{font-size:13px;gap:12px}
  .choreo-gallery .works-heading{align-items:flex-start}
  .works-heading h2{max-width:100%}
  .works-hero h1{font-size:clamp(36px,8.3vw,64px)}
}
/* Pink liquid-glass navigation with a solid fallback for older browsers. */
.site-header,.home-page .site-header{
  top:16px;left:var(--gutter);width:calc(100% - var(--gutter) * 2);padding:14px 24px;align-items:center;
  color:var(--ink);background:#edb4cd;border:1px solid #ffffffa6;border-radius:32px;
  box-shadow:0 10px 32px #86144316,inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #ff26882b;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.home-page .site-header{
    background:linear-gradient(135deg,#ffd3e6b3 0%,#ff83be80 48%,#ffe4ef99 100%);
    -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  }
}
.site-header::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,#ffffff70,transparent 38%,transparent 72%,#ffeff755);box-shadow:inset 1px 1px 0 #fff8}
.site-header>*{position:relative;z-index:1}
.site-header .nav-preorder{box-shadow:0 3px 10px #b3165826,inset 0 1px 0 #ffb8d766}
.site-header .nav-work,.site-header .nav-about,.site-header .nav-preorder{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:24px;font-size:16px;margin-top:0;padding-top:0;padding-bottom:0}
.sponsor-note{margin-bottom:20px;font-size:14px;line-height:1.5;color:#655a4c}
.sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sponsor-card{min-height:150px;padding:24px;border:1px solid #c7baa8;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#f2e9dc}
.sponsor-name{font-size:clamp(23px,2.3vw,34px);font-weight:700;line-height:1.05;letter-spacing:-.05em;color:var(--ink)}
.sponsor-card:nth-child(3n+2){background:var(--pink);border-color:var(--pink)}
.sponsor-card:nth-child(3n){background:var(--ink);border-color:var(--ink);color:var(--beige)}
.sponsor-card:nth-child(3n) .sponsor-name{color:var(--pink)}
.sponsor-category{font-size:12px;line-height:1.4;letter-spacing:.04em}
@media(max-width:809px){
  .site-header,.home-page .site-header{top:12px;left:12px;width:calc(100% - 24px);padding:14px 16px;border-radius:24px}
  .home-page .site-header{padding:12px 14px;gap:12px;border-radius:999px}
  .site-header{grid-template-columns:1fr auto auto}
  .site-header .brand{grid-column:1/-1;grid-row:1;display:flex;align-items:baseline;gap:8px}
  .site-header .brand-location{margin-top:0}
  .site-header .nav-work{grid-column:1;grid-row:2;justify-self:start}
  .site-header .nav-about{grid-column:2;grid-row:2}
  .site-header .nav-preorder{grid-column:3;grid-row:2}
  .home-page .hero-social{padding:3px 12px;gap:12px;font-size:13px}
  .hero-social a{gap:6px}
  .sponsor-name{font-size:26px}
}
@media(max-width:479px){.sponsor-grid{grid-template-columns:1fr}.sponsor-card{min-height:128px}}