:root{--black:#080808;--ink:#111;--bone:#e8e5df;--grey:#aaa;--line:rgba(255,255,255,.22);--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:Arial,'Helvetica Neue',sans-serif;letter-spacing:.04em}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:40;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:white;mix-blend-mode:difference}.brand{display:flex;align-items:baseline;gap:13px;color:inherit;text-decoration:none}.brand span{font-family:Georgia,serif;font-size:17px;letter-spacing:.18em}.brand small{font-size:9px;letter-spacing:.22em}.menu-btn{width:42px;height:42px;border:0;background:none;display:grid;align-content:center;gap:8px;cursor:pointer}.menu-btn span{display:block;height:1px;background:white;transition:.3s}.menu-btn span:last-child{width:65%;margin-left:auto}.menu-open .menu-btn span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-btn span:last-child{width:100%;transform:translateY(-4.5px) rotate(-45deg)}.menu{position:fixed;z-index:35;inset:0;background:#0b0b0bf2;display:flex;flex-direction:column;justify-content:center;padding:18vh 12vw 4vh;transition:.5s;opacity:0;visibility:hidden;transform:translateY(-20px)}.menu[aria-hidden=false]{opacity:1;visibility:visible;transform:none}.menu-links{display:flex;flex-direction:column;gap:24px}.menu a{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:white;text-decoration:none;font-size:clamp(30px,5vw,72px);border-bottom:1px solid #333;padding-bottom:14px}.menu-collab{display:flex;flex-direction:column;align-items:center;margin-top:54px}.menu-collab img{width:clamp(240px,58vw,380px);height:auto;filter:invert(1);opacity:.92}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#171717}.tile-field{position:absolute;inset:-2%;display:grid;grid-template-rows:29% 39% 34%;gap:4px;transform:translate(var(--mx),var(--my)) scale(1.025);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.tile-row{display:flex;gap:4px;width:110%;margin-left:-5%;overflow:hidden}.tile{flex:1;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.12) brightness(.7);animation:tileIn 1.7s cubic-bezier(.16,.8,.2,1) both;animation-delay:calc(.07s * var(--i) + .15s);clip-path:inset(0 100% 0 0)}.row-0 .tile:nth-child(2n),.row-2 .tile:nth-child(2n){flex:1.55}.row-1 .tile:nth-child(2){flex:1.8}.row-1{animation:driftLeft 20s ease-in-out infinite alternate}.row-0,.row-2{animation:driftRight 24s ease-in-out infinite alternate}@keyframes tileIn{to{clip-path:inset(0 0 0 0)}}@keyframes driftLeft{to{transform:translateX(-3%)}}@keyframes driftRight{to{transform:translateX(3%)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 55%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 50%)}.hero-kicker{position:absolute;top:48%;right:2vw;transform:rotate(90deg);transform-origin:right top;font-size:8px;letter-spacing:.28em}.hero-copy{position:absolute;left:5vw;bottom:9vh}.eyebrow,.section-no,.collection-head span,.craft-copy>span{font-size:9px;letter-spacing:.28em}.hero h1,.collection-head h2,.craft-copy h2,.detail-summary h1,.detail-statement h2,.specs h2{font-family:Arial,sans-serif;font-size:clamp(62px,10vw,150px);line-height:.78;letter-spacing:-.07em;margin:25px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.hero .jp{font-family:Georgia,'Yu Mincho',serif;font-size:14px;line-height:2;letter-spacing:.14em}.scroll-cue{position:absolute;right:4vw;bottom:5vh;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.22em}.scroll-cue i{display:block;width:70px;height:1px;background:white;position:relative}.scroll-cue i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid white;border-bottom:1px solid white;transform:rotate(-45deg)}.manifesto{min-height:85vh;padding:15vh 9vw;display:grid;grid-template-columns:1fr 4fr;align-items:start;background:#ddd9d1;color:#111}.manifesto h2{font-family:Georgia,'Yu Mincho',serif;font-weight:400;font-size:clamp(38px,6vw,90px);line-height:1.35;margin:8vh 0 0}.manifesto h2 span{color:#777}.manifesto>p{grid-column:2;max-width:590px;margin:8vh 0 0 auto;line-height:2.2;font-size:13px}.collection{padding:16vh 5vw;background:#0a0a0a}.collection-head{margin-bottom:13vh}.collection-head h2,.craft-copy h2{font-size:clamp(64px,9vw,130px);margin-top:35px}.product-card{display:grid;grid-template-columns:1.3fr .8fr;gap:8vw;align-items:center;max-width:1300px;margin:0 auto 22vh}.product-card.reverse{grid-template-columns:.8fr 1.3fr}.product-card.reverse .product-media{order:2}.product-media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#171717}.product-media img,.craft-image img,.detail-visual img,.detail-gallery img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.product-media:hover img{filter:grayscale(.25);transform:scale(1.025)}@media(hover:none){.product-media.media-color img{filter:grayscale(.25);transform:scale(1.025)}}.edition{position:absolute;left:18px;bottom:18px;background:#eee;color:#111;padding:9px 12px;font-size:8px;letter-spacing:.2em}.product-info>span{font-size:8px;letter-spacing:.26em;color:#888}.product-info h3{font-size:clamp(30px,4.2vw,65px);line-height:.95;letter-spacing:-.06em;margin:25px 0}.product-info>p{font-family:Georgia,'Yu Mincho',serif;line-height:2;color:#aaa;font-size:13px}.product-info>div{margin-top:60px;border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.product-info strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.product-info a{font-size:9px;color:white;text-decoration:none;letter-spacing:.2em}.craft{background:#d8d5cf;color:#111;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.craft-image img{display:block}.craft-image{min-height:100vh}.craft-copy{padding:12vh 6vw}.craft-copy h2{font-size:clamp(55px,7vw,105px)}.craft-copy ul{list-style:none;padding:0;margin:8vh 0 0}.craft-copy li{display:grid;grid-template-columns:40px 1fr;gap:8px;border-top:1px solid #aaa;padding:20px 0}.craft-copy li b{grid-row:1/3;font-size:9px;color:#888}.craft-copy li strong{font-size:13px}.craft-copy li small{font-family:Georgia,'Yu Mincho',serif;color:#666;line-height:1.6}footer{min-height:330px;padding:80px 5vw 35px;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;border-top:1px solid #222;color:#777}.footer-collab{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.footer-collab img{width:clamp(280px,68vw,440px);height:auto;filter:invert(1);opacity:.92}footer p{font-size:9px;letter-spacing:.2em;text-align:right}footer>a{color:white;text-decoration:none;font-size:9px;letter-spacing:.2em}footer>small{text-align:right;font-size:8px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.reveal.seen{opacity:1;transform:none}
/* detail */.detail-page{background:#0b0b0b}.site-header .back{color:white;text-decoration:none;font-size:9px;letter-spacing:.2em}.detail-hero{min-height:100svh;display:grid;grid-template-columns:54% 46%}.detail-visual{position:sticky;top:0;height:100svh;overflow:hidden}.detail-visual img{filter:grayscale(.8);animation:detailReveal 1.4s ease both}@keyframes detailReveal{from{transform:scale(1.12);filter:grayscale(1) brightness(.3)}to{transform:scale(1);filter:grayscale(.8)}}.detail-visual>span{position:absolute;left:25px;bottom:22px;background:#e6e3dc;color:#111;padding:10px 13px;font-size:8px;letter-spacing:.2em}.detail-summary{padding:18vh 6vw 8vh;display:flex;flex-direction:column;justify-content:center}.detail-summary>p:first-child{font-size:8px;color:#888;letter-spacing:.24em}.detail-summary h1{font-size:clamp(37px,4.4vw,72px);line-height:.91}.detail-summary h1 em{font-family:Georgia,serif;font-weight:400;font-size:.68em;color:#aaa}.detail-summary .lead{font-family:Georgia,'Yu Mincho',serif;max-width:510px;line-height:2.1;color:#aaa;font-size:13px}.price{display:flex;justify-content:space-between;align-items:baseline;margin:7vh 0 28px;padding-top:22px;border-top:1px solid #333}.price strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.price small,.sold{font-size:7px;letter-spacing:.18em;color:#777}.official-btn{display:flex;justify-content:space-between;background:#e9e6df;color:#111;padding:20px;text-decoration:none;font-size:10px;letter-spacing:.2em;transition:.3s}.official-btn:hover{background:#fff}.sold{margin-top:14px}.detail-statement{background:#dad7d0;color:#111;min-height:80vh;padding:14vh 10vw}.detail-statement>span{font-size:8px;letter-spacing:.25em}.detail-statement h2{font-family:Georgia,'Yu Mincho',serif;font-weight:400;font-size:clamp(45px,7vw,110px);line-height:1.2;letter-spacing:-.04em}@media(max-width:760px){.detail-statement h2{font-size:27px}}.detail-statement p{font-family:Georgia,'Yu Mincho',serif;max-width:600px;margin-left:auto;line-height:2.2;font-size:14px}.detail-gallery{padding:10vw;display:grid;grid-template-columns:1fr 1fr;gap:12vw 5vw}.detail-gallery figure{margin:0}.detail-gallery figure:nth-child(even){margin-top:16vw}.detail-gallery figure img{aspect-ratio:4/5;filter:grayscale(.9)}.detail-gallery figcaption{font-size:8px;letter-spacing:.2em;color:#777;margin-top:12px}.specs{padding:14vh 8vw;display:grid;grid-template-columns:1fr 1fr;background:#d8d5cf;color:#111}.specs>div>span{font-size:8px;letter-spacing:.24em}.specs h2{font-size:clamp(55px,7vw,100px)}.specs dl{margin:0}.specs dl>div{display:grid;grid-template-columns:130px 1fr;border-top:1px solid #aaa;padding:23px 0}.specs dt{font-size:8px;letter-spacing:.2em;color:#777}.specs dd{font-size:12px;margin:0}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand span{font-size:13px}.hero{min-height:700px}.tile-field{grid-template-rows:26% 40% 36%}.tile-row{width:170%;margin-left:-35%}.hero-copy{left:22px;bottom:11vh}.hero h1{font-size:60px}.hero-kicker{display:none}.scroll-cue{right:20px}.manifesto{display:block;padding:13vh 25px;min-height:75vh}.manifesto h2{margin-top:60px;font-size:26px}.manifesto>p{margin-top:60px}.collection{padding:13vh 20px}.collection-head h2{font-size:58px}.product-card,.product-card.reverse{display:flex;flex-direction:column;gap:35px;margin-bottom:15vh}.product-card.reverse .product-media{order:0}.product-media{width:100%}.product-info{width:100%}.product-info h3{font-size:40px}.craft{display:block}.craft-image{min-height:70vh;height:70vh}.craft-copy{padding:12vh 25px}.craft-copy h2{font-size:57px}footer{padding:65px 20px 25px;min-height:280px}footer>small{grid-column:1/-1;white-space:nowrap;text-align:right;font-size:7px}.detail-hero{display:block}.detail-visual{position:relative;height:72svh}.detail-summary{padding:10vh 24px}.detail-summary h1{font-size:39px}.price{margin-top:50px}.detail-statement{padding:12vh 24px}.detail-gallery{padding:80px 20px;gap:70px 12px}.detail-gallery figure:nth-child(even){margin-top:70px}.specs{display:block;padding:11vh 24px}.specs dl{margin-top:50px}.specs dl>div{grid-template-columns:100px 1fr}.site-header .back{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.tile{clip-path:none}.reveal{opacity:1;transform:none}}
html,body{overflow-x:clip}

/* scroll-driven hero panels */
.hero{height:320svh;min-height:0;background:#b9b7b1;overflow:visible}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:radial-gradient(circle at 68% 32%,#d1d0ca 0,#aaa8a3 48%,#8c8a86 100%)}
.hero-sticky:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,15,15,.18),transparent 38%,rgba(255,255,255,.08));mix-blend-mode:multiply}
.tile-field{inset:0;display:block;transform:none;transition:none}
.tile{position:absolute;display:block;flex:none;border:3px solid #a5a39e;background-size:cover;background-position:center;clip-path:none;animation:none;will-change:transform;filter:grayscale(1) contrast(1.12) brightness(.68);transition:filter .5s}
.tile:nth-child(3n){background-position:center 24%}.tile:nth-child(4n){filter:grayscale(1) contrast(1.2) brightness(.55)}
.hero-shade{z-index:2;transition:none}.hero-kicker,.hero-copy,.scroll-cue{z-index:3}.hero-copy{will-change:opacity,transform}.scroll-cue{will-change:opacity}
.final-triptych{position:absolute;z-index:2;left:27%;top:20%;width:50%;height:60%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;align-items:center;opacity:0;will-change:opacity,transform}
.final-triptych i{height:72%;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.08)}
.final-triptych i:nth-child(1){background-image:url('./assets/photos/duo-front.jpg');background-position:48% 30%;transform:translateY(9%)}
.final-triptych i:nth-child(2){height:82%;background-image:url('./assets/photos/portrait-street.png');background-position:58% 28%;transform:translateY(-6%)}
.final-triptych i:nth-child(3){background-image:url('./assets/photos/back-print.jpg');background-position:50% 34%;transform:translateY(4%)}
.hero-reveal{position:absolute;z-index:4;right:5vw;bottom:10vh;text-align:right;color:#fff;opacity:0;will-change:opacity,transform;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.hero-reveal span,.hero-reveal small{font-size:8px;letter-spacing:.28em}.hero-reveal p{font-family:Georgia,'Yu Mincho',serif;font-size:clamp(20px,2.5vw,38px);letter-spacing:.14em;margin:16px 0}
@media(max-width:760px){.hero{height:270svh}.hero-sticky{min-height:620px}.tile{border-width:2px}.hero-copy{left:22px;bottom:12vh}.final-triptych{left:12%;top:20%;width:76%;height:58%;gap:3px}.hero-reveal{right:20px;left:20px;bottom:8vh}.hero-reveal p{font-size:26px}.hero-reveal small{font-size:6px}.scroll-cue{bottom:4vh}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.final-triptych,.hero-reveal{display:none}.hero-copy{opacity:1!important;transform:none!important}.tile{transform:none!important}}

/* reference-accurate four-row panel motion */
.hero{height:calc(100svh + 1900px)}
.tile-field{--panel-size:max(100vw,calc(100svh * 1.72));top:0;left:0;right:0;bottom:auto;height:calc(2080 / 1920 * var(--panel-size));overflow:visible}
.panel-row{position:absolute;left:50%;display:flex;flex-direction:row-reverse;justify-content:center;transform:translateX(-50%);height:calc(520 / 1920 * var(--panel-size));width:calc(1915 / 1920 * var(--panel-size));perspective:1000px}
.panel-row-1{top:0}.panel-row-2{top:calc(520 / 1920 * var(--panel-size));width:calc(2107 / 1920 * var(--panel-size))}.panel-row-3{top:calc(1040 / 1920 * var(--panel-size))}.panel-row-4{top:calc(1560 / 1920 * var(--panel-size));width:calc(2107 / 1920 * var(--panel-size))}
.panel-row .tile{position:relative;left:auto;top:auto;flex:0 0 calc(340 / 1920 * var(--panel-size));width:calc(340 / 1920 * var(--panel-size))!important;height:calc(510 / 1920 * var(--panel-size))!important;margin:calc(5 / 1920 * var(--panel-size));border:0;border-radius:2px;background-size:cover;background-position:center;opacity:1;will-change:transform;filter:grayscale(1) contrast(1.1) brightness(.7)}
.panel-row .tile:nth-child(3n+1){background-position:40% center}.panel-row .tile:nth-child(4n+2){background-position:65% center}
@media(max-width:760px){.hero{height:calc(100svh + 700px)}.tile-field{top:0;height:calc(544 / 414 * 100vw)}.panel-row{width:100vw;height:calc(136 / 414 * 100vw)}.panel-row-2{top:calc(136 / 414 * 100vw);width:100vw}.panel-row-3{top:calc(272 / 414 * 100vw)}.panel-row-4{top:calc(408 / 414 * 100vw);width:100vw}.panel-row .tile{flex-basis:calc(78 / 414 * 100vw);width:calc(78 / 414 * 100vw)!important;height:calc(132 / 414 * 100vw)!important;margin:calc(2 / 414 * 100vw)}}
@media(max-width:760px){.tile-field{--panel-size:100vw}}
.collab-logo-stage{position:absolute;z-index:4;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;will-change:opacity,transform}
.collab-logo-stage img{display:block;width:clamp(260px,46vw,650px);height:auto;mix-blend-mode:normal;filter:grayscale(1) contrast(1.12)}
@media(max-width:760px){.collab-logo-stage img{width:min(78vw,440px)}}
.brand{align-items:center}
.brand-partner{display:inline-flex;align-items:center;gap:12px;line-height:1}
.brand-partner b{font-family:Arial,sans-serif;font-size:14px;font-weight:300;line-height:1}
.brand-partner img{display:block;width:auto;height:11.5px;object-fit:contain}
@media(max-width:760px){.brand-partner{gap:9px}.brand-partner img{height:9px}.brand-partner b{font-size:11px}}
.link-arrow{font-family:Arial,'Helvetica Neue',sans-serif;font-size:18px;font-weight:400;line-height:1;letter-spacing:0}
.detail-summary .official-btn{margin-top:42px}
.header-links{display:flex;align-items:center;gap:22px}
.home-back{color:white;text-decoration:none;font-size:9px;letter-spacing:.2em;white-space:nowrap}
.home-back:hover,.home-back:focus-visible{opacity:.68}
@media(max-width:760px){.header-links{gap:14px}.home-back{font-size:7px}.menu-btn{width:34px}}
.spec-heading{cursor:default;outline:none}
.spec-meaning{margin:-4px 0 0;font-size:12px;line-height:1.6;letter-spacing:.04em;opacity:0;transform:translateY(-4px);transition:opacity .28s ease,transform .28s ease}
.spec-heading:hover .spec-meaning,.spec-heading:focus .spec-meaning{opacity:1;transform:none}
.hover-meaning{display:inline-flex;align-items:baseline;cursor:default;outline:none}
.meaning-swap{position:relative;display:inline-grid;align-items:baseline;min-width:14.2em}
.meaning-swap-wide{min-width:25em}
.meaning-swap span{grid-area:1/1;line-height:1;transition:opacity .28s ease}
.meaning-ja{font-family:Arial,'Yu Gothic','YuGothic',sans-serif;letter-spacing:.22em;opacity:0}
.hover-meaning.is-swapped .meaning-en{opacity:0}
.hover-meaning.is-swapped .meaning-ja{opacity:1}
@media(max-width:760px){.collection{padding-bottom:74px!important}.collection .product-card,.collection .product-card.reverse{gap:48px!important;margin-bottom:74px!important}.collection .product-card:last-of-type{margin-bottom:0!important}.product-info>div{margin-top:48px}.craft-image.reveal{transform:none!important}}
