:root{--ink:#16322c;--muted:#5f726d;--paper:#fffef8;--line:#d9e8d8;--green:#13a864;--green-dark:#08764b;--green-pale:#e5f4e7;--yellow:#e1f246;--yellow-soft:#f3f7b7;--teal:#07827d;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9}img{display:block;width:100%;height:auto}a{color:inherit}.site-header{position:sticky;z-index:50;top:0;background:rgba(251,252,250,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,232,232,.8)}.header-inner{width:min(1180px,calc(100% - 48px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:auto}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;letter-spacing:.06em}.site-header nav a{text-decoration:none}.header-cta{padding:10px 22px;color:#fff;background:var(--teal);border-radius:999px}.section-shell{width:min(1120px,calc(100% - 48px));margin:auto}.section-kicker,.eyebrow{margin:0 0 18px;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.18em}.hero{min-height:720px;display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden}.hero-copy{display:flex;padding:80px 4vw 90px max(5vw,calc((100vw - 1180px)/2));flex-direction:column;justify-content:center}.hero h1{margin:0;font:500 clamp(56px,6.5vw,98px)/1.22 var(--serif);letter-spacing:.03em}.hero h1 em{color:var(--teal);font-style:normal}.hero-lead{margin:34px 0;color:#465052;font-size:17px}.text-link{width:max-content;text-decoration:none;font-weight:700;letter-spacing:.06em}.text-link span{margin-left:12px;color:var(--teal)}.hero-visual{position:relative;min-height:720px;background:#e9eded}.hero-card{position:absolute;margin:0;overflow:hidden;box-shadow:0 30px 70px rgba(23,35,38,.18)}.hero-card img{height:100%;object-fit:cover}.hero-green{z-index:2;width:54%;height:73%;left:5%;top:8%;transform:rotate(-2.5deg)}.hero-yellow{width:51%;height:68%;right:-2%;bottom:2%;transform:rotate(3deg)}.intro{padding:145px 0 155px}.intro h2{margin:0;font:500 clamp(38px,5vw,64px)/1.55 var(--serif)}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;width:68%;margin:58px 0 0 auto;color:var(--muted)}.intro-copy p{margin:0}.colors{border-top:1px solid var(--line)}.color-story{min-height:720px;display:grid;grid-template-columns:1fr 1fr}.color-story:nth-child(even) .story-image{order:2}.story-image{min-height:720px}.story-image img{height:100%;object-fit:cover}.story-copy{display:flex;padding:90px max(6vw,60px);flex-direction:column;align-items:flex-start;justify-content:center}.green-story .story-copy{background:#0f9d60;color:#fff}.yellow-story .story-copy{background:var(--yellow)}.story-number{margin:0 0 25px;font-size:11px;font-weight:700;letter-spacing:.22em}.story-copy h2{margin:0 0 32px;font:500 clamp(42px,5vw,68px)/1.45 var(--serif)}.story-copy>p:not(.story-number){max-width:500px;margin:0 0 40px}.button{display:inline-flex;min-height:52px;padding:12px 25px;align-items:center;border:1px solid currentColor;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;transition:.25s}.button:hover{transform:translateY(-2px);background:#fff;color:var(--ink)}.button.dark:hover{background:var(--ink);color:#fff}.details{padding:145px 0}.section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end;margin-bottom:70px}.section-heading h2{margin:0;font:500 clamp(38px,4.6vw,62px)/1.5 var(--serif)}.section-heading>p{margin:0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.detail-grid figure{margin:0}.detail-grid .detail-large{grid-row:span 2}.detail-grid img{height:100%;max-height:760px;object-fit:cover}.detail-grid figure:not(.detail-large) img{max-height:335px}.detail-grid figcaption{display:flex;gap:16px;padding-top:14px;font-weight:600}.detail-grid figcaption span{color:var(--teal);font-size:11px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);background:#eef1ef}.gallery img{height:42vw;max-height:620px;object-fit:cover}.size-section{padding:145px 0}.section-heading.compact{align-items:start}.section-heading.compact h2{font-size:clamp(42px,5vw,66px)}.table-block{margin-top:65px}.table-block h3{display:flex;margin:0 0 18px;justify-content:space-between;font:600 22px var(--serif)}.table-block h3 small{color:var(--muted);font:400 11px var(--sans);letter-spacing:.08em}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:center}th,td{padding:19px 14px;border-bottom:1px solid #cad5d5}thead th{border-top:2px solid var(--ink);font-size:12px;letter-spacing:.08em}tbody th{font-weight:700;background:#f0f5f4}.specs{display:grid;grid-template-columns:2fr 1fr 1fr;margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.specs>div{padding:30px;border-right:1px solid var(--line)}.specs>div:last-child{border-right:0}.specs span{color:var(--teal);font-size:11px;font-weight:700;letter-spacing:.14em}.specs p{margin:10px 0 0}.shop-section{padding:130px 24px;background:#122326;color:#fff;text-align:center}.shop-inner{max-width:900px;margin:auto}.shop-section h2{margin:0 0 55px;font:500 clamp(42px,5.4vw,70px)/1.5 var(--serif)}.shop-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shop-card{display:grid;padding:28px 32px;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;color:var(--ink);text-align:left;text-decoration:none;transition:.25s}.shop-card:hover{transform:translateY(-4px)}.swatch{width:35px;height:35px;border-radius:50%}.shop-green .swatch{background:var(--green)}.shop-yellow .swatch{background:var(--yellow)}.shop-card strong{font:600 18px var(--serif);letter-spacing:.12em}.shop-card small{font-size:11px}.price{margin:35px 0 0;font:500 28px var(--serif)}.price small{font:400 12px var(--sans)}footer{padding:75px 24px;text-align:center}footer img{width:180px;margin:0 auto 22px}footer p{margin:0 0 25px;color:var(--muted)}footer small{color:#98a0a2;font-size:10px}
@media(max-width:820px){.header-inner{width:calc(100% - 32px);height:72px}.brand img{width:158px}.site-header nav a:not(.header-cta){display:none}.header-cta{padding:8px 15px}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:72px 24px 60px}.hero h1{font-size:clamp(50px,16vw,72px)}.hero-lead{font-size:15px}.hero-visual{min-height:540px}.intro{padding:95px 0}.intro-copy{grid-template-columns:1fr;gap:25px;width:100%;margin-top:42px}.color-story{min-height:auto;grid-template-columns:1fr}.color-story:nth-child(even) .story-image{order:0}.story-image{min-height:0}.story-copy{padding:72px 24px}.section-heading{grid-template-columns:1fr;gap:30px;margin-bottom:48px}.details,.size-section{padding:95px 0}.detail-grid{grid-template-columns:1fr 1fr;gap:12px}.detail-grid .detail-large{grid-column:span 2}.detail-grid figure:not(.detail-large) img{height:48vw}.detail-grid figcaption{font-size:12px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:70vw}.specs{grid-template-columns:1fr}.specs>div{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.specs>div:last-child{border-bottom:0}.shop-section{padding:95px 20px}.shop-cards{grid-template-columns:1fr}.shop-card{padding:22px 20px}.section-shell{width:calc(100% - 40px)}th,td{min-width:90px;padding:15px 12px}.table-block{margin-top:48px}}
@media(max-width:480px){.hero-visual{min-height:430px}.hero-green{width:62%;height:72%;left:2%}.hero-yellow{width:58%;height:65%}.shop-card{grid-template-columns:auto 1fr}.shop-card small{grid-column:2}.story-copy h2{font-size:40px}.intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.shop-card{transition:none}}

/* Expanded color-led editorial story */
.site-header{background:rgba(255,254,248,.92);border-bottom-color:rgba(217,232,216,.9)}
.hero-copy{position:relative;background:linear-gradient(145deg,#fffef8 54%,#f1f7c9)}
.hero-copy:after{position:absolute;width:170px;height:170px;right:-58px;bottom:25px;border:1px solid rgba(19,168,100,.24);border-radius:50%;content:""}
.hero-visual{background:linear-gradient(135deg,#dff4e2 0 48%,#eff699 48%)}
.intro{position:relative}
.intro:before{position:absolute;z-index:-1;width:33vw;height:33vw;max-width:480px;max-height:480px;left:-16vw;top:70px;background:var(--yellow-soft);border-radius:50%;content:"";opacity:.58}
.manifesto{position:relative;padding:170px 24px;overflow:hidden;background:var(--green-dark);color:#fff;text-align:center}
.manifesto-inner{position:relative;z-index:2;max-width:980px;margin:auto}
.manifesto .section-kicker{color:var(--yellow)}
.manifesto-lead{margin:0;font:500 clamp(46px,6.4vw,88px)/1.55 var(--serif);letter-spacing:.04em}
.manifesto-body{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:760px;margin:70px auto 0;text-align:left;color:#d9f1e5}
.manifesto-body p{margin:0}
.manifesto-sign{margin:75px 0 0;color:var(--yellow);font:500 17px var(--serif);letter-spacing:.12em}
.manifesto-orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-green{width:480px;height:480px;left:-180px;top:-160px;background:#1ebc72;opacity:.45}
.orb-yellow{width:360px;height:360px;right:-120px;bottom:-100px;background:var(--yellow);opacity:.82}
.purpose-section{padding:150px 0 0;background:linear-gradient(180deg,#f1f7c9 0,#fffef8 72%)}
.purpose-heading h2{margin:0;font:500 clamp(42px,5.5vw,72px)/1.5 var(--serif)}
.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:75px;background:#9fc7ac;border:1px solid #9fc7ac}
.purpose-grid article{min-height:340px;padding:46px 40px;background:#fffef8}
.purpose-no{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.18em}
.purpose-grid h3{margin:42px 0 20px;font:600 26px var(--serif)}
.purpose-grid p{margin:0;color:var(--muted)}
.purpose-scenes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:120px}
.purpose-scenes div{display:flex;min-height:190px;padding:30px;flex-direction:column;justify-content:flex-end}
.purpose-scenes div:nth-child(odd){background:var(--green);color:#fff}
.purpose-scenes div:nth-child(even){background:var(--yellow)}
.purpose-scenes span{font-size:10px;font-weight:700;letter-spacing:.18em}
.purpose-scenes strong{margin-top:8px;font:500 17px var(--serif)}
.details{position:relative}
.details:before{position:absolute;z-index:-1;inset:50px -10vw auto 52%;height:54%;background:var(--green-pale);content:""}
.detail-grid figcaption span{color:var(--green-dark)}
.gallery{padding:28px;background:linear-gradient(90deg,var(--green) 0 50%,var(--yellow) 50%);gap:14px}
.gallery img{box-shadow:0 14px 35px rgba(11,70,48,.16)}
.color-power{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--yellow-soft)}
.color-power-image img{height:100%;object-fit:cover}
.color-power-copy{display:flex;padding:90px max(6vw,60px);flex-direction:column;justify-content:center}
.color-power-copy h2{margin:0 0 45px;font:500 clamp(48px,5.6vw,76px)/1.45 var(--serif)}
.power-notes{border-top:1px solid rgba(22,50,44,.25)}
.power-notes>div{display:grid;padding:28px 0;grid-template-columns:auto 1fr;gap:20px;border-bottom:1px solid rgba(22,50,44,.25)}
.power-notes p{margin:0}.power-notes strong{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.14em}
.power-dot{width:22px;height:22px;margin-top:7px;border-radius:50%}.green-dot{background:var(--green)}.yellow-dot{background:#d4e61d;border:1px solid rgba(22,50,44,.12)}
.power-closing{margin:45px 0 0;font:500 24px/1.8 var(--serif)}
.size-section{position:relative}
.size-section:after{position:absolute;z-index:-1;width:280px;height:280px;right:-100px;bottom:100px;background:var(--green-pale);border-radius:50%;content:""}
.table-block h3,.section-heading h2{color:var(--green-dark)}
thead th{border-top-color:var(--green-dark);background:#eef7e8}tbody th{background:var(--yellow-soft)}
.shop-section{background:linear-gradient(135deg,#075b3c 0%,#08764b 52%,#a8bd1e 120%)}
.shop-section .section-kicker{color:var(--yellow)}
footer{background:#f1f7c9}

@media(max-width:820px){
  .manifesto{padding:105px 20px}.manifesto-body{grid-template-columns:1fr;gap:24px;margin-top:50px}
  .purpose-section{padding-top:95px}.purpose-grid{grid-template-columns:1fr;margin-top:50px}.purpose-grid article{min-height:auto;padding:36px 28px}.purpose-grid h3{margin-top:25px}
  .purpose-scenes{grid-template-columns:1fr 1fr;margin-top:75px}.purpose-scenes div{min-height:145px;padding:22px}
  .color-power{grid-template-columns:1fr;min-height:auto}.color-power-image{height:85vw}.color-power-copy{padding:75px 24px}
  .gallery{padding:12px;gap:8px}.intro:before{width:280px;height:280px;left:-160px}.hero-copy:after{display:none}
}
@media(max-width:480px){
  .manifesto-lead{font-size:40px}.purpose-scenes{grid-template-columns:1fr}.purpose-scenes div{min-height:120px}.color-power-copy h2{font-size:44px}
}

.market-links{width:min(100%,520px);border-top:1px solid currentColor}
.market-link{display:grid;padding:14px 2px;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid currentColor;text-decoration:none;transition:.2s ease}
.market-link:hover{padding-left:10px;padding-right:10px}
.market-link span{font-size:9px;font-weight:700;letter-spacing:.14em}.market-link strong{font-size:13px}.market-link b{display:inline-block;margin-left:7px;padding:2px 7px;background:var(--yellow);color:var(--ink);font-size:9px;letter-spacing:.06em;border-radius:999px}
.dark-links .market-link b{background:var(--green-dark);color:#fff}.story-copy>p:not(.story-number){margin-bottom:35px}
.shop-card{display:block;padding:0;overflow:hidden;transform:none}.shop-card:hover{transform:none}
.shop-color{display:flex;padding:25px 28px;gap:16px;align-items:center;border-bottom:1px solid var(--line)}
.shop-market-list a{display:grid;padding:16px 28px;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;font-size:13px;transition:.2s ease}
.shop-market-list a:last-child{border-bottom:0}.shop-market-list a:hover{background:#f4f8ef;padding-left:34px}.shop-market-list a.featured{background:#eff8dd;color:var(--green-dark);font-weight:700}
.shop-market-list b{padding:3px 8px;background:var(--green-dark);color:#fff;font-size:9px;letter-spacing:.08em;border-radius:999px}.shop-market-list i{font-style:normal}
.campaign-note{margin:8px 0 0;color:#dce9dd;font-size:11px}
@media(max-width:820px){.market-links{width:100%}.shop-color{padding:22px}.shop-market-list a{padding:15px 22px}.shop-market-list a:hover{padding-left:26px}}

.styling-section{padding:150px 0;background:linear-gradient(180deg,#fffef8 0%,#f6f8da 52%,#e5f4e7 100%)}
.styling-heading{display:grid;grid-template-columns:1.1fr .9fr;column-gap:100px;align-items:end}.styling-heading .section-kicker{grid-column:1/-1}.styling-heading h2{margin:0;color:var(--green-dark);font:500 clamp(44px,5.5vw,72px)/1.5 var(--serif)}.styling-heading>p:last-child{margin:0;color:var(--muted)}
.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:85px}.look-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:420px;background:#fff;box-shadow:0 18px 45px rgba(22,50,44,.08)}.look-photo{position:relative;min-height:420px;overflow:hidden}.look-photo img{height:100%;object-fit:cover}.look-photo>span{position:absolute;left:0;bottom:0;padding:8px 14px;background:var(--ink);color:#fff;font-size:9px;font-weight:700;letter-spacing:.16em}.look-copy{display:flex;padding:34px;flex-direction:column;justify-content:center}.look-scene{margin:0 0 14px;color:var(--green-dark);font-size:9px;font-weight:700;letter-spacing:.15em}.look-copy h3{margin:0 0 20px;font:600 23px/1.55 var(--serif)}.look-copy>p:not(.look-scene){margin:0;color:var(--muted);font-size:13px}
.styling-tips{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-top:120px;padding-top:85px;border-top:1px solid #a6c8aa}.tips-title h3{margin:0;font:500 34px/1.65 var(--serif)}.styling-tips ol{margin:0;padding:0;list-style:none}.styling-tips li{display:grid;padding:25px 0;grid-template-columns:45px 1fr;gap:20px;border-bottom:1px solid #b9d0ba}.styling-tips li:first-child{padding-top:0}.styling-tips li>span{color:var(--green);font-size:11px;font-weight:700}.styling-tips strong{font:600 18px var(--serif)}.styling-tips li p{margin:5px 0 0;color:var(--muted);font-size:13px}.accessory-note{margin-top:45px;color:var(--muted);font-size:11px;text-align:right}
@media(max-width:1000px){.look-card{grid-template-columns:1fr}.look-photo{min-height:300px;height:42vw;max-height:420px}}
@media(max-width:820px){.styling-section{padding:95px 0}.styling-heading{grid-template-columns:1fr;gap:28px}.look-grid{grid-template-columns:1fr;margin-top:55px}.look-card{grid-template-columns:.9fr 1.1fr}.look-photo{height:auto;min-height:360px}.styling-tips{grid-template-columns:1fr;gap:45px;margin-top:80px;padding-top:60px}.accessory-note{text-align:left}}
@media(max-width:560px){.look-card{grid-template-columns:1fr}.look-photo{height:100vw;min-height:0}.look-copy{padding:30px 25px}.styling-heading h2{font-size:40px}}

/* Typography-led styling cards */
.look-card{position:relative;display:grid;grid-template-columns:180px 1fr;min-height:460px;overflow:hidden;border:1px solid rgba(22,50,44,.12);box-shadow:0 18px 45px rgba(22,50,44,.08)}
.look-index{display:flex;padding:38px 28px;flex-direction:column;justify-content:space-between}
.look-index>span{font-size:10px;font-weight:700;letter-spacing:.2em}.look-index>strong{font:500 88px/1 var(--serif);letter-spacing:-.06em}.look-index>small{font:500 13px var(--serif);letter-spacing:.08em;writing-mode:vertical-rl}
.look-green .look-index{background:var(--green);color:#fff}.look-yellow .look-index{background:var(--yellow);color:var(--ink)}.look-green-dark .look-index{background:var(--green-dark);color:#fff}.look-yellow-dark .look-index{background:#d5df2b;color:var(--ink)}
.look-card .look-copy{padding:48px 42px;background:rgba(255,255,255,.96)}
.look-card .look-copy h3{font-size:25px}.look-card .look-copy>p:not(.look-scene){font-size:14px}
.look-copy dl{margin:30px 0 0;border-top:1px solid var(--line)}.look-copy dl>div{display:grid;padding:12px 0;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line)}.look-copy dt{color:var(--green-dark);font-size:9px;font-weight:700;letter-spacing:.12em}.look-copy dd{margin:0;font-size:12px}
@media(max-width:1000px){.look-card{grid-template-columns:150px 1fr}.look-index{min-height:0}.look-index>strong{font-size:72px}}
@media(max-width:820px){.look-card{grid-template-columns:135px 1fr;min-height:420px}.look-card .look-copy{padding:38px 30px}.look-index{padding:30px 22px}}
@media(max-width:560px){.look-card{grid-template-columns:1fr;min-height:0}.look-index{display:grid;padding:22px 24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.look-index>strong{font-size:54px}.look-index>small{writing-mode:horizontal-tb}.look-card .look-copy{padding:32px 25px}.look-copy dl>div{grid-template-columns:90px 1fr}}

.recommend-section{padding:135px 0;background:var(--green-dark);color:#fff}.recommend-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.recommend-title h2{margin:0;font:500 clamp(40px,4.8vw,64px)/1.55 var(--serif)}.recommend-section .section-kicker{color:var(--yellow)}.recommend-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.recommend-list li{display:grid;padding:24px 0;grid-template-columns:45px 1fr;gap:20px;border-bottom:1px solid rgba(255,255,255,.25)}.recommend-list li>span{color:var(--yellow);font-size:11px;font-weight:700}.recommend-list p{margin:0;color:#d9eee5}.recommend-list strong{display:block;margin-bottom:4px;color:#fff;font:600 18px var(--serif)}
.color-compare{padding:145px 0;background:#fffef8}.compare-heading{text-align:center}.compare-heading h2{margin:0;font:500 clamp(40px,5vw,66px)/1.5 var(--serif);color:var(--green-dark)}.compare-heading>p:last-child{margin:22px 0 0;color:var(--muted)}.compare-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:70px}.compare-or{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:54px;height:54px;place-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;font-size:10px;font-weight:700;transform:translate(-50%,-50%)}.compare-card{overflow:hidden;border:1px solid var(--line)}.compare-name{display:flex;min-height:240px;padding:38px;flex-direction:column;justify-content:flex-end}.compare-green .compare-name{background:var(--green);color:#fff}.compare-yellow .compare-name{background:var(--yellow)}.compare-name>span{margin-bottom:auto;font-size:10px;font-weight:700;letter-spacing:.18em}.compare-name>strong{font:500 34px var(--serif)}.compare-name>small{margin-top:5px;font:500 13px var(--serif)}.compare-card dl{margin:0;padding:18px 38px 28px;background:#fff}.compare-card dl>div{display:grid;padding:16px 0;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line)}.compare-card dl>div:last-child{border-bottom:0}.compare-card dt{color:var(--green-dark);font-size:11px;font-weight:700}.compare-card dd{margin:0;font-size:13px}
.made-in-japan{position:relative;padding:150px 0;overflow:hidden;background:#f1f7c9}.japan-mark{position:absolute;right:-25px;top:40px;display:flex;flex-direction:column;align-items:center;color:rgba(7,130,125,.08);font-family:var(--serif);font-weight:600;line-height:.8}.japan-mark span{font-size:clamp(90px,14vw,210px)}.japan-mark strong{font-size:clamp(55px,8vw,120px)}.japan-content{position:relative;z-index:1}.japan-heading h2{margin:0;font:500 clamp(42px,5vw,68px)/1.55 var(--serif);color:var(--green-dark)}.japan-lead{width:55%;margin:55px 0 80px auto;color:var(--muted);font-size:16px}.craft-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a9c8ae;border:1px solid #a9c8ae}.craft-points article{padding:40px;background:#fffef8}.craft-points span{color:var(--green);font-size:11px;font-weight:700}.craft-points h3{margin:35px 0 18px;font:600 22px var(--serif)}.craft-points p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:820px){.recommend-section,.color-compare,.made-in-japan{padding:95px 0}.recommend-inner{grid-template-columns:1fr;gap:50px}.compare-grid{grid-template-columns:1fr;gap:22px}.compare-or{position:relative;left:auto;top:auto;margin:-38px auto;transform:none}.japan-lead{width:100%;margin:40px 0 55px}.craft-points{grid-template-columns:1fr}.japan-mark{right:-40px}.compare-card dl{padding:14px 24px 24px}.compare-name{min-height:200px;padding:28px}}
@media(max-width:480px){.compare-card dl>div{grid-template-columns:1fr;gap:5px}.recommend-list li{grid-template-columns:32px 1fr}.craft-points article{padding:32px 26px}}