@font-face{font-family:Display;src:url('./fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url('./fonts/DM-Sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--paper:#ece7dd;--ink:#171615;--fg:#171615;font:400 16px DM,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--fg)}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}
.icon{display:inline-block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;vertical-align:-.15em;pointer-events:none}
.basic-info{padding:38px 7vw;max-width:740px}.basic-info>img{background:#171615;padding:10px;object-fit:contain}.basic-info h1{font:800 clamp(64px,14vw,140px)/.85 Display,Impact,sans-serif}.basic-info>a{display:block;text-decoration:underline;padding:14px 0}.basic-info small{display:block;margin-top:35px;font-size:11px}
html:not([data-enhanced="true"]) .header,html:not([data-enhanced="true"]) .story{display:none}html[data-enhanced="true"] .basic-info{display:none}
.header{position:fixed;inset:14px 20px auto;z-index:40;height:74px;display:flex;align-items:center;justify-content:space-between;background:#171615;color:#ece7dd;padding:0 24px;gap:24px}.logo{display:flex;align-items:center;min-height:52px;width:140px}.logo img{width:100%;height:auto;max-height:62px;object-fit:contain}.edition{font-size:9px;letter-spacing:.15em;margin-left:auto}.header nav{display:flex;align-items:center;gap:24px;font-size:12px}.header nav>a,.header nav>button{display:flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap}.shop-link{padding:0 18px;background:#ece7dd;color:#171615}.header .icon{width:15px;height:15px}
.story{height:520vh;height:520svh;position:relative}.stage{height:100vh;height:100dvh;min-height:0;position:sticky;top:0;overflow:hidden;overflow:clip;isolation:isolate;background:var(--paper);color:var(--fg)}
.set{position:absolute;inset:0;z-index:0;perspective:1400px;overflow:hidden;pointer-events:none}.paper{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23514b44' fill-opacity='.3' d='M0 1h1v1H0zM4 3h1v1H4zM2 7h1v1H2zM7 6h1v1H7z'/%3E%3C/svg%3E")}
.floor{position:absolute;inset:68% -20% -65%;background:linear-gradient(180deg,#817c7440,transparent 5%,#fff8e314 65%),repeating-linear-gradient(0deg,transparent 0 60px,#817c7419 61px 62px);transform-origin:50% 0;transform:rotateX(65deg);border-top:1px solid #817c7422}
.orbit{position:absolute;width:82vw;aspect-ratio:1;right:-24vw;top:-25vw;border:1px solid #8a827a38;border-radius:50%;transform:rotateX(61deg) rotateZ(-24deg);box-shadow:0 0 0 9vw #a19a8d0a,0 0 0 18vw #a19a8d07}.orbit-two{right:auto;left:-48vw;top:36%;width:110vw;opacity:.6}
.back-type{position:absolute;right:-5vw;bottom:7%;font:800 24vw/.8 Display,Impact,sans-serif;letter-spacing:-.02em;color:#938a8020;transform:rotate(-13deg);white-space:nowrap}
.garment-world{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:darken}.garment-wrap{position:absolute;left:50%;top:53%;width:min(60vw,83vh);aspect-ratio:1;will-change:transform,opacity;transform:translate(-50%,-50%)}
.garment{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}.garment img{display:block;width:100%;height:100%;object-fit:contain}.garment[data-garment="hoodie"]{opacity:1}.garment-shadow{position:absolute;top:87%;left:50%;width:40vw;height:5vw;opacity:.30;background:radial-gradient(ellipse,#3e2a1c70,transparent 68%);transform:translate(-50%,-50%)}
.stage[data-chapter="2"] .garment-world{mix-blend-mode:normal;z-index:6}
.product-card{position:absolute;inset:0 8%;height:100%;opacity:0;transform-style:preserve-3d;transform:rotateY(var(--card-turn,0deg));transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.card-face{position:absolute;inset:0;background:#fdfdfb;padding:6% 5% 8%;backface-visibility:hidden;box-shadow:2vw 3vw 4vw #00000025;display:flex;flex-direction:column}.card-face img{width:100%;height:91%;object-fit:contain}.card-face span{font-size:9px;letter-spacing:.1em;line-height:1.5;margin-top:auto;color:#171615}.card-back{transform:rotateY(180deg)}
.floating-label{position:absolute;left:50%;top:57%;width:150px;min-height:110px;padding:16px;border:1px solid currentColor;display:flex;flex-direction:column;justify-content:space-between;z-index:2;transform:rotate(12deg);opacity:.65;pointer-events:none}.floating-label span{font-size:8px;letter-spacing:.1em}.floating-label b{font:800 35px/.9 Display,sans-serif}.floating-label i{font-size:8px;font-style:normal;letter-spacing:.08em}
.copy-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.copy{position:absolute;inset:0;will-change:transform,opacity}.copy button,.copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px}
.hero .eyebrow{position:absolute;left:6vw;top:23%}.hero h1{position:absolute;left:6vw;top:31%;font:800 clamp(85px,13vw,260px)/.78 Display,Impact,sans-serif;letter-spacing:-.025em;margin:0}.copy-note{position:absolute;left:6vw;right:6vw;bottom:12%;display:flex;align-items:end;justify-content:space-between;font-size:11px;line-height:1.5}
.copy-note{right:auto;width:42vw}
.text-link{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:46px;padding:10px 0;font-size:12px;font-weight:600;border-bottom:1px solid currentColor}.text-link .icon{width:20px;height:20px}.solid-link{display:inline-flex;gap:25px;align-items:center;min-height:48px;padding:15px 20px;background:#ece7dd;color:#171615;font-size:12px;font-weight:600}
.copy.right,.copy.left,.cafe-copy{left:58vw;top:24%;right:5vw;bottom:auto}.copy.left{left:6vw;right:auto;width:42vw}.copy h2{font:800 clamp(70px,9vw,210px)/.82 Display,Impact,sans-serif;letter-spacing:-.025em;margin:0 0 26px}.body-copy{font-size:14px;line-height:1.5;margin:0 0 20px}.detail-link{margin-left:24px}
.cafe-photo{position:absolute;inset:-5%;width:110%;height:110%;opacity:0;z-index:1;pointer-events:none}.cafe-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 48%}.cafe-shade{position:absolute;inset:0;z-index:2;opacity:var(--cafe,0);pointer-events:none;background:linear-gradient(90deg,#17120ff5,#17120fce 34%,#17120f22 72%),linear-gradient(0deg,#17120fee,transparent 25%)}
.cafe-copy{left:6vw;right:auto;width:55vw}.cafe-copy h2{font-size:clamp(76px,10vw,230px)}.cafe-copy .text-link{display:flex;max-width:190px;margin-top:12px}.stage[data-chapter="3"] .floating-label{opacity:0}.stage[data-chapter="3"] .set{opacity:0}
.bottom{position:absolute;bottom:12px;left:5vw;right:5vw;z-index:15;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:20px}.next-scene{display:flex;align-items:center;gap:12px;min-height:44px}.motion{min-height:44px;font-size:10px}.motion[aria-pressed="true"]{text-decoration:underline}.credits{position:absolute;left:6vw;right:6vw;bottom:70px;z-index:10;font-size:9px;line-height:1.6;display:none;justify-content:space-between;gap:20px}.credits a{text-decoration:underline;text-underline-offset:4px}.stage[data-chapter="3"] .credits{display:flex}.stage[data-chapter="3"] .next-scene{visibility:hidden}.anchor{position:absolute;top:23%;width:1px;height:1px}
html[data-quality="lite"] .orbit,html[data-quality="lite"] .floor{display:none}html[data-quality="lite"] .card-face{box-shadow:none}body[data-mode="reduced"] .product-card{transition:none}
@media(max-width:800px) and (orientation:portrait){
 .header{top:10px;left:12px;right:12px;height:60px;padding:0 12px;gap:10px}.logo{width:100px;min-height:42px}.logo img{max-height:44px}.edition{display:none}.header nav{gap:16px;font-size:11px}.header nav>a,.header nav>button{gap:5px}.shop-link{display:none!important}.header .icon{width:13px;height:13px}.cafe-nav{display:flex!important}
 .stage{min-height:0;height:100vh;height:100dvh}.story{height:490vh;height:490svh}
 .hero .eyebrow{top:15%;left:6vw;font-size:9px}.hero h1{top:21%;left:6vw;font-size:min(26vw,13vh);line-height:.78}
 .garment-wrap{width:min(108vw,60vh);top:48%}.garment-shadow{top:84%;width:80vw;height:10vw}
 .copy-note{bottom:12%;font-size:10px;width:88vw;right:6vw}.copy-note .text-link{font-size:11px;min-width:110px;gap:20px}
 .floating-label{left:auto;right:7vw;top:42%;width:90px;min-height:83px;padding:10px;z-index:1}.floating-label span,.floating-label i{font-size:6px}.floating-label b{font-size:26px}
 .copy.right,.copy.left{left:6vw;right:6vw;top:14%;width:88vw}.copy h2{font-size:min(21vw,11vh);margin-bottom:15px}.eyebrow{font-size:9px;margin-bottom:15px}.body-copy{font-size:12px;line-height:1.45;margin-bottom:10px}
 .copy.right h2{font-size:min(20vw,10vh)}.stage[data-chapter="1"] .garment-wrap{top:52%;width:min(100vw,57vh)}
 .stage[data-chapter="2"] .garment-wrap{top:53%;width:min(99vw,59vh)}.stage[data-chapter="2"] .copy.left{width:48vw;top:17%}.stage[data-chapter="2"] .copy h2{font-size:min(18vw,10vh)}.stage[data-chapter="2"] .eyebrow{max-width:150px;line-height:1.5}.detail-link{display:flex;width:max-content;margin:4px 0 0}.text-link{font-size:11px;gap:18px;min-height:44px}
 .stage[data-chapter="2"] .garment-world{z-index:3}.stage[data-chapter="2"] .text-link{max-width:110px;gap:12px}.product-card{inset:0 5%}.card-face{padding:5%;box-shadow:3vw 4vw 5vw #00000025}.card-face span{font-size:6px}
 .cafe-copy{left:7vw;right:6vw;top:20%;width:84vw}.cafe-copy h2{font-size:min(23vw,11vh)}.cafe-copy .body-copy{font-size:13px;margin-bottom:24px}.solid-link{font-size:12px}
 .cafe-photo{inset:0 -25%;width:150%;height:100%}.cafe-photo img{object-position:60% 70%}.cafe-shade{background:linear-gradient(180deg,#17120ff0 0%,#17120fcc 35%,#17120f30 68%,#17120fe8 100%)}
 .bottom{left:6vw;right:6vw;bottom:10px}.credits{left:7vw;right:7vw;bottom:70px;font-size:8px;flex-direction:column;gap:3px}
}
@media(max-width:800px) and (max-height:700px) and (orientation:portrait){
 .hero .eyebrow{top:16%;font-size:8px}.hero h1{top:23%;font-size:24vw}.garment-wrap{top:46%;width:min(100vw,56vh)}.copy-note{bottom:13%;font-size:9px}
 .stage[data-chapter="1"] .copy.right{top:15%;width:55vw}.stage[data-chapter="1"] .copy h2{font-size:18vw}.stage[data-chapter="1"] .garment-wrap{top:51%;width:min(90vw,53vh)}.stage[data-chapter="2"] .copy h2{font-size:17vw}
 .stage[data-chapter="2"] .copy.left{width:47vw;top:18%}.cafe-copy{top:19%}.cafe-copy h2{font-size:21vw}
}
@media(max-height:600px) and (orientation:landscape){.header{height:48px;top:8px;left:12px;right:12px}.logo{width:100px}.edition{display:none}.header nav{font-size:11px}.hero .eyebrow{top:25%}.hero h1{top:36%;font-size:23vh}.garment-wrap{width:79vh}.copy.right,.copy.left,.cafe-copy{top:25%}.copy h2,.cafe-copy h2{font-size:14vh}.eyebrow{margin-bottom:12px}.body-copy{font-size:11px;margin-bottom:6px}.text-link{min-height:36px;font-size:10px;padding:5px 0}.floating-label{display:none}.copy-note{bottom:17%;font-size:9px}.credits{bottom:48px;font-size:8px}.bottom{bottom:0}.solid-link{padding:10px 14px;min-height:38px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}