/*
  Sunbeam Bagels & Coffee의 직접 복제가 아닌 재해석입니다.
  큰 세 줄 헤드라인, 실제 경험을 상상하게 하는 공간감, 단순한 CTA의 원칙만 SUM2 고유 색·카피·구조로 적용합니다.
*/
:root{--sb-ink:#201511;--sb-cream:#f5efe2;--sb-orange:#d86f2f;--sb-cocoa:#5a3528;--sb-copper:#b9754e}
body{background:var(--sb-cream)}
.site-header{position:absolute;inset:0 0 auto;z-index:30;min-height:82px;border-bottom:1px solid rgba(255,255,255,.25);background:transparent;backdrop-filter:none}.site-header nav a{color:var(--sb-cream);font-size:10px;letter-spacing:.07em}.header-cta{border-color:rgba(255,255,255,.75);color:var(--sb-cream);font-size:9px}.header-cta:hover{background:var(--sb-cream);color:var(--sb-ink)}
.premium-hero{display:block;min-height:780px;background:var(--sb-ink);color:var(--sb-cream)}.hero-gridline{display:none}.premium-hero-copy{position:relative;z-index:3;min-height:780px;max-width:780px;padding:190px 0 82px clamp(28px,8vw,128px)}.premium-hero-copy .eyebrow{color:#f6bb91;margin-bottom:34px}.premium-hero-copy h1{max-width:620px;color:var(--sb-cream);font-size:clamp(70px,10vw,156px);line-height:.78;letter-spacing:-.11em}.premium-hero-copy h1 em{font-family:'Playfair Display',serif}.hero-description{max-width:390px;margin-top:42px;color:#e7d9ce;font-size:15px;line-height:1.82}.hero-actions{margin-top:34px;gap:13px}.hero-actions .button{border-radius:0;min-height:54px;padding:0 25px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.07em}.hero-actions .button-ink{border-color:var(--sb-cream);background:var(--sb-cream);color:var(--sb-ink)}.hero-actions .button-ink:hover{background:var(--sb-orange);border-color:var(--sb-orange);color:var(--sb-cream)}.hero-actions .button-outline{border-color:rgba(255,255,255,.75);color:var(--sb-cream)}.hero-actions .button-outline:hover{background:transparent;border-color:var(--sb-orange);color:#ffc7a3}.hero-signature{margin-top:auto;color:#f6bb91;font-size:10px;letter-spacing:.16em}.hero-composition{position:absolute;inset:0;z-index:1;min-height:auto;background:radial-gradient(circle at 84% 43%,rgba(216,111,47,.98) 0 21%,rgba(164,85,45,.5) 21.2% 31%,transparent 31.2%),linear-gradient(120deg,#201511 30%,#3f261c 76%,#653520)}.hero-composition:after{position:absolute;right:7%;bottom:8%;content:'TWO CUPS';font-family:'Playfair Display',serif;font-size:clamp(35px,5vw,82px);letter-spacing:-.08em;color:rgba(245,239,226,.17)}.hero-sun{width:min(53vw,710px);right:-11%;top:10%;background:#d86f2f;box-shadow:0 0 0 58px rgba(216,111,47,.14)}.orbit-lg{width:min(57vw,690px);right:-3%;bottom:-36%}.orbit-sm{width:210px;height:210px;right:41%;top:19%}.hero-kicker{left:auto;right:7%;top:13%;color:#ffc7a3;font-size:11px}.hero-logo-field{right:19%;top:34%;width:min(29vw,280px);border-color:rgba(255,255,255,.65);background:rgba(39,23,17,.22)}.hero-logo-field img{width:46%}.hero-coordinate{left:auto;right:7%;bottom:9%;color:#f4ddd0}
.bridge{position:relative;z-index:4;border-top:0;background:var(--sb-orange);color:var(--sb-ink)}.bridge-inner{grid-template-columns:90px minmax(300px,1.2fr) minmax(230px,.75fr);gap:42px;padding-top:115px;padding-bottom:115px}.bridge .eyebrow,.bridge .section-index{color:#703516}.bridge h2{font-size:clamp(43px,5.2vw,79px);letter-spacing:-.09em}.bridge p:not(.eyebrow){color:#5f3321;font-size:15px}
.solution-section{background:var(--sb-cream)}.solution-grid{grid-template-columns:minmax(300px,.92fr) minmax(390px,1.08fr);gap:10vw}.solution-copy{padding-right:20px}.solution-copy h2{font-size:clamp(48px,5.1vw,78px);letter-spacing:-.09em}.solution-copy>p:not(.eyebrow){font-size:16px}.process-list{border-color:var(--sb-ink)}.process-list article{position:relative;min-height:135px;padding:28px 0}.process-list article:after{position:absolute;right:0;top:28px;content:'↗';font-size:22px;color:var(--sb-orange)}.process-list h3{font-size:21px}.process-list p{max-width:390px;font-size:14px}
.solution-detail-section{background:linear-gradient(140deg,#3e251b 0 49%,#2a1a14 49%);color:var(--sb-cream)}.solution-detail-layout{grid-template-columns:.95fr 1.05fr}.solution-detail-layout .eyebrow{color:#f6bb91}.solution-detail-layout h2{font-size:clamp(42px,5vw,76px);letter-spacing:-.09em}.detail-rail article{border-color:rgba(255,255,255,.22)}.detail-rail span{color:#f6bb91}.detail-rail p{color:#e1d0c2}
.operations{background:#e8dfd0;color:var(--sb-ink)}.operation-intro{border-color:rgba(32,21,17,.25)}.operation-intro h2{font-size:clamp(43px,5.1vw,79px);letter-spacing:-.09em}.operation-intro p{color:#655144}.operation-flow{grid-template-columns:repeat(5,1fr)}.operation-flow article{min-height:220px;border-color:rgba(32,21,17,.23)}.operation-flow article:first-child{border-left:1px solid rgba(32,21,17,.23)}.operation-flow span{color:var(--sb-orange)}.operation-flow h3{margin-top:67px;color:var(--sb-ink);font-family:'Playfair Display',serif;font-size:27px}.operation-flow p{color:#665348}
.roast-section{background:var(--sb-cocoa)}.roast-section:before{left:auto;right:-28%;bottom:-39%;width:min(74vw,970px);border-color:rgba(255,255,255,.17)}.roast-layout{grid-template-columns:1.05fr .95fr;align-items:center}.roast-copy h2{font-size:clamp(48px,5.2vw,78px);letter-spacing:-.09em}.roast-mark{min-height:490px;border-color:rgba(255,255,255,.46);background:linear-gradient(145deg,rgba(255,255,255,.09),transparent)}.roast-mark:before{width:72%;border-color:rgba(255,255,255,.22)}.roast-mark span{font-size:clamp(68px,9vw,128px)}
.roast-prep-section{background:var(--sb-cream)}.roast-prep-section h2{max-width:800px;font-size:clamp(46px,5.3vw,80px);letter-spacing:-.09em}.release-grid{margin-top:80px}.release-grid article{min-height:210px;background:#efe6d8}.release-grid article:nth-child(2){background:#e3d0bd}.release-grid article:nth-child(3){background:#d86f2f}.release-grid article:nth-child(3) span,.release-grid article:nth-child(3) h3,.release-grid article:nth-child(3) p{color:var(--sb-ink)}
#journal{background:var(--sb-ink);color:var(--sb-cream)}.journal-heading h2{font-size:clamp(45px,5vw,77px);letter-spacing:-.09em}.journal-heading p:not(.eyebrow){color:#d5c5b7}.journal-list{border-color:rgba(255,255,255,.35)}.journal-entry{padding:34px 0;color:var(--sb-cream);border-color:rgba(255,255,255,.22)}.journal-entry span{color:#f6bb91}.journal-entry p{color:#d5c5b7}.journal-entry b{color:#f6bb91}
.proof-section{background:var(--sb-orange)}.proof-layout{grid-template-columns:.9fr 1.1fr}.proof-layout h2{font-size:clamp(45px,5vw,77px);letter-spacing:-.09em}.proof-list article{min-height:150px;background:transparent;border-color:rgba(32,21,17,.35)}.proof-list h3{font-size:21px}.proof-list p{color:#5f3321}
.dual-cta-panel{min-height:510px}.solution-panel{background:var(--sb-ink)}.roast-panel{background:#e8dfd0}.dual-cta-panel strong{font-size:clamp(37px,4vw,65px);letter-spacing:-.08em}.dual-cta-panel:before{width:440px;height:440px}.contact-section{background:var(--sb-cream)}.contact-intro h2{font-size:clamp(47px,5.3vw,80px);letter-spacing:-.09em}.contact-split article{padding:40px}.contact-split article:first-child{background:#efe6d8}.contact-split article:last-child{background:#e3d0bd}.site-footer{background:var(--sb-ink)}
@media(max-width:850px){.site-header{position:absolute}.site-header nav{display:none}.premium-hero,.premium-hero-copy{min-height:720px}.premium-hero-copy{padding:158px 28px 48px}.hero-composition{background:radial-gradient(circle at 92% 24%,rgba(216,111,47,.9) 0 17%,transparent 17.2%),linear-gradient(135deg,#201511,#543224)}.hero-logo-field{right:10%;top:47%;width:190px}.hero-kicker{right:8%;top:18%}.hero-coordinate{display:none}.bridge-inner,.solution-grid,.roast-layout,.proof-layout{grid-template-columns:1fr}.bridge-inner{gap:28px}.bridge .section-index{display:none}.solution-detail-layout{grid-template-columns:1fr}.operation-flow{grid-template-columns:1fr}.operation-flow article{min-height:0}.operation-flow h3{margin-top:14px}.roast-mark{min-height:315px}.release-grid{margin-top:45px}.proof-list{margin-top:46px}.dual-cta-panel{min-height:370px}.site-header .brand-logo{width:112px}}
@media(max-width:480px){.premium-hero,.premium-hero-copy{min-height:650px}.premium-hero-copy h1{font-size:70px}.hero-description{max-width:290px;font-size:13px}.hero-actions{display:flex}.hero-actions .button{min-height:48px;padding:0 14px;font-size:9px}.bridge-inner{padding-top:74px;padding-bottom:74px}.bridge h2,.solution-copy h2,.solution-detail-layout h2,.operation-intro h2,.roast-copy h2,.roast-prep-section h2,.journal-heading h2,.proof-layout h2,.contact-intro h2{font-size:44px}.roast-mark span{font-size:75px}}

/* Korean display type: keep phrases together and reserve enough line width before wrapping. */
.site-header .brand{display:inline-flex;align-items:center;gap:14px;min-width:218px}.site-header .brand-logo{width:62px;height:54px;object-fit:contain;filter:brightness(0) invert(1);transform:scale(1.16);transform-origin:left center}.brand-wordmark{color:var(--sb-cream);font-family:'Playfair Display',serif;font-size:30px;font-weight:700;letter-spacing:-.06em;line-height:1;white-space:nowrap}.bridge-inner{grid-template-columns:72px minmax(0,1.55fr) minmax(250px,.72fr);gap:clamp(24px,3vw,48px)}.bridge h2,.solution-copy h2,.solution-detail-layout h2,.operation-intro h2,.roast-copy h2,.roast-prep-section h2,.journal-heading h2,.proof-layout h2,.contact-intro h2{word-break:keep-all;overflow-wrap:normal}.bridge h2{font-size:clamp(40px,4.4vw,72px);line-height:1.1}.solution-grid{grid-template-columns:minmax(355px,1.08fr) minmax(320px,.92fr);gap:clamp(42px,7vw,96px)}.solution-copy h2{font-size:clamp(42px,4.5vw,70px);line-height:1.1}.dual-cta-panel{padding:clamp(42px,5vw,82px)}.dual-cta-panel strong{max-width:min(100%,860px);font-size:clamp(34px,3.15vw,56px);line-height:1.12;letter-spacing:-.065em;word-break:keep-all;overflow-wrap:normal}.dual-cta-panel strong .cta-line{display:block;white-space:nowrap}.dual-cta-panel strong em.cta-line{font-family:'Playfair Display',serif;font-weight:600}@media(max-width:850px){.site-header .brand{min-width:0;gap:10px}.site-header .brand-logo{width:54px;height:46px;transform:none}.brand-wordmark{font-size:27px}.bridge-inner,.solution-grid{grid-template-columns:1fr}.dual-cta-panel strong{max-width:none;font-size:clamp(34px,6vw,52px)}.dual-cta-panel strong .cta-line{white-space:normal}}@media(max-width:480px){.site-header .brand-logo{width:46px;height:40px}.brand-wordmark{font-size:24px}.dual-cta-panel strong{font-size:31px;line-height:1.16}.dual-cta-panel strong .cta-line{white-space:normal}}

/* Real house-bean collection: product proof comes first, then the tasting contrast. */
.coffee-collection{background:#f7f3eb;color:var(--sb-ink)}.collection-intro{display:grid;grid-template-columns:minmax(340px,1fr) minmax(280px,.58fr);align-items:end;gap:clamp(44px,9vw,140px);padding-bottom:66px}.collection-intro h2{margin:0;font-size:clamp(54px,6.1vw,94px);letter-spacing:-.1em;line-height:1.02;word-break:keep-all}.collection-intro h2 em{font-family:'Playfair Display',serif;font-weight:600}.collection-intro>p{max-width:430px;margin:0 0 8px;color:#665348;font-size:16px;line-height:1.8}.collection-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:clamp(48px,8vw,128px);align-items:stretch}.collection-poster{display:flex;flex-direction:column;justify-content:space-between;margin:0;background:#eeeadf;border:1px solid rgba(32,21,17,.14)}.collection-poster img{width:100%;height:clamp(480px,53vw,760px);object-fit:contain;object-position:center;background:#f7f4ed}.collection-poster figcaption{padding:18px 22px;color:#5e6558;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.coffee-profiles{display:grid;grid-template-rows:1fr 1fr;border-top:1px solid rgba(32,21,17,.35)}.coffee-profile{position:relative;display:grid;grid-template-columns:minmax(115px,.32fr) minmax(250px,1fr);column-gap:26px;padding:clamp(28px,4.2vw,66px) 0;border-bottom:1px solid rgba(32,21,17,.22)}.coffee-profile:before{position:absolute;top:0;right:0;width:98px;height:3px;content:''}.coastal-profile:before{background:#5aa7aa}.ocean-profile:before{background:#19365e}.profile-index{grid-column:1;margin:0;color:#7f7166;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em}.coffee-profile h3{grid-column:2;margin:0;font-size:clamp(34px,3.5vw,57px);letter-spacing:-.08em;line-height:1.05;word-break:keep-all}.coffee-profile h3 em{font-family:'Playfair Display',serif;font-weight:600}.profile-subtitle{grid-column:2;margin:20px 0 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em}.coastal-profile .profile-subtitle{color:#348487}.ocean-profile .profile-subtitle{color:#19365e}.profile-copy{grid-column:2;max-width:500px;margin:18px 0 0;color:#655144;font-size:15px;line-height:1.75}.coffee-profile ul{grid-column:2;display:grid;gap:7px;margin:25px 0 0;padding:0;list-style:none;color:#3f332d;font-size:13px}.coffee-profile li:before{display:inline-block;width:18px;content:'—';color:var(--sb-orange)}@media(max-width:850px){.collection-intro,.collection-grid{grid-template-columns:1fr}.collection-intro{gap:28px;padding-bottom:42px}.collection-poster img{height:auto;max-height:720px}.coffee-profile{grid-template-columns:1fr;gap:13px}.profile-index,.coffee-profile h3,.profile-subtitle,.profile-copy,.coffee-profile ul{grid-column:1}.coffee-profile h3{font-size:clamp(37px,7vw,56px)}}@media(max-width:480px){.collection-intro h2{font-size:51px}.collection-intro>p{font-size:14px}.collection-poster figcaption{font-size:9px}.coffee-profile{padding:36px 0}.coffee-profile h3{font-size:36px}.profile-copy{font-size:14px}}

/* Official SUM2 logo system: use supplied raster marks without generated text substitutes. */
.site-header .brand{min-width:176px}.site-header .brand-logo{width:176px;height:60px;object-fit:cover;object-position:center;filter:none;transform:none}.brand-wordmark{display:none}.hero-logo-field{width:min(36vw,340px);border-color:rgba(255,255,255,.5);background:rgba(27,17,13,.48)}.hero-logo-field img{width:64%;filter:none}.roast-mark{display:grid;place-items:center;overflow:hidden}.roast-mark img{width:min(72%,350px);height:auto;object-fit:contain;filter:none}.collection-symbol{display:block;width:74px;height:58px;object-fit:cover;object-position:center;filter:none;margin:0 0 18px}.collection-intro .eyebrow{margin-bottom:16px}@media(max-width:850px){.site-header .brand-logo{width:150px;height:54px}.hero-logo-field{width:230px}.roast-mark img{width:min(65%,280px)}}@media(max-width:480px){.site-header .brand-logo{width:126px;height:46px}.collection-symbol{width:62px;height:50px}}

/* Product-led collection and an enlarged official logo system. */
.site-header{min-height:98px}.site-header .brand{min-width:232px}.site-header .brand-logo{width:232px;height:78px;object-fit:cover;object-position:center;filter:none;transform:none}.site-footer .footer-brand img{width:186px;height:66px;object-fit:cover;object-position:center;filter:none}.site-footer .footer-brand{gap:24px}.hero-logo-field{width:min(40vw,390px);background:rgba(27,17,13,.58)}.hero-logo-field img{width:78%;height:78%;object-fit:contain;filter:none}.collection-symbol{width:98px;height:76px;margin:0 0 22px}.collection-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,82px);align-items:start}.package-feature{border-top:3px solid var(--sb-ink)}.coastal-feature{border-color:#4b9da0}.ocean-feature{border-color:#17375d}.package-stage{display:grid;place-items:center;min-height:clamp(490px,43vw,730px);margin:0;background:#f4f0e8;overflow:hidden}.coastal-feature .package-stage{background:linear-gradient(145deg,#edf7f5 0%,#f8f4eb 61%,#dcefee 100%)}.ocean-feature .package-stage{background:linear-gradient(145deg,#eef1f4 0%,#f8f4eb 58%,#e3e8ef 100%)}.package-stage img{width:100%;height:clamp(490px,43vw,730px);object-fit:contain;object-position:center}.package-copy{padding:28px 0 8px}.package-copy h3{margin:14px 0 0;font-size:clamp(34px,3.4vw,58px);letter-spacing:-.08em;line-height:1.06;word-break:keep-all}.package-copy h3 em{font-family:'Playfair Display',serif;font-weight:600}.package-copy .profile-subtitle{margin:19px 0 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em}.coastal-feature .profile-subtitle{color:#348487}.ocean-feature .profile-subtitle{color:#17375d}.package-copy .profile-copy{max-width:490px;margin:18px 0 0;color:#655144;font-size:15px;line-height:1.75}.package-copy ul{display:grid;gap:7px;margin:24px 0 0;padding:0;list-style:none;color:#3f332d;font-size:13px}.package-copy li:before{display:inline-block;width:18px;content:'—';color:var(--sb-orange)}@media(max-width:850px){.site-header{min-height:86px}.site-header .brand{min-width:178px}.site-header .brand-logo{width:178px;height:60px}.site-footer .footer-brand img{width:150px;height:54px}.hero-logo-field{width:270px}.collection-products{grid-template-columns:1fr;gap:54px}.package-stage,.package-stage img{height:auto;min-height:0;max-height:760px}.package-copy h3{font-size:clamp(38px,7vw,58px)}}@media(max-width:480px){.site-header .brand{min-width:144px}.site-header .brand-logo{width:144px;height:50px}.site-footer .footer-brand img{width:130px;height:48px}.collection-symbol{width:78px;height:62px}.package-copy h3{font-size:37px}}