:root{--black:#080808;--white:#f3f1eb;--orange:#ff6b00;--blue:#2048ff;--cream:#eee7da;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,"Noto Sans SC",sans-serif;cursor:none}a{color:inherit;text-decoration:none}img{width:100%;display:block}.cursor{position:fixed;width:20px;height:20px;border:1px solid #fff;border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s}.cursor.active{width:54px;height:54px}.nav{position:fixed;left:0;top:0;width:100%;padding:24px 4vw;display:flex;justify-content:space-between;z-index:50;mix-blend-mode:difference;font-size:11px;letter-spacing:.22em}.brand{font-weight:600}.nav nav{display:flex;gap:32px}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:35% 65%;overflow:hidden;padding-top:88px}.hero-copy{padding:2vw 0 9vw 4vw;z-index:2}.project-no{font-family:"Archivo Black",sans-serif;color:var(--blue);font-size:clamp(100px,15vw,230px);line-height:.72;letter-spacing:-.08em}.hero h1,.stage h2,.objects-title h2,.finale h2{font-family:"Archivo Black",sans-serif;font-size:clamp(60px,8vw,130px);line-height:.8;letter-spacing:-.065em;margin:44px 0 12px}.cn-title{font-size:clamp(24px,3vw,52px);font-weight:900;margin:0 0 38px}.hero-meta{display:flex;flex-direction:column;gap:7px;font-size:11px;letter-spacing:.22em}.role{margin-top:48px;font-size:12px;line-height:2;letter-spacing:.18em;color:var(--orange)}.role b{color:#fff;font-weight:400}.hero-image{align-self:end;height:83vh;overflow:hidden}.hero-image img{height:100%;object-fit:cover;object-position:center}.image-frame{position:relative}.image-frame img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.image-frame:hover img{transform:scale(1.025)}figcaption{position:absolute;left:14px;bottom:12px;background:#080808;color:#fff;font-size:9px;letter-spacing:.16em;padding:8px 10px}.scroll{position:absolute;left:4vw;bottom:34px;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:13px}.scroll i{height:1px;width:42px;background:#fff}.section{padding:11vw 6vw;position:relative}.section-index{font-size:10px;letter-spacing:.2em;border-top:1px solid var(--line);padding-top:12px;margin-bottom:8vw;color:#aaa}.section-index.light{color:#aaa}.section-index.ink{color:#666;border-color:#bbb}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--orange);font-weight:600}.eyebrow.blue{color:var(--blue)}.overview-title{display:grid;grid-template-columns:25% 75%}.overview-title .eyebrow{padding-top:20px}.overview h2,.kt h2{font-size:clamp(44px,6vw,100px);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:500}.overview h2 em,.kt h2 em{color:var(--orange);font-style:normal}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12vw;margin-top:10vw;padding-left:25%}.lead{font-size:clamp(20px,2.1vw,34px);line-height:1.55;margin:0}.overview dl{margin:0}.overview dl div{border-top:1px solid var(--line);padding:18px 0}.overview dt{font-size:9px;letter-spacing:.2em;color:#777}.overview dd{font-size:13px;margin:8px 0 0}.stage{background:#0d0d0d}.stage-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6vw}.stage h2{font-size:clamp(60px,9vw,150px);margin:0}.stage h2 span,.objects-title h2 span{color:var(--blue)}.stage-head>p{max-width:300px;line-height:1.8;color:#aaa}.wide-shot{height:75vh;overflow:hidden}.wide-shot img{height:100%;object-fit:cover}.design-logic{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:6vw}.design-logic article{border-top:1px solid var(--line);padding-top:18px}.design-logic span{color:var(--orange);font-size:11px}.design-logic h3{font-size:24px}.design-logic p,.copy,.towel-copy>p:last-child{color:#aaa;line-height:1.8;font-size:14px}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.kt .copy{max-width:430px;margin-top:45px}.paper{background:#f5f1e8;padding:4vw;max-height:1000px;overflow:hidden}.paper img{object-fit:contain;max-height:850px}.objects-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6vw}.objects-title h2{margin:0}.objects-title>p{width:320px;color:#aaa;line-height:1.8}.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4vw}.editorial-grid figure{margin:0;background:#eee;min-height:320px;overflow:hidden}.editorial-grid figure img{height:100%;object-fit:contain;padding:3vw}.editorial-grid .feature{grid-column:span 7;height:720px}.editorial-grid>figure:nth-child(2){grid-column:span 5;height:720px}.editorial-grid .orange{grid-column:span 5;background:#ff6b00;height:550px}.editorial-grid>figure:nth-child(4),.editorial-grid>figure:nth-child(5){grid-column:span 3;background:#eee7da;height:550px}.editorial-grid .dark{grid-column:span 5;background:#141414;height:500px}.editorial-grid .fan{grid-column:span 7;background:#2048ff;height:500px}.towels{background:var(--cream);color:#111}.towel-copy{display:grid;grid-template-columns:20% 45% 35%;gap:3vw;align-items:start}.towel-copy h2{font-size:clamp(44px,5.5vw,88px);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:500}.towel-copy>p:last-child{color:#555}.towel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2vw;margin-top:7vw}.towel-grid figure{margin:0;background:#ddd;min-height:600px;overflow:hidden}.towel-grid img{height:100%;object-fit:cover}.highlight-list{margin-top:7vw}.highlight-list article{display:grid;grid-template-columns:10% 40% 50%;border-top:1px solid var(--line);padding:28px 0;align-items:start}.highlight-list b{color:var(--blue)}.highlight-list h3{font-size:clamp(24px,3vw,48px);margin:0;font-weight:500}.highlight-list p{color:#999;line-height:1.8;max-width:520px;margin:0}.finale{height:100vh;position:relative;overflow:hidden}.finale>img{height:100%;object-fit:cover;filter:brightness(.48)}.finale-overlay{position:absolute;left:6vw;bottom:7vw}.finale-overlay p{font-size:10px;letter-spacing:.2em}.finale h2{margin:26px 0 0}.finale h2::first-line{color:#fff}footer{display:flex;justify-content:space-between;padding:30px 4vw;font-size:9px;letter-spacing:.18em;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(44px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){body{cursor:auto}.cursor{display:none}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{padding:8vw 6vw}.project-no{font-size:100px}.hero h1{font-size:70px;margin-top:25px}.hero-image{height:54vh}.scroll{display:none}.overview-title,.overview-grid,.split,.towel-copy{grid-template-columns:1fr;padding-left:0}.overview-grid{gap:50px}.stage-head,.objects-title{display:block}.stage-head>p,.objects-title>p{margin-top:40px}.wide-shot{height:48vh}.design-logic{grid-template-columns:1fr}.editorial-grid{display:block}.editorial-grid figure,.editorial-grid .feature,.editorial-grid>figure:nth-child(2),.editorial-grid .orange,.editorial-grid>figure:nth-child(4),.editorial-grid>figure:nth-child(5),.editorial-grid .dark,.editorial-grid .fan{height:60vh;margin:18px 0}.towel-grid{grid-template-columns:1fr}.highlight-list article{grid-template-columns:12% 88%}.highlight-list p{grid-column:2;margin-top:20px}.finale{height:75vh}footer{gap:25px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
.objects{background:#f7f6f2;color:#111}.objects .section-index{color:#6e6e68;border-color:#cfcfc8}.objects-title>p{color:#555}.editorial-grid figure,.editorial-grid .orange,.editorial-grid>figure:nth-child(4),.editorial-grid>figure:nth-child(5),.editorial-grid .dark,.editorial-grid .fan{background:#ebeae6;border:1px solid #deddd7}.objects figcaption{background:#111;color:#fff}

/* Warm editorial theme — one continuous canvas across the case study */
:root{--black:#f7f3ea;--white:#1d1914;--orange:#e29b00;--blue:#2048ff;--cream:#f7f3ea;--line:rgba(44,35,25,.2)}
body{background:var(--cream);color:var(--white)}
.nav{color:#1d1914;mix-blend-mode:normal}
.cursor{border-color:#1d1914;mix-blend-mode:multiply}
.hero h1,.stage h2,.objects-title h2{color:#e4a600}
.cn-title{color:#1d1914}
.hero-meta{color:#4e473e}
.role{color:#cc7d00}
.role b{color:#1d1914}
.scroll i{background:#1d1914}
.section-index,.section-index.light{color:#796f62;border-color:var(--line)}
.stage,.objects,.towels,.highlights{background:var(--cream);color:#1d1914}
.stage-head>p,.objects-title>p,.design-logic p,.copy,.towel-copy>p:last-child,.highlight-list p{color:#61594f}
.design-logic article,.highlight-list article{border-color:var(--line)}
.overview dt{color:#796f62}
.overview dl div{border-color:var(--line)}
.paper{background:#efe7d9}
.editorial-grid{gap:2vw}
.editorial-grid figure,.editorial-grid .orange,.editorial-grid>figure:nth-child(4),.editorial-grid>figure:nth-child(5),.editorial-grid .dark,.editorial-grid .fan,.towel-grid figure{background:transparent;border:0}
.editorial-grid figure img,.towel-grid figure img{background:transparent}
.editorial-grid .feature img,.editorial-grid>figure:nth-child(2) img,.editorial-grid .orange img,.towel-grid img{mix-blend-mode:multiply}
.editorial-grid .feature img{padding:1.2vw;mask-image:radial-gradient(ellipse 76% 74% at 52% 50%,#000 62%,transparent 100%)}
.editorial-grid>figure:nth-child(2) img{padding:1.2vw;mask-image:radial-gradient(ellipse 78% 72% at 50% 50%,#000 62%,transparent 100%)}
.editorial-grid .orange img{padding:.7vw;mask-image:radial-gradient(ellipse 76% 80% at 50% 54%,#000 66%,transparent 100%)}
.towel-grid img{object-fit:contain;padding:1vw;mask-image:radial-gradient(ellipse 78% 76% at 50% 50%,#000 64%,transparent 100%)}
.objects figcaption,figcaption{background:#e4a600;color:#1d1914;font-weight:600}
.finale h2{color:#f2b51d;text-shadow:0 2px 22px rgba(0,0,0,.35)}
.finale-overlay p{color:#fff}
footer{background:var(--cream);color:#1d1914;border-color:var(--line)}
.product-link{display:block;position:relative;color:inherit;cursor:pointer}
.product-link figure{height:100%;margin:0;background:transparent;overflow:hidden}
.editorial-grid .product-link img{height:100%;object-fit:contain;padding:.7vw;mix-blend-mode:normal;mask-image:none;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.product-link:hover img{transform:translateY(-8px) scale(1.025)}
.product-link figcaption{transition:background .25s,color .25s}
.product-link:hover figcaption{background:#2048ff;color:#fff}
.editorial-grid .product-link.feature{grid-column:span 7;height:720px}
.editorial-grid .product-link.newspaper-inside{grid-column:span 5;height:720px}
.editorial-grid .product-link.map-card{grid-column:span 3;height:550px}
.editorial-grid .product-link.dark{grid-column:span 5;height:500px}
.editorial-grid .product-link.fan{grid-column:span 7;height:500px}
.editorial-grid .product-link:not(.orange) img{padding:3vw}
.editorial-grid .product-link.feature,.editorial-grid .product-link.newspaper-inside{grid-column:span 6;height:680px}
.editorial-grid .newspaper-cutout{padding:1.5vw}
.image-frame img,.editorial-grid .product-link img{transition:none}
.image-frame:hover img,.product-link:hover img{transform:none}
.towel-grid>.product-link{min-height:600px;overflow:hidden}
.towel-grid>.product-link figure{height:100%}
.towel-grid>.product-link img{height:100%;object-fit:cover}
@media(max-width:900px){.editorial-grid .product-link.feature,.editorial-grid .product-link.newspaper-inside,.editorial-grid .product-link.map-card,.editorial-grid .product-link.dark,.editorial-grid .product-link.fan{height:60vh;margin:18px 0}.towel-grid>.product-link{min-height:0;height:60vh;margin:18px 0}}