:root{--ink:#171716;--muted:#68645d;--paper:#f5f2eb;--cream:#ebe5d9;--gold:#b79350;--dark:#171817;--line:rgba(23,23,22,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.eyebrow{color:var(--gold);font:600 12px/1.4 Georgia,serif;letter-spacing:.24em;text-transform:uppercase}.wordmark{font-family:Georgia,serif;font-size:29px;letter-spacing:.05em}.wordmark span{display:block;color:var(--gold);font-size:9px;letter-spacing:.35em}
.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);background:#101110;color:#f3eee4}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;letter-spacing:.06em}.site-header nav a:last-child{border:1px solid rgba(255,255,255,.45);padding:12px 18px}
.color-hero{min-height:660px;display:grid;grid-template-columns:1.04fr .96fr;background:#111;color:#f4eee4}.color-hero__spectrum{min-height:660px;background:radial-gradient(circle at 18% 22%,rgba(249,180,81,.88),transparent 25%),radial-gradient(circle at 76% 20%,rgba(95,111,191,.9),transparent 29%),radial-gradient(circle at 72% 76%,rgba(123,40,62,.82),transparent 29%),radial-gradient(circle at 24% 78%,rgba(48,115,85,.86),transparent 30%),linear-gradient(135deg,#c48747,#283555 48%,#6f263e);filter:saturate(.82) contrast(1.04);position:relative}.color-hero__spectrum:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 5%,rgba(5,5,5,.2) 100%);mix-blend-mode:multiply}.color-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,6vw,96px)}.color-hero h1{margin:28px 0 34px;font-size:clamp(36px,3.3vw,50px);font-weight:400;line-height:1.55;letter-spacing:.055em}.color-hero h1 span{display:block;white-space:nowrap}.color-hero__copy>p:not(.eyebrow){max-width:570px;color:#c9c1b5;font-size:16px;line-height:2.1}.text-link{align-self:flex-start;margin-top:20px;padding:12px 0;border-bottom:1px solid var(--gold);color:#e0ca98;font-size:14px;letter-spacing:.06em}
.color-intro{max-width:880px;margin:auto;padding:112px 28px 84px;text-align:center}.color-intro h2{margin:27px 0 34px;font-size:clamp(36px,4.8vw,56px);font-weight:400;line-height:1.58;letter-spacing:.05em}.color-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:2.15}.color-note{margin-top:46px;padding:28px 34px;border:1px solid rgba(183,147,80,.32);background:#faf8f3;text-align:left}.color-note strong{display:block;margin-bottom:10px;color:#80632f;font-size:14px;letter-spacing:.08em}.color-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.samples-content{max-width:1180px;margin:0 auto;padding:24px 28px 110px}.samples-content>div>div{margin-bottom:76px!important}.samples-content h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important;font-size:28px!important;font-weight:400!important;letter-spacing:.06em;border-bottom:1px solid var(--gold)!important;padding-bottom:16px!important;margin-bottom:28px!important;color:var(--ink)!important}.samples-content a{transition:transform .18s ease,box-shadow .18s ease}.samples-content a:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,0,0,.14)!important}.samples-content a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.samples-content a span:last-child{font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important;font-size:13px!important;font-weight:400!important;min-height:50px;display:flex!important;align-items:center;justify-content:center}
.color-cta{padding:120px 28px;text-align:center;background:#20211f;color:#f2ede3}.color-cta h2{margin:28px 0 34px;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:1.55;letter-spacing:.05em}.color-cta>p:not(.eyebrow){color:#c9c2b7;line-height:2}.actions{display:flex;justify-content:center;gap:14px;margin-top:44px}.button{min-width:250px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;font-size:14px;letter-spacing:.07em}.button.gold{background:#9e7c3f;color:#fff}.button.line{border:1px solid #b79350;color:#d7bc7b}
.site-footer{padding:70px clamp(28px,7vw,100px);display:flex;justify-content:space-between;gap:40px;background:#0f100f;color:#eee8dd}.site-footer>div>p:last-child{margin-top:22px;color:#918b81;font-size:12px}.footer-links{display:flex;gap:26px;align-items:center;color:#bdb5a8;font-size:12px}
@media(max-width:900px){.color-hero{min-height:auto;grid-template-columns:1fr}.color-hero__spectrum{min-height:52vw}.color-hero__copy{padding:72px 40px 84px}}
@media(max-width:760px){html,body{-webkit-text-size-adjust:100%}.eyebrow{font-size:10px;letter-spacing:.18em}.site-header{min-height:112px;padding:14px 18px 0;flex-direction:column;align-items:flex-start;gap:11px}.site-header .wordmark{font-size:22px;line-height:1.05}.site-header nav{width:calc(100% + 36px);margin:0 -18px;padding:0 18px 13px;gap:22px;overflow-x:auto;white-space:nowrap;font-size:11px;line-height:44px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a,.site-header nav a:last-child{flex:0 0 auto;min-height:44px;padding:0;border:0}.color-hero__spectrum{min-height:76vw}.color-hero__copy{padding:58px 22px 68px}.color-hero h1{font-size:clamp(31px,8.4vw,36px)}.color-hero__copy>p:not(.eyebrow){font-size:14px}.color-intro{padding:74px 22px 62px}.color-intro h2,.color-cta h2{font-size:clamp(30px,8.5vw,39px)}.color-intro>p:not(.eyebrow){font-size:14px;line-height:2}.color-note{padding:25px 22px}.samples-content{padding:12px 18px 74px}.samples-content>div{max-width:none!important;padding:0!important}.samples-content>div>div{margin-bottom:58px!important}.samples-content h2{font-size:23px!important}.samples-content>div>div>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.samples-content a span:first-child{height:88px!important}.samples-content a span:last-child{font-size:11px!important;padding:9px 5px!important}.color-cta{padding:78px 22px}.actions{flex-direction:column}.button{width:100%;min-width:0}.site-footer{padding:52px 22px;flex-direction:column;align-items:flex-start;gap:32px}.footer-links{width:100%;flex-direction:column;align-items:flex-start;gap:4px}.footer-links a{min-height:44px;display:flex;align-items:center}}
@media(max-width:380px){.samples-content{padding-inline:14px}.samples-content>div>div>div{gap:8px!important}.samples-content a span:first-child{height:80px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.samples-content a{transition:none}}

/* Fruity-dyed samples: lightweight CSS color studies (no raster images). */
.samples-content a[href="/smartphone-order/#color=ブルーベリーオレンジ"] span:first-child{background:radial-gradient(circle at 20% 24%,#e39a42 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#704b91 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#273861 0 15%,transparent 48%),linear-gradient(135deg,#c7783a,#594574 54%,#202d50)}
.samples-content a[href="/smartphone-order/#color=ブルーベリーカシス"] span:first-child{background:radial-gradient(circle at 20% 24%,#4867a8 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#7b294a 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#7a533f 0 15%,transparent 48%),linear-gradient(135deg,#3d5994,#68223f 54%,#6a493a)}
.samples-content a[href="/smartphone-order/#color=ベリー%26ベリー"] span:first-child{background:radial-gradient(circle at 20% 24%,#762b49 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#4867a8 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#5e895c 0 15%,transparent 48%),linear-gradient(135deg,#68263f,#3d5994 54%,#4f754f)}
.samples-content a[href="/smartphone-order/#color=グレープマンゴー"] span:first-child{background:radial-gradient(circle at 20% 24%,#24385f 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#71529a 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#e18a3d 0 15%,transparent 48%),linear-gradient(135deg,#1f3155,#654883 54%,#ca7135)}
.samples-content a[href="/smartphone-order/#color=マンゴーアップル"] span:first-child{background:radial-gradient(circle at 20% 24%,#7d8246 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#df8c3e 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#b73c3d 0 15%,transparent 48%),linear-gradient(135deg,#6e7441,#c87b38 54%,#9e3136)}
.samples-content a[href="/smartphone-order/#color=ストロベリーオレンジ"] span:first-child{background:radial-gradient(circle at 20% 24%,#782940 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#e18a3c 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#548054 0 15%,transparent 48%),linear-gradient(135deg,#682337,#ca7638 54%,#466d49)}
.samples-content a[href="/smartphone-order/#color=マスカットグレープ"] span:first-child{background:radial-gradient(circle at 20% 24%,#62944f 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#715094 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#e0bd4f 0 15%,transparent 48%),linear-gradient(135deg,#548243,#62437f 54%,#c9a83f)}
.samples-content a[href="/smartphone-order/#color=ブルーハワイ"] span:first-child{background:radial-gradient(circle at 20% 24%,#35b6ba 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#294f8b 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#b9824d 0 15%,transparent 48%),linear-gradient(135deg,#2b9da6,#29487c 54%,#a27044)}
.samples-content a[href="/smartphone-order/#color=グレープピーチ"] span:first-child{background:radial-gradient(circle at 20% 24%,#684b8e 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#e59682 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#5c8658 0 15%,transparent 48%),linear-gradient(135deg,#593d7a,#ca7e75 54%,#4d734c)}
.samples-content a[href="/smartphone-order/#color=ブルーンヨーグルト"] span:first-child{background:radial-gradient(circle at 20% 24%,#609052 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#e0be4f 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#273a62 0 15%,transparent 48%),linear-gradient(135deg,#527d48,#c8a93f 54%,#213253)}
.samples-content a[href="/smartphone-order/#color=カシスオレンジ"] span:first-child{background:radial-gradient(circle at 20% 24%,#742541 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#df873c 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#273a62 0 15%,transparent 48%),linear-gradient(135deg,#642038,#c97838 54%,#213253)}
.samples-content a[href="/smartphone-order/#color=マンゴーピーチ"] span:first-child{background:radial-gradient(circle at 20% 24%,#edc34e 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#d86f91 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#e3863b 0 15%,transparent 48%),linear-gradient(135deg,#d9ad3e,#bd607f 54%,#cc7436)}
.samples-content a[href="/smartphone-order/#color=ミックスフルーツ"] span:first-child{background:radial-gradient(circle at 20% 24%,#e28b3d 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#d76f91 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#35abb3 0 15%,transparent 48%),linear-gradient(135deg,#cb7637,#bc607f 54%,#2e939e)}
.samples-content a[href="/smartphone-order/#color=チェリー"] span:first-child{background:radial-gradient(circle at 20% 24%,#704b91 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#681d35 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#df718b 0 15%,transparent 48%),linear-gradient(135deg,#60407d,#58182f 54%,#c55e78)}
.samples-content a[href="/smartphone-order/#color=ハワイアン"] span:first-child{background:radial-gradient(circle at 20% 24%,#34b1b8 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#7d8246 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#b13c7a 0 15%,transparent 48%),linear-gradient(135deg,#2c99a2,#6e743f 54%,#9b336c)}
.samples-content a[href="/smartphone-order/#color=キウイパイン"] span:first-child{background:radial-gradient(circle at 20% 24%,#787b43 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#e4bf49 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#26395f 0 15%,transparent 48%),linear-gradient(135deg,#696d3d,#cda93c 54%,#203151)}
.samples-content a[href="/smartphone-order/#color=トロピカル"] span:first-child{background:radial-gradient(circle at 20% 24%,#35adb2 0 13%,transparent 44%),radial-gradient(circle at 78% 27%,#e5bf4a 0 13%,transparent 44%),radial-gradient(circle at 70% 78%,#b43b7c 0 15%,transparent 48%),linear-gradient(135deg,#2e969e,#cda63d 54%,#9e346e)}