@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&family=Shippori+Mincho:wght@500;700&display=swap');
:root{--paper:#f5efe2;--ink:#46372b;--rust:#a84e2d;--line:#cdbca8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Serif JP",serif;background:var(--paper);background-image:radial-gradient(#694e3820 .7px,transparent .7px);background-size:7px 7px}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);position:absolute;width:100%;z-index:3;color:#fff}.brand{display:grid;text-align:center;line-height:1}.brand span{font-size:25px;letter-spacing:.2em}.brand small{font:10px Arial;letter-spacing:.25em;margin-top:8px}.header nav{display:flex;gap:38px;font:11px Arial;letter-spacing:.18em}.hero{min-height:760px;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden}.hero-photo{clip-path:ellipse(82% 80% at 13% 40%)}.hero-copy{align-self:center;padding:100px 7vw 60px 5vw;position:relative}.eyebrow,.section-head>p{font:700 10px Arial;letter-spacing:.22em;color:var(--rust)}h1,h2{font-family:"Shippori Mincho",serif;font-weight:500}h1{font-size:clamp(44px,5vw,76px);line-height:1.42;letter-spacing:.06em;margin:25px 0}h1 em{font-style:normal;color:var(--rust);position:relative}h1 em:after{content:"";position:absolute;left:-6%;bottom:2px;width:112%;height:10px;border-bottom:2px solid var(--rust);border-radius:50%}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:2.2}.round-link{display:inline-flex;align-items:center;gap:30px;margin-top:28px;font-size:13px}.round-link span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ink);border-radius:50%}.wheat{position:absolute;color:#9c8169;font-size:70px;letter-spacing:-18px;writing-mode:vertical-rl;opacity:.45}.wheat-a{right:5%;top:12%}.wheat-b{left:47%;bottom:7%;transform:rotate(25deg)}.section{padding:120px clamp(24px,8vw,120px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-head h2,.story h2,.shop h2{font-size:clamp(32px,4vw,55px);line-height:1.55;margin:0}.bread-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.bread-grid article{display:grid;grid-template-columns:55% 45%;align-items:center}.bread-grid article:nth-child(2){margin-top:90px}.bread-grid img{aspect-ratio:4/5;border-radius:48% 48% 8px 8px}.bread-grid article div{padding:30px}.bread-grid b{font:12px Arial;color:var(--rust)}.bread-grid h3{font-size:20px}.bread-grid p,.story-copy>p,.shop-card{font-size:13px;line-height:2}.story{margin:20px 5vw 120px;display:grid;grid-template-columns:45% 55%;align-items:center;background:#493b2f;color:#f8f1e5;min-height:580px;overflow:hidden}.story-copy{padding:9vw}.story img{clip-path:ellipse(85% 70% at 100% 50%)}.shop{display:grid;grid-template-columns:56% 44%;align-items:center;padding-top:30px}.shop-image{height:620px;position:relative;overflow:hidden;border-radius:50% 50% 4px 4px}.shop-image span{position:absolute;left:28px;bottom:32px;color:white;font:700 clamp(50px,9vw,120px) Arial;letter-spacing:.08em}.shop-card{margin-left:-50px;background:#fbf7ef;padding:70px;position:relative;box-shadow:0 20px 60px #5e493324;min-width:0}.shop-card h2{overflow-wrap:anywhere}.shop-card dl{border-top:1px solid var(--line);margin-top:35px}.shop-card dl div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid var(--line);padding:12px 0}.shop-card dt{font:10px Arial;letter-spacing:.15em}.shop-card a{display:inline-block;margin-top:22px;border-bottom:1px solid}footer{margin-top:70px;background:#3d3128;color:#eee3d4;padding:55px 7vw;display:flex;justify-content:space-between;align-items:center}footer p{font:9px Arial;letter-spacing:.12em}
:focus-visible{outline:3px solid var(--rust);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.header{height:70px}.header nav{gap:14px}.header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-photo{height:52vh;min-height:390px;clip-path:ellipse(90% 77% at 38% 20%)}.hero-copy{padding:48px 24px 90px}.hero-copy br{display:none}.wheat-b{display:none}.wheat-a{top:auto;bottom:20px}.section{padding:80px 22px}.section-head{display:block}.section-head h2{margin-top:18px}.bread-grid{grid-template-columns:1fr;gap:50px}.bread-grid article,.bread-grid article:nth-child(2){grid-template-columns:52% 48%;margin:0}.bread-grid article div{padding:18px}.story{margin:0 0 80px;grid-template-columns:1fr}.story-copy{padding:70px 28px}.story img{height:330px;clip-path:none}.shop{grid-template-columns:1fr;padding-top:0}.shop-image{height:470px}.shop-card{margin:-50px 18px 0;padding:45px 28px}.shop-card h2{font-size:30px}.shop-card dl div{grid-template-columns:75px 1fr}footer{display:block;text-align:center}footer p{margin-top:28px}}
.bread-grid b{font-size:18px}.bread-grid h3{font-size:22px}.shop-card dl{font-size:14px}.shop-card dt{font-size:11px}
@media(max-width:760px){.hero-copy h1 br,.section-head h2 br,.story-copy h2 br,.shop-card h2 br{display:block}.hero-copy h1{font-size:40px;line-height:1.5}.bread-grid b{font-size:17px}.bread-grid h3{font-size:18px;line-height:1.5}.bread-grid p{font-size:11px;line-height:1.8}.shop-card h2{font-size:29px;line-height:1.55}.shop-card{padding:44px 26px}}
.nowrap{white-space:nowrap}
@media(max-width:760px){.story-copy h2{font-size:31px;letter-spacing:-.025em}.story-copy .nowrap{white-space:nowrap}}
/* 20260905: readable demo and accessible interactions */
.demo-notice{position:relative;z-index:5;padding:11px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;color:#294052;font:13px/1.6 Arial,sans-serif;border-bottom:1px solid #ddd}
.demo-notice a{text-decoration:underline;min-height:32px;display:flex;align-items:center;flex-shrink:0}
.demo-info{padding:25px max(24px,6vw);background:#fff;color:#344857;font:14px/1.9 Arial,sans-serif}
.demo-info summary{cursor:pointer;font-weight:bold;padding:12px 0}.demo-info a{text-decoration:underline;display:inline-block;padding:12px 0}
body{line-height:1.85}header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.demo-notice{font-size:11px;padding:9px 16px;gap:12px}.demo-info{font-size:13px}}

:root{--paper:#faf6ed;--ink:#473a2d;--rust:#a65d3d}.header{color:var(--ink);position:relative;background:#faf6ed;height:90px}
.header nav{font-size:12px}.hero{grid-template-columns:1fr 1fr;min-height:680px;padding:30px 5vw 60px;gap:4vw;align-items:center}
.hero-photo{order:2;clip-path:none;height:580px;border-radius:48% 48% 12px 12px;overflow:hidden;box-shadow:18px 20px 0 #e7dac5}.hero-copy{order:1;padding:40px 0 40px 2vw}
.hero h1{font-size:clamp(34px,3.7vw,55px);line-height:1.65;letter-spacing:.01em}.hero-copy>p:not(.eyebrow){font-size:16px}.eyebrow,.section-head>p{font-size:12px}.round-link{font-size:16px}.wheat{display:none}
.section{padding:100px 6vw}.section-head h2{font-size:42px}.bread-grid{gap:4vw}.bread-grid article{grid-template-columns:1fr;gap:0}.bread-grid img{height:360px;aspect-ratio:auto;border-radius:180px 180px 12px 12px}.bread-grid article div{padding:28px 10px}.bread-grid b{font-size:25px}.bread-grid h3{font-size:25px}.bread-grid p{font-size:16px}
.story{grid-template-columns:1fr 1fr;margin:20px 5vw 100px;border-radius:20px;min-height:520px}.story-copy{padding:50px 40px}.story h2{font-size:clamp(29px,2.6vw,40px);line-height:1.7;letter-spacing:0}.story-copy>p{font-size:16px;line-height:2}.story img{height:100%;min-height:520px;clip-path:none}.story .eyebrow{color:#d9af8d}
.shop{grid-template-columns:1fr 1fr;gap:0}.shop-image{height:570px}.shop-card{padding:45px 35px;margin-left:-24px;border-radius:12px}.shop-card h2{font-size:clamp(28px,2.7vw,40px);line-height:1.65;overflow-wrap:normal}.shop-card dl{font-size:16px}.shop-card dt{font-size:12px}.shop-card dd{margin:0}.shop-card a{font-size:15px}
footer p{font-size:12px}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:34px}.hero-copy>p br{display:none}.story{grid-template-columns:1fr}.story-copy{padding:45px}.story img{height:400px;min-height:0}.story h2{font-size:36px}.shop{grid-template-columns:1fr}.shop-card{margin:-50px 25px 0;padding:40px}.shop-card h2{font-size:36px}.bread-grid article:nth-child(2){margin-top:55px}}
@media(max-width:760px){.header{height:75px;padding:0 22px}.header nav{gap:16px;font-size:11px}.hero{display:flex;flex-direction:column;padding:10px 22px 55px;gap:24px}.hero-copy{order:1;padding:26px 0 0;width:100%}.hero h1{font-size:32px;line-height:1.6;margin:20px 0}.hero-photo{order:2;width:100%;height:370px;min-height:0;flex-shrink:0;border-radius:180px 180px 10px 10px;box-shadow:8px 12px 0 #e7dac5}.hero-copy>p:not(.eyebrow){font-size:15px}.hero .round-link{margin-top:12px}.section{padding:65px 22px}.section-head h2{font-size:32px}.bread-grid{gap:35px}.bread-grid article:nth-child(2){margin:0}.bread-grid img{height:320px}.bread-grid article div{padding:23px 5px}.bread-grid p{font-size:15px}.story{margin:0 18px 65px}.story-copy{padding:35px 24px}.story h2{font-size:28px;line-height:1.7}.story-copy>p{font-size:15px}.story img{height:280px}.shop-image{height:400px}.shop-card{margin:-25px 10px 0;padding:32px 22px}.shop-card h2{font-size:27px}.shop-card dl{font-size:14px}.shop-image span{font-size:70px;bottom:35px}.shop-card dl div{grid-template-columns:75px 1fr}}