:root{--ink:#111110;--paper:#eae7e0;--muted:#aba79f;--red:#df492f;--line:#ffffff26;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--mono:'Courier New',monospace;--travel:500svh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font:16px var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--ink);position:relative;z-index:10}.brand{display:inline-flex;align-items:center}.logo-crop{display:block;position:relative;overflow:hidden;width:88px;height:56px}.logo-crop img{position:absolute;width:110px;max-width:none;height:110px;left:-11px;top:-27px;filter:invert(1);mix-blend-mode:screen}.nav nav{display:flex;gap:36px;font-size:14px}.nav a:hover{color:var(--red)}.nav-cta{font-size:14px}.nav-cta span{margin-left:25px;color:var(--red)}.story{position:relative}.motion-ready .story{height:calc(100svh + var(--travel))}.stage{position:relative;height:calc(100svh - 86px);min-height:600px;overflow:hidden;background:#090b0b}.motion-ready .stage{position:sticky;top:0;height:100svh}.stage-media,.stage-shade,#sequence{position:absolute;inset:0;width:100%;height:100%}.stage-poster{width:100%;height:100%;object-fit:cover;object-position:65% center}.stage-media>img[src$="hero.webp"]{object-fit:contain;object-position:right center}#sequence{opacity:0;transition:opacity .3s}.stage-shade{pointer-events:none;background:linear-gradient(90deg,#080909c9 0%,#08090970 30%,transparent 56%),linear-gradient(0deg,#090909c9,transparent 23%,transparent 80%,#09090944)}.stage-top,.stage-bottom{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font:12px var(--mono);letter-spacing:1px;gap:20px}.stage-top{top:30px;color:#c5c0b5}.stage-top b{color:var(--red);font-weight:400;margin:0 8px}.stage-bottom{bottom:27px;border-top:1px solid var(--line);padding-top:20px}.stage-bottom a:hover{color:var(--red)}.scroll-cue>span{color:var(--red);margin-left:16px}.skip-motion{font-size:12px}.chapter-copy{position:absolute;left:6%;top:50%;transform:translateY(-44%);width:55%;max-width:850px;will-change:opacity,transform}.eyebrow{font:12px var(--mono);letter-spacing:1.35px;line-height:1.7}.eyebrow>span:first-child:empty{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:10px}h1{font:700 clamp(66px,7.4vw,124px)/.91 var(--display);letter-spacing:-.025em;margin:25px 0 27px}h1 em,h2 em{color:var(--red);font-style:normal;font-weight:inherit}.hero-description{font-size:16px;line-height:1.8;color:#c9c7c1;margin-bottom:28px;max-width:340px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:48px;padding:15px 22px;background:var(--paper);color:var(--ink);font-size:14px;border:1px solid var(--paper);transition:background .2s,color .2s}.button:after{content:'↗'}.button:hover{background:var(--red);border-color:var(--red);color:var(--paper)}.button-outline{background:transparent;border-color:#ffffff55;color:var(--paper)}.street-copy h2{font-size:clamp(55px,6.2vw,102px);margin:20px 0}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;border-bottom:1px solid #aaa89c;font-size:14px}.text-link:hover{color:var(--red);border-color:var(--red)}.story-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ffffff15}.story-progress>span{display:block;width:100%;height:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}.manifesto-band{padding:22px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font:600 clamp(18px,2.2vw,32px) var(--display);letter-spacing:.5px}.manifesto-band i{font-size:27px;color:var(--red);font-style:normal}.section{padding:96px 6%}.section-label{display:flex;justify-content:space-between;gap:25px;font:12px var(--mono);letter-spacing:1px;color:var(--muted)}h2{font:600 clamp(52px,6.5vw,100px)/.94 var(--display);letter-spacing:-.015em;margin:28px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.intro{color:var(--muted);line-height:1.8;max-width:330px;margin:0 0 5px}.edit-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:26px}.filters button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:15px 0;font-size:14px;min-height:48px}.filters button:hover{color:var(--paper)}.filters button[aria-pressed="true"]{border-color:var(--red);color:var(--paper)}.filters button span{font:11px var(--mono);color:var(--red);vertical-align:super;margin-left:4px}.edit-note{color:var(--muted);font-size:12px;text-align:right;line-height:1.6}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.look-photo{aspect-ratio:3/4;position:relative;overflow:hidden;background-color:#2c2c29;background-repeat:no-repeat}.volume-photo{background-image:url('assets/volume.webp');background-size:auto 116%;background-position:16.5% 69%}.layers-photo{background-image:url('assets/layers.webp');background-size:auto 181%;background-position:76.5% 7%}.street-photo img{width:100%;height:100%;object-fit:cover;object-position:50% center;transition:transform .5s}.look-card:hover .street-photo img{transform:scale(1.03)}.photo-index,.photo-note{position:absolute;z-index:1;font:11px var(--mono);letter-spacing:1px;background:var(--ink);padding:8px 10px;left:14px}.photo-index{top:14px}.photo-note{bottom:14px;background:var(--paper);color:var(--ink);font-size:10px}.look-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;gap:15px}.look-title h3{font-size:20px;font-weight:500;margin:0}.look-card>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:0;max-width:340px}.street-editorial{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:690px}.street-editorial-image{position:relative;overflow:hidden}.street-editorial-image>img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:24px;left:30px;color:white;font:11px var(--mono);letter-spacing:1px}.street-editorial-copy{position:relative;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;background:#191916}.street-editorial-copy h2{font-size:clamp(68px,7.5vw,118px);margin:20px 0 35px}.street-editorial-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:350px}.street-editorial-copy .text-link{align-self:flex-start;margin-top:15px}.vertical-caption{position:absolute;right:20px;top:25px;writing-mode:vertical-rl;font:11px var(--mono);letter-spacing:1.5px;color:#aaa79f}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;margin-top:25px}.about-grid h2{font-size:clamp(52px,5.5vw,90px)}.about-body{padding-top:32px;max-width:480px}.about-lead{font-size:23px;line-height:1.5}.about-body>p:not(.about-lead){color:var(--muted);line-height:1.9;font-size:16px}.about-body .button{margin-top:12px}.closing{padding:65px 6% 75px;background:var(--red);color:var(--ink)}.closing .eyebrow{font-weight:700}.closing>a{display:flex;justify-content:space-between;align-items:center;gap:30px;font:700 clamp(55px,10.8vw,180px)/1 var(--display);letter-spacing:-.025em}.closing>a:hover{color:var(--paper)}.closing-arrow{font-family:Arial;font-weight:400}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:35px 4%;gap:24px}footer>p{font:12px var(--mono);letter-spacing:.6px;margin:0}footer>a:last-of-type{font-size:14px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted);line-height:1.6}.noscript-note{margin:30px 6%;color:var(--muted);font-size:14px}.static-mode .story{height:auto}.static-mode .stage{position:relative;height:calc(100svh - 86px)}.static-mode .story-progress,.static-mode .scroll-cue{display:none}.static-mode .chapter-copy{will-change:auto}.static-mode .hero-copy{opacity:1!important}.static-mode .street-copy{display:none!important}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.edit-note{max-width:200px}.look-grid{gap:18px}.look-title h3{font-size:18px}.section-heading{align-items:center}.intro{max-width:280px;font-size:16px}.street-editorial{min-height:560px}.street-editorial-copy{padding:55px 10%}.street-editorial-copy h2{font-size:72px}.about-grid{gap:35px}}
@media(max-width:700px),(max-aspect-ratio:10/11){.stage{min-height:730px}.stage-media{height:65%}.stage-poster{object-position:65% center}.stage-media>img[src$="hero.webp"]{object-fit:cover;object-position:65% 60%}.stage-shade{background:linear-gradient(0deg,#090b0b 0%,#090b0b 28%,#090b0b88 47%,transparent 64%)}.chapter-copy{left:6%;width:88%;max-width:800px;top:auto;bottom:100px;transform:none}.hero-copy h1{font-size:clamp(60px,9.3vw,102px);margin:18px 0}.hero-description{max-width:380px;margin-bottom:20px}.street-copy h2{font-size:clamp(54px,8.5vw,92px);line-height:.92;margin:15px 0}.stage-top{font-size:12px}.section{padding:75px 6%}}
@media(max-width:700px){html{scroll-padding-top:20px}.nav{height:72px;padding:0 6%}.logo-crop{width:72px;height:47px}.logo-crop img{width:90px;height:90px;top:-22px;left:-9px}.nav nav{gap:24px}.nav nav a:first-child,.nav-cta{display:none}.stage,.static-mode .stage{height:calc(100svh - 72px);min-height:680px}.motion-ready .stage{height:100svh}.stage-media{height:56%}.hero-copy h1{font-size:clamp(57px,12.8vw,88px);line-height:.92}.hero-copy .eyebrow{max-width:290px;font-size:12px}.hero-description{font-size:16px;line-height:1.7;max-width:310px}.chapter-copy{bottom:90px}.street-copy h2{font-size:clamp(53px,11.5vw,78px)}.stage-top{left:6%;right:6%;font-size:12px;gap:20px;top:24px}.stage-top span:first-child{max-width:130px;line-height:1.7}.stage-bottom{left:6%;right:6%;font-size:12px;bottom:24px;gap:10px}.scroll-cue{display:none}.skip-motion{font-size:12px}.manifesto-band{padding:18px 6%;gap:14px;font-size:20px;flex-wrap:wrap}.manifesto-band>span:last-child,.manifesto-band>i:last-of-type{display:none}.manifesto-band i{font-size:20px}.section-label{font-size:12px;line-height:1.7}.section-label>span:last-child{text-align:right;max-width:130px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:65px;margin:25px 0}.intro{max-width:360px}.edit-controls{display:block}.filters{gap:24px;justify-content:space-between}.filters button{font-size:14px}.edit-note{display:block;text-align:left;max-width:none;padding:12px 0}.look-grid{grid-template-columns:1fr;gap:40px}.look-photo{aspect-ratio:4/5}.look-title h3{font-size:22px}.look-card>p{font-size:16px;max-width:400px}.photo-index,.photo-note{font-size:12px}.street-editorial{grid-template-columns:1fr;min-height:0}.street-editorial-image{aspect-ratio:1}.street-editorial-copy{padding:55px 7% 65px}.street-editorial-copy h2{font-size:84px}.street-editorial-copy>p:not(.eyebrow){font-size:16px}.about-grid{grid-template-columns:1fr;gap:0}.about-grid h2{font-size:clamp(46px,12vw,65px);overflow-wrap:normal}.about-body{padding-top:10px}.about-lead{font-size:23px}.about-body>p:not(.about-lead){font-size:16px}.closing{padding:45px 6% 50px}.closing>a{font-size:clamp(42px,10.8vw,75px);gap:15px}footer{padding:30px 6%;gap:22px}footer>p{order:2;width:100%;font-size:12px;line-height:1.6}footer>small{order:3}.button{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready .story{height:auto}.motion-ready .stage{position:relative}.story-progress{display:none}}
.motion-toggle{font-size:14px;background:none;border:1px solid var(--line);color:var(--paper);padding:12px 16px;min-height:44px}.motion-toggle:hover{border-color:var(--red)}.motion-toggle:disabled{cursor:default;color:var(--muted)}
:root{--nav-height:86px}.nav{position:sticky;top:0}.motion-ready .story{height:calc(100svh - var(--nav-height) + var(--travel))}.stage,.motion-ready .stage,.static-mode .stage{height:calc(100svh - var(--nav-height))}.motion-ready .stage{top:var(--nav-height)}.stage-poster{object-position:83% center}@media(min-width:701px) and (min-aspect-ratio:10/11){.stage-poster{object-position:65% center}}@media(max-width:700px){:root{--nav-height:72px}.hero-copy h1{font-size:clamp(48px,15.1vw,88px)}.stage-poster{object-position:83% center}.stage-shade{background:linear-gradient(0deg,#090b0b 0%,#090b0b 28%,#090b0b88 47%,transparent 64%),linear-gradient(180deg,#08090988,transparent 30%)}}@media(prefers-reduced-motion:reduce){.motion-ready .story{height:auto}.motion-ready .stage{position:relative;top:auto}}

/* Keep the supplied outfit centered at every viewport. */
.stage-poster{object-position:50% center}

/* Transformation edition: a cinematic stage with quiet editorial captions. */
:root{--red:#b62b43;--ink:#101011;--paper:#e9e5df;--muted:#aaa6a2}
.nav{background:#101011f5;border-bottom:1px solid #ffffff17}
.nav nav{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.stage,.motion-ready .stage,.static-mode .stage{min-height:610px;background:#171719}
.stage-media{inset:0;height:100%;width:100%}
.stage-poster{object-position:50% center}
.stage-shade{background:linear-gradient(0deg,#101011 0%,#101011db 10%,#10101170 27%,transparent 55%),linear-gradient(180deg,#10101155,transparent 20%)}
.stage-top{font-size:10px;letter-spacing:1.6px;top:24px}
.chapter-copy{top:auto;bottom:85px;left:4%;transform:none;width:92%;max-width:none;display:grid;grid-template-columns:1fr 300px;align-items:end;gap:0 40px}
.chapter-copy>.eyebrow{grid-column:1/-1;margin:0 0 14px;font-size:10px;letter-spacing:2px}
.hero-copy h1,.street-copy h2{grid-column:1;grid-row:2/4;font:600 clamp(64px,7.6vw,116px)/.85 var(--display);letter-spacing:-.025em;margin:0}
.chapter-copy h1 br,.chapter-copy h2 br{display:none}
.chapter-copy h1 em,.chapter-copy h2 em{font-style:normal;color:var(--paper)}
.chapter-copy h1 em:before,.chapter-copy h2 span+span:before,.chapter-copy h2 em:before{content:' '}
.chapter-copy .hero-description{grid-column:2;font-size:13px;line-height:1.7;margin:0 0 15px;max-width:280px}
.chapter-copy .button,.chapter-copy .text-link{grid-column:2;justify-self:start;margin:0;font-size:11px;min-height:0;padding:11px 0;background:none;color:var(--paper);border:0;border-bottom:1px solid #e9e5df88;border-radius:0}
.stage-bottom{bottom:23px;font-size:10px;padding-top:15px;letter-spacing:1px}
.manifesto-band{background:var(--ink);color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:2px;padding:26px 4%}
.manifesto-band i{color:var(--red)}
.edit{background:#e9e5df;color:#19191a}.edit .section-label,.edit .edit-controls{border-color:#19191a33}.edit .intro,.edit .look-card>p,.edit .edit-note{color:#625e5b}.edit .filters button{color:#625e5b}.edit .filters button[aria-pressed=true]{color:#19191a;border-color:var(--red)}
.look-grid{gap:28px}.look-photo{border-radius:0}.look-title h3{font:500 27px var(--display);text-transform:uppercase;letter-spacing:.5px}
.street-editorial-copy{background:#191719}.closing{background:#762639;color:var(--paper)}
@media(max-width:900px){.chapter-copy{grid-template-columns:1fr 220px;gap:0 24px}.hero-copy h1,.street-copy h2{font-size:clamp(52px,8vw,80px)}}
@media(max-width:700px),(max-aspect-ratio:10/11){
 .stage,.motion-ready .stage,.static-mode .stage{min-height:650px}
 .stage-media{top:8%;height:58%;width:100%}
 .stage-shade{background:linear-gradient(0deg,#171719 0%,#171719 29%,transparent 55%),linear-gradient(180deg,#171719 0%,transparent 22%)}
 .stage-top{left:5%;right:5%;font-size:8px;letter-spacing:.5px}
 .chapter-copy{display:block;left:6%;width:88%;bottom:79px}
 .chapter-copy>.eyebrow{font-size:9px;margin-bottom:14px}
 .hero-copy h1,.street-copy h2{font-size:clamp(50px,12.3vw,85px);margin:0 0 17px;line-height:.9}
 .chapter-copy .hero-description{font-size:12px;max-width:300px;margin-bottom:12px}
 .chapter-copy .button,.chapter-copy .text-link{display:inline-block;padding:6px 0}
 .stage-bottom{left:6%;right:6%;font-size:8px;gap:12px}.stage-bottom .scroll-cue{display:none}
 .manifesto-band{font-size:9px;padding:21px 6%;letter-spacing:1px}
}
@media(max-height:650px) and (min-width:701px){.static-mode .stage{height:670px}}
@media(max-width:700px),(max-aspect-ratio:10/11){.stage-poster{object-fit:contain;background:#171719}}

/* Supplied identity and the scroll-responsive KITSYUU title. */
.logo-crop{width:40px;height:56px;overflow:visible}
.logo-crop img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;filter:invert(1);mix-blend-mode:screen}
.hero-copy{inset:0;width:100%;height:100%;max-width:none;display:block;transform:none;pointer-events:none}
.hero-copy .hero-wordmark{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:max-content;max-width:96%;margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(80px,19vw,310px);font-weight:1000;line-height:.85;letter-spacing:-.085em;text-indent:-.085em;color:#f1eee8;text-shadow:0 5px 35px #0003;will-change:transform,opacity;white-space:nowrap}
.hero-copy>.eyebrow{position:absolute;left:4%;bottom:108px;margin:0}
.hero-copy .hero-description{position:absolute;left:4%;bottom:66px;max-width:330px;margin:0}
.hero-copy .button{position:absolute;right:4%;bottom:85px;pointer-events:auto}
.static-mode .hero-wordmark{will-change:auto}
@media(max-width:700px),(max-aspect-ratio:10/11){
 .hero-copy{inset:0;width:100%;height:100%}
 .hero-copy .hero-wordmark{top:42%;font-size:19vw;max-width:96%;line-height:1}
 .hero-copy>.eyebrow{left:6%;bottom:177px;font-size:9px}
 .hero-copy .hero-description{left:6%;bottom:125px;max-width:270px;font-size:12px}
 .hero-copy .button{left:6%;right:auto;bottom:83px}
 .logo-crop{width:30px;height:43px}
}
@media(prefers-reduced-motion:reduce){.hero-wordmark{will-change:auto!important}}
