/* EASYWINE case study: every rule is scoped to .ew-page / .ew so the shared header, contact and footer stay untouched.
   The page opens on a tilt test (a red wine tilted over white paper). Twenty colours sampled from the core to the rim
   become a band that lands on a wine-label title. Ruby rooms follow sian A (Ruby in Motion); violet night rooms follow sian B (Easy Pour). */
.ew-page{--ew-night:#140a12;--ew-night2:#1d0f1b;--ew-night3:#2a1626;--ew-paper:#f6f2eb;--ew-paper2:#ede6da;--ew-white:#fcfaf6;--ew-ink:#24121c;--ew-sub:#5b4752;--ew-mute:#6f5d67;--ew-line:#24121c24;--ew-core:#30080c;--ew-ruby:#7b2339;--ew-ruby2:#aa3c50;--ew-ruby-ink:#8a2340;--ew-violet-ink:#6b47b8;--ew-lav:#bba4f5;--ew-lav2:#cdbcf8;--ew-orchid:#ce9dda;--ew-rose:#e0445f;--ew-cream:#f4f0e7;--ew-text:#f3edf5;--ew-tsub:#cbbfcb;--ew-tmute:#a497aa;--ew-dline:#f3edf524;--ew-gold:#c38a1c;--ew-red:#b52234;--ew-mono:'JetBrains Mono','Pretendard Variable',Pretendard,ui-monospace,monospace;--ew-cg:'Cormorant Garamond','Noto Serif KR',serif;--ew-cor:'Cormorant','Cormorant Garamond','Noto Serif KR',serif;--ew-serif:'Noto Serif KR',serif;--ew-ease:cubic-bezier(.2,.7,.1,1);background:var(--ew-paper)}
.ew-page .site-header{position:fixed;inset:0 0 auto;background:rgba(20,10,18,.88);border-bottom-color:#ffffff14}
.ew-page .site-header .container{background:transparent;box-shadow:none}
.ew-page.ew-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.ew-skip{position:fixed;z-index:2000;left:12px;top:-60px;padding:12px 18px;border-radius:8px;background:#fff;color:#000;font-weight:700}
.ew-skip:focus{top:12px}
.ew{position:relative;color:var(--ew-ink);background:var(--ew-paper);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.ew *{box-sizing:border-box}
.ew [hidden]{display:none!important}
.ew :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote){margin:0;padding:0}
.ew :where(h1,h2,h3,h4){font-weight:800;line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.ew :where(p){text-wrap:pretty}
.ew :where(ul,ol){list-style:none}
.ew :where(a){color:inherit;text-decoration:none}
.ew :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.ew :where(img,video,canvas){display:block;max-width:100%}
.ew :where(img,video){height:auto}
.ew em{font-style:normal;color:var(--ew-ruby-ink)}
.ew em.is-ruby{color:var(--ew-ruby-ink)}
.ew em.is-violet{color:var(--ew-violet-ink)}
.ew code{font-family:var(--ew-mono);white-space:nowrap}
.ew .is-q{color:var(--ew-gold)}
.ew .is-l{color:var(--ew-red)}
.ew :is(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--ew-ruby2);outline-offset:5px;border-radius:6px}
.ew section[id]{scroll-margin-top:84px}
.ew-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.ew-sec{position:relative;padding-block:clamp(96px,10vw,170px)}
.ew-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--ew-mono);font-size:14px;font-weight:700;line-height:1.5;letter-spacing:.14em;color:var(--ew-ruby-ink)}
.ew-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.ew-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--ew-line);font-size:15px;line-height:1.5;color:var(--ew-sub)}
.ew-head>span:first-child{display:inline-flex;align-items:center;gap:12px;font-family:var(--ew-mono);font-weight:700;letter-spacing:.12em;color:var(--ew-ink);white-space:nowrap}
.ew-head svg,.ew-backlabel header svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--ew-ruby2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ew h2{font-size:clamp(34px,4vw,64px)}
.ew-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7vw;align-items:start}
.ew-split h3{font-size:clamp(28px,2.8vw,44px)}
.ew-prose{padding-top:8px}
.ew-prose p{max-width:620px;color:var(--ew-sub);font-size:18px}
.ew-prose p+p{margin-top:22px}
.ew-pill{display:inline-flex;align-items:center;gap:22px;height:62px;padding:0 30px;border-radius:99px;background:var(--ew-lav);color:var(--ew-night)!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.ew-pill:hover{transform:translateY(-3px);background:var(--ew-lav2)}
.ew-textlink{display:inline-flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1.5px solid currentColor;font-size:16px;font-weight:600;line-height:1.5}
.ew-textlink span{font-size:22px;transition:transform .3s}
.ew-textlink:hover span{transform:translateX(4px)}
.ew-note-small{margin-top:26px;font-size:14px;color:var(--ew-mute)}

/* night rooms */
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-sian--b,.ew-process,.ew-mobile,.ew-compare,.ew-credits,.ew-ending){background:var(--ew-night);color:var(--ew-text)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) em{color:var(--ew-lav)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) .ew-head{border-bottom-color:var(--ew-dline);color:var(--ew-tsub)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) .ew-head>span:first-child{color:var(--ew-text)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) .ew-head svg{stroke:var(--ew-lav)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) .ew-prose p{color:var(--ew-tsub)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-process,.ew-mobile,.ew-compare,.ew-ending) .ew-eyebrow{color:var(--ew-lav)}
:is(.ew-words,.ew-structure,.ew-type,.ew-motion-sec,.ew-sian--a,.ew-sian--b,.ew-process,.ew-mobile,.ew-compare,.ew-credits,.ew-ending) :is(a,button,input,[tabindex]):focus-visible{outline-color:var(--ew-lav)}

/* reveal */
.ew-js .ew-rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ew-ease),transform .9s var(--ew-ease);transition-delay:var(--d,0ms)}
.ew-js .ew-rv.is-in{opacity:1;transform:none}

/* ---------------------------------------------------------------- 00 HERO: tilt test → twenty samples → wine-label title */
.ew-hero{position:relative;background:var(--ew-night)}
html.ew-motion .ew-hero{height:470vh}
.ew-hero__pin{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:#e7e6e5}
.ew-hero__stage{position:absolute;left:50%;top:50%;width:max(100vw,150svh);aspect-ratio:3/2;transform:translate(-50%,-50%) scale(var(--z,1));transform-origin:47.33% 32.23%;filter:blur(calc(var(--veil,0) * 7px));will-change:transform}
.ew-hero__photo{width:100%;height:100%;object-fit:cover;user-select:none}
.ew-loupe{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:0;height:0;--r:clamp(58px,6.4vw,104px);--mag:2.3;opacity:var(--lo,0);pointer-events:none}
.ew-loupe--core{--lo:var(--l1,0)}
.ew-loupe--rim{--lo:var(--l2,0)}
.ew-loupe__lens{position:absolute;left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);border-radius:50%;background-image:var(--tilt);background-repeat:no-repeat;background-size:calc(var(--sw,1440px) * var(--mag)) auto;background-position:calc(var(--r) - var(--x) * var(--sw,1440px) * var(--mag) / 100) calc(var(--r) - var(--y) * var(--sw,1440px) * .6667 * var(--mag) / 100);box-shadow:0 0 0 5px #fff,0 0 0 6px #24121c33,0 28px 50px -18px #24121c99;transform:scale(calc(.55 + var(--lo,0) * .45))}
.ew-loupe__lens::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #24121c55}
.ew-loupe__chip{position:absolute;display:grid;gap:2px;padding:10px 14px;border-radius:10px;background:#fcfaf6f2;box-shadow:0 12px 30px -12px #24121c66;font-size:14px;line-height:1.4;white-space:nowrap;transform:translateY(calc((1 - var(--lo,0)) * 10px))}
.ew-loupe__chip b{font-family:var(--ew-mono);font-size:14px;letter-spacing:.08em;color:var(--ew-ink)}
.ew-loupe__chip code{font-size:15px;font-weight:700}
.ew-loupe--core .ew-loupe__chip{left:calc(var(--r) * .78);top:calc(var(--r) * .62)}
.ew-loupe--core .ew-loupe__chip code{color:var(--ew-ruby-ink)}
.ew-loupe--rim .ew-loupe__chip{right:calc(var(--r) * .8);bottom:calc(var(--r) * .55)}
.ew-loupe--rim .ew-loupe__chip code{color:var(--ew-violet-ink)}
.ew-hero__veil{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 45%,#2a1626e6 0,#140a12f5 70%);opacity:var(--veil,0);pointer-events:none}
.ew-hero__tray{position:absolute;left:0;top:0;border-radius:16px;background:#fcfaf6eb;box-shadow:0 30px 60px -30px #24121c88;opacity:var(--ends,0);pointer-events:none}
.ew-hero__dots{position:absolute;z-index:3;inset:0;pointer-events:none}
.ew-hero__dots li{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 6px 14px -6px #000a;opacity:0;will-change:transform}
.ew-hero__ends{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:var(--ends,0)}
.ew-hero__end{position:absolute;display:grid;gap:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--ew-ink);white-space:nowrap;transform:translateY(-100%)}
.ew-hero__end b{font-family:var(--ew-cor);font-size:34px;font-weight:500;font-style:italic;line-height:1}
.ew-hero__end small{font-size:14px;font-weight:600;color:var(--ew-sub)}
.ew-hero__end--a b{color:var(--ew-ruby-ink)}
.ew-hero__end--b{text-align:right;transform:translate(-100%,-100%)}
.ew-hero__end--b b{color:var(--ew-violet-ink)}
.ew-hero__beats{position:absolute;left:6vw;top:50%;width:min(34vw,540px);height:200px;transform:translateY(-36%)}
.ew-beat{position:absolute;inset:auto 0 0;font-size:clamp(21px,1.9vw,30px);font-weight:700;line-height:1.45;letter-spacing:-.035em;color:var(--ew-ink);opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s var(--ew-ease)}
.ew-beat.is-on{opacity:1;transform:none}
.ew-beat__tag{display:block;margin-bottom:10px;font-family:var(--ew-mono);font-size:14px;letter-spacing:.16em;color:var(--ew-ruby-ink)}
.ew-label{position:absolute;left:50%;top:50%;width:min(76vw,880px);padding:clamp(28px,3.4vw,52px) clamp(28px,4.6vw,70px) clamp(24px,2.8vw,40px);color:var(--ew-ink);background:radial-gradient(120% 90% at 30% 15%,#fffdf8 0,#f6f1e7 55%,#ebe3d4 100%);border-radius:4px;box-shadow:0 70px 120px -50px #000,inset 0 0 0 1px #24121c1a;transform:translate(-50%,calc(-50% + (1 - var(--lt,0)) * 72vh)) rotate(calc((1 - var(--lt,0)) * -5deg));opacity:min(1,calc(var(--lt,0) * 4));will-change:transform}
.ew-label::before{content:"";position:absolute;inset:12px;border:1px solid #24121c55;outline:1px solid #24121c33;outline-offset:-5px;pointer-events:none}
.ew-label__top{position:relative;display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1.5px solid var(--ew-ink);font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.14em}
.ew-label__vintage{position:absolute;right:clamp(28px,4.6vw,70px);top:clamp(70px,7vw,104px);display:grid;justify-items:end;font-family:var(--ew-cor);font-size:clamp(44px,4.4vw,72px);font-style:italic;font-weight:500;line-height:.9;color:var(--ew-ruby)}
.ew-label__vintage small{font-family:var(--ew-mono);font-size:14px;font-style:normal;font-weight:700;letter-spacing:.2em;color:var(--ew-sub)}
.ew-label__title{position:relative;margin-top:clamp(26px,3vw,44px);font-family:var(--ew-serif);font-size:clamp(40px,5vw,84px);font-weight:700;line-height:1.16;letter-spacing:-.04em}
.ew-label__title span{display:block}
.ew-label__title em{font-style:normal}
.ew-label__lead{position:relative;margin-top:16px;font-size:clamp(17px,1.4vw,21px);font-weight:700;line-height:1.6}
.ew-label__lead span{font-weight:500;color:var(--ew-sub)}
.ew-label__band{position:relative;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));height:clamp(22px,2.4vw,34px);margin-top:clamp(20px,2.4vw,32px);opacity:var(--band,1)}
.ew-label__band i{background:var(--c)}
.ew-label__foot{position:relative;display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid #24121c40;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ew-sub)}
.ew-hero__hud{position:absolute;left:4vw;right:4vw;bottom:3vh;display:flex;align-items:center;gap:14px;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--ew-sub);opacity:calc(1 - var(--veil,0))}
.ew-hero__hud b{color:var(--ew-ruby-ink);font-weight:700}
.ew-gauge{position:relative;width:min(22vw,240px);height:2px;background:#24121c26}
.ew-gauge i{position:absolute;inset:0;background:linear-gradient(90deg,#30080c,#7b2339,#a45988,#cb9dab);transform:scaleX(var(--w,0));transform-origin:left}
.ew-hero__hint{margin-left:auto}
.ew-hero__down{position:absolute;left:50%;bottom:4vh;display:inline-flex;gap:12px;align-items:center;padding:13px 24px;border-radius:99px;border:1px solid #f3edf566;color:var(--ew-text)!important;font-size:16px;font-weight:700;transform:translate(-50%,calc((1 - var(--t,0)) * 20px));opacity:var(--t,0);pointer-events:none;transition:background .3s}
.ew-hero__down.is-live{pointer-events:auto}
.ew-hero__down:hover{background:#f3edf51a}
html:not(.ew-motion) .ew-hero__pin{height:auto;min-height:100svh;padding-block:120px 140px;background:#140a12}
html:not(.ew-motion) .ew-hero__stage{transform:translate(-50%,-50%);filter:none}
html:not(.ew-motion) .ew-hero__veil{opacity:.72!important}
html:not(.ew-motion) .ew-label{position:relative;left:auto;top:auto;margin:0 auto;transform:none;opacity:1}
html:not(.ew-motion) :is(.ew-hero__beats,.ew-hero__hud,.ew-hero__dots,.ew-hero__ends,.ew-loupe){display:none}
html:not(.ew-motion) .ew-hero__down{opacity:1;pointer-events:auto;transform:translateX(-50%);bottom:50px}

/* ---------------------------------------------------------------- 01 OVERVIEW */
.ew-overview{background:linear-gradient(180deg,var(--ew-paper),#f2ede4)}
.ew-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(56px,6vw,90px);padding-top:30px;border-top:1px solid var(--ew-line)}
.ew-meta dt{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ew-ruby-ink)}
.ew-meta dd{margin-top:10px;font-size:16px;font-weight:600;line-height:1.65}
.ew-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,6vw,90px)}
.ew-stats li{display:grid;align-content:start;gap:4px;padding:26px 24px 6px;border-right:1px solid var(--ew-line)}
.ew-stats li:first-child{padding-left:0}
.ew-stats li:last-child{border-right:0}
.ew-stats strong{display:flex;align-items:baseline;gap:4px;font-family:var(--ew-cor);font-size:clamp(60px,6vw,100px);font-weight:500;line-height:.95;letter-spacing:-.03em;color:var(--ew-ruby)}
.ew-stats strong small{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;color:var(--ew-violet-ink)}
.ew-stats b{margin-top:14px;font-size:17px}
.ew-stats li>span{font-size:15px;line-height:1.6;color:var(--ew-sub)}

/* ---------------------------------------------------------------- 02 CHALLENGE */
.ew-challenge{background:linear-gradient(180deg,#f2ede4,var(--ew-paper2))}
.ew-quote{max-width:1200px;font-family:var(--ew-serif);font-size:clamp(28px,3.1vw,50px);font-weight:600;line-height:1.5;letter-spacing:-.03em}
.ew-quote span{color:#24121c30;transition:color .4s}
.ew-quote span.is-on{color:var(--ew-ink)}
.ew-before{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);margin-top:clamp(70px,7vw,120px);align-items:start}
.ew-oldsite__win{position:relative;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 40px 90px -50px #24121c99,0 0 0 1px #24121c1a}
.ew-oldsite__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#ece7df}
.ew-oldsite__bar i{width:9px;height:9px;border-radius:50%;background:#24121c26}
.ew-oldsite__bar span{margin-left:12px;padding:1px 16px;border-radius:99px;background:#fff;font-family:var(--ew-mono);font-size:14px;color:var(--ew-mute)}
.ew-oldsite__head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #24121c14}
.ew-oldsite__logo{position:relative;flex:none;width:30px;height:30px}
.ew-oldsite__logo i{position:absolute;border-radius:50%;opacity:.75;mix-blend-mode:multiply}
.ew-oldsite__logo i:nth-child(1){left:0;top:0;width:22px;height:22px;background:#a994e6}
.ew-oldsite__logo i:nth-child(2){left:10px;top:2px;width:20px;height:20px;background:#ce9dda}
.ew-oldsite__logo i:nth-child(3){left:5px;top:12px;width:18px;height:18px;background:#a35fc1}
.ew-oldsite__head b{font-size:14px;font-weight:700;letter-spacing:.06em;color:#6b47b8;white-space:nowrap}
.ew-oldsite__menu{margin-left:auto;font-family:var(--ew-mono);font-size:14px;color:var(--ew-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ew-oldsite__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;padding:20px 18px 18px}
.ew-oldsite__grid span{display:grid;place-items:end center;height:118px;padding:8px 0 6px;border-radius:4px;background:#f5f3f0}
.ew-oldsite__grid img{width:auto;height:100px}
.ew-oldsite__foot{display:grid;gap:6px;padding:14px 18px 18px;background:#2a2a2a}
.ew-oldsite__foot i{height:6px;width:var(--w);border-radius:3px;background:#ffffff38}
.ew-pin{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ew-ruby);color:#fff;font-size:14px;font-weight:800;box-shadow:0 0 0 4px #fff}
.ew-pin--1{right:16px;top:44px}
.ew-pin--2{left:12px;top:96px}
.ew-pin--3{left:50%;top:52px}
.ew-oldsite figcaption{margin-top:22px}
.ew-oldsite figcaption>b{font-size:17px}
.ew-oldsite figcaption ol{display:grid;gap:10px;margin-top:12px}
.ew-oldsite figcaption li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px;line-height:1.6;color:var(--ew-sub)}
.ew-oldsite figcaption li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ew-ruby);color:#fff;font-size:14px;font-weight:800}
.ew-pixel h3{margin-top:14px;font-size:clamp(28px,2.6vw,42px)}
.ew-pixel__lead{margin-top:16px;max-width:560px;font-size:17px;color:var(--ew-sub)}
.ew-pixel__pair{display:grid;gap:14px;margin-top:26px}
.ew-pixel__panel{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #24121c1a}
.ew-pixel__view{position:relative;display:block;height:clamp(96px,8vw,124px);overflow:hidden}
.ew-pixel__canvas,.ew-pixel__text{position:absolute;left:18px;top:50%;transform-origin:0 50%;transform:translateY(-50%) scale(var(--zm,1))}
.ew-pixel__canvas{width:650px;height:64px;max-width:none;image-rendering:auto}
.ew-pixel__text{width:650px;font-size:30px;line-height:64px;letter-spacing:-.02em;color:#6e4fc0;white-space:nowrap;font-weight:500}
.ew-pixel__text b{font-weight:500}
.ew-pixel__panel figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #24121c14;font-size:14px;color:var(--ew-sub)}
.ew-pixel__panel figcaption b{color:var(--ew-ink)}
.ew-pixel__panel--img figcaption span{color:var(--ew-red)}
.ew-pixel__panel--live figcaption span{color:#2f7a4f}
.ew-pixel__ctrl{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:15px;font-weight:700}
.ew-pixel__ctrl input{flex:1;accent-color:var(--ew-ruby)}
.ew-pixel__ctrl output{min-width:52px;font-family:var(--ew-mono);font-size:14px;color:var(--ew-ruby-ink)}
.ew-questions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,100px);margin-top:clamp(90px,9vw,150px)}
.ew-questions__head h2{margin-top:14px}
.ew-questions__head p:last-child{margin-top:20px;max-width:520px;font-size:17px;color:var(--ew-sub)}
.ew-questions ol{display:grid;gap:0;border-top:1.5px solid var(--ew-ink)}
.ew-questions li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--ew-line)}
.ew-questions li>span{font-family:var(--ew-cor);font-size:34px;font-style:italic;font-weight:500;line-height:1;color:var(--ew-ruby)}
.ew-questions strong{font-size:20px;line-height:1.45}
.ew-questions li p{margin-top:8px;font-size:16px;color:var(--ew-sub)}

/* ---------------------------------------------------------------- 03 BRAND (sticky stage + steps) */
.ew-rimsec{padding-bottom:0;background:var(--ew-white)}
.ew-read{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);width:calc(100% - 12vw);max-width:1440px;margin:clamp(40px,5vw,80px) auto 0}
.ew-read__stage{position:sticky;top:96px;height:calc(100vh - 120px);display:grid;align-content:center;gap:22px}
.ew-read__canvas{position:relative;height:min(62vh,560px);border-radius:24px;background:radial-gradient(80% 80% at 50% 40%,#fff 0,#f4efe8 100%);box-shadow:0 40px 90px -60px #24121c99,0 0 0 1px #24121c12;overflow:hidden}
.ew-read__canvas>*{transition:opacity .6s,transform .8s var(--ew-ease)}
.ew-read__name{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;gap:.24em;font-family:var(--ew-cor);font-size:clamp(70px,8vw,140px);font-weight:500;line-height:1;letter-spacing:.02em;color:#6b47b8;transform:translateY(-50%);white-space:nowrap}
.ew-read__name .is-wine{color:#24121c2e;transition:color .6s}
.ew-read__logo{position:absolute;left:50%;top:44%;width:clamp(120px,13vw,200px);transform:translate(-50%,-50%) scale(.8);opacity:0}
.ew-read__logo img{width:100%;height:auto}
.ew-read__chips{position:absolute;left:8%;right:8%;bottom:9%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;opacity:0;transform:translateY(14px)}
.ew-read__chips li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;font-size:14px;color:var(--ew-sub)}
.ew-read__chips i{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000001a}
.ew-read__chips b{font-family:var(--ew-mono);font-size:14px;color:var(--ew-ink)}
.ew-read__rim{position:absolute;inset:0;opacity:0}
.ew-read__rimimg{position:absolute;inset:0;background-image:var(--tilt);background-size:310% auto;background-position:46% 24%;transform:scale(1.04)}
.ew-read__rimmark{position:absolute;left:50%;top:46%;width:clamp(90px,10vw,150px);height:clamp(90px,10vw,150px);border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 5px #24121c44,0 0 0 9999px #fcfaf633;transform:translate(-50%,-50%)}
.ew-read__rim figcaption{position:absolute;left:50%;bottom:8%;padding:8px 16px;border-radius:99px;background:#fcfaf6f0;font-family:var(--ew-mono);font-size:14px;font-weight:700;color:var(--ew-violet-ink);transform:translateX(-50%);white-space:nowrap}
.ew-read__slogan{position:absolute;left:0;right:0;top:50%;font-family:var(--ew-serif);font-size:clamp(36px,4vw,64px);font-weight:600;line-height:1.35;letter-spacing:-.03em;text-align:center;color:#6e4fc0;transform:translateY(-40%);opacity:0}
.ew-read__quotes{position:absolute;inset:8%;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center;opacity:0;transform:translateY(20px)}
.ew-read__q{padding:26px 24px 28px;border-radius:16px}
.ew-read__q span{display:block;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.08em}
.ew-read__q p{margin-top:14px;font-family:var(--ew-cor);font-size:clamp(28px,2.6vw,42px);font-weight:500;line-height:1.08}
.ew-read__q--a{background:#20090e;color:var(--ew-cream)}
.ew-read__q--a span{color:#e5b4ae}
.ew-read__q--a em{font-style:italic;color:#ddb6b9}
.ew-read__q--b{background:#100b13;color:var(--ew-text)}
.ew-read__q--b span{color:var(--ew-lav)}
.ew-read__q--b p{font-family:var(--ew-cg);font-size:clamp(22px,2vw,32px)}
.ew-read__q--b em{font-style:italic;color:var(--ew-lav)}
.ew-read__dots{display:flex;justify-content:center;gap:8px}
.ew-read__dots li{width:8px;height:8px;border-radius:50%;background:#24121c26;transition:background .4s,width .4s}
.ew-read__stage[data-step="1"] .ew-read__dots li:nth-child(1),.ew-read__stage[data-step="2"] .ew-read__dots li:nth-child(2),.ew-read__stage[data-step="3"] .ew-read__dots li:nth-child(3),.ew-read__stage[data-step="4"] .ew-read__dots li:nth-child(4),.ew-read__stage[data-step="5"] .ew-read__dots li:nth-child(5){width:26px;border-radius:5px;background:var(--ew-ruby)}
.ew-read__stage:not([data-step="1"]) .ew-read__name{opacity:0;transform:translateY(-80%)}
.ew-read__stage[data-step="2"] .ew-read__logo{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ew-read__stage[data-step="2"] .ew-read__chips{opacity:1;transform:none}
.ew-read__stage[data-step="3"] .ew-read__rim{opacity:1}
.ew-read__stage[data-step="3"] .ew-read__rimimg{transform:none;transition:transform 1.6s var(--ew-ease)}
.ew-read__stage[data-step="4"] .ew-read__slogan{opacity:1;transform:translateY(-50%)}
.ew-read__stage[data-step="5"] .ew-read__quotes{opacity:1;transform:none}
.ew-read__steps{padding-bottom:22vh}
.ew-step{display:flex;flex-direction:column;justify-content:center;min-height:82vh;padding:40px 0;opacity:.3;transition:opacity .5s}
.ew-step.is-on{opacity:1}
.ew-step__tag{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--ew-ruby-ink)}
.ew-step h3{margin-top:12px;font-size:clamp(30px,2.8vw,44px)}
.ew-step p{margin-top:16px;max-width:520px;font-size:18px;color:var(--ew-sub)}

/* ---------------------------------------------------------------- 04 WORDS (label dictionary) */
.ew-words{background:radial-gradient(70% 60% at 70% 30%,#2a1020 0,var(--ew-night) 70%)}
.ew-words__intro{padding-bottom:clamp(40px,4vw,70px)}
.ew-dict{position:relative}
html.ew-motion .ew-dict{height:calc(var(--n) * 70vh + 100vh)}
.ew-dict__pin{position:sticky;top:0;height:100vh;height:100svh;min-height:640px;overflow:hidden}
.ew-dict__count{position:absolute;left:6vw;top:110px;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--ew-tmute)}
.ew-dict__count b{color:var(--ew-lav)}
.ew-dict__list{position:absolute;inset:0}
.ew-entry{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:4vw;padding:120px 6vw 120px;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.ew-entry.is-on{opacity:1;visibility:visible;transition:opacity .6s}
.ew-entry__term{position:relative;grid-column:1;grid-row:2;justify-self:start;font-family:var(--ew-cg);font-size:clamp(64px,8.4vw,150px);font-style:italic;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--ew-text);white-space:nowrap}
.ew-entry__term i{position:absolute;left:-2%;top:56%;width:104%;height:clamp(4px,.45vw,7px);border-radius:4px;background:var(--ew-rose);transform:scaleX(var(--st,0));transform-origin:left;box-shadow:0 0 18px #e0445f88}
.ew-entry__read{grid-column:1;grid-row:3;margin-top:10px;font-family:var(--ew-mono);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--ew-tmute)}
.ew-entry__plain{grid-column:1;grid-row:4;margin-top:clamp(18px,2vw,30px);font-size:clamp(30px,3.2vw,52px);font-weight:800;line-height:1.25;letter-spacing:-.045em;color:var(--ew-lav);opacity:var(--pl,0);transform:translateY(calc((1 - var(--pl,0)) * 24px))}
.ew-entry__body{grid-column:1;grid-row:5;align-self:start;max-width:560px;margin-top:14px;font-size:17px;color:var(--ew-tsub);opacity:var(--pl,0)}
.ew-entry__bottle{grid-column:2;grid-row:1/-1;align-self:center;justify-self:center;display:grid;justify-items:center;gap:14px;transform:translateY(calc((1 - var(--bo,1)) * 40px));opacity:var(--bo,1)}
.ew-entry__bottle img{width:auto;height:min(52vh,440px);filter:drop-shadow(0 30px 40px #000c)}
.ew-entry__bottle figcaption{max-width:260px;text-align:center;font-size:14px;font-weight:600;color:var(--ew-tsub)}
.ew-dict__nav{position:absolute;left:6vw;right:6vw;bottom:92px;display:flex;flex-wrap:wrap;gap:6px}
.ew-dict__nav li{padding:6px 12px;border-radius:99px;border:1px solid var(--ew-dline);font-family:var(--ew-cg);font-size:17px;font-style:italic;color:var(--ew-tmute);transition:background .4s,color .4s}
.ew-dict__nav li.is-on{background:var(--ew-lav);border-color:var(--ew-lav);color:var(--ew-night)}
html:not(.ew-motion) .ew-dict__pin{position:relative;height:auto;min-height:0;padding:0 0 90px}
html:not(.ew-motion) .ew-dict__count,html:not(.ew-motion) .ew-dict__nav{display:none}
html:not(.ew-motion) .ew-dict__list{position:relative;inset:auto;display:grid;gap:16px;width:calc(100% - 12vw);max-width:1440px;margin:0 auto}
html:not(.ew-motion) .ew-entry{position:relative;inset:auto;opacity:1;visibility:visible;padding:34px 36px;border-radius:20px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--ew-dline);grid-template-rows:auto auto auto auto;--st:1;--pl:1}
html:not(.ew-motion) .ew-entry__term{font-size:clamp(44px,6vw,90px)}
html:not(.ew-motion) .ew-entry__bottle img{height:220px}

/* ---------------------------------------------------------------- 05 CELLAR (25 bottles, four ways) */
.ew-cellar{background:linear-gradient(180deg,var(--ew-paper2),#e6ddce)}
.ew-cellar__intro{padding-bottom:clamp(30px,3vw,50px)}
.ew-rack{position:relative}
html.ew-motion .ew-rack{height:440vh}
.ew-rack__pin{position:sticky;top:0;height:100vh;height:100svh;min-height:680px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:100px 0 88px;overflow:hidden}
.ew-rack__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 40px;align-items:center}
.ew-rack__modes{display:flex;flex-wrap:wrap;gap:6px}
.ew-rack__modes button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 8px;align-items:baseline;padding:10px 16px 10px 14px;border-radius:14px;border:1px solid #24121c26;text-align:left;font-size:17px;font-weight:800;line-height:1.3;transition:background .35s,color .35s,border-color .35s}
.ew-rack__modes button b{grid-row:1/3;font-family:var(--ew-cor);font-size:28px;font-style:italic;font-weight:500;line-height:1;color:var(--ew-ruby)}
.ew-rack__modes button small{font-size:14px;font-weight:600;color:var(--ew-mute)}
.ew-rack__modes button[aria-selected="true"]{background:var(--ew-ink);border-color:var(--ew-ink);color:var(--ew-paper)}
.ew-rack__modes button[aria-selected="true"] b{color:var(--ew-orchid)}
.ew-rack__modes button[aria-selected="true"] small{color:#d8ccd2}
.ew-rack__notes p{max-width:560px;font-size:16px;line-height:1.65;color:var(--ew-sub)}
.ew-rack__floor{position:relative;width:calc(100% - 8vw);max-width:1520px;margin:0 auto;min-height:0}
.ew-rack__labels{position:absolute;inset:0;pointer-events:none}
.ew-rack__group{position:absolute;left:0;top:0;display:grid;gap:2px;transition:transform .9s var(--ew-ease),opacity .6s}
.ew-rack__group b{font-size:16px;font-weight:800;line-height:1.3;white-space:nowrap}
.ew-rack__group span{font-family:var(--ew-cor);font-size:16px;font-style:italic;color:var(--ew-mute);white-space:nowrap}
.ew-rack__group em{position:absolute;right:0;top:0;font-family:var(--ew-cor);font-size:30px;font-style:italic;font-weight:500;line-height:1;color:var(--ew-ruby)}
.ew-rack__shelf{position:absolute;left:0;top:0;height:2px;border-radius:2px;background:#24121c40;transition:transform .9s var(--ew-ease),width .9s var(--ew-ease),opacity .6s}
.ew-rack__bottles{position:absolute;inset:0}
.ew-rack__bottles li{position:absolute;left:0;top:0;transform:translate3d(var(--tx,0),var(--ty,0),0);transition:transform .95s var(--ew-ease),opacity .6s,filter .6s;transition-delay:var(--dl,0ms)}
.ew-rack__bottles img{width:auto;height:var(--bh,180px);max-width:none;filter:drop-shadow(0 16px 14px #24121c40)}
.ew-rack__bottles li::after{content:"";position:absolute;left:50%;bottom:-12px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--tc)}
.ew-rack__name{position:absolute;left:50%;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--ew-ink);color:var(--ew-paper);font-size:14px;font-weight:600;white-space:nowrap;transform:translate(-50%,6px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
@media (hover:hover){.ew-rack__bottles li:hover .ew-rack__name{opacity:1;transform:translate(-50%,0)}}
.ew-rack__group.is-note span{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:14px;font-style:normal;white-space:normal}
.ew-rack__food{position:absolute;left:50%;bottom:calc(100% + 10px);padding:4px 10px;border-radius:99px;background:var(--ew-ruby);color:#fff;font-size:14px;font-style:normal;font-weight:700;white-space:nowrap;transform:translateX(-50%);opacity:0;transition:opacity .5s}
.ew-rack[data-mode="food"] li[data-food] .ew-rack__food{opacity:1}
.ew-rack[data-mode="food"] li:not([data-food]){opacity:.18;filter:grayscale(1)}
.ew-rack[data-mode="food"] li:hover .ew-rack__name{opacity:0}
.ew-rack__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px;font-weight:600;color:var(--ew-sub)}
.ew-rack__legend li{display:inline-flex;align-items:center;gap:8px}
.ew-rack__legend i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.ew-rack__legend b{font-family:var(--ew-mono);color:var(--ew-ink)}

/* ---------------------------------------------------------------- 06 STRUCTURE */
.ew-people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:clamp(56px,6vw,90px)}
.ew-people li{display:grid;align-content:start;gap:10px;padding:24px 22px 26px;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--ew-dline)}
.ew-people__no{font-family:var(--ew-cor);font-size:34px;font-style:italic;font-weight:500;line-height:1;color:var(--ew-lav)}
.ew-people strong{font-size:18px;line-height:1.4}
.ew-people p{font-size:15px;line-height:1.6;color:var(--ew-tsub)}
.ew-people code{justify-self:start;margin-top:4px;padding:4px 10px;border-radius:99px;background:#bba4f51f;color:var(--ew-lav2);font-size:14px}
.ew-route-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7vw;margin-top:clamp(90px,9vw,150px)}
.ew-route__legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:40px;font-size:14px;font-weight:600;color:var(--ew-tsub)}
.ew-route__legend li{display:inline-flex;align-items:center;gap:8px}
.ew-route__legend i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.ew-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,70px);margin-top:30px;align-items:start}
.ew-route__col{--route-gutter:44px;--route-axis:19px;position:relative;padding-left:var(--route-gutter)}
.ew-route__name{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;font-family:var(--ew-cg);font-size:clamp(26px,2.4vw,38px);font-style:italic;font-weight:500;line-height:1.2}
.ew-route__col--a .ew-route__name{color:#e5b4ae}
.ew-route__col--b .ew-route__name{color:var(--ew-lav)}
.ew-route__name span{font-family:var(--ew-mono);font-size:14px;font-style:normal;font-weight:700;color:var(--ew-tmute)}
.ew-route ol{position:relative;display:grid;gap:8px}
.ew-route ol::before{content:"";position:absolute;left:calc(var(--route-axis) - var(--route-gutter) - 1px);top:0;bottom:0;width:2px;background:#aa3c50;clip-path:inset(0 0 calc((1 - var(--rp,1)) * 100%) 0)}
.ew-route__col--b ol::before{background:#9d82ea}
.ew-route li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:14px 18px;border-radius:14px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--ew-dline);opacity:.35;transition:opacity .5s,background .5s}
.ew-route li.is-on{opacity:1;background:#ffffff0d}
.ew-route li::before{content:"";position:absolute;left:calc(var(--route-axis) - var(--route-gutter) - 6px);top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--ew-night);box-shadow:0 0 0 2px var(--c)}
.ew-route li.is-on::before{background:var(--c)}
.ew-route__no{grid-row:1/3;font-family:var(--ew-mono);font-size:14px;font-weight:700;color:var(--ew-tmute)}
.ew-route li b{font-family:var(--ew-cg);font-size:20px;font-style:italic;font-weight:600;line-height:1.3}
.ew-route li>span:not(.ew-route__no){grid-column:2;font-size:14px;line-height:1.5;color:var(--ew-tsub)}
.ew-route__dot{grid-column:3;grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--c)}

/* ---------------------------------------------------------------- 07 COLOR */
.ew-color{background:var(--ew-paper)}
.ew-strip-sec{padding-bottom:clamp(60px,6vw,100px)}
.ew-strip{margin-top:clamp(56px,6vw,90px)}
.ew-strip__cells{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));height:clamp(150px,15vw,240px);border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -50px #24121caa}
.ew-strip__cells li{position:relative;background:var(--c);transform-origin:bottom;transform:scaleY(var(--sg,1));transition:transform .9s var(--ew-ease);transition-delay:calc(var(--i) * 35ms)}
.ew-js .ew-strip:not(.is-in) .ew-strip__cells li{--sg:0}
.ew-strip__cells button{position:absolute;inset:0;display:grid;align-items:end;justify-items:center;padding-bottom:12px}
.ew-strip__cells span{font-family:var(--ew-mono);font-size:14px;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);color:#ffffffcc;opacity:0;transition:opacity .3s}
.ew-strip__cells li:nth-child(n+17) span{color:#24121ccc}
.ew-strip__cells button:hover span,.ew-strip__cells button:focus-visible span{opacity:1}
.ew-strip__scale{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--ew-sub)}
.ew-strip__picks{position:relative;height:96px;margin-top:22px}
.ew-strip__pick{position:absolute;top:0;left:calc(var(--from) * 5%);width:calc((var(--to) - var(--from) + 1) * 5%);display:grid;gap:4px;padding-top:16px;border-top:3px solid;font-size:15px;line-height:1.5;color:var(--ew-sub)}
.ew-strip__pick b{font-family:var(--ew-cg);font-size:22px;font-style:italic;font-weight:600;line-height:1.2}
.ew-strip__pick--a{border-color:var(--ew-ruby)}
.ew-strip__pick--a b{color:var(--ew-ruby-ink)}
.ew-strip__pick--b{left:auto;right:0;width:auto;min-width:35%;border-color:#a45988;text-align:right;white-space:nowrap}
.ew-strip__pick--a{white-space:nowrap}
.ew-strip__pick--b b{color:var(--ew-violet-ink)}
.ew-strip__pick code{font-size:14px;color:var(--ew-ink)}
.ew-logo-pair{margin-top:clamp(80px,8vw,130px)}
.ew-logo-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:24px clamp(30px,4vw,60px);align-items:center;padding:clamp(28px,3.4vw,50px);border-radius:24px;background:var(--ew-white);box-shadow:0 30px 70px -50px #24121c99,0 0 0 1px #24121c12}
.ew-logo-card__mark{grid-row:1/3;display:grid;place-items:center;width:clamp(160px,15vw,240px);aspect-ratio:1;border-radius:20px;background:repeating-conic-gradient(#f1ede6 0 25%,#fbf9f5 0 50%) 0 0/24px 24px}
.ew-logo-card__mark img{width:72%;height:auto}
.ew-logo-card ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ew-logo-card li{display:grid;gap:8px}
.ew-logo-card li button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 12px;align-items:center;text-align:left}
.ew-logo-card li button i{grid-row:1/3;width:52px;height:52px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000001a}
.ew-logo-card li button b{font-size:16px}
.ew-logo-card li button code{font-size:14px;color:var(--ew-sub)}
.ew-logo-card li>span{font-size:14px;color:var(--ew-mute)}
.ew-logo-card figcaption{font-size:16px;line-height:1.7;color:var(--ew-sub)}
.ew-logo-card figcaption b{display:block;margin-bottom:6px;font-size:18px;color:var(--ew-ink)}
.ew-logo-card figcaption code{color:var(--ew-violet-ink);font-size:15px}
.ew-boards{padding-top:clamp(60px,6vw,100px);background:linear-gradient(180deg,var(--ew-paper),#efe8de)}
.ew-board-cmp{position:relative;overflow:hidden;margin-top:clamp(50px,5vw,80px);border-radius:22px;aspect-ratio:3/2;background:#000;touch-action:pan-y;box-shadow:0 40px 90px -50px #24121c}
.ew-board{position:absolute;inset:0;margin:0}
.ew-board img{width:100%;height:100%;object-fit:cover}
.ew-board--b{clip-path:inset(0 0 0 calc(var(--cut) * 1%))}
.ew-board__pt{position:absolute;left:var(--x);top:var(--y);display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;transform:translate(-9px,-9px)}
.ew-board__pt i{grid-row:1/3;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff4d}
.ew-board__pt b{padding:3px 10px;border-radius:99px;background:#140a12d9;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.ew-board__pt small{padding-left:10px;font-family:var(--ew-mono);font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 6px #000c;white-space:nowrap}
.ew-board__label{position:absolute;top:18px;padding:6px 14px;border-radius:99px;background:#140a12d9;color:#fff;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.1em}
.ew-board__label--a{left:18px}
.ew-board__label--b{right:18px}
.ew-board__handle{position:absolute;top:0;bottom:0;left:calc(var(--cut) * 1%);width:2px;background:#fff;box-shadow:0 0 12px #0008;pointer-events:none}
.ew-board__handle i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;color:var(--ew-ink);font-style:normal;font-size:20px;box-shadow:0 8px 24px #0006}
.ew-board__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ew-palettes{padding-top:clamp(40px,4vw,70px);background:#efe8de}
.ew-palette{padding:clamp(28px,3vw,44px);border-radius:24px;background:var(--ew-white);box-shadow:0 30px 70px -50px #24121c99,0 0 0 1px #24121c12}
.ew-palette+.ew-palette{margin-top:24px}
.ew-palette--b{background:#100b13;color:var(--ew-text);box-shadow:0 30px 70px -40px #000,0 0 0 1px #bba4f533}
.ew-palette__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.ew-palette__head h3{font-family:var(--ew-cg);font-size:clamp(28px,2.6vw,42px);font-style:italic;font-weight:600;letter-spacing:-.01em}
.ew-palette--a .ew-palette__head h3{color:var(--ew-ruby)}
.ew-palette--b .ew-palette__head h3{color:var(--ew-lav)}
.ew-palette__head span{font-size:15px;font-weight:700;color:var(--ew-mute)}
.ew-palette--b .ew-palette__head span{color:var(--ew-tmute)}
.ew-palette__ratio{display:flex;height:14px;margin-top:18px;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #8883}
.ew-palette__ratio i{flex:var(--w) 1 0;background:var(--c)}
.ew-palette__chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:24px}
.ew-chip{display:grid;gap:4px;width:100%;text-align:left}
.ew-chip__swatch{display:flex;flex-direction:column;justify-content:space-between;height:150px;padding:14px 16px;border-radius:14px;background:var(--c);color:var(--on);box-shadow:inset 0 0 0 1px #8883;transition:transform .3s}
.ew-chip:hover .ew-chip__swatch{transform:translateY(-4px)}
.ew-chip__swatch b{font-family:var(--ew-cor);font-size:36px;font-weight:500;line-height:1}
.ew-chip__swatch small{font-family:var(--ew-mono);font-size:14px;font-weight:700}
.ew-chip__name{margin-top:10px;font-size:16px;font-weight:800}
.ew-chip code{font-size:14px;font-weight:700}
.ew-chip__rgb{font-size:14px;color:var(--ew-mute)}
.ew-palette--b .ew-chip__rgb{color:var(--ew-tmute)}
.ew-palette__chips li>p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ew-sub)}
.ew-palette__chips li>p b{display:block;color:var(--ew-ink)}
.ew-palette--b .ew-palette__chips li>p{color:var(--ew-tsub)}
.ew-palette--b .ew-palette__chips li>p b{color:var(--ew-text)}

/* ---------------------------------------------------------------- 08 TYPOGRAPHY */
.ew-type{background:radial-gradient(60% 60% at 20% 20%,#2a1626 0,var(--ew-night) 70%)}
.ew-specimen{position:relative;padding:clamp(28px,3vw,44px);border-radius:24px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--ew-dline)}
.ew-specimen--hero{margin-top:clamp(56px,6vw,90px);overflow:hidden}
.ew-specimen__label{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:700;color:var(--ew-tmute)}
.ew-specimen__label code{color:var(--ew-lav)}
.ew-specimen__label--b{margin-top:14px}
.ew-big-a{margin-top:16px;font-family:var(--ew-cor);font-size:clamp(60px,8.6vw,150px);font-weight:400;line-height:.92;letter-spacing:-.045em;color:var(--ew-cream);white-space:nowrap;opacity:calc(1 - var(--tp,0) * .7);transform:translateX(calc(var(--tp,0) * -3%))}
.ew-big-a em{font-style:italic;color:#ddb6b9}
.ew-type__scale{display:flex;align-items:center;gap:14px;margin:24px 0 14px;font-family:var(--ew-mono);font-size:14px;font-weight:700;color:var(--ew-tmute)}
.ew-type__scale i{position:relative;flex:1;height:2px;background:var(--ew-dline)}
.ew-type__scale b{position:absolute;inset:0;background:linear-gradient(90deg,#aa3c50,#bba4f5);transform:scaleX(var(--tp,0));transform-origin:left}
.ew-big-b{font-family:var(--ew-serif);font-size:clamp(48px,6.4vw,110px);font-weight:600;line-height:1.15;letter-spacing:-.04em;color:var(--ew-text);opacity:calc(.3 + var(--tp,0) * .7);transform:translateX(calc((1 - var(--tp,0)) * 3%))}
.ew-specimens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.ew-sp-pre{margin-top:22px;font-size:clamp(24px,2.2vw,34px);font-weight:500;line-height:1.5;letter-spacing:-.03em}
.ew-sp-serif{margin-top:22px;font-family:var(--ew-serif);font-size:clamp(26px,2.4vw,38px);font-weight:600;line-height:1.4;letter-spacing:-.03em}
.ew-sp-serif .is-q{color:#e2b14a}
.ew-sp-serif .is-l{color:#ff7a8a}
.ew-sp-cg{margin-top:22px;font-family:var(--ew-cg);font-size:clamp(34px,3.2vw,52px);font-weight:500;line-height:1.1}
.ew-sp-cg em{font-style:italic;color:var(--ew-lav)}
.ew-specimen__note{margin-top:16px;font-size:16px;color:var(--ew-tsub)}
.ew-specimen--a .ew-specimen__note em{font-family:var(--ew-cor);font-size:22px;font-style:italic;color:#ddb6b9}
.ew-specimen--b .ew-specimen__note{font-family:var(--ew-serif);font-weight:600}
.ew-sp-notes{display:grid;gap:6px;margin-top:16px}
.ew-sp-notes div{display:grid;grid-template-columns:28px 1fr;font-size:15px}
.ew-sp-notes dt{font-weight:700;color:var(--ew-lav)}
.ew-sp-notes dd{color:var(--ew-tsub)}

/* ---------------------------------------------------------------- 09 MOTION */
.ew-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(56px,6vw,90px)}
.ew-principle{display:grid;align-content:start;gap:10px}
.ew-principle__demo{position:relative;overflow:hidden;aspect-ratio:16/9;margin-bottom:12px;border-radius:18px;background:#0b070b;box-shadow:inset 0 0 0 1px var(--ew-dline)}
.ew-principle__demo--scrub img{width:100%;height:100%;object-fit:cover}
.ew-scrub__bar{position:absolute;left:18px;right:18px;bottom:16px;height:2px;background:#ffffff33}
.ew-scrub__bar i{position:absolute;inset:0;background:var(--ew-lav);transform:scaleX(var(--sp,0));transform-origin:left}
.ew-scrub__no{position:absolute;right:18px;top:14px;padding:3px 10px;border-radius:99px;background:#0009;font-family:var(--ew-mono);font-size:14px;font-weight:700;color:#fff}
.ew-principle__demo--fill{display:grid;place-items:center;padding:6%;background:radial-gradient(70% 70% at 50% 60%,#2a1626 0,#100b13 75%)}
.ew-fill{width:100%;height:auto;overflow:visible}
.ew-fill text{font-family:var(--ew-cg);font-size:210px;font-weight:600;letter-spacing:-.01em}
.ew-fill__outline{fill:none;stroke:#bba4f5;stroke-width:1.5;opacity:.7}
.ew-fill__wine path{fill:url(#ew-fill-grad)}
.ew-fill__wine{transform:translate(calc(var(--wx,0) * 1px),calc(var(--wy,240) * 1px))}
.ew-principle__demo--swirl{background:var(--ew-cream)}
.ew-swirl{position:absolute;left:0;top:10%;bottom:10%;display:flex;gap:14px;padding-left:6%;transform:translate3d(calc(var(--sx,0) * -1px),0,0)}
.ew-swirl__card{position:relative;display:grid;justify-items:center;align-content:space-between;width:clamp(150px,14vw,210px);height:100%;padding:12px 12px 14px;border-radius:6px;background:#ebe3d8;color:#291018}
.ew-swirl__card::before{content:"";position:absolute;left:50%;top:50%;width:76%;height:62%;border:1px solid #29101833;border-radius:50%;transform:translate(-50%,-56%) rotate(calc(-18deg + var(--i) * 9deg))}
.ew-swirl__card:nth-child(3n+2){background:#e8e4d8}
.ew-swirl__card:nth-child(3n){background:#efdfe0}
.ew-swirl__card small{justify-self:start;font-family:var(--ew-mono);font-size:14px;letter-spacing:.08em;color:#796f67}
.ew-swirl__card img{position:relative;width:auto;height:58%;max-width:none}
.ew-swirl__card b{justify-self:start;font-size:14px;font-weight:600;line-height:1.35}
.ew-principle__tag{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ew-lav)}
.ew-principle h3{font-size:clamp(24px,2vw,30px)}
.ew-principle p{max-width:620px;font-size:16px;color:var(--ew-tsub)}

/* ---------------------------------------------------------------- POUR (A → B) */
.ew-pour{position:relative;background:#20090e}
html.ew-motion .ew-pour{height:200vh}
.ew-pour__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#3a0f1c 0,#20090e 70%)}
.ew-pour__violet{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 55%,#2a1838 0,#100b13 72%);clip-path:inset(calc((1 - var(--n,0)) * 100%) 0 0 0)}
.ew-pour__svg{position:absolute;left:50%;top:0;width:60px;height:100%;margin-left:-30px;overflow:visible}
.ew-pour__stream{fill:none;stroke:url(#ew-fill-grad);stroke:#aa3c50;stroke-width:9;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--s,0));filter:drop-shadow(0 0 14px #e0445f88)}
.ew-pour__a,.ew-pour__b{position:absolute;left:0;right:0;padding-inline:6vw;font-size:clamp(30px,3.6vw,58px);font-weight:800;line-height:1.25;letter-spacing:-.045em;text-align:center;text-wrap:balance}
.ew-pour__a span,.ew-pour__b span{display:block;margin-bottom:12px;font-family:var(--ew-cg);font-size:clamp(20px,1.6vw,26px);font-style:italic;font-weight:600;letter-spacing:.02em}
.ew-pour__a{top:22%;color:var(--ew-cream);opacity:calc(1 - var(--n,0) * 1.6)}
.ew-pour__a span{color:#ddb6b9}
.ew-pour__b{bottom:22%;color:var(--ew-text);opacity:calc(var(--n,0) * 1.6 - .5)}
.ew-pour__b span{color:var(--ew-lav)}
html:not(.ew-motion) .ew-pour__pin{position:relative;height:auto;padding-block:90px}
html:not(.ew-motion) .ew-pour__a,html:not(.ew-motion) .ew-pour__b{position:relative;opacity:1;top:auto;bottom:auto}
html:not(.ew-motion) .ew-pour__svg,html:not(.ew-motion) .ew-pour__violet{display:none}

/* ---------------------------------------------------------------- SIANS (A ruby · B violet) */
.ew-sian{position:relative;padding-block:clamp(90px,9vw,150px) clamp(70px,7vw,110px)}
.ew-sian--a{background:radial-gradient(60% 50% at 75% 30%,#3a0f1c 0,#20090e 70%);color:var(--ew-cream)}
.ew-sian--b{background:radial-gradient(55% 55% at 72% 38%,#2a1838 0,#100b13 66%)}
.ew-sian__inner{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(30px,4vw,72px);align-items:center;width:calc(100% - 8vw);max-width:1600px;margin-inline:auto}
.ew-sian__info{position:relative}
.ew-sian__letter{position:absolute;right:0;top:-48px;font-family:var(--ew-cor);font-size:clamp(150px,15vw,250px);font-style:italic;line-height:.8;opacity:.1;pointer-events:none}
.ew-sian--b .ew-sian__letter{font-family:var(--ew-cg);font-style:normal;color:var(--ew-lav);opacity:.16}
.ew-sian__status{display:inline-block;padding:6px 14px;border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.06em}
.ew-sian--a .ew-sian__status{background:#aa3c50;color:#fff}
.ew-sian--b .ew-sian__status{background:var(--ew-lav);color:var(--ew-night)}
.ew-sian__info h3{margin-top:20px;font-size:clamp(24px,2.1vw,34px);font-weight:500;letter-spacing:-.02em}
.ew-sian__info h3 small{display:block;margin-bottom:12px;font-size:clamp(44px,4.2vw,72px);line-height:.95}
.ew-sian--a h3{font-family:var(--ew-cor)}
.ew-sian--a h3 small{font-style:italic;font-weight:500;color:#ddb6b9}
.ew-sian--a h3>span{font-style:normal;color:var(--ew-cream)}
.ew-sian--b h3{font-family:var(--ew-cg)}
.ew-sian--b h3 small{font-weight:500;color:var(--ew-lav)}
.ew-sian--b h3>span{font-style:italic;color:var(--ew-text)}
.ew-sian__info>p{margin-top:20px;font-size:17px;color:#e3cfc9}
.ew-sian--b .ew-sian__info>p{color:var(--ew-tsub)}
.ew-sian__points{display:grid;gap:10px;margin-top:24px}
.ew-sian__points li{position:relative;padding-left:22px;font-size:16px;font-weight:600;line-height:1.55}
.ew-sian__points li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;border:2px solid #e07a8c}
.ew-sian--b .ew-sian__points li::before{border-color:var(--ew-lav)}
.ew-sian__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:26px}
.ew-sian__chips i{width:26px;height:26px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #fff3}
.ew-sian__chips span{margin-left:10px;font-size:14px;font-weight:600;opacity:.85}
.ew-sian__open{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:13px 22px;border-radius:99px;font-size:15px;font-weight:700;transition:transform .3s}
.ew-sian__open:hover{transform:translateY(-3px)}
.ew-sian--a .ew-sian__open{background:var(--ew-cream);color:#20090e!important}
.ew-sian--b .ew-sian__open{background:var(--ew-lav);color:var(--ew-night)!important}
.ew-sian__device{position:relative;padding:0 clamp(50px,7vw,130px) 0 0}
.ew-browser{overflow:hidden;border-radius:16px;background:#111;box-shadow:0 50px 100px -40px #000c,0 0 0 1px #ffffff14}
.ew-browser__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:40px;padding:0 16px;background:#1c1c1e}
.ew-browser__bar>span:first-child{display:flex;gap:6px}
.ew-browser__bar>span:first-child i{width:10px;height:10px;border-radius:50%;background:#ffffff2e}
.ew-browser__url{justify-self:center;padding:3px 40px;border-radius:99px;background:#ffffff12;color:#d6d6d0;font-family:var(--ew-mono);font-size:14px;font-weight:500}
.ew-browser__live{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.12em;color:#ff7a8a}
.ew-browser__view{position:relative;aspect-ratio:16/10;background:#000}
.ew-browser__view video{width:100%;height:100%;object-fit:cover}
.ew-phone{position:relative;width:200px;margin:0;padding:8px;border-radius:32px;background:#111214;box-shadow:0 40px 80px -30px #000b,0 0 0 1px #ffffff26}
.ew-phone__notch{position:absolute;z-index:2;top:14px;left:50%;width:62px;height:16px;margin-left:-31px;border-radius:99px;background:#111214}
.ew-phone__view,.ew-phone>img{overflow:hidden;width:100%;border-radius:25px;aspect-ratio:390/844;background:#000}
.ew-phone>img{object-fit:cover}
.ew-phone__view video{width:100%;height:100%;object-fit:cover}
.ew-sian__device .ew-phone{position:absolute;right:0;bottom:56px}
.ew-chapter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:center;margin-top:22px;max-width:calc(100% - 120px)}
.ew-chapter-bar__track{grid-column:1/-1;position:relative;height:2px;border-radius:2px;background:#ffffff26}
.ew-chapter-bar__track i{position:absolute;inset:0;background:#e07a8c;transform:scaleX(var(--vp,0));transform-origin:left}
.ew-sian--b .ew-chapter-bar__track i{background:var(--ew-lav)}
.ew-chapter-bar__list{display:flex;flex-wrap:wrap;gap:6px}
.ew-chapter-bar__list button{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;border:1px solid #ffffff33;font-size:14px;font-weight:600;line-height:1.4;opacity:.82;transition:opacity .3s,background .3s,color .3s}
.ew-chapter-bar__list button b{font-family:var(--ew-mono);font-size:14px;font-weight:700;opacity:.8}
.ew-chapter-bar__list button:hover{opacity:1}
.ew-sian--a .ew-chapter-bar__list button[aria-current="true"]{opacity:1;background:var(--ew-cream);border-color:var(--ew-cream);color:#20090e}
.ew-sian--b .ew-chapter-bar__list button[aria-current="true"]{opacity:1;background:var(--ew-lav);border-color:var(--ew-lav);color:var(--ew-night)}
.ew-chapter-bar__play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #fff5;font-size:14px;font-weight:700}
.ew-notes{margin-top:clamp(70px,7vw,120px)}
.ew-notes__head{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.ew-notes__head p{max-width:640px;font-size:16px;color:#e3cfc9}
.ew-sian--a .ew-eyebrow{color:#ff9aaa}
.ew-sian--b .ew-eyebrow{color:var(--ew-lav)}
.ew-sian--b .ew-notes__head p{color:var(--ew-tsub)}
.ew-notes__strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;width:calc(100% - 12vw);max-width:1440px;margin:34px auto 0}
.ew-notes__shot{display:block;width:100%;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 0 0 1px #fff2}
.ew-notes__shot img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .8s var(--ew-ease)}
.ew-notes__shot:hover img{transform:scale(1.05)}
.ew-notes__strip b{display:block;margin-top:14px;font-size:16px;font-weight:800;letter-spacing:-.02em}
.ew-sian--a .ew-notes__strip b{font-family:var(--ew-cor);font-size:21px;font-weight:600;letter-spacing:0;color:#ffd9d4}
.ew-sian--b .ew-notes__strip b{font-family:var(--ew-cg);font-size:21px;font-weight:600;letter-spacing:0;color:var(--ew-lav2)}
.ew-notes__strip p{margin-top:6px;font-size:15px;line-height:1.6;color:#e3cfc9}
.ew-sian--b .ew-notes__strip p{color:var(--ew-tsub)}

/* ---------------------------------------------------------------- night: process · mobile · compare · credits · ending */
.ew-process{background:radial-gradient(60% 50% at 30% 20%,#2a1626 0,var(--ew-night) 70%)}
.ew-swap{position:relative;overflow:hidden;margin-top:clamp(50px,5vw,80px);border-radius:20px;aspect-ratio:16/9;background:#000;touch-action:pan-y}
.ew-swap__fig{position:absolute;inset:0;margin:0}
.ew-swap__fig img{width:100%;height:100%;object-fit:cover}
.ew-swap__fig--before{clip-path:inset(0 calc((100 - var(--cut)) * 1%) 0 0)}
.ew-swap__label{position:absolute;top:18px;padding:6px 12px;border-radius:99px;background:#140a12d9;color:var(--ew-text);font-size:14px;font-weight:700}
.ew-swap__label--before{left:18px}
.ew-swap__label--after{right:18px}
.ew-swap__handle{position:absolute;top:0;bottom:0;left:calc(var(--cut) * 1%);width:2px;background:#fff;box-shadow:0 0 12px #0008;pointer-events:none}
.ew-swap__handle i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;color:var(--ew-ink);font-style:normal;font-size:20px;box-shadow:0 8px 24px #0006}
.ew-swap__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ew-astills{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:16px;margin-top:16px;align-items:start}
.ew-astills figure{margin:0}
.ew-astills__img{display:block;overflow:hidden;border-radius:14px;background:#000}
.ew-astills li:nth-child(1) .ew-astills__img{aspect-ratio:16/9}
.ew-astills li:nth-child(2) .ew-astills__img{aspect-ratio:4/3}
.ew-astills li:nth-child(3) .ew-astills__img{aspect-ratio:4/5}
.ew-astills img{width:100%;height:100%;object-fit:cover}
.ew-astills figcaption{margin-top:12px;font-size:15px;line-height:1.6;color:var(--ew-tsub)}
.ew-astills figcaption b{display:block;font-size:16px;color:var(--ew-text)}
.ew-process__b{margin-top:clamp(90px,9vw,140px)}
.ew-pipe{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;margin-top:clamp(50px,5vw,80px)}
.ew-pipe__step{margin:0}
.ew-pipe__img{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#000;box-shadow:0 0 0 1px #bba4f533}
.ew-pipe__img img,.ew-pipe__img video{width:100%;height:100%;object-fit:cover}
.ew-pipe__step figcaption{display:flex;align-items:baseline;gap:10px;margin-top:12px;font-size:15px;font-weight:700}
.ew-pipe__step figcaption b{font-family:var(--ew-cor);font-size:28px;font-style:italic;font-weight:500;line-height:1;color:var(--ew-lav)}
.ew-pipe__arrow{font-size:26px;color:var(--ew-lav)}
.ew-pipe__frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;padding:3px;background:#0b070b}
.ew-pipe__frames i{background:var(--f) center/cover;border-radius:3px}
.ew-pairs{margin-top:clamp(80px,8vw,130px)}
.ew-pairs ul{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:24px}
.ew-pairs li{position:relative;display:grid;gap:4px}
.ew-pairs__img{display:block;overflow:hidden;aspect-ratio:2/3;border-radius:12px;background:#000}
.ew-pairs__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ew-ease)}
.ew-pairs li:hover .ew-pairs__img img{transform:scale(1.05)}
.ew-pairs__bottle{position:absolute;right:6px;top:calc(100% * .42);height:44%;pointer-events:none}
.ew-pairs__bottle img{width:auto;height:100%;max-width:none;filter:drop-shadow(0 10px 12px #000c)}
.ew-pairs li b{margin-top:10px;font-size:16px}
.ew-pairs li>span:last-child{font-size:14px;line-height:1.5;color:var(--ew-tsub)}
.ew-films{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:end;margin-top:clamp(70px,7vw,110px)}
.ew-reelcard{margin:0}
.ew-reelcard__frame{position:relative;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 40px 90px -40px #000,0 0 0 1px #bba4f533}
.ew-reelcard video{width:100%;aspect-ratio:16/9;object-fit:cover}
.ew-reelcard__play{position:absolute;z-index:2;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:linear-gradient(0deg,#000a,#0000 60%);transition:opacity .4s}
.ew-reelcard__play span{display:grid;place-items:center;width:78px;height:78px;padding-left:5px;border-radius:50%;background:var(--ew-lav);color:var(--ew-night);font-size:22px;transition:transform .4s var(--ew-ease)}
.ew-reelcard--a .ew-reelcard__play span{background:#aa3c50;color:#fff}
.ew-reelcard__play b{font-size:15px;font-weight:700;color:#fff}
.ew-reelcard__play:hover span{transform:scale(1.08)}
.ew-reelcard.is-playing .ew-reelcard__play{opacity:0;pointer-events:none}
.ew-pipe .ew-reelcard__play span{width:56px;height:56px;font-size:18px}
.ew-reelcard figcaption{display:grid;gap:8px;margin-top:18px}
.ew-reelcard figcaption span{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--ew-lav)}
.ew-reelcard--a figcaption span{color:#ff9aaa}
.ew-reelcard figcaption p{max-width:560px;font-size:16px;color:var(--ew-tsub)}
.ew-mobile{overflow:hidden}
.ew-phones{display:flex;gap:clamp(16px,2vw,30px);width:max-content;margin-top:clamp(56px,6vw,96px);padding-inline:6vw;padding-bottom:50px;transform:translate3d(calc(var(--px,0) * -1px),0,0)}
.ew-phones .ew-phone{flex:none;width:clamp(170px,15vw,230px);transform:translateY(calc(var(--pp,0) * var(--sp) * 1px))}
.ew-phones .ew-phone:nth-child(even){margin-top:70px}
.ew-phones .ew-phone--a{box-shadow:0 40px 80px -30px #000b,0 0 0 1px #aa3c5088}
.ew-phones .ew-phone--b{box-shadow:0 40px 80px -30px #000b,0 0 0 1px #bba4f588}
.ew-phones figcaption{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-size:14px;font-weight:700;color:var(--ew-tsub)}
.ew-compare{padding-top:clamp(70px,7vw,110px)}
.ew-table{margin-top:clamp(56px,6vw,90px);border-top:1.5px solid var(--ew-text)}
.ew-table__row{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:28px;padding:18px 0;border-bottom:1px solid var(--ew-dline);font-size:16px;line-height:1.6}
.ew-table__row>span:first-child{font-weight:700;color:var(--ew-tsub)}
.ew-table__row--head{font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.08em}
.ew-table__row--head .is-a{color:#ff9aaa}
.ew-table__row--head .is-b{color:var(--ew-lav)}
.ew-table__row:last-child span:not(:first-child){font-weight:800}
.ew-credits{padding-top:clamp(40px,4vw,70px)}
.ew-backlabel{position:relative;max-width:980px;margin-inline:auto;padding:clamp(40px,4.4vw,70px) clamp(28px,4.6vw,76px) clamp(36px,3.6vw,56px);border-radius:4px;color:var(--ew-ink);background:radial-gradient(120% 90% at 30% 15%,#fffdf8 0,#f6f1e7 55%,#ebe3d4 100%);box-shadow:0 60px 120px -60px #000}
.ew-backlabel::before{content:"";position:absolute;inset:12px;border:1px solid #24121c55;outline:1px solid #24121c33;outline-offset:-5px;pointer-events:none}
.ew-backlabel header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1.5px solid var(--ew-ink);font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.1em}
.ew-backlabel header span:first-child{display:inline-flex;align-items:center;gap:10px}
.ew-backlabel__kicker{position:relative;margin-top:30px;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--ew-ruby-ink)}
.ew-backlabel h2{position:relative;margin-top:12px;font-family:var(--ew-serif);font-size:clamp(36px,3.8vw,60px)!important;font-weight:700;line-height:1.18!important}
.ew-backlabel__sub{position:relative;margin-top:14px;font-size:18px;font-weight:600;color:var(--ew-sub)}
.ew-backlabel dl{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--ew-ink)}
.ew-backlabel dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #24121c26}
.ew-backlabel dl div:nth-child(odd){padding-right:24px;border-right:1px solid #24121c26}
.ew-backlabel dl div:nth-child(even){padding-left:24px}
.ew-backlabel dt{font-size:14px;font-weight:800;color:var(--ew-ink)}
.ew-backlabel dd{font-size:15px;font-weight:500;color:var(--ew-sub)}
.ew-backlabel__foot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px}
.ew-backlabel__band{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));flex:1;max-width:420px;height:22px}
.ew-backlabel__band i{background:var(--c)}
.ew-backlabel__code{display:flex;align-items:flex-end;gap:2px;height:44px}
.ew-backlabel__code i{width:calc(var(--w) * 2px);height:100%;background:var(--ew-ink)}
.ew-backlabel__code small{margin-left:10px;font-family:var(--ew-mono);font-size:14px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.ew-ending{overflow:hidden;background:linear-gradient(0deg,#140a12f2 0,#140a12c7 50%,#140a12f5),var(--ew-end-bg,none) center/cover}
.ew-ending h2{margin-top:22px;font-size:clamp(38px,5vw,80px)}
.ew-ending .ew-wrap>p{margin-top:24px;font-size:18px;color:var(--ew-tsub)}
.ew-ending__links{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:40px}
.ew-others{margin-top:clamp(90px,9vw,140px)}
.ew-others__title{font-size:clamp(24px,2.2vw,32px)!important}
.ew-others ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.ew-others a{display:flex;flex-direction:column;gap:8px}
.ew-others__img{overflow:hidden;border-radius:16px;aspect-ratio:820/568;background:#ffffff0d}
.ew-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ew-ease)}
.ew-others a:hover img{transform:scale(1.04)}
.ew-others__tag{margin-top:8px;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--ew-lav)}
.ew-others strong{font-size:21px}
.ew-others__desc{font-size:15px;line-height:1.6;color:var(--ew-tsub)}

/* ---------------------------------------------------------------- index (bottom), lightbox, toast */
.ew-index{position:fixed;z-index:1001;left:50%;bottom:22px;display:flex;align-items:center;gap:2px;max-width:calc(100vw - 40px);padding:6px 6px 6px 16px;border-radius:99px;background:#fcfaf6eb;backdrop-filter:blur(10px);box-shadow:0 18px 40px #24121c33,inset 0 0 0 1px #24121c1f;transform:translate(-50%,140%);opacity:0;transition:transform .5s var(--ew-ease),opacity .5s,background .5s;font-family:'Pretendard Variable',Pretendard,sans-serif}
.ew-index.is-visible{transform:translate(-50%,0);opacity:1}
.ew-index__gauge{display:inline-flex;align-items:center;gap:8px;margin-right:10px;font-size:14px;font-weight:800;color:#7b2339}
.ew-index__gauge b:last-child{color:#6b47b8}
.ew-index__gauge>span{position:relative;width:70px;height:2px;background:#24121c1f}
.ew-index__gauge i{position:absolute;inset:0;background:linear-gradient(90deg,#30080c,#7b2339,#a45988,#bba4f5);transform:scaleX(var(--read,0));transform-origin:left}
.ew-index a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:99px;color:#5b4752;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.ew-index a b{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;color:#6f5d67}
.ew-index a span{display:none}
.ew-index a:hover{color:#24121c}
.ew-index a[aria-current]{background:#24121c;color:#f6f2eb}
.ew-index a[aria-current] b{color:#f6f2eb}
.ew-index a[aria-current] span{display:inline}
.ew-index.is-night{background:#140a12eb;box-shadow:0 18px 40px #0006,inset 0 0 0 1px #bba4f533}
.ew-index.is-night .ew-index__gauge{color:#ff9aaa}
.ew-index.is-night .ew-index__gauge b:last-child{color:#bba4f5}
.ew-index.is-night .ew-index__gauge>span{background:#f3edf526}
.ew-index.is-night a{color:#cbbfcb}
.ew-index.is-night a b{color:#a497aa}
.ew-index.is-night a:hover{color:#fff}
.ew-index.is-night a[aria-current]{background:#bba4f5;color:#140a12}
.ew-index.is-night a[aria-current] b{color:#140a12}
.ew-lightbox{width:min(1240px,94vw);max-width:none;height:92vh;max-height:none;padding:0;border:0;border-radius:18px;background:#140a12;color:#fff;overflow:hidden}
.ew-lightbox::backdrop{background:#140a12e6;backdrop-filter:blur(4px)}
.ew-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 20px;border-bottom:1px solid #ffffff1a}
.ew-lightbox__bar p{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600}
.ew-lightbox__close{padding:8px 16px;border-radius:99px;border:1px solid #ffffff4d;background:none;color:#fff;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600;cursor:pointer}
.ew-lightbox__scroll{height:calc(92vh - 60px);overflow:auto;padding:20px}
.ew-lightbox__list{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.ew-lightbox__list figure{margin:0}
.ew-lightbox__list img{display:block;width:100%;height:auto;border-radius:10px;background:#1d0f1b}
.ew-lightbox__list figcaption{display:flex;gap:10px;margin-top:10px;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600;color:#e2d8e4}
.ew-lightbox__list figcaption b{color:#bba4f5;font-family:'JetBrains Mono',monospace;font-size:14px}
.ew-lightbox__list li.is-target figure img{box-shadow:0 0 0 3px #bba4f5}
.ew-toast{position:fixed;z-index:2001;left:50%;bottom:90px;padding:12px 20px;border-radius:99px;background:#24121c;color:#f6f2eb;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:700;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.ew-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1440px){
  .ew-index a{padding:8px 7px}
  .ew-index__gauge>span{width:46px}
  .ew-pairs ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}
}
@media (max-width:1280px){
  .ew-index a{padding:8px 5px}
  .ew-index__gauge{margin-right:4px}
  .ew-index__gauge>span{width:30px}
  .ew-people{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ew-palette__chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ew-oldsite__grid span{height:96px}
  .ew-oldsite__grid img{height:80px}
}
@media (min-width:1101px) and (max-height:820px){
  .ew-label{padding-block:24px 22px}
  .ew-label__title{margin-top:18px;font-size:clamp(36px,4.4vw,70px)}
  .ew-label__vintage{top:58px;font-size:clamp(38px,3.6vw,58px)}
  .ew-beat{font-size:clamp(19px,1.7vw,26px)}
  .ew-read__canvas{height:min(58vh,500px)}
  .ew-entry{padding-block:100px 96px}
  .ew-entry__bottle img{height:min(46vh,380px)}
  .ew-entry__body{display:none}
  .ew-rack__pin{padding-top:90px}
  .ew-rack__notes{display:none}
}
@media (max-width:1100px){
  .ew-index{display:none}
  .ew-split,.ew-route-head,.ew-questions{grid-template-columns:1fr;gap:26px}
  .ew-meta{grid-template-columns:1fr 1fr}
  .ew-stats{grid-template-columns:1fr 1fr}
  .ew-stats li:nth-child(2){border-right:0}
  .ew-stats li:nth-child(3){padding-left:0}
  .ew-stats li:nth-child(n+3){margin-top:26px;border-top:1px solid var(--ew-line)}
  .ew-before{grid-template-columns:1fr}
  .ew-read{grid-template-columns:1fr;gap:0}
  .ew-read__stage{top:72px;height:auto;padding:14px 0 18px;background:var(--ew-white);z-index:2}
  .ew-read__canvas{height:min(46svh,420px)}
  .ew-read__steps{position:relative;z-index:1;padding-bottom:10vh}
  .ew-step{min-height:0;padding:30px 0 34vh;justify-content:flex-start}
  html.ew-motion .ew-dict{height:auto}
  .ew-dict__pin{position:relative;height:auto;min-height:0;padding:0 0 90px}
  .ew-dict__count,.ew-dict__nav{display:none}
  .ew-dict__list{position:relative;inset:auto;display:grid;gap:16px;width:calc(100% - 12vw);margin:0 auto}
  .ew-entry{position:relative;inset:auto;opacity:1;visibility:visible;grid-template-columns:minmax(0,1fr) 120px;grid-template-rows:auto auto auto auto;padding:30px 28px;border-radius:20px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--ew-dline);--st:1;--pl:1;--bo:1}
  .ew-entry__term{font-size:clamp(40px,8vw,72px);white-space:normal}
  .ew-entry__bottle img{height:200px}
  .ew-entry__body{display:block}
  html.ew-motion .ew-rack{height:auto}
  .ew-rack__pin{position:relative;height:auto;min-height:0;padding:20px 0 70px;grid-template-rows:auto auto auto}
  .ew-rack__top{grid-template-columns:1fr}
  .ew-rack__floor{height:62vw;max-height:520px;margin-top:40px}
  .ew-people{grid-template-columns:1fr 1fr}
  .ew-route{grid-template-columns:minmax(0,1fr)}
  .ew-logo-card{grid-template-columns:1fr}
  .ew-logo-card__mark{grid-row:auto}
  .ew-specimens{grid-template-columns:minmax(0,1fr)}
  .ew-principles{grid-template-columns:minmax(0,1fr)}
  .ew-sian__inner{grid-template-columns:minmax(0,1fr)}
  .ew-sian__device{padding-right:clamp(70px,16vw,150px)}
  .ew-sian__device .ew-phone{width:clamp(120px,22vw,190px)}
  .ew-notes__head{grid-template-columns:1fr;gap:14px}
  .ew-notes__strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ew-astills{grid-template-columns:1fr 1fr}
  .ew-astills li:nth-child(1){grid-column:1/-1}
  .ew-pipe{grid-template-columns:minmax(0,1fr)}
  .ew-pipe__arrow{transform:rotate(90deg);justify-self:center}
  .ew-films{grid-template-columns:minmax(0,1fr)}
  .ew-reelcard--a{max-width:640px}
  .ew-phones{overflow-x:auto;width:auto;transform:none;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ew-phones .ew-phone{transform:none;scroll-snap-align:center}
  .ew-table__row{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:16px;font-size:15px}
  .ew-others ul{grid-template-columns:1fr}
}
@media (max-width:720px){
  .ew{font-size:16px}
  .ew-wrap,.ew-read,.ew-notes__strip,.ew-dict__list{width:calc(100% - 40px)}
  .ew-sian__inner{width:calc(100% - 40px)}
  .ew-sec{padding-block:88px}
  .ew-prose p{font-size:17px}
  .ew-head{flex-direction:column;align-items:flex-start;gap:6px}
  html.ew-motion .ew-hero{height:400svh}
  .ew-hero__pin{background:#ecebe9}
  .ew-hero__stage{top:auto;bottom:0;width:205vw;transform:translate(-57%,0) scale(var(--z,1))}
  .ew-hero__beats{left:20px;right:20px;top:96px;width:auto;height:130px;transform:none}
  .ew-beat{font-size:clamp(19px,5.4vw,23px)}
  .ew-beat__tag{margin-bottom:6px}
  .ew-loupe{--r:46px}
  .ew-loupe__chip{padding:7px 10px}
  .ew-loupe__chip b{font-size:14px;letter-spacing:.02em}
  .ew-loupe--rim .ew-loupe__chip{right:auto;bottom:auto;left:calc(var(--r) * -.4);top:calc(var(--r) * 1.12)}
  .ew-hero__end b{font-size:26px}
  .ew-hero__end{font-size:14px}
  .ew-label{width:calc(100vw - 32px);padding:30px 22px 22px}
  .ew-label::before{inset:8px}
  .ew-label__top{flex-direction:column;gap:2px}
  .ew-label__vintage{top:84px;right:22px;font-size:42px}
  .ew-label__title{margin-top:34px;font-size:clamp(34px,10vw,48px)}
  .ew-label__foot span:nth-child(2){display:none}
  .ew-hero__hud{left:20px;right:20px;bottom:2svh;gap:10px;letter-spacing:.04em}
  .ew-gauge{width:24vw}
  .ew-hero__hint{display:none}
  .ew-meta{grid-template-columns:1fr}
  .ew-stats strong{font-size:clamp(52px,15vw,72px)}
  .ew-stats li>span{font-size:14px}
  .ew-quote{font-size:clamp(24px,6.6vw,32px)}
  .ew-oldsite__menu{display:none}
  .ew-oldsite__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ew-oldsite__grid span{height:84px}
  .ew-oldsite__grid img{height:70px}
  .ew-pin--3{left:auto;right:16px;top:150px}
  .ew-pixel__view{height:84px}
  .ew-pixel__canvas,.ew-pixel__text{left:12px}
  .ew-questions li{grid-template-columns:48px 1fr}
  .ew-questions strong{font-size:18px}
  .ew-read__canvas{padding:0;border-radius:16px;height:min(44svh,360px)}
  .ew-read__name{font-size:clamp(54px,16vw,80px)}
  .ew-read__chips{grid-template-columns:1fr;left:6%;right:6%;bottom:5%;gap:6px}
  .ew-read__chips i{width:24px;height:24px}
  .ew-read__chips span{display:none}
  .ew-read__logo{top:34%;width:110px}
  .ew-read__slogan{font-size:clamp(28px,8vw,38px)}
  .ew-read__quotes{grid-template-columns:1fr;inset:5%;gap:8px}
  .ew-read__q{padding:14px 16px}
  .ew-read__q p{margin-top:6px;font-size:24px}
  .ew-read__q--b p{font-size:18px}
  .ew-step h3{font-size:28px}
  .ew-step p{font-size:16px}
  .ew-entry{grid-template-columns:minmax(0,1fr) 84px;padding:24px 20px}
  .ew-entry__term{font-size:clamp(36px,10vw,52px)}
  .ew-entry__plain{font-size:clamp(24px,6.6vw,30px)}
  .ew-entry__body{font-size:15px}
  .ew-entry__bottle img{height:150px}
  .ew-entry__bottle figcaption{display:none}
  .ew-rack__modes button{padding:8px 12px 8px 10px;font-size:15px}
  .ew-rack__modes button b{font-size:22px}
  .ew-rack__floor{width:calc(100% - 24px);height:128vw;max-height:600px}
  .ew-rack__group b{font-size:14px}
  .ew-rack__group em{font-size:22px}
  .ew-rack__food{padding:3px 8px;font-size:14px}
  .ew-people{grid-template-columns:1fr}
  .ew-route__col{--route-gutter:30px;--route-axis:11px}
  .ew-route li{grid-template-columns:32px minmax(0,1fr) 14px;padding:14px}
  .ew-strip__cells{height:120px;border-radius:12px}
  .ew-strip__cells span{display:none}
  .ew-strip__picks{height:auto;display:grid;gap:18px}
  .ew-strip__pick{position:relative;left:auto;width:auto;white-space:normal}
  .ew-strip__pick--b{text-align:left}
  .ew-logo-card ul{grid-template-columns:1fr}
  .ew-board-cmp{aspect-ratio:4/5;border-radius:14px}
  .ew-board img{object-position:50% 50%}
  .ew-board__pt b{font-size:14px;padding:3px 8px}
  .ew-board__pt small{display:none}
  .ew-palette{padding:22px 18px}
  .ew-palette__chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ew-chip__swatch{height:120px}
  .ew-chip__swatch b{font-size:30px}
  .ew-specimen{padding:22px 20px 26px}
  .ew-specimen__label{flex-direction:column;gap:4px}
  .ew-big-a{font-size:clamp(46px,13vw,70px);white-space:normal}
  .ew-big-b{font-size:clamp(38px,11vw,56px)}
  .ew-pour__a,.ew-pour__b{font-size:clamp(26px,7.6vw,36px);padding-inline:20px}
  .ew-sian__device{padding-right:0}
  .ew-sian__device .ew-phone{position:relative;right:auto;bottom:auto;width:56%;margin:24px auto 0}
  .ew-chapter-bar{max-width:none}
  .ew-notes__strip{grid-template-columns:1fr;gap:26px}
  .ew-swap{aspect-ratio:4/5;border-radius:14px}
  .ew-swap__label{font-size:14px;top:12px;max-width:44%;white-space:normal}
  .ew-astills{grid-template-columns:1fr}
  .ew-pairs ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ew-table__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px}
  .ew-table__row>span:first-child{grid-column:1/-1}
  .ew-table__row--head>span:first-child{display:none}
  .ew-backlabel{padding:34px 20px 28px}
  .ew-backlabel::before{inset:8px}
  .ew-backlabel header{flex-direction:column;align-items:flex-start;gap:4px}
  .ew-backlabel dl{grid-template-columns:1fr}
  .ew-backlabel dl div,.ew-backlabel dl div:nth-child(odd),.ew-backlabel dl div:nth-child(even){grid-template-columns:96px minmax(0,1fr);padding-inline:0;border-right:0}
  .ew-backlabel__foot{flex-direction:column;align-items:stretch}
  .ew-backlabel__band{max-width:none}
  .ew-ending .ew-wrap>p br{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ew-js .ew-rv{opacity:1;transform:none;transition:none}
  .ew-js .ew-strip:not(.is-in) .ew-strip__cells li{--sg:1}
  .ew-rack__bottles li,.ew-rack__group,.ew-rack__shelf{transition:none}
}