@charset "UTF-8";
:root{color-scheme:light;--ink:#232622;--paper:#fafaf8;--muted:#73766e;--line:#d7d8d1}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;line-height:1.6;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #9b333a;outline-offset:8px}.page{min-height:100svh;max-width:1800px;margin:auto;padding:0 5%;display:flex;flex-direction:column}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:17px;font-family:Georgia,"Times New Roman",serif;font-size:48px;font-weight:400;letter-spacing:-3px;line-height:1}.brand span{font-family:"Malgun Gothic",sans-serif;font-size:26px;letter-spacing:1px;font-weight:500}.header-note{font-size:14px;color:var(--muted);letter-spacing:.06em}main{flex:1;display:flex;flex-direction:column}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:35px 0 36px}h1{font-family:"Batang","Songti SC",serif;font-size:clamp(34px,3.5vw,53px);font-weight:400;line-height:1.35;letter-spacing:-2px;margin:0}h1 span{padding-left:1.4em}.intro p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 5px}.collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;flex:1;min-height:300px}.fruit{display:flex;flex-direction:column;margin:0;min-width:0}.photo{position:relative;overflow:hidden;flex:1;min-height:260px;background:#60412d}.photo img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.strawberry .photo img{filter:brightness(1.08);object-position:49% 48%;transform:scale(1.14)}.chestnut .photo img{object-position:50% 50%;transform:scale(1.04)}figcaption{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid var(--line);min-height:68px}.chestnut figcaption{padding-left:25px}.number{font-family:Georgia,serif;font-style:italic;font-size:14px;color:var(--muted)}h2{font-weight:500;font-size:18px;margin:0;letter-spacing:.08em}.english{margin-left:auto;padding-right:25px;font-size:12px;letter-spacing:.12em;color:var(--muted)}.chestnut .english{padding-right:0}footer{display:flex;justify-content:space-between;gap:20px;padding:17px 0 20px;font-size:12px;letter-spacing:.08em;color:var(--muted)}
@media(min-height:850px) and (min-width:701px){.intro{padding-block:45px}.photo{min-height:360px}}
@media(max-width:700px){.page{padding-inline:6%}.header{min-height:82px}.brand{font-size:40px;gap:14px}.brand span{font-size:22px;letter-spacing:.8px}.header-note{font-size:12px;letter-spacing:0}.intro{display:block;padding:30px 0 27px}h1{font-size:clamp(31px,8.3vw,44px);letter-spacing:-1.5px;line-height:1.4}.intro p{font-size:14px;line-height:1.8;margin:18px 0 0}.collection{min-height:260px}.photo{min-height:220px}.strawberry .photo img{transform:scale(1.22);object-position:48% 46%}figcaption{gap:9px;flex-wrap:wrap;padding:14px 0;min-height:75px;align-content:center}.chestnut figcaption{padding-left:15px}h2{font-size:17px}.english{flex-basis:100%;margin:0;padding:0;font-size:12px;letter-spacing:.05em}footer{font-size:12px;padding-block:16px}.number{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.photo img{animation:appear .7s ease-out both}@keyframes appear{from{opacity:.5}to{opacity:1}}}
.intro{display:block}.intro p{margin:18px 0 0}
/* Prioritize the year-round supply message; each sentence has its own line. */
.intro .tagline{margin:0 0 12px;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(17px,2vw,27px);font-weight:400;line-height:1.5;letter-spacing:-.04em;color:var(--muted)}
.intro .supply-headline{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(23px,3.5vw,48px);font-weight:700;line-height:1.4;letter-spacing:-.055em;color:var(--ink);margin:0}
@media(max-width:700px){.intro .tagline{font-size:clamp(16px,4.5vw,24px);margin-bottom:10px}.intro .supply-headline{font-size:clamp(20px,5.45vw,36px);letter-spacing:-.055em}.intro{padding-block:30px}}
/* Product layout draft: airy two-column product photographs and clear pricing. */
.collection{gap:clamp(16px,3vw,48px);flex:initial;min-height:0}
.photo{flex:initial;aspect-ratio:1/1;min-height:0;background:#eeece7}
figcaption,.chestnut figcaption{display:block;padding:20px 0 26px;border:0;min-height:115px}
.product-heading{display:flex;align-items:baseline;gap:12px}
h2{font-size:19px;font-weight:500;letter-spacing:0}
.unit{font-size:13px;color:var(--muted)}
.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:15px;color:var(--muted)}
.price-row strong{font-size:27px;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.price-change{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-change.up{color:#bf3035}.price-change.down{color:#2364b5}
footer{margin-top:auto}
@media(max-width:700px){.collection{gap:16px}.photo{min-height:0;aspect-ratio:3/4}figcaption,.chestnut figcaption{padding:15px 0 20px}.product-heading{gap:6px;flex-wrap:wrap}h2{font-size:17px}.unit{font-size:12px}.price-row{gap:4px 8px}.price-row strong{font-size:22px}.price-change{font-size:12px}}
.photo{aspect-ratio:auto;height:clamp(240px,calc(100svh - 370px),630px)}
#price-notice{margin:0;font-size:13px;color:#73766e}
#price-notice:empty{display:none}
@media(max-width:700px){.photo{height:clamp(230px,calc(100svh - 355px),500px)}footer{gap:10px;font-size:10px}.price-row{min-height:36px}}
.photo{min-height:0;height:clamp(220px,calc(100svh - 455px),600px)}
@media(max-width:700px){.photo{height:clamp(220px,calc(100svh - 370px),480px)}}
/* Keep the portrait product composition on wide screens as well. */
.price-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:3px;margin-top:10px}
.price-row strong{white-space:nowrap}
.price-change{display:block;min-height:23px}
@media(min-width:701px){
 .page{max-width:840px;padding-inline:40px}
 .header{min-height:96px}
 .intro{padding-block:30px 32px}
 .intro .tagline{font-size:21px;margin-bottom:10px}
 .intro .supply-headline{font-size:34px;letter-spacing:-.055em}
 .collection{gap:32px}
 .photo{height:auto;min-height:0;aspect-ratio:3/4}
 figcaption,.chestnut figcaption{padding:18px 0 24px;min-height:144px}
 footer{padding-block:18px 22px}
}
@media(max-width:700px){.price-row{gap:3px}.price-change{min-height:20px}}

/* Three equally weighted product columns with narrower outer margins. */
.page{max-width:1200px;padding-inline:32px}
.collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.photo{height:auto;min-height:0;aspect-ratio:3/4}
.apple .photo img{object-position:center}
.inquiry-price{font-size:23px!important;font-weight:500}
@media(max-width:700px){
 .page{padding-inline:18px}
 .collection{gap:12px}
 .photo{aspect-ratio:1/2}
 figcaption,.chestnut figcaption{padding:14px 0 20px;min-height:125px}
 .product-heading{gap:5px}
 .price-row strong{font-size:clamp(16px,4.3vw,23px);letter-spacing:-.06em}
 .price-change{font-size:11px}
 .inquiry-price{font-size:17px!important}
}
@media(max-width:360px){.page{padding-inline:14px}.collection{gap:9px}.unit{font-size:11px}.header-note{font-size:10px}.brand{font-size:36px}}

/* Smooth photo corners, with no decorative border. */
.photo{border-radius:clamp(14px,2vw,24px);clip-path:inset(0 round clamp(14px,2vw,24px))}

/* One headline and a desktop composition that keeps prices in view. */
.intro .tagline{margin:0;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-weight:400;line-height:1.5;letter-spacing:-.04em;color:var(--muted)}
@media(min-width:701px){
 .header{min-height:80px}
 .intro{padding-block:22px}
 .intro .tagline{font-size:24px}
 .photo{aspect-ratio:auto;height:clamp(160px,calc(100svh - 310px),480px)}
 figcaption,.chestnut figcaption{padding:14px 0 18px;min-height:120px}
 footer{padding-block:12px 16px}
}

.intro .tagline{color:#232622;font-weight:600}

/* Align all captions from the same top edge, regardless of content length. */
figcaption,.chestnut figcaption{align-content:start}
.product-heading{min-height:31px}
@media(max-width:700px){
 .product-heading{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:28px 20px;gap:0;align-items:baseline}
 .product-heading h2{white-space:nowrap;font-size:clamp(15px,4.3vw,17px);line-height:28px}
 .product-heading .unit{line-height:20px}
 .price-row{margin-top:10px}
}
/* Keep product name and unit together without changing caption alignment. */
@media(max-width:700px){
 .product-heading{display:flex;flex-wrap:nowrap;align-items:baseline;gap:4px;min-height:25px}
 .product-heading h2{font-size:clamp(12px,3.5vw,15px);line-height:25px;white-space:nowrap;letter-spacing:-.045em}
 .product-heading .unit{font-size:clamp(10px,2.65vw,12px);line-height:20px;white-space:nowrap;flex-shrink:0}
}
@media(max-width:700px){
 .product-heading{gap:3px}
 .product-heading h2{font-size:clamp(14px,4.1vw,17px);letter-spacing:-.055em}
}