body[data-sos-coffee-project="true"] .case__study__slices {
  gap: 0;
  min-width: 0;
  width: 100%;
}

body[data-sos-coffee-project="true"] .case__study__slices > .sos-coffee-site-host {
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
}

body[data-sos-coffee-project="true"] .case__study__info {
  display: none;
}

.sos-coffee-site-host,
#sos-coffee-case-root {
  min-width: 0;
  width: 100%;
}

body[data-sos-coffee-project="true"]{
  --blue:#0073bd;
  --blue-dark:#005f9d;
  --ink:#0a1821;
  --muted:rgb(95, 108, 116);
  --paper:#fff;
  --mist:#eef6fb;
  --mist-2:#f7fafc;
  --line:rgba(0,115,189,.17);
  --gutter:clamp(22px,5.3vw,88px);
  --max:1360px;
}
body[data-sos-coffee-project="true"] .sos-coffee-case *{box-sizing:border-box}
body[data-sos-coffee-project="true"] .sos-coffee-case{scroll-behavior:smooth;background:var(--paper)}
body[data-sos-coffee-project="true"] .sos-coffee-case{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-sos-coffee-project="true"] .sos-coffee-case img,body[data-sos-coffee-project="true"] .sos-coffee-case video{display:block;max-width:100%}
body[data-sos-coffee-project="true"] .sos-coffee-case img{height:auto}
body[data-sos-coffee-project="true"] .sos-coffee-case figure{margin:0}
body[data-sos-coffee-project="true"] .sos-coffee-case h1,body[data-sos-coffee-project="true"] .sos-coffee-case h2,body[data-sos-coffee-project="true"] .sos-coffee-case h3,body[data-sos-coffee-project="true"] .sos-coffee-case p{margin:0}
body[data-sos-coffee-project="true"] .sos-coffee-case strong{font-weight:650}
body[data-sos-coffee-project="true"] .sos-coffee-case .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-sos-coffee-project="true"] .sos-coffee-case .scene{position:relative;min-height:100svh;padding:clamp(82px,10vh,132px) var(--gutter);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(10,24,33,.07)}
body[data-sos-coffee-project="true"] .sos-coffee-case .scene-inner{width:100%;max-width:var(--max);margin:0 auto}
body[data-sos-coffee-project="true"] .sos-coffee-case .scene-number{font-size:11px;line-height:1;font-weight:700;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
body[data-sos-coffee-project="true"] .sos-coffee-case .section-head{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,4.2fr);gap:32px;align-items:start;margin-bottom:clamp(42px,6vw,84px)}
body[data-sos-coffee-project="true"] .sos-coffee-case .section-head h2,body[data-sos-coffee-project="true"] .sos-coffee-case .scene-copy-block h2{font-size:clamp(38px,5.3vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:680;text-wrap:balance}
body[data-sos-coffee-project="true"] .sos-coffee-case .body-copy{max-width:590px;margin-top:28px;color:var(--muted);font-size:clamp(16px,1.25vw,19px);line-height:1.72;letter-spacing:-.018em;word-break:keep-all}
body[data-sos-coffee-project="true"] .sos-coffee-case .media-frame{position:relative;overflow:hidden;background:var(--mist)}
body[data-sos-coffee-project="true"] .sos-coffee-case .media-frame img{width:100%;height:100%;object-fit:cover}
body[data-sos-coffee-project="true"] .sos-coffee-case .media-frame figcaption{position:absolute;left:18px;bottom:16px;padding:8px 10px;background:rgba(255,255,255,.92);font-size:11px;letter-spacing:.04em;color:var(--ink)}

body[data-sos-coffee-project="true"] .sos-coffee-case .scene-rail{position:fixed;z-index:20;right:20px;top:50%;transform:translateY(-50%);display:grid;gap:10px;padding:14px 8px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(0,115,189,.12)}
body[data-sos-coffee-project="true"] .sos-coffee-case .scene-rail a{display:block;width:5px;height:5px;border-radius:50%;background:rgba(10,24,33,.25);transition:height .25s ease,background .25s ease,border-radius .25s ease}
body[data-sos-coffee-project="true"] .sos-coffee-case .scene-rail a[aria-current="true"]{height:24px;border-radius:3px;background:var(--blue)}

body[data-sos-coffee-project="true"] .sos-coffee-case .hero{background:#fff;padding-top:80px;padding-bottom:42px}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:42px;height:1px;background:linear-gradient(90deg,var(--blue) 0 14%,rgba(0,115,189,.12) 14% 100%)}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero-inner{min-height:calc(100svh - 122px);display:flex;flex-direction:column;justify-content:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero .scene-number{position:absolute;top:58px}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero-logo{width:min(900px,78vw);margin:0 auto 11vh}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(10,24,33,.12);padding-top:20px;font-size:13px;color:var(--muted);letter-spacing:.02em}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero-bottom p{font-size:clamp(17px,1.5vw,22px);font-weight:560;color:var(--ink);letter-spacing:-.025em}
body[data-sos-coffee-project="true"] .sos-coffee-case .hero-bottom span{font-size:10px;letter-spacing:.2em;color:var(--blue);font-weight:700}

body[data-sos-coffee-project="true"] .sos-coffee-case .overview{background:var(--mist)}
body[data-sos-coffee-project="true"] .sos-coffee-case .overview-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:clamp(36px,7vw,110px);align-items:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .overview .scene-number{margin-bottom:30px}
body[data-sos-coffee-project="true"] .sos-coffee-case .overview-media{aspect-ratio:1.45/1;box-shadow:0 26px 70px rgba(0,59,96,.12)}
body[data-sos-coffee-project="true"] .sos-coffee-case .overview-media img{object-position:center center}

body[data-sos-coffee-project="true"] .sos-coffee-case .identity{background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-system{display:grid;grid-template-columns:1fr 1.72fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item{min-height:390px;padding:38px clamp(22px,3vw,44px) 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item:last-child{border-right:0}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-art{flex:1;display:grid;place-items:center;padding:20px}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-art img{max-height:185px;max-width:100%;object-fit:contain}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-horizontal .identity-art img{width:100%}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-vertical .identity-art img{max-height:220px}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-meta{border-top:1px solid rgba(10,24,33,.12);padding-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:baseline}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-meta span{font-size:14px;font-weight:680;color:var(--blue)}
body[data-sos-coffee-project="true"] .sos-coffee-case .identity-meta p{font-size:12px;color:var(--muted);text-align:right}

body[data-sos-coffee-project="true"] .sos-coffee-case .process{background:var(--mist-2)}
body[data-sos-coffee-project="true"] .sos-coffee-case .compact-head{margin-bottom:50px}
body[data-sos-coffee-project="true"] .sos-coffee-case .process-flow{display:grid;grid-template-columns:minmax(0,1.15fr) 90px minmax(280px,.75fr);gap:clamp(20px,4vw,58px);align-items:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .sketch-frame{background:#d9d9d7;padding:14px;box-shadow:0 24px 60px rgba(10,24,33,.1)}
body[data-sos-coffee-project="true"] .sos-coffee-case .sketch-frame img{width:100%;aspect-ratio:1.72/1;object-fit:cover;object-position:center 38%}
body[data-sos-coffee-project="true"] .sos-coffee-case .sketch-frame figcaption{padding:13px 4px 0;font-size:11px;letter-spacing:.08em;color:rgb(85, 96, 103)}
body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow{display:flex;align-items:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow span{display:block;width:100%;height:1px;background:var(--blue);position:relative}
body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow span:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);transform:translateY(-50%) rotate(45deg)}
body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack{display:grid;gap:28px;justify-items:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img{object-fit:contain;max-height:120px}
body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(1){width:120px}
body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(2){width:min(100%,390px)}
body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(3){width:170px;max-height:145px}

body[data-sos-coffee-project="true"] .sos-coffee-case .principles{background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .principle-layout{display:grid;grid-template-columns:.74fr 1.45fr .9fr;gap:22px;align-items:stretch}
body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch{min-height:370px;background:var(--blue);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:flex-end}
body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch span{font-size:10px;letter-spacing:.18em;font-weight:700;opacity:.95}
body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch strong{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;margin:7px 0 12px}
body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch small{font-size:12px;opacity:.95}
body[data-sos-coffee-project="true"] .sos-coffee-case .clearspace-demo{position:relative;min-height:370px;border:1px solid var(--line);display:grid;place-items:center;padding:58px 44px 72px;overflow:hidden}
body[data-sos-coffee-project="true"] .sos-coffee-case .clearspace-demo img{width:min(100%,590px);position:relative;z-index:2}
body[data-sos-coffee-project="true"] .sos-coffee-case .clearspace-demo p{position:absolute;left:28px;bottom:24px;font-size:12px;color:var(--muted)}
body[data-sos-coffee-project="true"] .sos-coffee-case .guide{position:absolute;background:rgba(0,115,189,.15)}
body[data-sos-coffee-project="true"] .sos-coffee-case .guide-x{left:10%;right:10%;height:1px;top:50%}
body[data-sos-coffee-project="true"] .sos-coffee-case .guide-y{top:12%;bottom:12%;width:1px;left:50%}
body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule{min-height:370px;background:var(--mist);padding:38px;display:flex;flex-direction:column;justify-content:space-between}
body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule img{width:122px;align-self:flex-end}
body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule p{font-size:14px;line-height:1.7;color:var(--muted)}
body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule strong{font-size:19px;color:var(--ink);letter-spacing:-.02em}

body[data-sos-coffee-project="true"] .sos-coffee-case .exterior{background:var(--mist-2)}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(310px,.72fr) minmax(420px,1.2fr);grid-template-rows:auto auto;gap:24px;align-items:end}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-copy{grid-column:1;grid-row:1 / span 2;align-self:center;padding-right:clamp(0px,2vw,28px)}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-copy .scene-number{margin-bottom:30px}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-copy h2{font-size:clamp(40px,4.4vw,66px)}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-tall{grid-column:2;grid-row:1 / span 2;aspect-ratio:.73/1}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-tall img{object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-wide{grid-column:3;grid-row:2;aspect-ratio:1.45/1}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-wide img{object-position:center 62%}
body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid:after{content:"";grid-column:3;grid-row:1;align-self:stretch;background:var(--blue);min-height:120px}

body[data-sos-coffee-project="true"] .sos-coffee-case .glass{background:var(--blue);color:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass .scene-number,body[data-sos-coffee-project="true"] .sos-coffee-case .light-on-blue .scene-number{color:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .light-on-blue .body-copy{color:rgba(255,255,255,.76)}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.72fr);gap:20px;align-items:end}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass-panorama{aspect-ratio:2.08/1}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass-panorama img{object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass-detail{aspect-ratio:.9/1}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass-detail img{object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .glass .media-frame{background:#fff}

body[data-sos-coffee-project="true"] .sos-coffee-case .cups{background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery{display:grid;grid-template-columns:1.12fr 1.12fr .74fr;gap:20px;align-items:stretch}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery figure{position:relative;background:var(--mist);min-height:470px;overflow:hidden}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery img{width:100%;height:100%;object-fit:cover}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery figure:nth-child(1) img{object-fit:contain;background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery figure:nth-child(2) img{object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery .takeout img{object-position:center 45%}
body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery figcaption{position:absolute;left:18px;bottom:16px;background:rgba(255,255,255,.93);padding:8px 10px;font-size:11px;letter-spacing:.04em}

body[data-sos-coffee-project="true"] .sos-coffee-case .menu{background:#0b1922;color:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:clamp(34px,6vw,84px);align-items:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-photo{aspect-ratio:1.28/1;background:#151f25;box-shadow:0 30px 70px rgba(0,0,0,.28)}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-photo img{object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-copy .scene-number{color:#7fc4ee;margin-bottom:30px}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-copy .body-copy{color:rgba(255,255,255,.67)}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-key{margin-top:42px;display:flex;flex-wrap:wrap;gap:8px}
body[data-sos-coffee-project="true"] .sos-coffee-case .menu-key span{border:1px solid rgba(127,196,238,.38);padding:9px 11px;font-size:11px;letter-spacing:.04em;color:#b7dcf3}

body[data-sos-coffee-project="true"] .sos-coffee-case .print{background:var(--mist)}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-layout{display:grid;grid-template-columns:.78fr 1.42fr;gap:clamp(26px,5vw,80px);align-items:center;padding:20px 0}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-layout figure{position:relative}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-layout img{width:100%;box-shadow:0 28px 70px rgba(0,59,96,.12)}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-card{transform:rotate(-1.5deg)}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-coupon{transform:rotate(.8deg)}
body[data-sos-coffee-project="true"] .sos-coffee-case .print-layout figcaption{margin-top:14px;font-size:11px;letter-spacing:.08em;color:var(--muted)}

body[data-sos-coffee-project="true"] .sos-coffee-case .motion{background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid article{border-top:2px solid var(--blue);padding-top:14px}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid video{width:100%;aspect-ratio:16/9;background:#fff;border:1px solid rgba(10,24,33,.08);object-fit:contain}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid article>div{display:flex;align-items:baseline;gap:12px;padding-top:15px}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid span{font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:700}
body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid h3{font-size:17px;letter-spacing:-.025em;font-weight:650}

body[data-sos-coffee-project="true"] .sos-coffee-case .closing{padding:0;display:grid;grid-template-columns:1.58fr .9fr;background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-photo{height:100svh;min-height:680px;overflow:hidden}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-panel{min-height:100svh;padding:clamp(60px,8vw,110px) clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:center}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-logo{width:min(100%,530px);margin:16vh 0 9vh}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-panel h2{font-size:clamp(30px,3.3vw,52px);line-height:1.12;letter-spacing:-.05em;font-weight:670;text-wrap:balance}
body[data-sos-coffee-project="true"] .sos-coffee-case .closing-note{margin-top:auto;padding-top:32px;border-top:1px solid rgba(10,24,33,.12);font-size:9px;letter-spacing:.2em;color:var(--blue);font-weight:700}

@media (max-width:1100px){
  body[data-sos-coffee-project="true"] .sos-coffee-case .section-head{grid-template-columns:90px 1fr}
  body[data-sos-coffee-project="true"] .sos-coffee-case .identity-system{grid-template-columns:1fr 1fr}
  body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item:nth-child(2){border-right:0}
  body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item:nth-child(3){grid-column:1 / -1;border-top:1px solid var(--line);border-right:0;min-height:330px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .principle-layout{grid-template-columns:1fr 1.5fr}body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule{grid-column:1 / -1;min-height:250px;flex-direction:row;align-items:end;gap:40px}body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule img{align-self:flex-start}
  body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid{grid-template-columns:.85fr 1.15fr;grid-template-rows:auto auto auto}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-copy{grid-column:1 / -1;grid-row:1;padding:0 0 30px}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-tall{grid-column:1;grid-row:2 / span 2}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-wide{grid-column:2;grid-row:3}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid:after{grid-column:2;grid-row:2}
  body[data-sos-coffee-project="true"] .sos-coffee-case .glass-layout{grid-template-columns:1.5fr .8fr}
  body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery{grid-template-columns:1fr 1fr}body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery .takeout{grid-column:1 / -1;min-height:390px}body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery .takeout img{object-fit:contain;background:#1d1a18}
  body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid{grid-template-columns:1fr 1fr}body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid article:nth-child(3){grid-column:1 / -1;width:calc(50% - 8px)}
  body[data-sos-coffee-project="true"] .sos-coffee-case .closing{grid-template-columns:1.2fr 1fr}
}

@media (max-width:720px){
  body[data-sos-coffee-project="true"]{--gutter:20px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .scene{min-height:auto;padding:76px var(--gutter)}
  body[data-sos-coffee-project="true"] .sos-coffee-case .scene-rail{display:none}
  body[data-sos-coffee-project="true"] .sos-coffee-case .scene-number{font-size:10px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .section-head{display:block;margin-bottom:42px}body[data-sos-coffee-project="true"] .sos-coffee-case .section-head .scene-number{margin-bottom:24px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .section-head h2,body[data-sos-coffee-project="true"] .sos-coffee-case .scene-copy-block h2{font-size:clamp(36px,11vw,50px);line-height:1.02}
  body[data-sos-coffee-project="true"] .sos-coffee-case .body-copy{margin-top:20px;font-size:16px;line-height:1.68}
  body[data-sos-coffee-project="true"] .sos-coffee-case .hero{min-height:100svh;padding-top:72px;padding-bottom:28px}body[data-sos-coffee-project="true"] .sos-coffee-case .hero:before{top:30px}body[data-sos-coffee-project="true"] .sos-coffee-case .hero-inner{min-height:calc(100svh - 100px)}body[data-sos-coffee-project="true"] .sos-coffee-case .hero .scene-number{top:44px}body[data-sos-coffee-project="true"] .sos-coffee-case .hero-logo{width:92vw;margin-bottom:17vh}body[data-sos-coffee-project="true"] .sos-coffee-case .hero-bottom{align-items:start;gap:26px;flex-direction:column}body[data-sos-coffee-project="true"] .sos-coffee-case .hero-bottom span{font-size:9px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .overview-grid{grid-template-columns:1fr;gap:38px}body[data-sos-coffee-project="true"] .sos-coffee-case .overview .scene-number{margin-bottom:24px}body[data-sos-coffee-project="true"] .sos-coffee-case .overview-media{aspect-ratio:1.22/1}
  body[data-sos-coffee-project="true"] .sos-coffee-case .identity-system{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item{min-height:310px;border-right:0;border-bottom:1px solid var(--line)}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item:last-child{border-bottom:0}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-item:nth-child(3){border-top:0}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-meta{align-items:flex-start;flex-direction:column;gap:7px}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-meta p{text-align:left}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-art img{max-height:155px}body[data-sos-coffee-project="true"] .sos-coffee-case .identity-horizontal .identity-art img{width:92%}
  body[data-sos-coffee-project="true"] .sos-coffee-case .process-flow{grid-template-columns:1fr;gap:28px}body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow{height:58px;justify-content:center}body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow span{width:14px;height:100%;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--blue) calc(50% - .5px),var(--blue) calc(50% + .5px),transparent calc(50% + .5px))}body[data-sos-coffee-project="true"] .sos-coffee-case .process-arrow span:after{right:auto;bottom:0;top:auto;left:50%;width:7px;height:7px;transform:translateX(-50%) rotate(135deg)}body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack{grid-template-columns:1fr 1.7fr 1fr;gap:12px;align-items:center}body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(1){width:78px}body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(2){width:100%}body[data-sos-coffee-project="true"] .sos-coffee-case .approved-stack img:nth-child(3){width:90px}body[data-sos-coffee-project="true"] .sos-coffee-case .sketch-frame img{aspect-ratio:1.38/1}
  body[data-sos-coffee-project="true"] .sos-coffee-case .principle-layout{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch,body[data-sos-coffee-project="true"] .sos-coffee-case .clearspace-demo,body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule{min-height:290px;margin-bottom:14px}body[data-sos-coffee-project="true"] .sos-coffee-case .clearspace-demo{padding:44px 22px 70px}body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule{display:flex;min-height:250px}body[data-sos-coffee-project="true"] .sos-coffee-case .scale-rule img{width:92px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-copy{padding:0 0 38px}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-tall{aspect-ratio:.82/1;margin-bottom:14px}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-wide{aspect-ratio:1.25/1}body[data-sos-coffee-project="true"] .sos-coffee-case .exterior-grid:after{display:none}
  body[data-sos-coffee-project="true"] .sos-coffee-case .glass{padding-top:76px;padding-bottom:76px}body[data-sos-coffee-project="true"] .sos-coffee-case .glass-layout{grid-template-columns:1fr}body[data-sos-coffee-project="true"] .sos-coffee-case .glass-panorama{aspect-ratio:1.35/1}body[data-sos-coffee-project="true"] .sos-coffee-case .glass-detail{aspect-ratio:1.18/1;width:78%;margin-left:auto}
  body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery figure{min-height:330px;margin-bottom:14px}body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery .takeout{min-height:390px}body[data-sos-coffee-project="true"] .sos-coffee-case .cup-gallery .takeout img{object-fit:contain}
  body[data-sos-coffee-project="true"] .sos-coffee-case .menu-grid{grid-template-columns:1fr}body[data-sos-coffee-project="true"] .sos-coffee-case .menu-photo{aspect-ratio:1.06/1}body[data-sos-coffee-project="true"] .sos-coffee-case .menu-copy{order:-1}body[data-sos-coffee-project="true"] .sos-coffee-case .menu-key{margin-top:30px}
  body[data-sos-coffee-project="true"] .sos-coffee-case .print-layout{grid-template-columns:1fr;gap:40px}body[data-sos-coffee-project="true"] .sos-coffee-case .print-card,body[data-sos-coffee-project="true"] .sos-coffee-case .print-coupon{transform:none}body[data-sos-coffee-project="true"] .sos-coffee-case .print-card{width:88%;margin-left:auto}
  body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid article{margin-bottom:34px}body[data-sos-coffee-project="true"] .sos-coffee-case .motion-grid article:nth-child(3){width:100%}
  body[data-sos-coffee-project="true"] .sos-coffee-case .closing{display:block}body[data-sos-coffee-project="true"] .sos-coffee-case .closing-photo{height:58svh;min-height:420px}body[data-sos-coffee-project="true"] .sos-coffee-case .closing-panel{min-height:72svh;padding:66px 20px 36px}body[data-sos-coffee-project="true"] .sos-coffee-case .closing-logo{margin:14vh 0 8vh}body[data-sos-coffee-project="true"] .sos-coffee-case .closing-panel h2{font-size:36px}body[data-sos-coffee-project="true"] .sos-coffee-case .closing-note{margin-top:16vh}
}

@media (prefers-reduced-motion:reduce){body[data-sos-coffee-project="true"] .sos-coffee-case{scroll-behavior:auto}body[data-sos-coffee-project="true"] .sos-coffee-case .scene-rail a{transition:none}}

/* === 그림 자리 예약 (CLS) — 자동 생성. 없으면 지연 로딩 때 아래가 밀린다 === */
img[src$="/sos-coffee/assets/images/cup-mug-standard-r2.jpg"],
img[src$="/sos-coffee/assets/images/closing-entrance.jpg"] { aspect-ratio: 16/9; }
img[src$="/leaderin-case-assets-v2/symbol-final.svg"] { aspect-ratio: 37/24; }
img[src$="/sos-coffee/assets/identity/lockup-horizontal.svg"] { aspect-ratio: 253/71; }
img[src$="/sos-coffee/assets/images/overview-interior.jpg"] { aspect-ratio: 200/139; }
img[src$="/sos-coffee/assets/identity/badge.svg"] { aspect-ratio: 1/1; }
img[src$="/sos-coffee/assets/identity/lockup-vertical.svg"] { aspect-ratio: 20/17; }
img[src$="/sos-coffee/assets/images/exterior-building-r2.jpg"] { aspect-ratio: 694/935; }
img[src$="/sos-coffee/assets/images/exterior-front-sign.jpg"] { aspect-ratio: 1567/1250; }
img[src$="/sos-coffee/assets/images/glass-installation.jpg"] { aspect-ratio: 2000/887; }
img[src$="/sos-coffee/assets/images/entrance-glass-r2.jpg"] { aspect-ratio: 391/385; }
img[src$="/sos-coffee/assets/images/cup-mug-enamel-r2.jpg"] { aspect-ratio: 992/609; }
img[src$="/sos-coffee/assets/images/cup-takeout-blue.jpg"] { aspect-ratio: 119/250; }
img[src$="/sos-coffee/assets/images/menu-board.jpg"] { aspect-ratio: 950/737; }
img[src$="/sos-coffee/assets/images/print-card-back.jpg"] { aspect-ratio: 700/393; }
img[src$="/sos-coffee/assets/images/print-coupon-r2.jpg"] { aspect-ratio: 1800/587; }

/* === 인쇄 지정값과 그 근거 지면 (2026-08-16) === */
body[data-sos-coffee-project="true"] .sos-coffee-case .blue-swatch .swatch-cmyk{display:block;font-size:clamp(15px,1.5vw,20px);letter-spacing:.04em;font-weight:700;margin:0 0 10px}
body[data-sos-coffee-project="true"] .sos-coffee-case .spec-plate{margin:44px 0 0;border:1px solid var(--line);background:#fff}
body[data-sos-coffee-project="true"] .sos-coffee-case .spec-plate img{display:block;width:100%;height:auto;aspect-ratio:1560/810}
body[data-sos-coffee-project="true"] .sos-coffee-case .spec-plate figcaption{padding:16px 20px 18px;font-size:13px;line-height:1.75;color:var(--muted);border-top:1px solid var(--line)}