:root{--ink:#282d35;--muted:#6b706d;--red:#a53336;--line:#d7d9d5;--soft:#f3f5f2;--green:#334d40}
.hero .button>span,.hero-bottom a>span,.order-button>span,.header-cta>span,.closing>a>span{display:none}
.hero .button,.order-button{justify-content:center}
body{color:var(--ink)}h2,h3{font-weight:500}.section-wrap{max-width:1120px;padding-inline:48px}.project-note{background:white;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);line-height:26px}.project-note span{display:none}.site-header{height:115px;min-height:0;padding:18px 5%;gap:28px}.wordmark{font-family:var(--serif);font-weight:500;font-size:29px;gap:12px;line-height:1.25}.shop-label{writing-mode:vertical-rl;font-family:var(--sans);font-size:9px;font-weight:400}.brand-dot{font-size:13px;font-family:var(--serif);font-weight:400;border:1px solid var(--red);color:var(--red);background:transparent;width:auto;height:auto;border-radius:0;margin:0;padding:3px;line-height:1}.site-header nav{gap:32px;font-size:12px}.header-cta{padding:10px 17px;border:1px solid var(--line);font-size:12px}.header-cta span{margin-left:15px}
.hero{height:620px;min-height:550px;background:#f1f2ef}.hero:before{display:none}.hero-image{height:100%;top:0;bottom:0;object-position:center;z-index:-1}.hero-content{margin-left:6%;padding:48px 0 0;width:330px;height:100%;display:grid;grid-template-columns:110px 180px;grid-template-rows:350px 80px 60px;gap:4px 20px}.hero-content>.eyebrow{display:none}.hero h1{writing-mode:vertical-rl;grid-column:1;grid-row:1;font-family:var(--serif);font-size:53px;font-weight:500;line-height:1.4;margin:0;justify-self:center}.hero h1 span{font-size:9px;writing-mode:horizontal-tb;position:absolute;top:340px;left:18px;font-family:var(--sans)}.hero-message{grid-column:2;grid-row:1;writing-mode:vertical-rl;font-family:var(--serif);font-size:25px;line-height:2.1;margin:0;justify-self:start;padding-top:28px}.hero-copy{grid-column:1/3;grid-row:2;font-size:12px;line-height:2.1;margin:0}.hero .button{grid-column:1/3;grid-row:3;justify-self:start;align-self:start;margin:0;min-height:49px}.hero-caption{display:none}.hero-bottom{bottom:20px;left:6%;right:4%;font-size:10px}.hero-bottom>span{display:none}.hero-bottom a{margin-left:auto;background:#ffffffec;padding:5px 12px}.hero-bottom span{margin-left:20px}.button{gap:35px;min-height:49px;padding:12px 23px;border:1px solid var(--red);font-size:12px;font-weight:400}.button:hover{background:#812d30}.eyebrow{font-weight:400;color:var(--red);font-size:11px}
.story{padding-block:110px 120px;grid-template-columns:200px 1fr;gap:100px;max-width:960px}.section-label{writing-mode:vertical-rl;font-family:var(--serif);font-size:23px;line-height:2.2;margin:30px auto 0}.story h2{font-size:28px;margin-bottom:32px}.story p:not(.eyebrow):not(.section-label):not(.small-note){font-size:13px;line-height:2.4}.small-note{font-size:10px}.collection{padding:85px 0 75px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5%;position:relative}.collection-heading{grid-column:1/3;width:100%;margin-bottom:42px;align-items:center}.collection-heading h2{margin-top:18px}.collection-heading>p{font-size:12px;line-height:2.2}.collection-photo{grid-column:1;grid-row:2;position:sticky;top:30px;width:100%;height:auto;padding-left:10%;margin:28px 0 0;overflow:visible}.collection-photo img{height:auto;aspect-ratio:1/1.15;object-fit:cover;object-position:70% center}.photo-caption{position:static;display:block;background:none;padding:0;font-size:9px;line-height:1.8;color:var(--muted);margin-top:12px}.flavors{grid-column:2;grid-row:2;padding:0 11% 0 0;width:100%;grid-template-columns:1fr;gap:0;margin-top:0}.flavors article{display:grid;grid-template-columns:32px 1fr;gap:0 20px;border-top:0;border-bottom:1px solid var(--line);padding:19px 0}.flavor-number{grid-column:1;grid-row:1/3;font-family:var(--serif);font-size:12px;color:var(--muted);padding-top:5px;display:block}.flavor-dot{display:none}.flavors h3{font-size:23px;line-height:1.6;margin:0}.flavors p{grid-column:2;font-size:11px;line-height:1.9;margin-top:6px}.flavors br{display:none}.flavor-note{grid-column:1/3;width:100%;margin-top:35px}
.order{gap:85px;padding-block:110px}.order-visual{padding-top:30px}.order-visual img{aspect-ratio:1/1.2;object-position:75% center}.order-visual>p{display:none}.order-visual h2{font-size:26px;margin:28px 0}.order-panel>.eyebrow{font-size:0}.order-panel>.eyebrow:after{content:"贈りものを選ぶ";font-size:11px}.order-panel h2{font-size:38px;margin:14px 0 4px}.order-subtitle{font-size:10px}.order-panel>p:not(.eyebrow):not(.order-subtitle){font-size:12px;margin-top:24px}.product-options{gap:0;border-top:1px solid var(--line)}.product-option{border:0;border-bottom:1px solid var(--line);padding:12px 10px}.product-option:has(input:checked){box-shadow:none;border-color:var(--line)}.product-option input{width:15px;height:15px;accent-color:var(--red)}.product-option strong{font-weight:500}.product-option b{font-family:var(--serif);font-weight:500;font-size:22px}.total-row output{font-family:var(--serif);font-size:30px}.order-button{margin-block:20px 12px}.ingredients{grid-template-columns:1fr 1.6fr;gap:85px;padding-block:65px 80px}.ingredients .eyebrow{font-size:0}.ingredients .eyebrow:after{content:"お品物について";font-size:11px}.ingredients h2{font-size:27px}.ingredient-content h3{font-weight:500}.ingredient-content .allergen{font-family:var(--serif);font-size:18px}.howto{background:#edf1f3;color:var(--ink);padding:70px 0}.howto .eyebrow{font-size:0}.howto .eyebrow:after{content:"お召し上がりのひととき";font-size:11px}.howto h2{font-size:29px;margin-top:17px}.steps article{border-color:#b6c0c3}.steps article>span,.steps p,.howto-note{color:var(--muted)}.steps h3{font-size:26px}.faq{grid-template-columns:1fr 1.6fr;gap:85px;padding-block:95px}.faq .eyebrow{display:none}.faq h2{font-size:27px;margin-top:0}.closing{border-top:1px solid var(--line);background:white;padding:65px 24px 75px}.closing .eyebrow{display:none}.closing h2{font-size:31px;margin:0 0 25px}.closing>a{border-color:var(--red)}footer{background:var(--soft)}footer .wordmark{font-size:17px;font-weight:400}footer .brand-dot{display:none}dialog::backdrop{background:#252d37b8}.close-dialog{color:var(--ink)}
@media(min-width:1500px){.hero{height:700px}.hero-content{margin-left:10%;padding:85px 0 0}.hero h1{font-size:53px}.hero-message{font-size:25px}.hero-image{object-position:center 55%}}
@media(max-width:900px){.section-wrap{padding-inline:30px}.site-header nav{gap:18px}.site-header{padding-inline:30px}.hero-content{margin-left:30px;grid-template-columns:85px 150px;width:260px;gap:0 12px}.hero-image{object-position:54% center}.hero h1{font-size:46px}.hero-message{font-size:23px}.story{gap:50px;grid-template-columns:150px 1fr}.order{gap:40px}.ingredients,.faq{gap:40px}.collection-photo{padding-left:7%}.flavors{padding-right:7%}}
@media(max-width:600px){.project-note{font-size:9px}.site-header{height:90px;min-height:0;padding:12px 22px}.wordmark{font-size:25px;gap:8px}.shop-label{font-size:8px}.header-cta{font-size:10px;padding:8px 12px}.hero{height:650px;min-height:0;max-height:none}.hero-image{height:100%;object-position:62% center}.hero-content{margin-left:20px;padding:30px 0 0;width:210px;grid-template-columns:65px 125px;grid-template-rows:305px 75px 55px;gap:0 8px}.hero h1{font-size:39px;background:#fffffff2;padding:10px 2px;height:250px;margin:0}.hero h1 span{left:8px;top:288px;font-size:8px;background:white;padding-inline:4px}.hero-message{font-size:20px;line-height:2;background:#ffffffe8;padding:12px 5px;height:295px;justify-self:end;margin:0}.hero-copy{font-size:10px;align-self:center;background:#fffffff2;padding:6px 8px;justify-self:start;margin:0}.hero .button{font-size:11px;padding:12px 17px;gap:22px;margin-top:4px}.hero-bottom{left:20px;right:20px;bottom:16px}.hero-bottom a{font-size:9px}.section-wrap{padding-inline:24px}.story{grid-template-columns:48px minmax(0,1fr);gap:24px;padding-block:65px}.story>div:first-child>.eyebrow{writing-mode:vertical-rl;margin:auto}.section-label{font-size:16px;line-height:1.8;margin-top:24px}.story h2{font-size:22px;margin-bottom:22px}.story p:not(.eyebrow):not(.section-label):not(.small-note){font-size:12px;line-height:2.2}.collection{padding-block:55px;display:block}.collection-heading{display:flex;gap:22px;margin-bottom:25px;align-items:flex-start}.collection-heading h2{font-size:25px}.collection-heading>p{font-size:10px;writing-mode:vertical-rl;margin-top:24px;line-height:1.9}.collection-photo{position:relative;top:auto;padding:0 0 0 24px;width:90%;margin-top:0}.collection-photo img{aspect-ratio:1.1;object-position:72% center}.photo-caption{font-size:8px}.flavors{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 24px;margin-top:25px}.flavors article{display:block;padding-block:16px}.flavor-number{font-size:10px;padding:0}.flavors h3{font-size:19px;margin:5px 0}.flavors p{font-size:10px}.flavor-note{font-size:9px;margin-top:25px}.order{grid-template-columns:1fr;gap:35px;padding-block:60px}.order-visual{padding-top:0}.order-visual img{aspect-ratio:1.5;object-position:73% 58%}.order-visual h2{display:none}.order-panel h2{font-size:33px}.ingredients{grid-template-columns:1fr;gap:24px;padding-block:45px}.ingredients h2{font-size:25px}.ingredients h2 br{display:none}.howto{padding-block:50px}.howto h2{font-size:25px}.steps h3{font-size:23px}.faq{grid-template-columns:1fr;gap:25px;padding-block:55px}.faq h2{font-size:25px}.closing{padding-block:45px 55px}.closing h2{font-size:25px}footer{display:flex;flex-wrap:wrap;padding:28px 24px;gap:18px}footer p{width:100%;order:3;margin-top:0}footer>small{font-size:8px}}