:root{--ivory:#f6f1e9;--ink:#302535;--plum:#49304e;--lilac:#c8b7d5;--brass:#a58147;--line:#d9cfc6;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.95;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7c507e;outline-offset:5px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(32px,3.2vw,46px);line-height:1.7;letter-spacing:.07em}h3{font-size:28px;letter-spacing:.08em;line-height:1.6}.skip-link{position:fixed;left:16px;top:-100px;padding:10px 20px;background:white;z-index:20}.skip-link:focus{top:10px}.site-header{height:90px;padding:0 4.8%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:rgba(246,241,233,.97);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:19px;white-space:nowrap}.brand-ja{font-family:var(--serif);font-size:29px;letter-spacing:.22em}.brand-en{font-family:Georgia,serif;font-size:12px;letter-spacing:.28em;border-left:1px solid var(--brass);padding-left:20px}.site-header nav{display:flex;gap:36px;margin-left:auto;font-size:14px;letter-spacing:.12em}.site-header nav a{padding:13px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--plum)}.header-note{font-size:9px;letter-spacing:.18em;color:#64546a;margin-left:28px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:12% 9% 7% 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;line-height:1.8}.eyebrow span{display:inline-block;margin-left:24px;letter-spacing:.09em}.hero-kicker{font-size:12px;letter-spacing:.06em;margin-top:12px}.hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.65;letter-spacing:.05em;margin:40px 0 25px;white-space:nowrap}.hero-description{line-height:2.15;font-size:15px;letter-spacing:.04em}.hero-photo{align-self:stretch;overflow:hidden;background:#dfd1c7}.hero-photo img{height:100%;object-fit:contain}.cta{margin-top:38px;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:60px;border:1px solid #79637b;padding:13px 24px;font-size:14px;letter-spacing:.04em;transition:background .2s,color .2s}.cta span{font-size:23px;line-height:1}.cta:hover{background:var(--plum);color:var(--ivory)}.hero-disclosure{font-size:12px;line-height:1.9;margin-top:25px;color:#64566a}.hero-disclosure strong{font-weight:500;letter-spacing:.08em}.hero-foot{font-size:9px;letter-spacing:.18em;margin-top:70px;display:flex;align-items:center;gap:18px;color:#756778}.hero-foot i{display:block;width:58px;height:1px;background:var(--brass)}.section-pad{padding:125px max(6%,calc((100vw - 1200px)/2))}.concept{display:grid;grid-template-columns:43% 1fr;gap:9%;align-items:center}.concept-photo{padding-bottom:22px}.concept-photo img{aspect-ratio:1/1.1;object-fit:cover;object-position:50% 28%}.image-caption{font-size:11px;letter-spacing:.07em;line-height:1.8;display:block;margin-top:12px;color:#625465}.concept-copy{padding-top:50px}.concept h2{margin:28px 0}.concept-copy>p:not(.eyebrow){font-size:15px;line-height:2.3}.small-note{font-size:12px!important;line-height:1.9!important;color:#6a5d6d}.concept-note{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.collection{background:#ece5e9}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading h2{margin-top:22px}.selection-hint{font-size:13px;line-height:2.1;padding-bottom:8px}.collection-stage{display:grid;grid-template-columns:55% 1fr;gap:7%;align-items:center}.main-image-wrap{position:relative;background:#f4efe8}.main-image-wrap img{aspect-ratio:4/5;object-fit:contain;width:100%;height:auto}.main-image-wrap .image-caption{position:absolute;bottom:12px;left:16px;background:#f6f1e9e8;padding:3px 8px;font-size:10px}.work-count{display:flex;align-items:baseline;gap:12px;font-family:Georgia,serif;color:#76607d;letter-spacing:.07em}.work-count span:first-child{font-size:45px}.work-count span:last-child{font-size:14px}.work-copy h3{font-size:36px;margin:20px 0 24px}.work-copy>p#work-text{font-size:16px;line-height:2.1;min-height:135px}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags li{font-size:11px;line-height:1.8;padding:4px 10px;border:1px solid #c8bbc9}.work-controls{display:flex;align-items:center;gap:24px;margin-top:40px}.work-controls button{border:1px solid #b4a2b7;background:transparent;width:48px;height:48px;border-radius:50%;transition:background .2s}.work-controls button:hover{background:#dacee0}.work-controls span{font-size:12px;letter-spacing:.15em}.thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:36px;padding:6px}.thumb{border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:transparent;text-align:left;transition:border-color .2s}.thumb img{height:125px;object-fit:contain;background:#f6f1e9;transition:opacity .2s}.thumb>span{font-size:12px;display:block;margin-top:10px;white-space:nowrap}.thumb small{font-family:Georgia,serif;font-size:10px;margin-right:8px;color:#746177}.thumb[aria-pressed=true]{border-bottom-color:var(--plum)}.thumb[aria-pressed=true] img{outline:1px solid #8d7191;outline-offset:3px}.thumb:hover img{opacity:.8}.section-aside{font-size:10px;letter-spacing:.2em}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%}.detail-crop{overflow:hidden;aspect-ratio:1.1}.detail-crop img{width:140%;max-width:none;height:100%;object-fit:cover;object-position:50% 35%;margin-left:-20%}.detail-wisteria{padding-top:100px}.detail-wisteria>img{aspect-ratio:4/5;object-fit:contain;background:#f1e8e0}.detail figcaption{margin-top:30px}.detail figcaption h3{font-size:27px;margin:9px 0 15px}.detail figcaption p{font-size:15px;line-height:2}.layering{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.detail-note{margin-top:55px;padding-top:20px;border-top:1px solid var(--line)}.styling{background:#eee9e2;padding-top:115px}.styling .section-heading>p{max-width:440px;font-size:14px;line-height:2.15}.styling-list{display:grid;gap:60px}.styling-row{display:grid;grid-template-columns:46% 1fr;gap:12%;align-items:center;padding-bottom:60px;border-bottom:1px solid #d2c6cc}.styling-row:nth-child(2){grid-template-columns:1fr 46%}.styling-row:nth-child(2) .styling-photo{grid-column:2;grid-row:1}.styling-row:nth-child(2) .styling-copy{grid-column:1;grid-row:1;padding-left:10%}.styling-photo img{aspect-ratio:1.1;object-fit:contain;background:#f6f1e9}.styling-copy h3{margin:24px 0 14px}.styling-copy p{max-width:350px;font-size:16px}.styling-copy .small-note{display:block;margin-top:24px}.swatches{display:flex;gap:8px;margin-top:30px}.swatches i{width:19px;height:19px;border-radius:50%;border:1px solid #a79ba8;background:#6c4c7d}.swatches i:nth-child(2){background:#b49abe}.swatches i:nth-child(3){background:#f6f1e9}.red .swatches i:first-child{background:#9d3548}.red .swatches i:nth-child(2){background:#d29aab}.red .swatches i:nth-child(3){background:#b49760}.navy .swatches i:first-child{background:#282c40}.navy .swatches i:nth-child(2){background:#c4c8d1}.navy .swatches i:nth-child(3){background:#f5f2ee}.styling-row:last-child{border:0;padding-bottom:0}.closing{background:var(--plum);color:#f6f1e9;padding:100px 7% 28px;text-align:center}.closing>.eyebrow{color:#d9c7df}.closing h2{font-size:clamp(38px,4vw,56px);margin:30px 0}.closing>p:not(.eyebrow):not(.closing-disclosure){font-size:15px;line-height:2.2}.cta-light{border-color:#cbbad0;max-width:340px;margin:40px auto 0}.cta-light:hover{background:var(--ivory);color:var(--plum)}.closing .closing-disclosure{max-width:700px;font-size:12px;line-height:2.1;margin:65px auto 70px;color:#dfd1e2;text-align:left}.closing footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #785d7e;padding-top:25px;font-size:11px;letter-spacing:.04em}.closing footer a{padding:10px}.closing a:focus-visible{outline-color:var(--ivory)}
@media(min-width:1600px){.hero-copy{padding-left:95px}.hero-photo img{max-height:1000px}.hero{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1050px){.header-note{display:none}.site-header{height:78px}.hero-copy{padding:8%}.hero h1{font-size:39px;margin:25px 0}.hero-kicker{font-size:10px}.hero-description{font-size:13px}.hero .cta{padding:12px 15px;font-size:12px;gap:16px;margin-top:25px}.hero-foot{margin-top:32px}.section-pad{padding:90px 6%}.concept{gap:6%}.concept-copy{padding-top:0}.concept-copy>p:not(.eyebrow){font-size:14px}.eyebrow span{margin-left:0;display:block;margin-top:7px}.work-copy h3{font-size:29px}.work-copy>p#work-text{font-size:14px;min-height:145px}.collection-stage{gap:5%;grid-template-columns:53% 1fr}.tags{gap:5px}.thumb img{height:100px}.thumb>span{font-size:10px}.thumb small{display:block}.thumbnails{gap:12px}.section-heading{gap:30px}.styling .section-heading>p{max-width:320px}.styling-row{gap:8%}.section-aside{display:none}}
@media(max-width:700px){html{scroll-padding-top:88px}.site-header{height:74px;padding:0 22px;gap:10px}.brand{gap:10px}.brand-ja{font-size:24px;letter-spacing:.14em}.brand-en{font-size:9px;letter-spacing:.12em;padding-left:10px}.site-header nav{gap:16px;font-size:12px;letter-spacing:0}.hero{display:flex;flex-direction:column}.hero-copy{padding:43px 26px 34px}.hero .eyebrow{font-size:10px;letter-spacing:.17em}.hero-kicker{font-size:11px;margin-top:9px}.hero h1{font-size:40px;line-height:1.65;margin:24px 0 20px;letter-spacing:.025em}.hero-description{font-size:14px;line-height:2}.hero .cta{font-size:13px;min-height:56px;padding:12px 20px;gap:38px;margin-top:26px}.hero-disclosure{font-size:11px;margin-top:20px}.hero-foot{display:none}.hero-photo{margin:0 16px}.hero-photo img{height:auto}.section-pad{padding:74px 26px}.concept{display:flex;flex-direction:column-reverse;gap:36px}.concept-copy{width:100%}.concept h2{margin:22px 0}h2{font-size:31px;line-height:1.75;letter-spacing:.04em}.concept-copy>p:not(.eyebrow){font-size:14px;line-height:2.2}.concept-copy>p br{display:none}.concept-note{margin-top:22px;padding-top:22px}.concept-photo{width:90%;align-self:flex-start;padding:0}.concept-photo img{aspect-ratio:1/1.05}.eyebrow{font-size:10px;letter-spacing:.15em}.eyebrow span{display:inline-block;margin:0 0 0 15px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin-top:20px}.selection-hint{margin-top:20px;padding:0;font-size:12px}.selection-hint br{display:none}.collection-stage{display:flex;flex-direction:column;gap:25px}.main-image-wrap{width:100%}.work-copy{width:100%}.work-count span:first-child{font-size:30px}.work-copy h3{font-size:30px;margin:10px 0 15px}.work-copy>p#work-text{min-height:88px;font-size:14px;line-height:2}.tags{margin:18px 0}.work-controls{margin-top:20px;gap:22px}.work-controls button{width:44px;height:44px}.thumbnails{display:flex;overflow-x:auto;gap:14px;margin:28px -8px 0;padding:8px 8px 18px;scrollbar-color:#9d86a4 #ded2e2;scrollbar-width:thin}.thumb{flex:0 0 88px}.thumb img{height:105px}.thumb>span{font-size:10px}.thumb small{display:inline;font-size:9px;margin-right:4px}.detail-grid{display:flex;flex-direction:column;gap:45px}.detail-wisteria{padding-top:0;width:90%;align-self:flex-end}.detail-crop{aspect-ratio:1}.detail figcaption{margin-top:23px}.detail figcaption p{font-size:14px}.detail-note{margin-top:35px;font-size:11px!important}.styling .section-heading>p{max-width:none;font-size:14px;margin-top:22px}.styling-list{gap:42px}.styling-row,.styling-row:nth-child(2){display:flex;flex-direction:column;gap:26px;padding-bottom:40px;align-items:stretch}.styling-photo{width:100%}.styling-photo img{aspect-ratio:1.05}.styling-row:nth-child(2) .styling-copy{padding-left:0}.styling-copy h3{font-size:25px;margin-top:18px}.styling-copy p{font-size:14px}.swatches{margin-top:18px}.styling-copy .small-note{margin-top:16px}.closing{padding:70px 26px 23px}.closing h2{font-size:38px;margin:25px 0}.closing>p:not(.eyebrow):not(.closing-disclosure){font-size:14px}.closing .closing-disclosure{margin:42px auto;font-size:11px}.closing footer{flex-direction:column;gap:12px;font-size:10px}.cta-light{font-size:13px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Keep selectors beside the work; use generous reading sizes on every screen. */
.gallery{min-width:0}.main-image-wrap img{aspect-ratio:1}.thumbnails{gap:10px;margin-top:22px}.thumb img{height:95px}.thumb>span{font-size:10px}.thumb small{display:block}.hero-description,.concept-copy>p:not(.eyebrow),.work-copy>p#work-text,.detail figcaption p,.styling .section-heading>p,.styling-copy p,.closing>p:not(.eyebrow):not(.closing-disclosure){font-size:16px}.concept-copy>.concept-note{font-size:12px}
@media(max-width:1050px) and (min-width:701px){.thumbnails{display:flex;overflow-x:auto;padding:8px;gap:12px}.thumb{flex:0 0 75px}.thumb img{height:90px}.hero h1{font-size:36px}.hero-description{font-size:16px}.work-copy>p#work-text{min-height:175px}}
@media(max-width:700px){.gallery{width:100%}.thumbnails{margin-top:20px;gap:14px}.thumb img{height:105px}.thumb small{display:inline}.work-copy>p#work-text{min-height:128px}.hero-description{font-size:16px}.hero h1{font-size:40px}.selection-hint{font-size:13px}}
