@font-face{font-family:'EB Garamond';src:url('assets/EBGaramond.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bone:#f5f1e8;--ink:#191a17;--label:#686a5b;--rule:#c6c2b8;--field:#e5e1d7;--serif:'EB Garamond',Georgia,serif;--sans:Inter,Arial,sans-serif;--gutter:clamp(24px,4.45vw,80px);--ease:cubic-bezier(.2,.65,.25,1)}
*{box-sizing:border-box}html{background:var(--bone);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bone);font:400 22px/1.4 var(--serif);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--ink);color:var(--bone)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}h1,h2{font-weight:400}button,a{touch-action:manipulation}.label,.site-header nav,.invitation,.back-link,dt{font:400 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.12em}.label{color:var(--label)}.skip{position:fixed;top:10px;left:20px;transform:translateY(-200%);z-index:20;background:var(--ink);color:var(--bone);padding:12px 20px}.skip:focus{transform:translateY(0)}
.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:relative;z-index:2}.brand{display:flex;align-items:center;min-height:44px;width:149px}.brand img{width:100%}.site-header nav{display:flex;gap:38px;align-items:center}.site-header nav a{display:flex;align-items:center;min-height:44px;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}
.site-footer{margin:0 var(--gutter);padding:24px 0 28px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .label{font-size:9px;letter-spacing:.06em}.site-footer a{min-height:28px;display:flex;align-items:center;gap:16px}.site-footer a:hover{color:var(--ink)}
.home{min-height:100svh;display:flex;flex-direction:column}.home .site-header{flex-shrink:0}.signature{flex:1;min-height:620px;display:flex;justify-content:center;align-items:center;position:relative;padding:50px 24px 110px}.signature-center{text-align:center;width:min(100%,730px);animation:arrive .8s var(--ease) both}.hero-mark{width:100%;margin:0 auto 43px}.first-call{font-family:var(--serif);font-weight:400;letter-spacing:.035em;line-height:1.12}.signature .first-call{font-size:clamp(32px,3.15vw,48px)}.invitation{font-size:10px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;position:relative}.invitation:after{content:'';height:1px;position:absolute;bottom:6px;left:0;right:0;background:var(--rule);transform-origin:left;transition:background .25s,transform .25s}.invitation:hover:after{background:var(--ink)}.invitation span{font-size:16px;transition:transform .3s var(--ease)}.invitation:hover span{transform:translate(2px,-2px)}.signature .invitation{margin-top:48px}.signature-note{position:absolute;left:var(--gutter);bottom:34px;font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg)}
.collection{padding:65px var(--gutter) 0}.collection-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-bottom:85px}.collection-heading h1{font-size:clamp(54px,6.4vw,98px);letter-spacing:-.025em;line-height:.98;margin-top:28px}.collection-intro{padding:0 0 4px 28%;}.collection-intro p{font-size:30px;line-height:1.2;margin-bottom:27px}.object-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:80px 48px}.object-entry{min-width:0}.object-cap{grid-column:1/8}.object-tee{grid-column:9/13;margin-top:150px}.object-crewneck{grid-column:1/6;margin-top:50px}.object-journal{grid-column:7/13;margin-top:160px}.object-plate{position:relative;overflow:hidden;background:var(--field)}.object-plate.cap{background:#dfdcd2}.object-plate.tee{background:#d7d3c8}.object-plate.crewneck{background:#e4e1d9}.object-plate.journal{background:#ddd8cb}.object-plate>img{width:100%;transition:transform .8s var(--ease);mix-blend-mode:normal}.object-link:hover .object-plate>img{transform:scale(1.025)}.plate-label{position:absolute;top:24px;left:24px;z-index:1;font-size:9px;letter-spacing:.1em}.plate-action{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.object-link:hover .plate-action,.object-link:focus-visible .plate-action{opacity:1;transform:translateY(0)}.object-caption{position:relative;display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--rule);margin-top:19px;padding:17px 0 0}.object-caption>div{display:flex;gap:18px;align-items:baseline}.object-caption h2{font-size:30px;line-height:1.1;white-space:nowrap}.object-caption p{font-size:17px;line-height:1.2;color:var(--label);max-width:145px;text-align:right}.caption-arrow{display:none}.object-tee .object-caption,.object-crewneck .object-caption{display:block}.object-tee .object-caption p,.object-crewneck .object-caption p{margin:10px 0 0 31px;text-align:left;max-width:none}.collection-end{padding:140px 0 125px;display:flex;align-items:end;justify-content:space-between}.collection-end p{font-size:clamp(44px,5vw,76px);line-height:1.04;letter-spacing:-.025em}
.detail-page{padding:20px var(--gutter) 0}.back-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;margin-bottom:22px;color:var(--label)}.back-link:hover{color:var(--ink)}.detail-layout{display:grid;grid-template-columns:1.38fr 1fr;gap:clamp(44px,7.6vw,120px)}.detail-art{width:100%;aspect-ratio:1/1.02;display:flex;align-items:center}.detail-art>img{height:100%;object-fit:contain;transition:transform .65s var(--ease)}.detail-art.zoomed>img{transform:scale(2.4);transform-origin:50% 45%}.detail-art.crewneck.zoomed>img{transform-origin:59% 39%;transform:scale(3.2)}.view-controls{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--rule)}.view-controls button{min-height:44px;position:relative;padding:0}.view-controls button[aria-pressed=true]{color:var(--ink)}.view-controls button[aria-pressed=true]:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--ink)}.detail-copy{padding-top:65px}.detail-copy h1{font-size:clamp(52px,4.7vw,72px);line-height:1.05;margin:25px 0 30px;letter-spacing:-.025em}.detail-description{font-size:25px;line-height:1.35;max-width:380px}.detail-copy dl{margin:44px 0 35px}.detail-copy dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--rule)}dt{color:var(--label);padding-top:5px}dd{margin:0;text-align:right;font-size:19px}.inquire{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;font-size:25px;transition:padding .3s var(--ease)}.inquire:hover{padding-left:8px;padding-right:8px}.inquire span{font-size:22px}.disclaimer{font-size:9px;letter-spacing:.08em;line-height:1.7;margin-top:18px}.detail-study{display:grid;grid-template-columns:1fr 1.38fr;gap:100px;align-items:center;padding:140px 0}.study-caption{max-width:320px}.study-caption h2{font-size:44px;line-height:1.07;margin:25px 0}.study-caption>p:last-child{font-size:20px;color:var(--label)}.study-art{position:relative}.study-art>.label{display:block;margin-top:16px;font-size:9px}.signature-sample{aspect-ratio:1.45;background:#dedacf;display:flex;align-items:center;justify-content:center;padding:21%}.signature-sample.cap{background:var(--ink)}.signature-sample.crewneck{background:#aaa9a2}.signature-sample img{width:100%}.journal-inside{display:flex;aspect-ratio:1.5;background:#e2ded4;padding:12% 7%;}.paper-page{width:50%;background:var(--bone);border-right:1px solid var(--rule);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}.paper-page:last-child{border-right:0}.paper-page p{font-size:clamp(18px,2vw,28px);line-height:1.12}.next-object{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:44px 0 60px}.next-object h2{font-size:46px;margin-top:14px}.next-object>span{font-size:44px;transition:transform .3s}.next-object:hover>span{transform:translate(4px,-4px)}.inquiry-dialog{border:1px solid var(--rule);background:var(--bone);color:var(--ink);padding:75px 56px 50px;width:min(560px,calc(100% - 40px));max-height:90svh}.inquiry-dialog::backdrop{background:rgb(25 26 23 / .48)}.close-dialog{position:absolute;top:18px;right:22px;min-height:44px;display:flex;gap:18px;align-items:center}.close-dialog span{font:400 22px var(--serif)}.inquiry-dialog h2{font-size:52px;line-height:1.06;margin:26px 0}.inquiry-dialog p{font-size:23px;line-height:1.35}.inquiry-dialog .invitation{margin-top:32px;padding:0}
.idea-page{padding:70px var(--gutter) 0}.idea-opening{max-width:1050px;margin:0 auto}.idea-opening h1{font-size:clamp(54px,6.2vw,94px);line-height:1.08;margin-top:65px;letter-spacing:.015em}.idea-lead{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start;padding:95px 0 110px}.idea-lead>.label{padding-top:12px}.idea-lead>p{font-size:clamp(27px,2.6vw,39px);line-height:1.3;letter-spacing:-.01em}.philosophy{max-width:1050px;margin:auto}.principle{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:35px;border-top:1px solid var(--rule);padding:43px 0 50px}.principle>.label{padding-top:13px}.principle h2{font-size:48px;line-height:1.2;letter-spacing:-.02em}.principle>div{padding-top:8px}.principle p{font-size:26px;line-height:1.25;max-width:360px}.principle .principle-note{font-size:21px;color:var(--label);margin-top:25px}.idea-close{padding:140px 0 120px;display:flex;flex-direction:column;align-items:center;gap:50px}.idea-close>img{width:320px}
.edition-study{padding:45px var(--gutter) 0}.study-top{display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--rule)}.editorial-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-top:40px}.editorial-image{aspect-ratio:1/1.08;display:flex;align-items:center}.editorial-copy .first-call{font-size:clamp(40px,4.2vw,64px);line-height:1.13;letter-spacing:.015em;margin:45px 0 35px}.editorial-foot{display:block;margin-top:90px;line-height:1.8;font-size:9px}.study-bottom{display:flex;justify-content:space-between;align-items:end;padding:90px 0}.study-bottom p{font-size:48px;line-height:1.1}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.signature-center{width:800px}.signature{padding-bottom:140px}.collection,.detail-page,.idea-page,.edition-study{max-width:1800px;margin:auto}.site-header,.site-footer{max-width:1640px}.site-header{margin:auto;width:100%}.site-footer{width:calc(100% - 2*var(--gutter));margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.object-grid{gap:70px 26px}.object-cap{grid-column:1/8}.object-tee{grid-column:8/13}.object-caption{display:block}.object-caption p{margin:10px 0 0 31px;text-align:left;max-width:none}.detail-layout{gap:45px;grid-template-columns:1.2fr 1fr}.detail-copy{padding-top:20px}.detail-copy h1{font-size:49px;margin:20px 0}.detail-description{font-size:22px}.detail-copy dl{margin:28px 0}.detail-copy dl>div{display:block}dd{text-align:left;margin-top:5px}.detail-study{gap:50px}.collection-intro{padding-left:10%}.editorial-hero{gap:40px}.editorial-copy .first-call{font-size:43px}.editorial-foot{margin-top:50px}.site-footer>.label:nth-child(2){display:none}}
@media(max-width:650px){:root{--gutter:24px}.site-header{height:96px}.brand{width:115px}.site-header nav{gap:21px;font-size:9px;letter-spacing:.08em}.site-header nav a:after{bottom:9px}.site-footer{padding:18px 0 20px;align-items:start;gap:20px}.site-footer .label{font-size:8px;line-height:1.6;letter-spacing:.04em}.site-footer a{min-height:24px}.home .site-footer>a{display:none}.signature{min-height:560px;padding:25px 24px 110px}.signature-center{width:100%;max-width:410px}.hero-mark{width:100%;margin-bottom:33px}.signature .first-call{font-size:31px;line-height:1.17}.signature .invitation{margin-top:38px;font-size:9px;gap:28px}.signature-note{writing-mode:initial;transform:none;bottom:31px;font-size:8px}.collection{padding-top:42px}.collection-heading{display:block;padding-bottom:45px}.collection-heading h1{font-size:57px;line-height:1;letter-spacing:-.025em;margin-top:22px}.collection-heading>.label{font-size:9px}.collection-intro{padding:30px 0 0;display:flex;align-items:end;justify-content:space-between;gap:20px}.collection-intro p{font-size:23px;margin:0;line-height:1.15}.collection-intro .label{font-size:8px;max-width:80px;text-align:right}.object-grid{display:block}.object-entry{margin:0 0 48px}.object-plate{aspect-ratio:1/1.08;display:flex;align-items:center}.object-plate>img{height:100%;object-fit:contain}.plate-label{top:18px;left:18px;font-size:8px}.plate-action{display:none}.object-caption,.object-tee .object-caption,.object-crewneck .object-caption{display:block;padding-top:16px;margin-top:14px;padding-right:20px}.object-caption h2{font-size:29px}.object-caption p,.object-tee .object-caption p,.object-crewneck .object-caption p{font-size:16px;margin:8px 0 0 30px;text-align:left}.caption-arrow{display:block;position:absolute;right:0;top:20px;font-size:22px}.collection-end{padding:35px 0 70px;display:block}.collection-end p{font-size:49px}.collection-end .invitation{margin-top:28px}.detail-page{padding-top:12px}.back-link{font-size:9px;margin-bottom:16px}.detail-layout{display:block}.detail-art{aspect-ratio:1/1.08}.detail-copy{padding-top:44px}.detail-copy h1{font-size:54px;margin:20px 0 24px}.detail-description{font-size:25px;line-height:1.32}.detail-copy dl{margin:32px 0}.detail-copy dl>div{display:flex;padding:12px 0}dd{text-align:right;font-size:18px;margin:0}dt{font-size:9px}.inquire{font-size:25px}.disclaimer{font-size:8px}.detail-study{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:75px 0}.study-caption h2{font-size:41px;margin:20px 0}.study-caption>p:last-child{font-size:20px}.study-art .signature-sample{aspect-ratio:1.2}.study-art>.label{font-size:8px}.journal-inside{padding:10% 5%;aspect-ratio:1.3}.paper-page p{font-size:21px}.next-object{padding:30px 0 45px}.next-object h2{font-size:39px}.next-object>span{font-size:32px}.inquiry-dialog{padding:70px 27px 35px}.inquiry-dialog h2{font-size:44px}.inquiry-dialog p{font-size:22px}.idea-page{padding-top:46px}.idea-opening>.label{font-size:8px}.idea-opening h1{font-size:45px;margin-top:52px;letter-spacing:.015em;line-height:1.15}.idea-lead{display:block;padding:54px 0 65px}.idea-lead>.label{font-size:8px;display:block;margin-bottom:22px;padding:0}.idea-lead>p{font-size:26px;line-height:1.32;letter-spacing:-.015em}.principle{grid-template-columns:24px 1fr;gap:10px 15px;padding:30px 0 36px}.principle>.label{font-size:9px;padding-top:10px}.principle h2{font-size:39px}.principle>div{grid-column:2;padding-top:5px}.principle p{font-size:24px}.principle .principle-note{font-size:20px;margin-top:20px}.idea-close{padding:80px 0 70px;gap:28px}.idea-close>img{width:250px}.edition-study{padding-top:30px}.study-top{padding-bottom:22px}.study-top .label{font-size:8px}.editorial-hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin-top:24px}.editorial-image{aspect-ratio:1/1.05}.editorial-copy>.label{font-size:8px}.editorial-copy .first-call{font-size:41px;line-height:1.15;margin:25px 0}.editorial-foot{margin-top:30px;font-size:8px}.study-bottom{padding:65px 0;display:block}.study-bottom p{font-size:41px}.study-bottom .invitation{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}

/* Review pass: label contrast on material fields, legible mobile disclosures. */
.plate-label,.plate-action{color:var(--ink)}
@media(max-width:650px){.site-footer .label,.signature-note,.collection-intro .label,.plate-label,.disclaimer,.study-art>.label,.idea-opening>.label,.idea-lead>.label,.study-top .label,.editorial-copy>.label,.editorial-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Shared artwork keeps collection → object navigation visually continuous. */
.object-cap .object-plate>img,.detail-art.cap>img{view-transition-name:object-cap}
.object-tee .object-plate>img,.detail-art.tee>img{view-transition-name:object-tee}
.object-crewneck .object-plate>img,.detail-art.crewneck>img{view-transition-name:object-crewneck}
.object-journal .object-plate>img,.detail-art.journal>img{view-transition-name:object-journal}
::view-transition-group(*){animation-duration:.24s;animation-timing-function:var(--ease)}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Role barrel (homepage only) */
.role-barrel{margin:-14px auto 40px;width:min(64%,440px)}
.barrel-window{position:relative;display:block;width:100%;aspect-ratio:3.4/1;padding:0;border:1px solid var(--rule);border-radius:3px;background:var(--bone);overflow:hidden;box-shadow:inset 0 1px 0 #fff8,inset 0 0 0 3px var(--bone),inset 0 0 0 4px #c6c2b880;cursor:pointer;touch-action:manipulation}
.barrel-window:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(var(--bone) 0,#f5f1e800 30%,#f5f1e800 70%,var(--bone) 100%)}
.barrel-window:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.barrel-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;transition:filter .12s linear}
.barrel-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(30px,3vw,42px)/1 var(--serif);letter-spacing:.02em;transition:opacity .5s}
.role-barrel.gl .barrel-fallback{opacity:0}
.barrel-flash{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:0 18px;font:italic 400 clamp(20px,2.1vw,28px)/1.15 var(--serif);letter-spacing:.04em;color:var(--ink);text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease;text-shadow:0 0 22px var(--bone),0 0 10px var(--bone)}
.barrel-flash.on{opacity:1}
.barrel-desc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.barrel-tip{margin-top:14px;font-size:9px;letter-spacing:.14em;color:var(--label);min-height:1em;transition:opacity .4s}
.role-barrel[data-state=spinning] .barrel-tip{opacity:0}
@media(max-width:650px){.role-barrel{width:78%;margin:-8px auto 32px}.barrel-tip{font-size:9px}}
