@font-face{font-family:UrbanistSite;src:url('/fonts/Urbanist-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:PretendardLocal;src:local('Pretendard Variable'),local('Pretendard');font-weight:100 900;font-display:swap}
body{font-family:var(--brand-latin,UrbanistSite),PretendardLocal,'Apple SD Gothic Neo',Arial,sans-serif;background:#faf9f5;color:#25362e;font-synthesis:none}
.header{background:rgba(250,249,245,.96)}
.wordmark{font-family:var(--brand-latin,UrbanistSite),PretendardLocal,'Apple SD Gothic Neo',Arial,sans-serif;letter-spacing:-.04em;font-size:33px;font-weight:400}
.wordmark-dot{color:inherit}
.hero{padding-top:24px}.hero-type{padding:38px 0 42px;align-items:center;gap:7%}
.hero h1{font-family:var(--brand-latin,UrbanistSite),PretendardLocal,'Apple SD Gothic Neo',Arial,sans-serif;font-weight:300;font-size:clamp(70px,8.9vw,154px);line-height:1;letter-spacing:-.045em}
.hero h1 em{font-style:normal;font-weight:300}
.hero-copy p{font-size:20px;font-weight:350;line-height:1.8}
.hero-photo{height:clamp(420px,45vw,760px)}.hero-photo img{object-position:center 55%}
.hero-photo figcaption{background:linear-gradient(transparent,#14251d80)}
.about h2,.section-heading h2,.contact-intro h2{font-weight:350;letter-spacing:-.045em}
.about-grid{gap:9%}.body-copy p{font-size:16px;line-height:1.95}
.photo-pair{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;margin-top:55px;align-items:start}
.photo-pair figure:first-child{padding-top:70px}.photo-pair img{height:390px}
.photo-pair figure:last-child img{height:465px}.photo-pair figcaption{font-size:11px;color:#6a776e;margin-top:12px;display:flex;justify-content:space-between;gap:15px}
.coffee-layout{grid-template-columns:1fr 1fr;gap:7%}.coffee-photo{height:690px}.coffee-photo img{object-position:center}
.product-strip{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-strip figure{position:relative}.product-strip img{height:360px}.product-strip figcaption{font-size:12px;margin-top:12px;color:#6a776e}
.space-section{background:#ecefe9}.space-gallery{height:660px}.space-gallery img{object-position:center}
.space-thumbs{margin:20px 5% 0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.space-thumbs button{position:relative;overflow:hidden;aspect-ratio:4/3;background:#dce0d5;text-align:left}
.space-thumbs img{transition:transform .5s}.space-thumbs button:hover img{transform:scale(1.03)}
.space-thumbs span{position:absolute;bottom:0;left:0;right:0;padding:28px 15px 12px;background:linear-gradient(transparent,#14251da6);color:white;font-size:10px;letter-spacing:.06em}
.rate-row strong{font-family:var(--brand-latin,UrbanistSite),PretendardLocal,'Apple SD Gothic Neo',Arial,sans-serif}.rate-row strong span{font-family:inherit}.estimate{background:#faf9f5}
.case-grid{gap:50px}.case-cover.photo-cover{display:block;width:100%;padding:0;height:420px;background:#e5e3dc}.photo-cover:after{display:none}.photo-cover img{width:100%;height:100%;transition:transform .7s}.photo-cover:hover img{transform:scale(1.025)}
.case-anbu .photo-cover img{object-position:center}.case-gugak .photo-cover img{object-position:center 82%}
.case-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.case-detail-pair img{height:200px;object-position:center}
.case-meta h3{font-size:26px}.case-meta p{font-size:15px}
.case-event-gift{grid-column:1/-1;border-top:1px solid #b9c1b7;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.case-event-gift .case-meta p{max-width:550px}.case-event-photo img{height:520px;object-fit:contain;background:#eeeee7}.case-event-photo figcaption{font-size:11px;color:#6a776e;margin-top:12px}.case-event-gift .case-meta .small-note{margin-top:18px}
.roastery-band{margin:70px 0 0;border-top:1px solid #bdc7ba;padding-top:45px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
.roastery-band img{height:430px;object-fit:contain;background:#e8e7e0}.roastery-band .eyebrow{display:block;margin-bottom:20px}.roastery-band h3{font-size:30px;line-height:1.5;margin-bottom:20px}.roastery-band p{font-size:14px;line-height:1.95;max-width:500px;color:#637161}
.visit-photo{margin:0 5%;height:430px}.visit-photo img{object-position:center 50%}
footer .wordmark{font-size:30px}footer p{font-size:13px}
@media(min-width:1800px){.space-thumbs,.visit-photo{max-width:1620px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.hero-copy{min-width:230px}.hero-copy p{font-size:18px}.space-gallery{height:520px}.case-cover.photo-cover{height:340px}.photo-pair img{height:300px}.photo-pair figure:last-child img{height:370px}.coffee-photo{height:660px}}
@media(max-width:760px){.header nav{background:#faf9f5}.header .wordmark{font-size:28px}.hero-type{padding:30px 0}.hero h1{font-size:clamp(53px,12.6vw,90px);line-height:1.02;letter-spacing:-.055em}.hero-copy{padding-top:26px}.hero-copy p{font-size:14px}.hero-photo{height:440px}.hero-photo img{object-position:58% center}.body-copy p{font-size:15px}.photo-pair{gap:14px;margin-top:30px;grid-template-columns:1fr 1fr}.photo-pair figure:first-child{padding-top:35px}.photo-pair img{height:240px}.photo-pair figure:last-child img{height:280px}.photo-pair figcaption{font-size:10px;display:block}.photo-pair figcaption span{display:block}.coffee-layout{grid-template-columns:1fr}.coffee-photo{height:440px}.product-strip{margin-top:30px;gap:15px}.product-strip img{height:210px}.product-strip figcaption{font-size:11px}.space-gallery{height:auto}.space-thumbs{margin:12px 6% 0;grid-template-columns:1fr 1fr;gap:10px}.space-thumbs span{font-size:9px;padding:25px 10px 9px}.case-grid{gap:48px}.case-cover.photo-cover{height:310px}.case-meta h3{font-size:23px}.case-meta p{font-size:14px}.case-detail-pair img{height:160px}.roastery-band{margin-top:45px;grid-template-columns:1fr;gap:25px}.roastery-band img{height:350px}.roastery-band h3{font-size:25px}.roastery-band p{font-size:14px}.visit-photo{margin:0 6%;height:290px}.rate-row p{max-width:190px;line-height:1.8}.estimate-controls{gap:16px}.estimate-result output{font-size:25px}footer .wordmark{font-size:28px}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-copy p{font-size:12px}.hero-photo{height:350px}.photo-pair img{height:180px}.photo-pair figure:last-child img{height:220px}.product-strip img{height:165px}.case-cover.photo-cover{height:250px}.rate-row{gap:10px}.rate-row strong{font-size:23px}.case-detail-pair img{height:130px}}

.coffee-collection{margin-top:85px;padding-top:30px;border-top:1px solid #bcc6bb}
.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.collection-heading h3{font-size:30px;margin-top:15px;letter-spacing:-.045em}.collection-heading>p{font-size:13px;line-height:1.9;color:#637161}
.blend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.blend-grid article{border-top:1px solid #bdc7ba;padding-top:22px}.blend-en{font-size:30px;font-weight:300}.blend-grid h4{font-size:22px;margin:8px 0 14px}.blend-grid .blend-note{color:#82634f;font-size:12px;margin-bottom:15px}.blend-grid p{font-size:14px;line-height:1.95;color:#637161}
.collection-footnote{font-size:12px;line-height:1.9;color:#6a776e;margin-top:24px;max-width:1050px}
.trade-guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;margin-top:75px;border-top:1px solid #bcc6bb;padding-top:35px}.trade-heading h3{font-size:32px;line-height:1.5;margin:18px 0 22px}.trade-heading>p{font-size:14px;line-height:1.95;color:#637161;max-width:370px}.trade-facts{margin:0}.trade-facts>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #d2d8cd}.trade-facts>div:first-child{padding-top:0}.trade-facts dt{font-size:12px;color:#697467;padding-top:2px}.trade-facts dd{margin:0;font-size:14px;line-height:1.9}.trade-facts small{font-size:11px;color:#6a776e}.trade-body>.text-link{margin-top:25px}
.trade-detail{border-bottom:1px solid #d2d8cd}.trade-detail summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:20px 0;font-size:13px;gap:20px}.trade-detail summary::-webkit-details-marker,.signature-menu summary::-webkit-details-marker{display:none}.trade-detail summary>span{font-size:20px}.trade-detail p{font-size:13px;line-height:1.95;color:#637161;margin:0 0 15px}.trade-detail[open] summary>span{transform:rotate(45deg)}
.gift-options{display:grid;gap:22px}.gift-options article{padding-bottom:22px;border-bottom:1px solid #d2d8cd}.gift-options article>span{font-size:10px;letter-spacing:.08em;color:#6a776e}.gift-options h4{font-size:21px;margin:8px 0 12px}.gift-options p{font-size:14px;line-height:1.95;color:#637161}
.signature-menu{margin-top:65px;border-top:1px solid #bcc6bb;border-bottom:1px solid #bcc6bb}.signature-menu summary{padding:25px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:20px;gap:20px}.signature-menu summary small{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:7px;color:#6a776e}.signature-menu summary>span:last-child{font-size:24px}.signature-menu[open] summary>span:last-child{transform:rotate(45deg)}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:15px 0 35px}.signature-grid article>span{font-size:23px;font-weight:300}.signature-grid h4{font-size:20px;margin:6px 0 15px}.signature-grid p{font-size:14px;line-height:1.95;color:#637161;margin-bottom:15px}.signature-grid small{font-size:11px;color:#82634f}
@media(max-width:760px){.coffee-collection{margin-top:45px;padding-top:25px}.collection-heading{display:block;margin-bottom:25px}.collection-heading h3{font-size:25px}.collection-heading>p{font-size:13px;margin-top:18px}.blend-grid{grid-template-columns:1fr;gap:25px}.blend-grid article{display:grid;grid-template-columns:85px 1fr;gap:0 18px}.blend-en{font-size:25px;grid-column:1;grid-row:1}.blend-grid h4{font-size:18px;grid-column:1;grid-row:2;margin:0}.blend-grid .blend-note{grid-column:2;grid-row:1;margin:0 0 8px;font-size:11px;align-self:center}.blend-grid article>p:last-child{grid-column:2;grid-row:2;font-size:13px}.collection-footnote{font-size:12px}.trade-guide{grid-template-columns:1fr;gap:30px;margin-top:45px;padding-top:25px}.trade-heading h3{font-size:27px;margin:15px 0}.trade-heading>p{font-size:14px;max-width:none}.trade-facts>div{grid-template-columns:70px 1fr;gap:18px}.trade-facts dd{font-size:13px}.trade-facts dt{font-size:11px}.trade-detail summary{font-size:13px}.gift-options h4{font-size:20px}.gift-options p{font-size:14px}.signature-menu{margin-top:40px}.signature-menu summary{font-size:17px}.signature-grid{grid-template-columns:1fr;gap:25px}.signature-grid article+article{border-top:1px solid #d2d8cd;padding-top:20px}.signature-grid p{font-size:14px}}
.trade-heading h3,.collection-heading h3{word-break:keep-all}
.seasonal-collection{margin-top:75px;border-top:1px solid #bcc6bb;padding-top:35px}.seasonal-lede{font-size:15px;line-height:1.95;color:#637161;max-width:810px;margin-bottom:35px}.seasonal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.season-card{min-width:0}.season-card figure{position:relative;aspect-ratio:3/4}.season-card figure img{position:absolute;inset:0;object-fit:cover}.season-card:nth-child(1) figure img{object-position:center 60%}.season-card:nth-child(3) figure img{object-position:45% center}.season-card figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:white;padding:36px 12px 10px;background:linear-gradient(transparent,#14251db3)}.season-copy{padding-top:19px}.season-period{font-size:10px;letter-spacing:.08em;color:#6a776e}.season-copy h4{font-size:25px;margin:7px 0 14px}.season-copy h4>span{font-size:17px;font-weight:300;margin-left:8px}.season-copy p{font-size:13px;line-height:1.9;color:#637161;margin-bottom:20px}.season-copy .text-link{font-size:11px;gap:12px}.season-winter-type{aspect-ratio:3/4;background:#e6e9df;padding:26px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#354b3d}.season-winter-type>span{font-size:10px;letter-spacing:.1em}.season-winter-type strong{font-size:clamp(48px,5vw,84px);font-weight:300;letter-spacing:-.06em;line-height:1.2;margin:22px 0}.season-winter-type p{font-size:14px;line-height:1.9}.season-winter-type small{font-size:10px;color:#6a776e;margin-top:30px}
@media(min-width:761px) and (max-width:1100px){.seasonal-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}.case-event-gift{gap:30px}.case-event-photo img{height:440px}}
@media(max-width:760px){.seasonal-collection{margin-top:45px;padding-top:25px}.seasonal-lede{font-size:14px;margin-bottom:26px}.seasonal-grid{grid-template-columns:1fr;gap:35px}.season-card figure{aspect-ratio:4/5}.season-winter-type{aspect-ratio:auto;min-height:260px;padding:30px}.season-winter-type strong{font-size:70px;margin:16px 0}.season-winter-type small{margin-top:20px}.season-copy h4{font-size:26px}.season-copy p{font-size:14px}.season-copy .text-link{font-size:12px}.case-event-gift{grid-template-columns:1fr;gap:22px;padding-top:28px}.case-event-photo img{height:420px}.case-event-gift .case-meta{padding-top:0}}
@media(min-width:761px) and (max-width:1100px){.header nav{gap:14px;font-size:11px}.header .nav-contact{margin-left:0;padding:9px 12px!important}.header .nav-contact span{margin-left:12px}}

.case-event-text{grid-template-columns:1fr}.case-event-text .case-meta{max-width:700px;padding-top:0}
.case-event-photo .case-cover.photo-cover{width:100%;height:auto}


/* Current photographs: 2026 bar + installed S8X; actual retail bags. */
.hero-current{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;height:clamp(390px,43vw,670px);position:relative;background:#e9e7df}
.hero-current>img{min-width:0;object-fit:contain!important;object-position:center!important;height:100%;width:100%}
.hero-current>img:first-child{object-fit:cover!important}
.hero-current figcaption{grid-column:1/-1}
.blend-grid article>.blend-product-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#eeeae1;margin-bottom:23px}
.blend-pack-note{font-size:11px;line-height:1.8;color:#6a776e;margin-top:20px}
.space-gallery button.courtyard-current img{object-fit:contain;background:#dadbd2}
@media(max-width:760px){.hero-current{grid-template-columns:1fr;grid-template-rows:1fr 1.1fr;height:540px;gap:8px}.hero-current>img{min-height:0}.blend-grid article{display:block}.blend-grid article>.blend-product-photo{aspect-ratio:4/5;margin-bottom:20px}.blend-grid .blend-en,.blend-grid h4,.blend-grid .blend-note,.blend-grid article>p:last-child{grid-column:auto;grid-row:auto}.blend-grid h4{margin:7px 0 12px}.blend-grid .blend-note{margin-bottom:12px}.blend-grid article>p:last-child{font-size:14px}.space-gallery button.courtyard-current{grid-column:1/-1;height:310px}.gallery-side:has(.courtyard-current){grid-template-rows:200px 310px}}

/* User selected courtyard main */
.space-gallery{height:clamp(360px,37vw,610px);align-items:stretch}.space-gallery .gallery-main.courtyard-feature{height:100%!important;aspect-ratio:auto;min-height:0}.space-gallery .courtyard-feature img{object-fit:contain;background:#e2e0d9}.space-gallery .gallery-side{min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.space-gallery .gallery-side button{min-height:0}.space-gallery .gallery-side img{position:absolute;inset:0;width:100%;height:100%}@media(max-width:760px){.space-gallery{height:auto}.space-gallery .gallery-main.courtyard-feature{height:auto!important;aspect-ratio:1280/853}.space-gallery .courtyard-feature img{position:absolute;inset:0;width:100%;height:100%}.space-gallery .gallery-side{grid-template-rows:200px}}

#space-photos{scroll-margin-top:110px}

/* Existing generated blend detail images */
.blend-grid article>.blend-product-photo.blend-detail-image{aspect-ratio:2/3;object-fit:contain;object-position:center;background:#e8e4db}#blend-collection{scroll-margin-top:110px}
