:root{--ink:#17201c;--paper:#f7f1e7;--cream:#fffaf1;--coral:#ed765c;--blue:#234f9a;--yellow:#e5ae3f;--line:rgba(23,32,28,.18);--serif:Georgia,"Times New Roman","Yu Mincho",serif;--sans:"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 24%,rgba(237,118,92,.08),transparent 24rem),var(--paper)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.notice{min-height:34px;display:grid;place-items:center;padding:6px 20px;background:var(--ink);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-align:center}
header{position:sticky;z-index:20;top:0;min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100% - 1400px)/2));border-bottom:1px solid var(--line);background:rgba(247,241,231,.92);backdrop-filter:blur(15px)}
.logo{font-weight:900;letter-spacing:.09em}.logo b,footer>a b{color:#c9513f}nav{display:flex;gap:clamp(25px,4vw,58px);font-size:.74rem;font-weight:700}nav a{padding:8px}.pill{justify-self:end;padding:12px 19px;border:1px solid var(--ink);border-radius:30px;background:var(--ink);color:#fff;font-size:.74rem;font-weight:800;transition:.2s}.pill:hover{background:transparent;color:var(--ink)}
.hero{max-width:1500px;min-height:710px;margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,9vw,130px) clamp(36px,6vw,95px)}.tag{margin:0;color:#c9513f;font-size:.65rem;font-weight:900;letter-spacing:.18em}.hero h1,.heading h2,.story h2,.craft h2,.faq h2,.shop h2{margin:22px 0;font:400 clamp(3.4rem,6vw,6.8rem)/1 var(--serif);letter-spacing:-.065em}.hero h1 em{color:#c9513f;font-weight:400}.hero-copy>p:not(.tag),.story p{color:#536058;line-height:2}.actions{margin-top:34px;display:flex;align-items:center;gap:28px}.cta,.light-cta{padding:16px 24px;border:1px solid;border-radius:30px;background:var(--coral);box-shadow:5px 5px 0;font-size:.77rem;font-weight:800;transition:.2s}.cta:hover,.light-cta:hover{transform:translateY(-2px);box-shadow:2px 2px 0}.actions>a:last-child,.more{padding-bottom:3px;border-bottom:1px solid;font-size:.72rem;font-weight:800}.stats{margin-top:64px;display:flex;gap:28px}.stats span{min-width:110px;display:grid;padding-left:14px;border-left:1px solid var(--line);color:#707a73;font-size:.52rem;letter-spacing:.08em}.stats b{color:var(--ink);font:400 1.8rem var(--serif)}.stats small{font-size:.55rem}
.hero-art{position:relative;display:grid;place-items:center;padding:65px;overflow:hidden;background:linear-gradient(120deg,#c8d0ba,#eee1c8)}.hero-art:before{content:"";position:absolute;right:-5%;top:8%;width:28%;aspect-ratio:1;border-radius:50%;background:var(--yellow)}figure{position:relative;z-index:2;margin:0;transform:rotate(1.5deg);box-shadow:-10px 10px 0 var(--cream),-11px 11px 0}figure img{border:1px solid}figcaption{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid;border-top:0;background:var(--cream);font-size:.61rem;font-weight:900}.hero-art>i{position:absolute;z-index:3;right:5%;bottom:30px;width:95px;height:95px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:.55rem;font-style:normal;font-weight:900;line-height:1.3;letter-spacing:.12em;text-align:center;box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--ink)}
.benefits{width:min(1400px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.benefits>div{min-height:115px;display:flex;align-items:center;gap:18px;padding:24px 36px}.benefits>div+div{border-left:1px solid var(--line)}.benefits>div>b{color:#c9513f;font:italic .75rem var(--serif)}.benefits span,.benefits strong{display:block}.benefits span{color:#717c74;font-size:.68rem}.benefits strong{margin-bottom:3px;color:var(--ink);font:600 1.05rem var(--serif)}
.section{width:min(1320px,calc(100% - 48px));margin:auto}.collection,.craft,.faq{padding:140px 0}.heading{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:50px}.heading h2,.story h2,.craft h2,.faq h2,.shop h2{font-size:clamp(2.7rem,5vw,5.2rem)}.heading>p{color:#637068;line-height:2}.products{margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 28px}.products article:nth-child(even){margin-top:55px}.photo{position:relative;display:block;overflow:hidden;border:1px solid;background:#eee1cd}.photo img{width:100%;aspect-ratio:1;object-fit:cover;transition:.45s}.photo:hover img{transform:scale(1.035)}.photo>span{position:absolute;z-index:2;top:15px;left:15px;width:34px;height:34px;display:grid;place-items:center;border:1px solid;border-radius:50%;background:var(--cream);font-size:.6rem}.name{margin-top:18px;display:flex;align-items:end;justify-content:space-between;gap:15px}.name small{color:#738079;font-size:.57rem;letter-spacing:.1em}.name h3{margin:3px 0;font:500 clamp(1.6rem,2.3vw,2.1rem) var(--serif)}.name>b{white-space:nowrap}.products article>p{padding-top:11px;border-top:1px solid var(--line);color:#68746c;font-size:.74rem}
.story{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:85px;border-radius:44px;background:var(--blue);color:#fff}.story-photo{position:relative}.story-photo img{border:2px solid #fff;transform:rotate(-4deg);box-shadow:15px 15px 0 rgba(255,255,255,.1)}.story-photo i{position:absolute;right:-15px;bottom:-28px;color:#f4c65e;font:italic 1.1rem var(--serif);transform:rotate(-7deg)}.story .tag{color:#f4c65e}.story p{color:rgba(255,255,255,.75)}
.craft{text-align:center}.craft-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.craft-grid article{padding:45px 35px}.craft-grid article+article{border-left:1px solid var(--line)}.craft-grid i{width:105px;height:105px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#e9decb;font:2.5rem var(--serif)}.craft-grid article:nth-child(2) i{background:#cad3bc}.craft-grid article:nth-child(3) i{background:#f3c4b7}.craft-grid h3{font:500 1.35rem var(--serif)}.craft-grid p{color:#68746c;font-size:.74rem}
.message{min-height:620px;display:grid;place-items:center;padding:110px 24px;background:var(--coral);text-align:center}.message h2{margin:20px 0 42px;font:400 clamp(2.7rem,5.4vw,5.4rem)/1.12 var(--serif);letter-spacing:-.055em}.message>p{font-size:.67rem;font-weight:900;letter-spacing:.18em}.light-cta{display:inline-block;background:var(--cream)}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:120px}.faq>div:first-child>p:last-child{color:#68746c;font-size:.75rem}.faq>div:last-child{border-top:1px solid}.faq details{border-bottom:1px solid}.faq summary{min-height:90px;display:flex;align-items:center;cursor:pointer;font:500 1.15rem var(--serif)}.faq details p{color:#68746c;font-size:.77rem;line-height:1.8}.shop{margin-bottom:100px;padding:70px;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;border:1px solid;background:var(--yellow);box-shadow:9px 9px 0}.shop p{line-height:2}.shop b{padding-bottom:3px;border-bottom:1px solid;font:italic 1rem var(--serif)}
footer{min-height:260px;padding:70px max(24px,calc((100% - 1320px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:start;background:var(--ink);color:#fff}footer>a{font:400 3.4rem var(--serif)}footer p{font:1.5rem var(--serif)}footer>span{align-self:end;font-size:.6rem}
@media(max-width:850px){header{grid-template-columns:1fr auto;padding-inline:18px}header nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:480px}.benefits{grid-template-columns:1fr}.benefits>div+div{border-top:1px solid var(--line);border-left:0}.heading,.story,.faq,.shop{grid-template-columns:1fr}.products{gap:55px 20px}.story{gap:45px;padding:60px 40px}.craft-grid{grid-template-columns:1fr}.craft-grid article+article{border-top:1px solid var(--line);border-left:0}}
@media(max-width:600px){.notice{font-size:.55rem}header{min-height:70px}.pill{padding:11px 14px}.hero-copy{padding:55px 20px}.hero h1{font-size:clamp(3.2rem,17vw,4.7rem)}.actions{align-items:stretch;flex-direction:column}.cta{text-align:center}.actions>a:last-child{align-self:center}.hero-art{min-height:350px;padding:50px 22px}.hero-art>i{width:72px;height:72px;right:12px;font-size:.44rem}.section,.benefits{width:calc(100% - 32px)}.collection,.craft,.faq{padding:90px 0}.heading h2,.story h2,.craft h2,.faq h2,.shop h2{font-size:clamp(2.5rem,13vw,4rem)}.products{grid-template-columns:1fr}.products article:nth-child(even){margin-top:0}.story{width:100%;padding:55px 24px;border-radius:0}.message{min-height:570px}.message h2{font-size:clamp(2.5rem,12vw,4rem)}.shop{padding:45px 25px}footer{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.notice{overflow:hidden;font-size:.45rem;letter-spacing:.02em;white-space:nowrap}.pill{width:42px;height:42px;padding:0;font-size:0}.pill:after{content:'↘';color:#fff;font-size:1rem}.pill:hover:after{color:var(--ink)}.hero h1{font-size:clamp(2.7rem,12vw,3.2rem);line-height:1.15;white-space:nowrap}}
@media(max-width:600px){.pill{position:absolute;top:14px;right:18px;display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
img{height:auto}
@media(min-width:851px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(3.4rem,5vw,5.8rem);white-space:nowrap}}