@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;600;700&display=swap');
:root{font-family:'Noto Sans JP',system-ui,sans-serif;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;object-fit:cover}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.9}h1,h2,h3{line-height:1.3}button:focus-visible,a:focus-visible{outline:3px solid #e1a66d;outline-offset:3px}[hidden]{display:none!important}.muted{opacity:.6}.eyebrow{font-size:.7rem;letter-spacing:.22em;font-weight:700}.demo-tag{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#151b25;color:#fff;padding:9px 5%;font:12px system-ui;position:relative;z-index:25}.demo-tag a{text-decoration:underline;text-underline-offset:3px}.demo-tag span{opacity:.6}.container{max-width:1160px;margin:auto;padding-left:5%;padding-right:5%}.section{padding-top:100px;padding-bottom:100px}.section-soft{background:#f5f5f2}.section-heading{margin-bottom:35px}.section-heading>span{font-size:.68rem;letter-spacing:.15em;color:#8c8175}.section-heading h2{font:600 clamp(1.8rem,4vw,3rem) 'Noto Serif JP',serif;margin:8px 0 10px}.section-heading p{color:#686969}.brand{font-weight:800;letter-spacing:.08em}.topnav,.editorial-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 5%;background:#fff}.topnav nav,.editorial-nav nav{display:flex;gap:30px;font:700 12px system-ui;letter-spacing:.14em}.topnav nav a:hover,.editorial-nav nav a:hover{opacity:.55}.menu-btn{display:none;border:0;background:transparent;color:inherit;font-size:24px;padding:6px 10px}.standard{color:#25303c;background:#fff}.standard-hero{display:grid;grid-template-columns:53% 47%;min-height:min(710px,78vh);background:#edece9}.hero-photo{min-height:430px}.hero-photo img{width:100%;height:100%}.hero-copy{padding:clamp(35px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy h1{font:600 clamp(2rem,4vw,4.4rem)/1.4 'Noto Serif JP',serif;letter-spacing:.02em}.hero-copy p{max-width:460px;color:#64676b}.text-cta{margin-top:20px;border-bottom:1px solid #313941;padding-bottom:9px;font-size:13px}.standard-profile{display:grid;grid-template-columns:32% 1fr;gap:7%;align-items:center}.standard-profile img{width:100%;aspect-ratio:3/3.6}.standard-profile h3{font-size:clamp(1.7rem,3vw,2.6rem)}.standard-profile h3 small{font:600 .72rem system-ui;color:#9a9a9a;margin-left:14px;letter-spacing:.15em}.standard-profile p{max-width:650px;color:#4b5660}.event-list{display:grid;gap:1px}.event-row{appearance:none;text-align:left;background:transparent;border:0;border-bottom:1px solid #ccd0d1;padding:23px 6px;display:grid;grid-template-columns:120px 1fr 230px 25px;gap:15px;align-items:center;color:inherit;width:100%}.event-row:hover{background:#e9ebeb}.event-row time{font:700 13px system-ui;letter-spacing:.06em}.event-row strong{font-size:15px}.event-row span{font-size:12px;color:#84888c}.more-btn{border:1px solid #bbc1c5;background:transparent;padding:13px 28px;margin-top:28px;color:inherit}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.work-card{text-align:left;border:0;background:transparent;padding:0;color:inherit;display:flex;flex-direction:column;gap:9px;min-width:0}.work-card img{width:100%;aspect-ratio:3/4;transition:transform .3s}.work-card:hover img{transform:translateY(-5px)}.work-meta{font:700 10px system-ui;letter-spacing:.13em;opacity:.6}.work-card strong{font-size:14px}.view-link{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#68707b}.blog-list{display:grid;gap:0}.blog-row{display:grid;grid-template-columns:135px 1fr auto;gap:15px;align-items:center;text-align:left;padding:23px 8px;border:0;border-bottom:1px solid #cbd0d0;background:transparent;color:inherit}.blog-row:hover{opacity:.65}.blog-row time{font:12px system-ui;color:#777}.blog-row strong{font-size:15px}.blog-row span{font-size:12px}.standard footer,.editorial footer{padding:58px 5%;background:#26313a;color:#fff}.standard footer strong,.editorial footer strong{font-size:23px}.socials{display:flex;gap:25px;margin:25px 0;font:700 12px system-ui;letter-spacing:.1em}.socials a:hover{text-decoration:underline}footer small{font-size:11px;color:#a2a8ae;line-height:1.9}.extra-note{padding:16px 0;color:#666}.detail-dialog{max-width:min(650px,92vw);width:100%;border:0;border-radius:8px;padding:32px;background:#fff;color:#222;box-shadow:0 30px 100px #0006;max-height:85vh;overflow:auto}.detail-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.close-dialog{position:absolute;top:10px;right:12px;background:#171c22;color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.detail-image{width:100%;height:270px;margin-bottom:24px}.detail-title{font-size:clamp(24px,4vw,34px)}.detail-desc{color:#666}
/* Editorial */
.editorial{color:#242322;background:#f3f1eb;font-family:'Noto Serif JP',serif}.editorial-nav{background:#f3f1eb}.editorial-nav nav{font-family:system-ui}.editorial-hero{display:grid;grid-template-columns:58% 42%;min-height:660px;overflow:hidden}.editorial-hero-img{min-height:660px}.editorial-hero-img img{height:100%;width:100%;filter:saturate(.7)}.editorial-hero-copy{padding:65px 7% 50px;display:flex;flex-direction:column;justify-content:center}.giant-name{font:bold clamp(68px,9.5vw,170px)/.9 Georgia,serif;letter-spacing:-.09em;margin:30px 0}.giant-name span{font:16px system-ui;vertical-align:top;letter-spacing:0}.editorial-hero h1{font-size:clamp(22px,2.4vw,33px)}.editorial-hero p{font-size:14px;color:#766f68}.underlined{align-self:flex-start;font:700 12px system-ui;letter-spacing:.13em;text-decoration:none;border:0;border-bottom:1px solid currentColor;padding:0 0 10px;background:transparent;color:inherit;margin-top:30px}.editorial-section{max-width:1350px;margin:auto;padding:115px 5%}.editorial-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:46px}.editorial-title span{font:700 11px system-ui;letter-spacing:.14em;color:#847d75}.editorial-title h2{font:normal clamp(48px,8.5vw,118px)/.95 Georgia,serif;letter-spacing:-.065em;margin:0;order:-1}.editorial-title em{font-weight:normal;color:#a28d7f}.editorial-mosaic{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.editorial-mosaic button{border:0;background:transparent;text-align:left;padding:0;color:inherit;font:600 13px system-ui;display:block;width:100%}.editorial-mosaic img{width:100%;transition:filter .2s}.editorial-mosaic button:hover img{filter:brightness(.85)}.mosaic-large img{aspect-ratio:4/4.2}.mosaic-side{display:grid;gap:35px}.mosaic-side img{aspect-ratio:4/2.9}.editorial-mosaic span{display:block;padding:14px 0}.extra-works{margin-top:30px}.editorial-about{background:#262a30;color:#eee;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:115px 8%;align-items:center}.editorial-about h2{font:normal clamp(48px,8vw,110px)/.95 Georgia,serif;letter-spacing:-.055em}.editorial-about h2 em{color:#bca798}.editorial-about img{height:420px;width:85%;object-position:top}.editorial-about-copy h3{font-size:36px}.editorial-about-copy p{font-size:17px;line-height:2.3;color:#c8cbd0}.editorial-schedule .event-row{grid-template-columns:130px 1fr 200px 25px;border-color:#bbb}.editorial-journal{background:#e5e0d7;padding:100px 7%}.editorial-journal-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.editorial-journal-body>img{width:100%;aspect-ratio:4/4}.editorial-journal h3{font-size:clamp(26px,4vw,44px);line-height:1.5}.editorial-journal .blog-row{grid-template-columns:1fr;gap:6px;padding:15px 0}.editorial-journal .blog-row span{display:none}.editorial footer{background:#22262d}
/* Interactive */
.interactive{background:#10151f;color:#f3f5fb;font-family:'Noto Sans JP',system-ui,sans-serif}.interactive-shell{display:grid;grid-template-columns:235px minmax(0,1fr)}.side-nav{height:100vh;position:sticky;top:0;background:#10141d;border-right:1px solid #303744;padding:32px 23px;display:flex;flex-direction:column;gap:30px}.side-brand{font:800 21px system-ui;letter-spacing:-.04em}.side-brand span{color:#ff7967}.side-index{font:10px system-ui;letter-spacing:.14em;color:#919cae}.side-nav nav{display:flex;flex-direction:column;gap:8px;margin-top:25px}.side-nav nav a{display:flex;align-items:center;gap:17px;padding:15px 4px;color:#99a5b9;font:700 12px system-ui;letter-spacing:.13em;border-bottom:1px solid #252c38}.side-nav nav a:hover,.side-nav nav a.active{color:#ff917e}.side-nav nav a span{font-size:14px}.side-bottom{margin-top:auto;font:10px/2 system-ui;color:#67768b;letter-spacing:.12em}.interactive-mobile-nav{display:none}.interactive-hero{height:min(780px,95vh);min-height:570px;position:relative;overflow:hidden}.interactive-hero>img{height:100%;width:100%;filter:brightness(.48) saturate(.78)}.interactive-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10151f 1%,transparent 65%)}.interactive-hero-text{position:absolute;bottom:10%;left:7%;z-index:1}.interactive-hero-text>span{font:700 11px system-ui;letter-spacing:.2em;color:#d9c6bf}.interactive-hero h1{font:bold clamp(70px,10vw,155px)/.86 system-ui;letter-spacing:-.095em;margin:18px 0}.interactive-hero h1 span,.interactive-heading h2 span{color:#ff7967}.interactive-hero p{font-size:18px}.interactive-hero a{display:inline-block;margin-top:20px;border-bottom:1px solid #ff7967;padding:10px 0;color:#ffb4a4;font:700 12px system-ui;letter-spacing:.18em}.interactive-section{padding:100px 7%;max-width:1400px;margin:auto}.interactive-heading>span{font:700 11px system-ui;letter-spacing:.15em;color:#ff977e}.interactive-heading h2{font:bold clamp(48px,7vw,95px)/1 system-ui;letter-spacing:-.07em;margin:15px 0}.interactive-heading p{color:#9ba6b7}.tabs,.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0 25px}.tabs button,.filter-bar button{border:1px solid #485365;color:#e8eefa;background:transparent;border-radius:999px;padding:12px 21px;font-size:13px}.tabs button.active,.filter-bar button.active{background:#ff907a;color:#12151b;border-color:#ff907a}.timeline{border-left:2px solid #ff907a;padding-left:32px;margin-left:10px}.timeline .event-row{color:#f3f5fb;grid-template-columns:140px 1fr 170px 25px;border-color:#394355;position:relative}.timeline .event-row:before{position:absolute;content:'';width:11px;height:11px;border-radius:50%;background:#ff907a;left:-38px;top:30px}.timeline .event-row:hover{background:#222b3a}.timeline .event-row span{color:#9aa6b7}.archive-row{padding:24px 0;border-bottom:1px solid #394355}.interactive-works{background:#171e2a;max-width:none}.interactive-works>.interactive-heading,.interactive-works>.filter-bar,.interactive-works>.interactive-work-grid{max-width:1300px;margin-left:auto;margin-right:auto}.interactive-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.interactive-work-grid .work-card{color:#eaf0fa}.interactive-work-grid .view-link{color:#ffb8a8}.interactive-profile-inner{display:grid;grid-template-columns:40% 1fr;gap:7%;align-items:center}.interactive-profile-inner img{width:100%;aspect-ratio:4/4.2}.interactive-profile h3{font-size:clamp(32px,5vw,65px)}.interactive-profile p{color:#aeb8ca}.interactive .blog-row{color:#e9eff8;border-color:#364354}.interactive .blog-row:hover{background:#192231}.interactive footer{padding:70px 7%;background:#0b1018}.interactive footer strong{font:800 24px system-ui}.interactive .detail-dialog{background:#192131;color:#fff}.interactive .detail-desc{color:#c5cbd6}
/* Catalog */
.catalog{background:#f1f0ed;color:#24282d}.catalog-header{max-width:1450px;margin:auto;padding:90px 5% 70px;display:flex;justify-content:space-between;align-items:end;gap:30px}.catalog-header h1{font-size:clamp(38px,6vw,82px);line-height:1.2;letter-spacing:-.05em;margin:18px 0}.catalog-header p{color:#66707c;max-width:650px}.catalog-count{font:700 12px system-ui;letter-spacing:.1em;color:#79818b}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1450px;padding:0 5% 80px;margin:auto}.catalog-card{background:white;overflow:hidden;transition:transform .25s,box-shadow .25s}.catalog-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px #0002}.catalog-thumb{height:330px;overflow:hidden;position:relative}.thumb-bar{font:700 10px system-ui;letter-spacing:.09em;padding:12px}.standard-thumb{background:#e7e8e6}.thumb-split{display:grid;grid-template-columns:1fr 1fr;height:215px}.thumb-split img{height:100%;width:100%}.thumb-split>div{display:flex;flex-direction:column;justify-content:center;padding:20px;gap:13px}.thumb-split strong{font-size:18px}.thumb-split span,.thumb-split small{font-size:9px}.thumb-tiles{display:flex;gap:6px;padding:12px}.thumb-tiles span{flex:1;padding:15px 5px;background:#fff;text-align:center;font:700 9px system-ui}.editorial-thumb{background:#28292e;color:white}.editorial-thumb>img{width:100%;height:290px;filter:brightness(.55)}.editorial-thumb .thumb-bar{position:absolute;z-index:1}.editorial-thumb-overlay{position:absolute;bottom:23px;left:26px}.editorial-thumb-overlay span{font-size:9px;letter-spacing:.2em}.editorial-thumb-overlay strong{display:block;font-size:33px;line-height:1.3;margin-top:8px}.interactive-thumb{display:grid;grid-template-columns:27% 73%;background:#171e2a;color:white}.thumb-side{padding:25px 10px;font:800 17px system-ui;border-right:1px solid #58606d}.thumb-side small{display:block;font:9px/2.8 system-ui;margin-top:50px;color:#9aa5b5}.thumb-main{position:relative}.thumb-main img{height:255px;width:100%;filter:brightness(.53)}.thumb-main>strong{position:absolute;top:90px;left:10px;font:bold 38px/.93 system-ui;letter-spacing:-.08em}.interactive-thumb .thumb-tiles span{background:#262f3e}.catalog-card-copy{padding:27px}.catalog-card-copy>span{font:700 10px system-ui;letter-spacing:.14em;color:#8a929a}.catalog-card-copy h2{font-size:30px;display:flex;align-items:center;justify-content:space-between}.catalog-card-copy h2 span{font-size:20px}.catalog-card-copy p{font-size:13px;color:#616a73;min-height:75px}.catalog-card-copy b{font-size:12px}.catalog-end{text-align:center;color:#8a8f98;font-size:12px;padding:40px 5%;border-top:1px solid #d3d3d0}
@media(max-width:1050px){.interactive-shell{grid-template-columns:180px minmax(0,1fr)}.side-nav{padding:26px 14px}.catalog-grid{gap:15px}.catalog-thumb{height:285px}.editorial-hero{min-height:500px}.editorial-hero-img{min-height:500px}.event-row{grid-template-columns:105px 1fr 165px 25px}}
@media(max-width:760px){.demo-tag{padding:8px 15px;font-size:10px}.demo-tag span{max-width:60%;text-align:right}.topnav,.editorial-nav{padding:15px 5%}.topnav nav,.editorial-nav nav{display:none;position:absolute;left:0;right:0;top:94px;z-index:20;background:#fff;padding:22px 5%;flex-direction:column;gap:20px;box-shadow:0 12px 25px #0002}.topnav nav.open,.editorial-nav nav.open{display:flex}.menu-btn{display:block}.section{padding:65px 0}.standard-hero{grid-template-columns:1fr}.hero-photo{min-height:0;max-height:480px}.hero-photo img{aspect-ratio:5/4;width:100%}.hero-copy{padding:36px 6% 50px}.hero-copy h1{font-size:clamp(30px,7.5vw,50px)}.standard-profile{grid-template-columns:1fr;gap:25px}.standard-profile img{width:55%;max-width:270px}.event-row{grid-template-columns:85px 1fr 24px;gap:8px;padding:18px 4px}.event-row span{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.blog-row{grid-template-columns:95px 1fr;gap:10px}.blog-row span{display:none}.blog-row strong{font-size:13px}.socials{flex-wrap:wrap}.editorial-hero{grid-template-columns:1fr}.editorial-hero-img{min-height:0}.editorial-hero-img img{aspect-ratio:5/4;height:auto}.editorial-hero-copy{padding:42px 6% 70px}.giant-name{font-size:clamp(78px,18vw,140px);margin:25px 0}.editorial-section{padding:75px 6%}.editorial-title{display:block}.editorial-title h2{font-size:clamp(56px,13vw,100px);margin-bottom:25px}.editorial-mosaic{grid-template-columns:1fr}.mosaic-large img{aspect-ratio:4/3}.mosaic-side{grid-template-columns:1fr 1fr;gap:12px}.mosaic-side img{aspect-ratio:3/4}.editorial-about{grid-template-columns:1fr;gap:30px;padding:80px 6%}.editorial-about h2{font-size:65px}.editorial-about img{width:72%;height:350px}.editorial-journal{padding:80px 6%}.editorial-journal-body{grid-template-columns:1fr;gap:25px}.editorial-journal-body>img{aspect-ratio:16/9}.interactive-shell{display:block}.side-nav{display:none;position:fixed;inset:57px 0 0;z-index:40;height:auto;background:#10141d;padding:25px 7%}.side-nav.open{display:flex}.interactive-mobile-nav{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;padding:12px 5%;background:#10141d;border-bottom:1px solid #343d4f}.interactive-hero{height:75vh;min-height:540px}.interactive-hero h1{font-size:clamp(58px,13vw,100px)}.interactive-section{padding:70px 6%}.interactive-heading h2{font-size:clamp(47px,11vw,80px)}.timeline .event-row{grid-template-columns:80px 1fr 20px}.timeline{padding-left:17px}.timeline .event-row:before{left:-23px}.interactive-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.interactive-profile-inner{grid-template-columns:1fr}.interactive-profile-inner img{width:75%;max-width:350px}.catalog-header{padding:55px 5% 30px;display:block}.catalog-grid{grid-template-columns:1fr;max-width:520px}.catalog-thumb{height:340px}.catalog-card-copy p{min-height:auto}}
@media(max-width:350px){.event-row{grid-template-columns:75px 1fr 14px}.standard-profile img{width:75%}.work-card strong{font-size:12px}.tabs button,.filter-bar button{padding:10px 12px}.socials{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Customer-facing palette preview — all themes apply to all three layouts */
body.standard, body.editorial, body.interactive { --page:#fffdf8;--ink:#26323a;--surface:#f4efe7;--hero:#e9e2d7;--nav:#fffdf8;--footer:#26313a;--accent:#a36d46;--muted:#656c70;--line:#cfcac3; }
body[data-palette="ivory"] {--page:#fffdf8;--ink:#26323a;--surface:#f4efe7;--hero:#e9e2d7;--nav:#fffdf8;--footer:#26313a;--accent:#a36d46;--muted:#656c70;--line:#cfcac3;}
body[data-palette="sage"] {--page:#f5faf4;--ink:#224137;--surface:#dfebe1;--hero:#d7e6d9;--nav:#f5faf4;--footer:#284d40;--accent:#39795b;--muted:#60786a;--line:#b6cdbb;}
body[data-palette="navy"] {--page:#ecf2f8;--ink:#183551;--surface:#dce6f2;--hero:#c5d7e6;--nav:#f0f5fa;--footer:#182e47;--accent:#3577a8;--muted:#556e84;--line:#b5c7d7;}
body[data-palette="dark"] {--page:#101721;--ink:#eff4f9;--surface:#1e2a37;--hero:#293444;--nav:#161f2a;--footer:#0c111a;--accent:#ec9a79;--muted:#b6c3d0;--line:#405065;}
body.standard,body.editorial,body.interactive {background:var(--page)!important;color:var(--ink)!important;}
body .section-soft, body .editorial-journal,body .interactive-journal,body .interactive-profile {background:var(--surface)!important;color:var(--ink)!important;}
body .topnav,body .editorial-nav,body .interactive-mobile-nav,body .side-nav{background:var(--nav)!important;color:var(--ink)!important;border-color:var(--line)!important;}
body .standard-hero,body .editorial-hero,body .interactive-hero{background:var(--hero)!important;}
body .standard footer,body .editorial footer,body .interactive footer{background:var(--footer)!important;color:#fff!important;}
body .editorial-about{background:var(--surface)!important;color:var(--ink)!important;}
body .editorial-about p,body .editorial-about h2,body .editorial-about h3,body .section-heading p,body .standard-profile p,body .hero-copy p,body .editorial-hero p,body .interactive-heading p{color:var(--muted)!important;}
body .event-row,body .blog-row,body .timeline .event-row,body .side-nav nav a {border-color:var(--line)!important;color:var(--ink)!important;}
body .event-row:hover,body .blog-row:hover{background:var(--surface)!important;}
body .interactive-hero h1 span,body .interactive-heading h2 span,body .side-brand span,body .eyebrow,body .editorial-title em{color:var(--accent)!important;}
body .more-btn, body .underlined{border-color:var(--accent)!important;color:var(--ink)!important;}
body .interactive-hero:after{background:linear-gradient(0deg,var(--hero) 0%,transparent 74%)!important;opacity:.52;}
body .interactive-hero>img{filter:brightness(.72) saturate(.86)!important;}
body[data-palette="dark"] .interactive-hero>img{filter:brightness(.5) saturate(.82)!important;}
body .interactive-hero-text{color:#fff!important;text-shadow:0 2px 12px #0009;}
body .tabs button,body .filter-bar button{border-color:var(--line)!important;color:var(--ink)!important;}
body .tabs button.active,body .filter-bar button.active{background:var(--accent)!important;color:#fff!important;}
body .detail-dialog{background:var(--page)!important;color:var(--ink)!important;}
body .detail-dialog .detail-desc{color:var(--muted)!important;}

/* Six additional coordinated customer preview palettes */
body[data-palette="rose"] {--page:#fff7f8;--ink:#4b303a;--surface:#f8e8ed;--hero:#f2dbe2;--nav:#fff9fa;--footer:#553744;--accent:#aa5474;--muted:#785f69;--line:#e3c7cf;}
body[data-palette="sand"] {--page:#faf6ef;--ink:#463b2e;--surface:#eee5d6;--hero:#e7d9c4;--nav:#faf6ef;--footer:#493e33;--accent:#98703f;--muted:#796d5e;--line:#d8c9b6;}
body[data-palette="forest"] {--page:#142821;--ink:#edf6ee;--surface:#20392e;--hero:#294b3b;--nav:#182d25;--footer:#0e1d17;--accent:#b4d08f;--muted:#becfc4;--line:#466052;}
body[data-palette="plum"] {--page:#231c2e;--ink:#f6edf6;--surface:#32263f;--hero:#493851;--nav:#281f34;--footer:#191321;--accent:#e5b1d2;--muted:#d3c1d0;--line:#66516c;}
body[data-palette="charcoal"] {--page:#25272b;--ink:#f4f3ef;--surface:#36383e;--hero:#4b4b50;--nav:#2d3035;--footer:#191a1d;--accent:#e5c280;--muted:#c3c5cb;--line:#606167;}
body[data-palette="coral"] {--page:#fff9f4;--ink:#483632;--surface:#f9e9e0;--hero:#f4d1c2;--nav:#fffaf6;--footer:#51392f;--accent:#bf654c;--muted:#77625c;--line:#e7c5ba;}

/* Floating preview control */
.palette-control{position:fixed;right:16px;bottom:18px;z-index:200;font-family:system-ui,'Noto Sans JP',sans-serif;font-size:13px}
.palette-toggle{background:#101a28;color:#fff;border:1px solid #ffffff50;border-radius:999px;padding:13px 17px;box-shadow:0 7px 30px #0004;font-weight:700;min-height:46px}
.palette-panel{position:absolute;bottom:58px;right:0;width:245px;padding:15px;border-radius:14px;background:#fff;color:#1f2937;box-shadow:0 10px 40px #0005;border:1px solid #d9dde3}
.palette-panel p{font-size:12px;margin:5px 0 12px;color:#69717c;line-height:1.6}
.palette-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.palette-choice{border:1px solid #d5d9de;background:#fff;border-radius:8px;padding:10px 6px;color:#1d2733;display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}
.palette-choice[aria-pressed="true"]{border:2px solid #182c44;font-weight:800}
.palette-dot{width:18px;height:18px;border-radius:50%;flex:none;border:1px solid #0002}
@media(max-width:480px){.palette-control{right:10px;bottom:10px}.palette-toggle{padding:11px 13px}.palette-panel{width:min(250px,calc(100vw - 20px))}}

/* Keep the ten-choice picker usable on narrow and short screens */
.palette-panel{width:290px;max-height:min(75vh,540px);overflow-y:auto;overscroll-behavior:contain}
.palette-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.palette-choice{justify-content:flex-start;padding:10px 9px}
.palette-choice:focus-visible,.palette-toggle:focus-visible{outline:3px solid #2673c6;outline-offset:2px}
@media(max-width:480px){.palette-panel{width:min(290px,calc(100vw - 20px));max-height:70vh}}