:root{--wine:#63222d;--cream:#f2eadc;--milk:#fbf7ef;--powder:#b9c6df;--ink:#21191a;--gold:#b68b52}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--ink);font-family:"Noto Serif JP",serif}a{color:inherit;text-decoration:none}
.proposal{height:28px;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;gap:22px;font:500 9px "Work Sans";letter-spacing:.16em}.proposal span{font-family:"Noto Serif JP";font-size:8px;opacity:.6}
header{height:88px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid #21191a44;background:var(--milk);position:relative;z-index:4}.logo{font:600 33px/.75 "Cormorant Garamond";color:var(--wine);letter-spacing:-.03em}.logo small,.logo span{display:block;font:500 7px "Work Sans";letter-spacing:.22em;text-align:center}.logo span{margin-top:8px}nav{display:flex;gap:34px;margin-left:auto;font:500 9px "Work Sans";letter-spacing:.16em}.ig{margin-left:38px;padding-bottom:5px;border-bottom:1px solid;font:500 9px "Work Sans";letter-spacing:.12em}
.hero{min-height:760px;position:relative;background:linear-gradient(90deg,#251416cc 0%,#25141655 48%,transparent 75%),url("https://images.unsplash.com/photo-1551024601-bec78aea704b?auto=format&fit=crop&w=2000&q=90") center/cover;color:#fff;display:flex;align-items:center}.hero-copy{width:54%;padding:95px 4vw 120px 7vw}.mini,.num{font:500 9px "Work Sans";letter-spacing:.22em;color:var(--gold)}h1,h2{font-family:"Cormorant Garamond","Noto Serif JP",serif}h1{font-size:clamp(70px,8.5vw,132px);line-height:.82;letter-spacing:-.055em;margin:35px 0 42px;font-weight:500}h1 em{display:block;font-style:italic;color:var(--powder);white-space:nowrap}.hero-copy>p:not(.mini){font-size:13px;line-height:2.1}.button{display:inline-block;margin-top:30px;padding:13px 0;border-bottom:1px solid;font:500 9px "Work Sans";letter-spacing:.14em}.hero-image{display:none}.ticker{position:absolute;bottom:0;left:0;width:100%;height:42px;background:var(--powder);color:var(--ink);display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker span{font:500 10px "Work Sans";letter-spacing:.28em}
.about{padding:130px 7vw;display:grid;grid-template-columns:.35fr .25fr 1.05fr .9fr;gap:5vw;align-items:start;background:var(--cream)}.about-sign{writing-mode:vertical-rl;font:italic 600 32px "Cormorant Garamond";color:var(--wine);border-left:1px solid;padding-left:18px}.about h2,.section-head h2,.soft h2,.handmade h2,.shop h2{font-size:clamp(52px,6vw,88px);line-height:1.06;letter-spacing:-.045em;font-weight:500;margin:15px 0}.about h2 span{color:var(--wine)}.about-copy{padding-top:55px;border-top:1px solid}.about-copy p{font-size:13px;line-height:2.2;margin:0 0 24px}
.donuts{padding:125px 7vw;background:var(--milk)}.section-head{display:grid;grid-template-columns:.25fr 1.15fr .7fr;gap:6vw;align-items:end}.section-head>p:last-child{font-size:12px;line-height:2}.section-head span,.label{font:500 9px "Work Sans";letter-spacing:.22em;color:var(--wine)}.donut-grid{margin-top:70px;border-top:1px solid}.card{display:grid;grid-template-columns:90px 1fr 1fr;align-items:center;min-height:240px;border-bottom:1px solid}.card-photo{height:190px;width:100%;background-size:cover;background-position:center;grid-column:2}.berry .card-photo{background-image:url("https://images.unsplash.com/photo-1527515545081-5db817172677?auto=format&fit=crop&w=1100&q=88")}.cream .card-photo{background-image:url("https://images.unsplash.com/photo-1556913396-7a3c459ef68e?auto=format&fit=crop&w=1100&q=88")}.sugar .card-photo{background-image:url("https://images.unsplash.com/photo-1551106652-a5bcf4b29ab6?auto=format&fit=crop&w=1100&q=88")}.card>div:last-child{padding:35px 5vw}.card span{position:absolute;margin-left:-47%;font:500 11px "Work Sans";color:var(--gold)}.card h3{font:600 32px "Cormorant Garamond";letter-spacing:.03em;color:var(--wine);margin:0 0 12px}.card p{font-size:12px;line-height:1.8}.note{text-align:right;margin-top:20px;font-size:9px;opacity:.5}
.soft{display:grid;grid-template-columns:1.05fr .95fr;min-height:690px;background:var(--powder)}.soft-art{background:url("https://images.unsplash.com/photo-1497034825429-c343d7c6a68f?auto=format&fit=crop&w=1400&q=88") center/cover;position:relative}.soft-art:after{content:"SOFT SERVE / SEASONAL FLAVOR";position:absolute;left:28px;bottom:25px;color:#fff;font:500 8px "Work Sans";letter-spacing:.2em}.sun,.cone,.soft-art>p{display:none}.soft-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}.soft-copy .num{color:var(--wine)}.soft-copy h2 em{font-style:italic;color:var(--wine)}.soft-copy>p:not(.num){max-width:430px;font-size:13px;line-height:2.1}.soft-copy>a{width:max-content;margin-top:25px;border-bottom:1px solid;font:500 9px "Work Sans";letter-spacing:.14em}
.handmade{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--wine);color:#fff}.handmade .num{color:var(--powder)}.handmade>div:first-child>p:last-child{max-width:520px;font-size:13px;line-height:2.1}.tags{display:grid;grid-template-columns:1fr 1fr;align-content:center;border-top:1px solid #ffffff66}.tags span{padding:25px 5px;border-bottom:1px solid #ffffff66;font:500 10px "Work Sans";letter-spacing:.16em}.tags span:nth-child(even){text-align:right}
.shop{padding:130px 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;background:var(--cream)}.shop-title>p:last-child{font-size:12px;line-height:2.1;max-width:460px}.shop-data dl{margin:0;border-top:1px solid}.shop-data dl>div{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-bottom:1px solid;font-size:12px}.shop-data dt{font:500 9px "Work Sans";letter-spacing:.14em;color:var(--wine)}.shop-data dd{margin:0;line-height:1.9}.shop-data dd small{display:block}.shop .button{color:var(--wine)}
footer{min-height:160px;padding:35px 6vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;background:var(--ink);color:#fff}.footer-logo{color:#fff;justify-self:start}.footer-logo+p{text-align:center;font:500 8px "Work Sans";letter-spacing:.16em}footer>small{font:500 7px "Work Sans";letter-spacing:.12em;opacity:.55}
@media(max-width:850px){.proposal span,nav{display:none}header{height:72px;padding:0 20px}.logo{font-size:27px}.ig{margin-left:auto}.hero{min-height:720px;background:linear-gradient(#21191aaa,#21191a88),url("https://images.unsplash.com/photo-1551024601-bec78aea704b?auto=format&fit=crop&w=1200&q=90") center/cover}.hero-copy{width:100%;padding:100px 22px 120px}.hero h1{font-size:72px}.about{padding:90px 22px;grid-template-columns:80px 1fr}.about>.num{display:none}.about h2{grid-column:2}.about-copy{grid-column:2;padding-top:30px}.donuts{padding:90px 22px}.section-head{grid-template-columns:1fr}.donut-grid{margin-top:45px}.card{grid-template-columns:42px 1fr;min-height:0;padding:25px 0}.card-photo{grid-column:2;height:260px}.card>div:last-child{grid-column:2;padding:25px 0 5px}.card span{position:static;margin-left:-42px;float:left}.soft{grid-template-columns:1fr}.soft-art{min-height:480px}.soft-copy{padding:80px 22px}.handmade{padding:85px 22px;grid-template-columns:1fr}.shop{padding:90px 22px;grid-template-columns:1fr;gap:55px}footer{grid-template-columns:1fr;gap:22px;text-align:center}.footer-logo{justify-self:center}.footer-logo+p{margin:0}}
@media(max-width:410px){.hero h1{font-size:62px}.hero-copy>p br{display:none}.about{grid-template-columns:1fr}.about-sign{writing-mode:horizontal-tb;border-left:0;border-bottom:1px solid;padding:0 0 12px}.about h2,.about-copy{grid-column:1}.section-head h2,.soft h2,.handmade h2,.shop h2{font-size:51px}.card{grid-template-columns:32px 1fr}.card-photo,.card>div:last-child{grid-column:2}.card span{margin-left:-32px}.shop-data dl>div{grid-template-columns:90px 1fr}}