@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-variable.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:Hand;src:url(/fonts/caveat-latin-variable.woff2);font-weight:400 700;font-display:swap}
@font-face{font-family:Sans;src:url(assets/pretendard-latin.woff2);font-weight:100 900;font-display:swap}
:root{--paper:#efe6d8;--ink:#1c1a17;--seal:#9a3b47;--pine:#2e4b3f;--rose:#d39aa5;--rose-ink:#342329;--stone:#625c53;--line:#d6c9b7;--p:1;--paint:1;--curtain:1;--serif:var(--locale-serif, Fraunces),Georgia,serif;--hand:var(--locale-hand, Hand),cursive;--sans:var(--locale-sans, Sans),system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:66px;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--seal);outline-offset:6px}::selection{background:#9a3b4733}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{display:block;width:100%;height:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.hand{font:500 30px/1.1 var(--hand);color:var(--seal)}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}.small-copy{font-size:14px;line-height:1.65;color:var(--stone);max-width:40ch}.body-copy{font-size:18px;line-height:1.6;max-width:37ch}.ink-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid currentColor;margin-top:24px;color:var(--pine)}.design-switch{padding:0 calc(var(--how-layout-width) * 0.04);height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6c9b780;font-size:12px}.design-switch>span{color:var(--stone)}.design-switch>div{display:flex;gap:24px}.design-switch a{display:flex;align-items:center;min-height:44px}.design-switch a[aria-current]{color:var(--seal);border-bottom:2px solid currentColor}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;background:var(--seal);color:var(--paper);padding:18px 24px;min-height:56px;font-size:16px}.cta:hover{background:#81313d}.cta span{font-size:22px}.opening{position:relative}.editorial-opening{display:grid;grid-template-columns:1.02fr .98fr;min-height:690px;max-height:960px;height:calc(100svh - 48px)}.opening-copy{padding:calc(var(--how-layout-width) * 0.07) calc(var(--how-layout-width) * 0.05) calc(var(--how-layout-width) * 0.05);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.opening h1{font:300 clamp(60px,calc(var(--how-layout-width) * 0.072),112px)/1.02 var(--serif);letter-spacing:-.055em;margin:29px 0}.opening h1 em{font-weight:300;color:var(--seal)}.opening-lead{font:18px/1.65 var(--sans);color:var(--stone);margin-bottom:30px}.opening-note{margin-top:31px;transform:rotate(-4deg)}.opening-photo{position:relative;overflow:hidden}.opening-photo>img{height:100%;object-fit:cover;object-position:52% 50%}.opening-photo figcaption{position:absolute;inset:auto 25px 22px;color:#fff;font:26px var(--hand);text-shadow:0 1px 8px #000}.opening-photo figcaption span{display:block;font:11px var(--sans);margin-top:5px}.journey-overview{padding:55px calc(var(--how-layout-width) * 0.07) 35px;max-width:1380px;margin:auto}.painted-flow{position:relative;padding:22px 0 28px}.painted-flow>.brush{position:absolute;inset:0;width:100%;height:115px}.painted-flow ol{position:relative;display:flex;justify-content:space-between;gap:25px;align-items:center}.painted-flow li{font:500 30px/1.15 var(--hand);background:var(--paper);padding:10px 15px;max-width:35%;text-align:center;transform:rotate(-2deg)}.painted-flow li:nth-child(2){transform:rotate(2deg)}.painted-flow small{display:block;font:13px/1.5 var(--sans);color:var(--stone);margin-top:7px}.brush{display:block;overflow:visible;color:var(--seal);pointer-events:none}.brush path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;filter:url(#drybrush);vector-effect:non-scaling-stroke}.brush-ghost{stroke-width:2;opacity:.13}.brush-ink{stroke-width:5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint))}.brush-hair{stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint));transform:translateY(3px);opacity:.5}.chapter{max-width:1480px;margin:auto;display:grid;grid-template-columns:.83fr 1.17fr;gap:calc(var(--how-layout-width) * 0.06);padding:105px calc(var(--how-layout-width) * 0.05);align-items:center}.chapter-two,.chapter-home{grid-template-columns:1.13fr .87fr}.chapter-copy{min-width:0}.chapter-meta{font:500 25px/1.15 var(--hand);color:var(--seal);display:flex;gap:15px;align-items:center;margin-bottom:26px}.chapter-meta>span{font:300 48px/1 var(--serif);color:var(--seal)}.chapter h2,.consult-chapter h2,.care-chapter h2,.pin-inner h2{font:300 clamp(40px,calc(var(--how-layout-width) * 0.047),69px)/1.05 var(--serif);letter-spacing:-.04em;margin-bottom:28px}.chapter-copy .body-copy+.small-copy{margin-top:24px}.chapter-copy .small-copy+.small-copy{margin-top:12px}.margin-note{margin-top:35px;transform:rotate(-5deg);padding-left:9px}.art{position:relative;padding-bottom:85px}.art-image{position:relative;overflow:hidden;background:#e9dfcc}.art-image>img{aspect-ratio:1.5;object-fit:cover}.art-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 20px 5px #f2ebe028;pointer-events:none}.art-note{position:absolute;font:500 28px/1.04 var(--hand);color:var(--pine);transform:rotate(-4deg);z-index:2}.art-note small{font:400 22px/1.1 var(--hand);color:var(--stone)}.art-note svg{display:block;width:100px;height:42px;overflow:visible;transform:rotate(169deg);margin:-1px 0 0 25px}.art-note path{fill:none;stroke:currentColor;stroke-width:2.8;filter:url(#drybrush);stroke-linecap:round}.bottom-left{bottom:10px;left:6%;max-width:75%}.bottom-right{bottom:5px;right:4%;max-width:80%}.bottom-right svg{margin-left:auto;transform:scaleX(-1) rotate(160deg)}.ink-notes{margin:30px 0 24px;display:grid;gap:12px}.ink-notes li{font:500 27px/1.15 var(--hand);position:relative;padding-left:28px}.ink-notes li:before{content:'';position:absolute;left:1px;top:7px;width:15px;height:6px;background:var(--seal);clip-path:polygon(0 40%,100% 0,84% 88%,6% 100%);transform:rotate(-14deg)}.consult-chapter{padding:80px calc(var(--how-layout-width) * 0.05) 105px;max-width:1480px;margin:auto}.wide-heading{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--how-layout-width) * 0.08);align-items:end;margin-bottom:38px}.wide-heading h2{margin-bottom:0}.wide-heading .body-copy{justify-self:end;padding-bottom:7px}.consult-chapter .art{padding:70px 0 0}.consult-chapter .art img{aspect-ratio:1.9;object-position:center 38%}.role-notes{position:absolute;inset:0;pointer-events:none}.role-notes .art-note{top:4px}.role-notes .clinician{left:10%;color:var(--pine)}.role-notes .visitor{right:12%;color:var(--seal);transform:rotate(4deg)}.role-notes .art-note svg{transform:rotate(0);position:absolute;top:8px;left:100%;width:90px;height:60px}.role-notes .visitor svg{left:auto;right:100%;transform:scaleX(-1);margin-right:20px}.decision-flow{margin:30px 0 10px;padding:28px 0}.decision-flow li{font-size:30px}.choice-row{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center;padding:20px calc(var(--how-layout-width) * 0.04) 0}.choice-row>.hand{transform:rotate(-5deg)}.choice-row ul{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.choice-row li{position:relative;font:500 36px var(--hand);color:var(--seal)}.choice-row li:before{content:'';position:absolute;left:-8px;right:10px;top:-7px;height:53px;border:2.5px solid currentColor;border-radius:42% 59% 40% 60%;transform:rotate(-4deg);filter:url(#drybrush);opacity:.45}.choice-row li small{display:block;font:14px/1.5 var(--sans);color:var(--stone);margin-top:17px}.care-chapter{background:var(--rose);color:var(--rose-ink);padding:90px calc(var(--how-layout-width) * 0.05) 60px}.care-heading{max-width:1320px;margin:auto auto 55px;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--how-layout-width) * 0.08);align-items:end}.care-heading .body-copy{justify-self:end;max-width:34ch;margin-bottom:28px;color:var(--rose-ink)}.care-chapter .chapter-meta,.care-chapter .chapter-meta>span{color:#592e3f}.city-spread{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:calc(var(--how-layout-width) * 0.06);align-items:start}.city-main img{aspect-ratio:1.2;object-fit:cover}.city-side{padding-top:75px}.city-side img{aspect-ratio:1.3;object-fit:cover}.city-spread figcaption{font:500 29px/1.2 var(--hand);margin-top:18px;transform:rotate(-2deg)}.city-spread figcaption small{display:block;font:11px var(--sans);opacity:.7;margin-top:10px}.city-side>.hand{color:#592e3f;font-size:42px;transform:rotate(-4deg);margin:40px 25px 0}.care-foot{max-width:1320px;margin:45px auto 0;display:flex;gap:40px;justify-content:space-between;align-items:center}.care-foot p{font:15px/1.6 var(--sans);color:var(--rose-ink);max-width:57ch}.care-foot .ink-link{color:var(--rose-ink);margin:0;white-space:nowrap}.home-flow{margin:24px 0 18px;padding:25px 0 45px}.home-flow .brush{height:150px}.home-flow li{font-size:25px;padding:8px}.safety-note{font:13px/1.6 var(--sans);color:var(--stone);margin-top:12px}.next-chapter{padding:65px calc(var(--how-layout-width) * 0.05) 75px;border-top:1px solid var(--line)}.explore-links{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:26px}.explore-links>a{position:relative;border-bottom:1px solid var(--line);padding:22px 25px 27px 0;min-height:110px}.explore-links span{font:14px var(--sans);color:var(--stone)}.explore-links h3{font:300 32px/1.2 var(--serif);margin-top:15px;letter-spacing:-.02em}.explore-links b{position:absolute;right:0;bottom:30px;font-size:24px;font-weight:400;color:var(--seal)}.invitation{text-align:center;padding:90px 24px 75px;background:#eae0d0}.invitation h2{font:300 clamp(52px,calc(var(--how-layout-width) * 0.07),96px)/1.1 var(--serif);letter-spacing:-.055em;margin:20px 0 30px}.actions{display:flex;justify-content:center;gap:30px;align-items:center;flex-wrap:wrap}.text-button{border:0;border-bottom:1px solid currentColor;min-height:44px;background:none;color:var(--pine);padding:7px 0;font-size:15px}.invitation .small-copy{margin:23px auto 0;max-width:none}.terms-note{margin-top:26px;font-size:12px;line-height:1.8;color:var(--stone)}.page-footer{padding:44px calc(var(--how-layout-width) * 0.05) 26px;background:var(--ink);color:var(--paper)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;align-items:start}.wordmark{font:26px var(--serif);letter-spacing:.13em}.footer-top>p{font:14px/1.6 var(--sans);color:#c8bdab}.footer-top nav{display:flex;justify-content:flex-end;gap:25px;font-size:13px}.footer-top nav a{min-height:44px;display:inline-flex;align-items:center}.legal{border-top:1px solid #ffffff20;margin-top:35px;padding-top:27px;font-size:11px;line-height:1.8;color:#b8ae9e;max-width:118ch}.copyright{margin-top:25px;font-size:11px;color:#b8ae9e}
/* A different reading sequence: a curtain, a brief handed over, and a conversation. */
.curtain-opening{min-height:650px;height:calc(100svh - 48px);max-height:980px;overflow:hidden}.curtain-photo{position:absolute;inset:0 0 0 38%}.curtain-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.opening-paper{position:relative;z-index:1;background:var(--paper);padding:calc(var(--how-layout-width) * 0.07) calc(var(--how-layout-width) * 0.05) calc(var(--how-layout-width) * 0.05);width:58%;height:100%;clip-path:polygon(0 0,98% 0,97.5% 13%,98.3% 31%,97.7% 48%,98% 65%,97.4% 83%,98.2% 100%,0 100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.curtain-opening h1{font-size:clamp(56px,calc(var(--how-layout-width) * 0.063),99px)}.opening-paper .hand{margin:4px 0 0}.opening-brush{width:200px;height:54px;margin:15px 0 22px;color:var(--seal)}.scroll-note{font-size:12px;color:var(--stone)}.photo-credit{position:absolute;right:22px;bottom:18px;font-size:11px;color:white;text-shadow:0 1px 5px #000}.journey-ribbon{display:flex;position:sticky;top:0;z-index:10;background:var(--paper);justify-content:center;gap:calc(var(--how-layout-width) * 0.07);border-bottom:1px solid #d6c9b780;padding:4px 24px}.journey-ribbon a{font:500 24px/1 var(--hand);min-height:48px;display:inline-flex;align-items:center;color:var(--stone);position:relative}.journey-ribbon a.is-current{color:var(--seal)}.journey-ribbon a.is-current:after{content:'';position:absolute;bottom:4px;left:-3px;right:-3px;height:3px;background:var(--seal);clip-path:polygon(0 50%,97% 0,100% 65%,0 100%)}.curtain-first{padding-top:85px;grid-template-columns:.85fr 1.15fr}.little-brief{margin-top:40px;position:relative}.little-brief .hand{font-size:28px}.little-brief .brush{width:90%;height:28px;margin-top:-5px}.little-brief p{font:13px var(--sans);color:var(--stone);margin-top:8px}.handoff-scene,.consult-scroll{max-width:1500px;margin:auto;padding:20px calc(var(--how-layout-width) * 0.04) 70px}.pin-inner{display:grid;grid-template-columns:1.7fr 1fr;gap:calc(var(--how-layout-width) * 0.02) calc(var(--how-layout-width) * 0.04);align-items:center;position:relative}.pin-inner .art{padding-bottom:70px}.pin-inner h2{font-size:clamp(38px,calc(var(--how-layout-width) * 0.035),54px)}.pin-inner .chapter-meta{margin-bottom:20px}.pin-inner .chapter-meta>span{font-size:34px}.pin-inner .chapter-meta{font-size:23px}.scroll-beats>div{margin:25px 0}.scroll-beats .hand{font-size:32px;display:block;margin-bottom:12px}.scroll-beats p{font-size:17px;line-height:1.6;max-width:32ch}.scroll-beats h3{font:300 37px/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 20px}.pin-inner .ink-notes{margin-top:28px}.pin-inner .ink-notes li{font-size:25px}.handoff-route,.consult-route{grid-column:1/-1;width:100%;max-width:1000px;margin:auto}.handoff-route .painted-flow,.consult-route .painted-flow{padding:8px 0 15px}.handoff-route .brush,.consult-route .brush{height:95px}.chapter-separator{padding:20px 20px 45px;text-align:center}.chapter-separator .hand{font-size:36px}.chapter-separator .brush{width:130px;height:70px;margin:5px auto 0}.consult-scroll .art{padding-top:66px;padding-bottom:0}.consult-scroll .role-notes .art-note{font-size:27px;top:4px}.consult-scroll .role-notes .clinician{left:3%}.consult-scroll .role-notes .visitor{right:10%}.consult-scroll .role-notes .art-note svg{width:60px;margin:0;top:15px}.consult-scroll .chapter-copy>.small-copy{margin-top:25px}.paper-curtain{display:none}.curtain-home{grid-template-columns:.9fr 1.1fr}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){.motion-ready [data-pin]{height:175svh;padding-bottom:0}.motion-ready .pin-inner{position:sticky;top:57px;height:calc(100svh - 57px);padding:4vh 0;grid-template-rows:1fr auto}.motion-ready .scroll-beats{display:grid;min-height:200px}.motion-ready .scroll-beats>div{grid-area:1/1;opacity:0;transform:translateY(15px);transition:opacity .22s,transform .4s;pointer-events:none;margin:0}.motion-ready .scroll-beats>div.is-active{opacity:1;transform:none;pointer-events:auto}.motion-ready .paper-curtain{position:absolute;inset:0 0 0 62%;background:var(--seal);color:var(--paper);z-index:1;padding:9% 5%;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(calc(var(--curtain)*104%));clip-path:polygon(2% 0,100% 0,100% 100%,1% 100%,2.5% 80%,0 50%,2% 25%)}.paper-curtain span{font:300 clamp(19px,calc(var(--how-layout-width) * 0.0205),29px)/1.2 var(--serif)}.paper-curtain i{font:500 21px/1.2 var(--hand)}.motion-ready .consult-scroll{height:185svh}.motion-ready .opening-paper{transform:translateX(calc(var(--p)*-11%))}.motion-ready .curtain-photo{transform:translateX(calc(var(--p)*-3%))}.motion-ready .pin-inner .art-image img{max-height:calc(100svh - 280px);object-fit:cover}.motion-ready .consult-scroll .art-image img{object-position:center 37%}.motion-ready .handoff-route,.motion-ready .consult-route{align-self:end}}
@media(min-width:851px) and (max-height:780px){.motion-ready .pin-inner{padding:20px 0;gap:0 calc(var(--how-layout-width) * 0.04)}.pin-inner h2{font-size:36px;margin-bottom:20px}.pin-inner .chapter-meta{margin-bottom:12px}.scroll-beats h3{font-size:29px}.scroll-beats p{font-size:15px}.motion-ready .scroll-beats{min-height:175px}.pin-inner .ink-notes{margin:10px 0}.pin-inner .ink-notes li{font-size:22px}.consult-scroll .chapter-copy>.small-copy{margin-top:14px;font-size:12px}.motion-ready .pin-inner .art-image img{max-height:calc(100svh - 250px)}.handoff-route li,.consult-route li{font-size:26px}}
@media(max-width:850px){
 html{scroll-padding-top:54px}.design-switch{padding:0 22px;font-size:11px}.design-switch>div{gap:16px}.design-switch>span{font-size:10px}.editorial-opening{min-height:0;max-height:none;height:auto;display:block}.opening-copy{padding:52px 26px 40px}.opening h1{font-size:clamp(61px,calc(var(--how-layout-width) * 0.11),88px);margin:22px 0}.opening-lead{font-size:16px;margin-bottom:23px}.opening-note{font-size:27px;margin-top:24px}.opening-photo{height:380px;margin:0 20px}.opening-photo figcaption{font-size:26px;left:18px;bottom:17px}.journey-overview{padding:32px 17px 0}.painted-flow{padding:18px 0 20px}.painted-flow ol{gap:4px}.painted-flow li{font-size:25px;padding:8px 4px;max-width:35%}.painted-flow small{font-size:11px;line-height:1.4}.painted-flow>.brush{height:90px}.chapter,.chapter-two,.chapter-home,.curtain-first,.curtain-home{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:65px 22px 25px}.chapter-copy{padding:0 4px}.chapter-two>.chapter-copy,.chapter-home>.chapter-copy{order:-1}.chapter-meta{font-size:23px;margin-bottom:21px;gap:12px}.chapter-meta>span{font-size:37px}.chapter h2,.consult-chapter h2,.care-chapter h2,.pin-inner h2{font-size:clamp(43px,calc(var(--how-layout-width) * 0.07),60px);margin-bottom:22px}.body-copy{font-size:17px;line-height:1.6;max-width:40ch}.small-copy{font-size:14px}.chapter-copy .body-copy+.small-copy{margin-top:19px}.margin-note{margin-top:24px;font-size:28px}.art{padding-bottom:75px}.art-image>img{aspect-ratio:1.23;object-fit:cover}.conversation .art-image>img{object-position:65% 50%}.preparation .art-image>img{object-position:35% 50%}.home .art-image>img{object-position:33% 50%}.art-note{font-size:25px}.art-note small{font-size:20px}.art-note svg{height:35px;width:80px}.bottom-right{right:5%}.bottom-left{left:6%}.ink-notes{margin:23px 0;gap:10px}.ink-notes li{font-size:26px}.consult-chapter{padding:45px 22px 55px}.wide-heading{display:block;margin-bottom:25px}.wide-heading .body-copy{padding:0}.consult-chapter .art{padding-top:76px}.consult-chapter .art img{aspect-ratio:1.2;object-position:center 35%}.role-notes .art-note{font-size:25px;top:8px}.role-notes .clinician{left:1%;max-width:62%}.role-notes .visitor{right:5%}.role-notes .art-note svg{left:30%;top:47px;width:58px;height:30px;transform:rotate(40deg)}.role-notes .visitor svg{top:39px;right:15%;left:auto;width:53px;height:32px;transform:rotate(23deg)}.decision-flow{margin:14px 0 4px}.decision-flow li{font-size:23px;max-width:33%}.choice-row{display:block;padding:5px 5px 0}.choice-row>.hand{font-size:28px;margin:5px 0 25px;transform:rotate(-3deg)}.choice-row>.hand br{display:none}.choice-row ul{gap:20px}.choice-row li{font-size:32px}.choice-row li:before{height:47px;right:-4px;left:-5px}.choice-row li small{font-size:12px;margin-top:12px}.care-chapter{padding:55px 24px 45px}.care-heading{display:block;margin-bottom:30px}.care-heading .body-copy{font-size:17px;max-width:40ch;margin:0}.city-spread{display:block}.city-main img{aspect-ratio:1.2}.city-spread figcaption{font-size:27px;margin-top:14px}.city-spread figcaption small{font-size:10px;line-height:1.5}.city-side{padding-top:38px;display:grid;grid-template-columns:1fr .75fr;gap:24px;align-items:center}.city-side img{aspect-ratio:1}.city-side figcaption{font-size:22px}.city-side figcaption small{font-size:9px}.city-side>.hand{font-size:30px;margin:0}.care-foot{margin-top:30px;display:block}.care-foot p{font-size:14px}.care-foot .ink-link{margin-top:18px;font-size:14px}.home-flow{padding:18px 0 36px;margin:24px 0 18px}.home-flow li{font-size:24px}.home-flow .brush{height:125px}.next-chapter{padding:45px 26px}.explore-links{display:block;margin-top:14px}.explore-links>a{display:block;min-height:94px;padding:21px 30px 24px 0}.explore-links span{font-size:12px}.explore-links h3{font-size:29px;margin-top:9px}.explore-links b{bottom:27px;font-size:24px}.invitation{padding:53px 24px 45px}.invitation>.hand{font-size:28px;max-width:26ch;margin:auto}.invitation h2{font-size:53px;margin:21px 0 25px}.invitation .small-copy{font-size:13px}.terms-note{font-size:11px;max-width:45ch;margin:22px auto 0}.terms-note br{display:none}.actions{gap:18px 28px}.cta{padding:15px 21px;min-height:52px;font-size:15px}.footer-top{display:block}.wordmark{font-size:25px}.footer-top>p{font-size:13px;margin-top:22px}.footer-top nav{justify-content:flex-start;gap:26px;margin-top:18px;font-size:12px}.page-footer{padding:36px 26px 25px}.legal{margin-top:22px;padding-top:22px;font-size:10px}.copyright{font-size:10px}.curtain-opening{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}.opening-paper{width:100%;min-height:0;padding:48px 26px 35px;clip-path:none;height:auto}.curtain-opening h1{font-size:clamp(57px,calc(var(--how-layout-width) * 0.1),83px)}.opening-paper .hand{font-size:27px}.opening-brush{width:150px;height:43px;margin:8px 0 10px}.curtain-photo{position:relative;inset:auto;order:2;height:330px;margin:0 20px 20px}.curtain-photo img{object-position:center 45%}.photo-credit{bottom:35px;right:31px;font-size:9px;z-index:2}.journey-ribbon{padding:2px 15px;gap:0;justify-content:space-between}.journey-ribbon a{font-size:21px;min-height:48px}.little-brief{margin-top:28px}.little-brief .hand{font-size:27px}.little-brief p{font-size:12px}.handoff-scene,.consult-scroll{padding:50px 22px 30px;height:auto}.pin-inner{display:flex;flex-direction:column;gap:26px;height:auto;position:static}.pin-inner>.chapter-copy{order:-1;width:100%}.pin-inner .stage-picture{width:100%}.pin-inner .art{padding-bottom:70px}.pin-inner .chapter-meta>span{font-size:37px}.pin-inner .chapter-meta{font-size:23px;margin-bottom:21px}.scroll-beats{display:block;padding-left:24px;position:relative}.scroll-beats:before{content:'';position:absolute;top:8px;bottom:6px;left:0;width:4px;background:var(--seal);opacity:.35;clip-path:polygon(20% 0,78% 0,70% 30%,100% 55%,60% 80%,78% 100%,14% 100%,35% 74%,0 42%)}.scroll-beats>div{position:relative;margin:26px 0;opacity:1;transform:none}.scroll-beats>div:before{content:'';position:absolute;width:10px;height:10px;left:-28px;top:11px;background:var(--seal);border-radius:38% 48% 31% 52%;transform:rotate(-25deg)}.scroll-beats .hand{font-size:29px;margin-bottom:8px}.scroll-beats p{font-size:16px;max-width:32ch}.scroll-beats h3{font-size:31px;margin-bottom:13px}.pin-inner .ink-notes{display:flex;gap:13px;flex-wrap:wrap;padding-top:5px}.pin-inner .ink-notes li{font-size:23px;padding-left:20px}.pin-inner .ink-notes li:before{width:12px}.handoff-route,.consult-route{width:100%;margin-top:-18px}.handoff-route li,.consult-route li{font-size:23px}.chapter-separator{padding:6px 24px 0}.chapter-separator .hand{font-size:31px}.chapter-separator .brush{height:50px;width:105px}.consult-scroll .pin-inner{gap:20px}.consult-scroll .art{padding:76px 0 0}.consult-scroll .role-notes .art-note{font-size:25px;top:8px}.consult-scroll .role-notes .clinician{left:1%}.consult-scroll .role-notes .visitor{right:5%}.consult-scroll .role-notes .art-note svg{top:45px;left:30%;width:55px;height:30px}.consult-scroll .role-notes .visitor svg{right:15%;left:auto}.consult-route{margin-top:0;margin-bottom:22px}.consult-scroll .chapter-copy>.small-copy{font-size:13px;max-width:40ch;margin-top:20px}.curtain-home .art{margin-top:3px}.paper-curtain{display:none!important}
}
@media(max-width:400px){.design-switch{padding:0 17px}.design-switch>span{max-width:80px;line-height:1.3}.design-switch>div{gap:15px}.opening h1{font-size:62px}.curtain-opening h1{font-size:57px}.opening-copy,.opening-paper{padding-left:23px;padding-right:23px}.chapter h2,.consult-chapter h2,.care-chapter h2,.pin-inner h2{font-size:43px}.painted-flow li{font-size:23px}.painted-flow small{font-size:10px}.role-notes .art-note,.consult-scroll .role-notes .art-note{font-size:23px}.role-notes .art-note small{font-size:19px}.role-notes .visitor{right:4%}.city-side{gap:17px;grid-template-columns:1.1fr .8fr}.city-side>.hand{font-size:28px}.journey-ribbon a{font-size:20px}.choice-row ul{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brush-ink,.brush-hair{stroke-dashoffset:0!important}.opening-paper,.curtain-photo{transform:none!important}.paper-curtain{display:none!important}[data-pin]{height:auto!important}.pin-inner{position:static!important;height:auto!important}.scroll-beats{display:block!important}.scroll-beats>div{opacity:1!important;transform:none!important;margin:25px 0!important}.art video{display:none!important}}
.bottom-left svg,.bottom-right svg{height:22px;width:145px;margin:-1px 0 0;transform:none}
.art-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}
.animation-control{position:absolute;right:14px;bottom:12px;z-index:3;border:0;background:#f2ebe0e8;color:var(--pine);font:12px var(--sans);min-height:44px;padding:0 15px;border-radius: 0}
.animation-control:hover{background:var(--paper)}
@media(max-width:850px){.animation-control{right:9px;bottom:8px;font-size:11px;min-height:38px;padding:0 12px}.art-image>video{object-fit:cover;object-position:center}.bottom-left svg,.bottom-right svg{height:20px;width:125px}}
@media(prefers-reduced-motion:reduce){.animation-control{display:none}}

@media(min-width:851px){.role-notes .clinician svg{top:22px;transform:rotate(42deg)}.role-notes .visitor svg{top:22px;transform:scaleX(-1) rotate(42deg)}}
/* Opening copy stays in the reading area as the page scrolls. */
.motion-ready .opening-paper,.motion-ready .curtain-photo{transform:none}
@media(max-width:850px){
 .pin-inner>.chapter-copy{display:contents}
 .pin-inner .chapter-title{order:0;width:100%}
 .pin-inner>.stage-picture{order:1}
 .pin-inner .scroll-beats{order:2;width:100%;margin-top:0}
 .pin-inner .ink-notes,.pin-inner .chapter-copy>.small-copy{order:3;width:100%;margin-top:0}
 .handoff-route,.consult-route{order:4}
 .consult-scroll .pin-inner{gap:16px}
 .consult-scroll .chapter-title h2{margin-bottom:0}
}
@media(max-width:850px){.art,.pin-inner .art{padding-bottom:90px}.consult-chapter .art,.consult-scroll .art{padding-bottom:0}}
.painted-flow>.brush-mobile{display:none}
@media(max-width:850px){
 .chapter .painted-flow,.decision-flow,.handoff-route .painted-flow,.consult-route .painted-flow{padding:0;margin:14px 0 22px}
 .chapter .painted-flow>svg:not(.brush-mobile),.decision-flow>svg:not(.brush-mobile),.handoff-route .painted-flow>svg:not(.brush-mobile),.consult-route .painted-flow>svg:not(.brush-mobile){display:none}
 .chapter .painted-flow>.brush-mobile,.decision-flow>.brush-mobile,.handoff-route .brush-mobile,.consult-route .brush-mobile{display:block;inset:0 auto 0 0;width:32px;height:100%}
 .chapter .painted-flow ol,.decision-flow ol,.handoff-route .painted-flow ol,.consult-route .painted-flow ol{display:block;padding-left:37px}
 .chapter .painted-flow li,.decision-flow li,.handoff-route .painted-flow li,.consult-route .painted-flow li{background:none;text-align:left;max-width:none;font-size:26px;padding:10px 3px;transform:rotate(-1deg)}
 .choice-row{padding-top:6px}
}
.conversation-ways{display:grid;gap:12px;margin:25px 0}
.conversation-link{display:block;border:1px solid var(--seal);background:var(--seal);text-align:left;color:var(--paper);padding:17px 20px;width:100%;transition:background-color .18s,border-color .18s}
.conversation-link .hand{display:block;font-size:30px;line-height:1.1;color:inherit}
.conversation-link>span:last-child{display:flex;gap:20px;justify-content:space-between;align-items:center;font:13px/1.5 var(--sans);color:inherit;margin-top:6px}
.conversation-link b{font-size:23px;font-weight:400;color:inherit}
.conversation-link:hover,.conversation-link:active{background:#81313d;border-color:#81313d}
.review-caption{height:36px;padding:0 calc(var(--how-layout-width) * 0.04);display:flex;justify-content:space-between;align-items:center;color:var(--stone);font-size:11px;border-bottom:1px solid #d6c9b780}
.flight-transition{max-width:850px;margin:0 auto;padding:10px calc(var(--how-layout-width) * 0.05) 28px;text-align:center}
.flight-transition>.hand{font-size:29px}
.flight-route{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:15px;margin-top:4px;color:var(--pine);font:500 27px var(--hand)}
.flight-route>span{padding-bottom:2px}
.flight-track{height:100px;position:relative;min-width:0}
.flight-track>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flight-track path{fill:none;stroke:var(--seal);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint));filter:url(#drybrush);vector-effect:non-scaling-stroke}
.flight-track>img{position:absolute;width:100px;height:auto;left:var(--plane-x,50%);top:var(--plane-y,20%);transform:translate(-50%,-50%) rotate(-4deg)}
@media(max-width:850px){.flight-transition{padding:8px 26px 18px}.flight-transition>.hand{font-size:26px}.flight-route{font-size:24px;gap:8px}.flight-track{height:84px}.flight-track>img{width:82px}.flight-route>span{padding-bottom:0}}
.k-carousel{position:relative;width:100%;height:100%;overflow:hidden;background:#483c30}
.k-slide{position:absolute;inset:0;opacity:0;transition:opacity 900ms ease;pointer-events:none}
.k-slide.is-active{opacity:1}
.k-slide>img{height:100%;width:100%;object-fit:cover;object-position:46% 50%}
.k-slide:first-child>img{object-position:38% 50%}
.k-slide:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#181611ac);pointer-events:none}
.opening-photo .k-slide figcaption{position:absolute;inset:auto 34px 82px;z-index:1;color:#fff;text-shadow:0 1px 8px #0004;transform:none}
.k-slide .k-theme{font:12px var(--sans);text-transform:uppercase;letter-spacing:.16em;display:block;margin:0 0 12px}
.k-slide strong{font:300 clamp(32px,calc(var(--how-layout-width) * 0.032),48px)/1.05 var(--serif);letter-spacing:-.025em;display:block;max-width:15ch}
.k-slide small{display:block;font:11px/1.5 var(--sans);margin-top:13px;opacity:.84}
.k-indicators{position:absolute;left:34px;right:34px;bottom:25px;z-index:2;display:flex;gap:20px;color:#fff}
.k-indicators span{font:11px var(--sans);flex:1;padding-top:10px;border-top:1px solid #ffffff60;opacity:.65}
.k-indicators span.is-active{border-top:2px solid #fff;opacity:1}
.photo-control{position:absolute;right:18px;top:18px;z-index:3;min-height:44px;padding:0 17px;border:1px solid #ffffff90;background:#26251b55;color:white;font:12px var(--sans);backdrop-filter:blur(8px)}
.motion-ready .art-note path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint))}
.motion-ready .art-note{opacity:clamp(.35,calc(var(--p)*2),1)}
.motion-ready .ink-notes li{opacity:clamp(.4,calc(var(--p)*2 - var(--note-step,0)),1);transform:translateY(clamp(0px,calc((1 - var(--p))*9px),9px))}
.ink-notes li:nth-child(2){--note-step:.18}.ink-notes li:nth-child(3){--note-step:.36}
.motion-ready .painted-flow li{opacity:clamp(.4,calc(var(--paint)*2 - var(--note-step,0)),1)}
.painted-flow li:nth-child(2){--note-step:.25}.painted-flow li:nth-child(3){--note-step:.5}
@media(max-width:850px){.opening-photo{height:430px}.opening-photo .k-slide figcaption{left:22px;right:22px;bottom:76px}.k-slide strong{font-size:35px}.k-indicators{left:22px;right:22px;gap:15px;bottom:23px}.k-indicators span{font-size:11px}.photo-control{top:12px;right:12px;min-height:40px;padding:0 13px}.home .art-image>img{aspect-ratio:1.5;object-position:center}.city-main img{object-position:50% 40%}.city-side img{object-position:50% 57%}.review-caption{padding:0 23px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.k-slide{transition:none}.motion-ready .art-note,.motion-ready .ink-notes li,.motion-ready .painted-flow li{opacity:1;transform:none}.art-note path{stroke-dashoffset:0!important}.photo-control{display:none}}
@media(max-width:850px){.conversation-ways{margin:16px 0 18px;gap:8px}.conversation-link{padding:9px 14px}.conversation-link .hand{font-size:24px}.conversation-link>span:last-child{font-size:12px;line-height:1.4;margin-top:3px}.conversation-link b{font-size:20px;line-height:1}.conversation .art-image>img,.preparation .art-image>img{aspect-ratio:1.5;object-position:center}}
/* Every circle belongs to its word; role pointers use the same art container. */
.choice-row li:before{display:none}
.choice-word{position:relative;display:inline-block;padding:0 7px}
.choice-word svg{position:absolute;left:-9%;top:-13%;width:118%;height:130%;overflow:visible;pointer-events:none}
.choice-word path{fill:none;stroke:var(--seal);stroke-width:2.4;stroke-linecap:round;filter:url(#drybrush);vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint))}
.consult-chapter .art img{aspect-ratio:16/9;object-position:center}
.role-notes .clinician{left:28%;right:auto;max-width:none;transform:translateX(-50%) rotate(-3deg)}
.role-notes .visitor{left:68%;right:auto;transform:translateX(-50%) rotate(3deg)}
.role-notes .art-note{text-align:center;white-space:nowrap}
.role-notes .art-note svg,.role-notes .visitor svg{left:50%;right:auto;top:45px;width:53px;height:29px;margin:0;transform:translateX(-50%)}
@media(max-width:850px){.consult-chapter .art img{aspect-ratio:1.5}.role-notes .clinician{left:27%}.role-notes .visitor{left:71%}.role-notes .art-note svg,.role-notes .visitor svg{top:43px}.art-note.bottom-left,.art-note.bottom-right{font-size:clamp(21px,calc(var(--how-layout-width) * 0.054),25px);max-width:92%}.choice-word{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.choice-word path{stroke-dashoffset:0!important}}

/* Fill each frame; focal points stay with the subject across viewports. */
.k-slide:first-child>img{object-position:28% 58%}
.k-slide:nth-child(2)>img{object-position:35% 85%}
.k-slide:nth-child(3)>img{object-fit:cover;object-position:center}
.city-main img{object-position:35% 85%}
.city-side img{aspect-ratio:3/2;object-fit:cover;object-position:center}
.opening-actions{display:flex;flex-direction:column;align-items:flex-start}
.editorial-opening{height:100svh;min-height:650px;max-height:none}
/* Keep captions off the photographs, including the full Korean table. */
.k-slide{--caption-height:150px;display:block;background:var(--rose)}
.k-slide>img{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - var(--caption-height));min-height:0}
.k-slide:after{display:none}
.opening-photo .k-slide figcaption{position:absolute;inset:auto 0 0;height:var(--caption-height);padding:20px 32px 50px;background:var(--rose);font-family:var(--sans);text-shadow:none;color:var(--rose-ink)}
.k-slide .k-theme{display:none}
.k-slide strong{font-size:clamp(30px,calc(var(--how-layout-width) * 0.03),42px);max-width:none}
.k-slide small{margin-top:9px;font-size:11px}
.k-indicators{bottom:18px;color:var(--rose-ink)}
.k-indicators span{border-top-color:#34232980;opacity:.8}
.k-indicators span.is-active{border-top-color:var(--rose-ink);opacity:1}
@media(max-width:850px){
 .editorial-opening{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(240px,1fr);height:100svh;min-height:570px;max-height:none;padding-bottom:18px}
 .opening-copy{padding:25px 25px 24px;justify-content:flex-start}
 .opening .eyebrow{font-size:11px}
 .opening h1{font-size:clamp(48px,calc(var(--how-layout-width) * 0.13),61px);line-height:1.01;margin:15px 0 17px}
 .opening-lead{font-size:15px;line-height:1.5;margin-bottom:20px}
 .opening-actions{flex-direction:row;align-items:center;gap:19px;width:100%}
 .opening-actions .cta{min-height:48px;padding:11px 17px;gap:25px;font-size:14px;white-space:nowrap}
 .opening-note{font-size:24px;line-height:1.15;margin:0;max-width:none}
 .opening-photo{height:auto;min-height:0;margin:0 20px}
 .k-slide{--caption-height:105px}
 .opening-photo .k-slide figcaption{padding:13px 19px 38px}
 .k-slide strong{font-size:28px;line-height:1.05}
 .k-slide small{font-size:10px;margin-top:5px}
 .k-indicators{left:19px;right:62px;bottom:12px;gap:12px}
 .k-indicators span{padding-top:7px;font-size:11px}
 .photo-control{min-height:44px;top:10px;right:10px;background:#1c1a1766}
 .city-side{display:block;padding-top:34px}
 .city-side>.hand{font-size:28px;margin:25px 0 0;text-align:right}
}
@media(max-width:850px) and (max-height:700px){
 .opening-copy{padding:19px 24px 20px}
 .opening h1{font-size:clamp(46px,calc(var(--how-layout-width) * 0.125),54px);margin:12px 0}
 .opening-lead{font-size:14px;line-height:1.45;margin-bottom:15px}
 .opening-actions .cta{min-height:44px;padding:9px 16px}
 .opening-note{font-size:23px}
 .k-slide{--caption-height:98px}
 .k-slide strong{font-size:26px}
}

.cta{font-weight:700}
.opening h1{letter-spacing:-.03em}

/* 2026-09-21 numbered review: 1. Stage label, 2. Heading weight. */
.chapter-meta{font-size:30px;line-height:1.15;gap:14px;align-items:baseline;margin-bottom:22px}
.chapter-meta>span{font-size:32px;font-weight:450;line-height:1}
.chapter h2,.consult-chapter h2,.care-chapter h2,.pin-inner h2{font-weight:450;letter-spacing:-.045em}
.opening h1,.opening h1 em,.invitation h2{font-weight:450}
/* 3. Compact burgundy actions with legible secondary labels. */
.conversation-ways{max-width:370px;gap:10px;margin:22px 0}
.conversation-link{position:relative;background:var(--seal);color:#fffaf4;border-color:var(--seal);padding:12px 48px 12px 17px}
.conversation-link .hand{font-size:27px;line-height:1.05;font-weight:650}
.conversation-link>span:last-child{font-size:14px;line-height:1.35;font-weight:600;color:#fffaf4;margin-top:4px}
.conversation-link b{position:absolute;right:17px;top:50%;transform:translateY(-50%)}
.action-arrow{display:block;width:22px;height:22px;flex:none}
.ink-link{gap:12px}
/* First-conversation details stay together below the introduction. */
.conversation-note{border-left:2px solid var(--seal);padding:2px 0 2px 17px;max-width:42ch;margin-top:24px}
.conversation-note strong,.conversation-note>span{display:block}
.conversation-note strong{font:600 17px/1.45 var(--sans);color:var(--ink)}
.conversation-note>span{font:15px/1.5 var(--sans);margin-top:3px;color:var(--ink)}
.conversation-note p{font:14px/1.5 var(--sans);color:var(--stone);margin-top:9px}
@media(max-width:850px){
 .chapter-meta{font-size:26px;gap:12px;margin-bottom:18px}
 .chapter-meta>span{font-size:28px}
 .conversation-link{padding:10px 43px 10px 14px}
 .conversation-link .hand{font-size:25px}
 .conversation-link>span:last-child{font-size:14px;line-height:1.4;margin-top:3px}
 .conversation-note{padding-left:14px}
 .conversation-note strong{font-size:16px}
 .conversation-note>span,.conversation-note p{font-size:14px}
}
/* 5. Brush ticks describe the three things covered, without fading the copy. */
.motion-ready .art-note{opacity:1}
.motion-ready .ink-notes li,.motion-ready .painted-flow li{opacity:1;transform:none}
.motion-ready .art-note.bottom-left,.motion-ready .art-note.bottom-right{transform:rotate(-3deg)}
.ink-notes li{display:flex;align-items:center;gap:13px;padding-left:0;font-size:29px}
.ink-notes li:before{display:none}
.ink-notes svg{width:27px;height:29px;flex:none;overflow:visible}
.ink-notes path{fill:none;stroke:var(--seal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#drybrush);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--paint,1))}
/* 6. Illustrations identify places; the moving plane identifies travel. */
.flight-transition{max-width:840px;padding:0 calc(var(--how-layout-width) * 0.04) 14px}
.flight-route{grid-template-columns:110px minmax(0,1fr) 110px;gap:8px;align-items:center;margin-top:4px;color:var(--seal)}
.flight-city{display:flex;flex-direction:column;align-items:center}
.flight-city img{width:110px;height:110px;object-fit:contain}
.flight-city>span{font:600 25px/1.1 var(--hand);margin-top:2px}
.flight-track{height:80px;align-self:center;margin-bottom:29px}
.flight-track>.flight-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flight-arc .flight-ghost{stroke-width:1.5;opacity:.18;stroke-dasharray:none;stroke-dashoffset:0}
.flight-arc .flight-ink{stroke-width:2.5}
.flight-plane{position:absolute;left:var(--plane-x,1.5%);top:var(--plane-y,72%);width:33px;height:33px;transform:translate(-50%,-50%) rotate(var(--plane-angle,-20deg));color:var(--seal)}
.flight-plane svg{display:block;width:100%;height:100%;overflow:visible}
.flight-plane path{fill:currentColor;stroke:var(--paper);stroke-width:1;filter:none;stroke-dasharray:none;stroke-dashoffset:0;vector-effect:none}
@media(max-width:850px){
 .ink-notes li{font-size:27px;gap:11px}
 .flight-transition{padding:0 24px 14px}
 .flight-route{grid-template-columns:80px minmax(0,1fr) 80px;gap:3px;margin-top:6px}
 .flight-city img{width:80px;height:86px}
 .flight-city>span{font-size:23px}
 .flight-track{height:58px;margin-bottom:25px}
 .flight-plane{width:25px;height:25px}
}
/* 7. Explain the consultation. 8. Make the treatment choice explicit. */
.decision-guide{margin:38px 0 0}
.consult-steps{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--how-layout-width) * 0.05);max-width:880px;margin:0 auto 38px}
.consult-steps li{display:flex;gap:16px;align-items:baseline;position:relative}
.consult-steps li:first-child:after{content:'→';position:absolute;right:calc(var(--how-layout-width) * -0.03);top:4px;font:26px var(--hand);color:var(--seal)}
.step-count{font:500 25px/1 var(--hand);color:var(--seal)}
.consult-steps strong{font:550 24px/1.2 var(--serif);letter-spacing:-.02em}
.consult-steps p{font:15px/1.5 var(--sans);color:var(--stone);margin-top:7px}
.choice-row{border-top:1px solid var(--line);padding:34px 0 10px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}
.choice-row h3{font:450 34px/1.15 var(--serif);letter-spacing:-.025em}
.ink-highlight{position:relative;display:inline-block;isolation:isolate}
.ink-highlight:after{content:'';position:absolute;z-index:-1;left:-4%;bottom:0;width:108%;height:.37em;background:var(--rose);opacity:.7;clip-path:polygon(0 15%,98% 0,100% 82%,2% 100%);transform:scaleX(var(--paint,1));transform-origin:left center}
.choice-row ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.choice-row li{font:600 39px/1.1 var(--hand);text-align:center}
.choice-word{white-space:nowrap;padding:7px 12px}
.choice-word path{stroke-width:2.3}
.choice-row li small{font:500 16px/1.5 var(--sans);color:var(--ink);margin:16px auto 0;max-width:none;text-wrap:balance}
.keep-phrase{white-space:nowrap}
.choice-statement{border-top:1px solid var(--line);padding:30px 0 0;text-align:center}
.choice-statement>.hand{font-size:26px}
.choice-statement h3{font:450 clamp(32px,calc(var(--how-layout-width) * 0.034),44px)/1.16 var(--serif);letter-spacing:-.025em;margin:12px 0 14px}
.choice-statement p{font:16px/1.5 var(--sans);color:var(--stone);max-width:48ch;margin:auto;text-wrap:balance}
@media(max-width:850px){
 .decision-guide{margin-top:27px}
 .consult-steps{grid-template-columns:minmax(0,1fr);gap:20px;margin:0 4px 28px}
 .consult-steps li{gap:13px}
 .consult-steps li:first-child:after{display:none}
 .consult-steps strong{font-size:23px}
 .consult-steps p{font-size:14px;margin-top:4px}
 .choice-row{display:block;padding:25px 4px 8px}
 .choice-row h3{font-size:30px;margin-bottom:27px}
 .choice-row h3 br{display:none}
 .choice-row ul{grid-template-columns:minmax(0,1fr);gap:25px}
 .choice-row li{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;align-items:center;text-align:left;font-size:33px}
 .choice-word{justify-self:start;padding:7px 9px}
 .choice-row li small{font-size:15px;line-height:1.45;margin:0;max-width:none}
}
/* 9. Roles sit together. 10. Rest reads as the point, not a footnote. */
.care-roles{margin:0 0 28px;justify-self:end;width:min(100%,380px);display:grid;gap:21px}
.care-roles>div{border-bottom:1px solid #592e3f45;padding-bottom:15px}
.care-roles dt{font:600 29px/1.1 var(--hand);color:#592e3f}
.care-roles dd{margin:5px 0 0;font:17px/1.5 var(--sans)}
.care-foot{border-top:1px solid #592e3f45;padding-top:25px;align-items:flex-start}
.care-foot p{max-width:52ch}
.care-foot strong,.care-foot p>span{display:block}
.care-foot strong{font:500 29px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:8px}
.care-foot p>span{font:16px/1.5 var(--sans)}
.care-foot .ink-link{margin-top:4px;font-weight:600}
/* 11. Follow-up is a sequence of actions, not a loop of names. */
.home-connection{display:grid;margin:27px 0 23px}
.home-connection li{display:grid;grid-template-columns:33px minmax(0,1fr);column-gap:17px;padding:0 0 27px;position:relative}
.home-connection li:last-child{padding-bottom:0}
.chapter-home{padding-top:75px;padding-bottom:65px}
.chapter-home .home-connection{margin-bottom:0;gap:20px}
.chapter-home .home-connection li{padding-bottom:0}
.connection-number{font:600 25px/1.2 var(--hand);color:var(--seal);position:relative;z-index:1}
.home-connection strong{font:600 30px/1.1 var(--hand);color:var(--seal)}
.home-connection p{font:16px/1.45 var(--sans);color:var(--ink);margin-top:6px;max-width:32ch}
.connection-stroke{position:absolute;top:35px;bottom:7px;left:7px;width:15px;height:calc(100% - 43px);color:var(--seal);overflow:visible}
.connection-stroke path{fill:none;stroke:currentColor;stroke-linecap:round;filter:url(#drybrush);vector-effect:non-scaling-stroke}
.connection-stroke .brush-ink{stroke-width:2}
.home-connection li:last-child .connection-stroke{display:none}
.safety-note{padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink)}
.safety-note strong{display:block;font-weight:650;margin-bottom:3px}
/* 12. Closing invitation: one line and one action. */
.invitation{padding:70px 24px 80px}
.invitation h2{margin:0 0 16px;font-weight:450;letter-spacing:-.03em}
.invitation-note{margin:0 0 26px;font:500 17px/1.5 var(--sans);color:var(--stone)}
.invitation-note>span{display:block;margin:5px auto 0;font-weight:400;text-wrap:pretty}
.invitation-legal{display:flex;justify-content:center;gap:22px;margin-top:14px;font:13px/1.5 var(--sans);color:var(--stone)}
.invitation-legal a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.invitation .cta{font-weight:700}
@media(max-width:850px){
 .care-roles{margin:26px 0 0;width:100%;grid-template-columns:1fr 1fr;gap:20px}
 .care-roles dt{font-size:27px}
 .care-roles dd{font-size:15px;line-height:1.4}
 .care-foot{padding-top:23px}
 .care-foot strong{font-size:27px}
 .care-foot p>span{font-size:15px}
 .care-foot .ink-link{margin-top:17px}
 .home-connection{margin:24px 0}
 .home-connection li{column-gap:13px;padding-bottom:25px}
 .home-connection strong{font-size:28px}
 .home-connection p{font-size:15px}
 .chapter-home{padding-top:48px;padding-bottom:48px}
 .choice-statement{padding:24px 0 0}
 .choice-statement>.hand{font-size:25px}
 .choice-statement p{font-size:15px}
 .invitation{padding:48px 24px 54px}
 .invitation h2{font-size:49px;margin-bottom:14px}
 .invitation-note{font-size:16px;margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
 .ink-notes path,.connection-stroke path{stroke-dashoffset:0!important}
 .ink-highlight:after{transform:none}
}
/* Keep normalized dash lengths in the SVG's own coordinate system.
   Non-scaling strokes desynchronise pathLength dashes when the SVG resizes. */
.brush path,.flight-arc path,.choice-word path,.connection-stroke path{vector-effect:none}
@media(max-width:850px){.flight-arc .flight-ink{stroke-width:3.5}}

/* Final visual review: preserve the handwritten accents, clear their edges. */
.opening h1,.invitation h2{word-spacing:.06em}
.choice-word svg{left:-12%;width:124%;top:-22%;height:144%}
.chapter .art{padding-bottom:60px}
.consult-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:calc(var(--how-layout-width) * 0.06);align-items:center}
.consult-layout>.art{min-width:0;width:100%;margin:0}
.city-spread figcaption{font:400 22px/1.25 var(--serif);letter-spacing:-.01em;transform:none;color:var(--rose-ink)}
.city-spread figcaption small{opacity:1;font:11px/1.5 var(--sans);margin-top:6px}
@media(max-width:850px){
 .consult-layout{display:block}
 .consult-layout>.art{margin-top:28px}
 .chapter .art{padding-bottom:52px}
 .city-spread figcaption{font-size:20px}
 .choice-row li:last-child .choice-word{max-width:125px;white-space:normal;text-align:center;font-size:30px;line-height:1.02}
}

/* The iframe fills the viewport; the illustrated composition keeps its 1440px measure. */
:root{--how-layout-width:min(100vw,1440px)}

/* Match the ink covers on What We Arrange and Why Seoul Reset. */
.editorial-opening { background: var(--ink); }
.editorial-opening .opening-copy { color: var(--paper); }
.editorial-opening .eyebrow { color: #c8d3c8; }
.editorial-opening h1 em { color: var(--rose); }
.editorial-opening .opening-lead { color: #d9e2d4; }
.editorial-opening .opening-note { color: #e2c473; }
html{background:var(--paper)}
body{width:100%;max-width:1440px;margin-inline:auto}
.editorial-opening,.care-chapter,.invitation{position:relative;isolation:isolate}
.editorial-opening::before,.care-chapter::before,.invitation::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none}
.editorial-opening::before{background:var(--ink)}
.care-chapter::before{background:var(--rose)}
.invitation::before{background:var(--seal)}

/* Introductory copy stays readable beside the display heading on phones. */
@media(max-width:850px) { .editorial-opening .opening-lead { font-size: 17px; line-height: 1.6; } }

/* A quiet rule marks each new stage without changing the illustrations. */
.chapter,.consult-chapter,.care-chapter { position: relative; }
.chapter-two::after,.consult-chapter::after,.care-chapter::after,.chapter-home::after {
  content: ""; position: absolute; top: 0;
  left: max(24px, calc(var(--how-layout-width) * .05));
  right: max(24px, calc(var(--how-layout-width) * .05));
  border-top: 1px solid #625c5338; pointer-events: none;
}

/* One bold closing spread brings the conversation and further reading together. */
.closing-chapter{padding:64px max(24px,calc(var(--how-layout-width) * .05)) 56px;background:var(--seal);color:var(--paper);text-align:left}
.closing-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.closing-intro h2{margin:0;font-size:clamp(64px,calc(var(--how-layout-width) * .065),94px)}
.closing-intro .invitation-note{margin:0;color:var(--paper);font-size:18px;font-weight:600;max-width:48ch}
.closing-intro .invitation-note>span{margin:10px 0 0;color:#f0dce0;font-size:16px;line-height:1.65}
.closing-explore{margin-top:42px;padding-top:26px;border-top:1px solid #efe6d84d}
.closing-explore .eyebrow{color:#f0dce0}
.closing-explore .explore-links{margin-top:10px;gap:36px}
.closing-explore .explore-links>a{border-bottom:0;min-height:104px;padding-bottom:12px}
.closing-explore .explore-links span{color:#f0dce0}
.closing-explore .explore-links h3{font-weight:450;font-size:30px}
.closing-explore .explore-links b{color:var(--paper);bottom:17px}
.closing-explore .explore-links>a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(max-width:850px){
 .closing-chapter{padding:44px 26px 38px}
 .closing-intro{grid-template-columns:1fr;gap:20px}
 .closing-intro h2{font-size:64px}
 .closing-intro .invitation-note{font-size:17px}
 .closing-explore{margin-top:30px;padding-top:24px}
 .closing-explore .explore-links>a{min-height:94px;padding-top:20px;padding-bottom:18px}
 .closing-explore .explore-links>a+a{border-top:1px solid #efe6d833}
 .closing-explore .explore-links h3{font-size:28px}
 .closing-explore .explore-links b{bottom:22px}
}

/* Seal marks action, progress and destination: the drawn route, the plane, the connection stroke and the Let's talk band. Chapter labels, step numbers, place names and handwritten captions are labels, so they take Brass (#6F5330, 5.7:1 on this paper). */
:root{--brass:#6f5330}
.hand,.chapter-meta,.chapter-meta>span,.step-count,.connection-number,.home-connection strong,.flight-city>span,.role-notes .visitor{color:var(--brass)}

/* The chapter 03 pointers start under their two-line labels, so no stroke crosses "In Seoul" or "Now in Seoul" in any language. The labels rise 20px into the section's top padding on desktop; on a phone, where the copy sits right above, the picture moves down instead. The notes sit above the looping video so the arrow tips are not cut. */
.role-notes .art-note svg,.role-notes .visitor svg{top:calc(100% + 2px)}
.role-notes{z-index:2}
@media(min-width:851px){.role-notes .art-note{top:-16px}}
@media(max-width:850px){.consult-chapter .art{padding-top:96px}}
/* The rose band's own edge is the break before chapter 04; a rule on that edge reads as a stray line. */
.care-chapter::after{content:none}
/* Focus rings that stay visible on the coloured bands: cream on Seal, ink on rose. */
.closing-chapter :is(a,button):focus-visible{outline-color:#fffaf2}
.care-chapter :is(a,button):focus-visible{outline-color:#1c1a17}
/* Leads and short display lines keep their last word company (en lead at 1440, vi "Cùng trao đổi." and the hanbok caption at 430). */
.conversation-note strong,.closing-intro h2,.k-slide strong{text-wrap:balance}
/* The illustration pause control (added by journey.js) is the carousel's photo-control. The illustrations are pale paper, so its ground is darker than over a photograph to keep white text legible; with reduced motion nothing loops, so it is hidden. */
.photo-control.illustration-control{background:#1c1a17cc}
@media(prefers-reduced-motion:reduce){.illustration-control{display:none}}
/* Hover thickens the text link's rule without moving it. */
.ink-link:hover{box-shadow:inset 0 -1px 0 currentColor}

/* Drawn poses stay inside a single landscape window at every viewport. */
.art-image:has(.journey-film){aspect-ratio:3/2;overflow:hidden}
.journey-film{position:absolute;inset:0;overflow:hidden;clip-path:inset(1px);isolation:isolate}
.journey-film>img{display:block!important;width:200%!important;max-width:none!important;height:200%!important;object-fit:fill!important;aspect-ratio:auto!important;animation:journey-drawn-poses 6s steps(1,end) infinite;transform-origin:0 0}
.journey-film[data-paused=true]>img{animation-play-state:paused}
@keyframes journey-drawn-poses{0%,24.99%{transform:translate(0,0)}25%,49.99%{transform:translate(-50%,0)}50%,74.99%{transform:translate(0,-50%)}75%,100%{transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.journey-film>img{animation:none!important;transform:none!important}}
/* Show the setting as well as the customer; preserve the complete 3:2 photographs. */
.customer-journey .editorial-opening{grid-template-columns:.8fr 1.2fr;align-items:center}
.customer-journey .opening-photo{width:100%;height:auto;aspect-ratio:auto;margin:0;padding:0 30px 0 0}
.customer-journey .k-carousel{height:auto;aspect-ratio:auto;padding-top:calc(66.6667% + 150px)}
.customer-journey .k-slide>img{object-fit:contain;object-position:center;height:calc(100% - var(--caption-height))}
.customer-journey .city-spread-rest{display:block}
.customer-journey .city-spread-rest .city-main img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:850px){
.customer-journey .editorial-opening{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:calc(100svh - 50px);align-content:center;gap:16px;padding-bottom:30px}
.customer-journey .opening-photo{width:auto;margin:0 20px;padding:0}
.customer-journey .k-carousel{padding-top:calc(66.6667% + 105px)}
}
@media(max-width:850px) and (max-height:700px){.customer-journey .k-carousel{padding-top:calc(66.6667% + 98px)}}

@media(min-width:851px){.customer-journey .opening h1{font-size:clamp(60px,6vw,86px)}}
.customer-journey #confirm .art-image{background:transparent}
.customer-journey #confirm .art-image:after{display:none}
/* Keep the booking heading's two complete thoughts on their own lines. */
.customer-journey :is(.chapter,.consult-chapter,.care-chapter) h2{text-wrap:balance}
.customer-journey #confirm h2{font-size:clamp(32px,3.75vw,54px);line-height:1.08}
.customer-journey .title-phrase{display:block;white-space:nowrap}
.customer-journey :is(.body-copy,.small-copy,.care-foot p,.opening-lead){text-wrap:pretty}
@media(max-width:850px){.customer-journey #confirm h2{font-size:clamp(30px,9vw,40px)}}
/* A travel-editorial spread: quiet lanes, street life, then the skyline. */
.seoul-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 28px;align-items:end;margin-top:40px}
.seoul-story-photo{margin:0;min-width:0}
.seoul-story-bukchon{grid-column:1/7}
.seoul-story-hongdae{grid-column:7/10;align-self:center}
.seoul-story-namsan{grid-column:10/13}
.seoul-story-photo img{display:block;width:100%;height:auto}
.seoul-story-photo figcaption{padding-top:12px;color:var(--ink);font:300 clamp(20px,2.1vw,30px)/1.2 var(--serif)}
.seoul-story-photo figcaption>span{display:block;margin-bottom:5px;font:500 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.seoul-story-photo .photo-credit{position:static;text-shadow:none;display:block;margin-top:9px;font:400 10px/1.5 var(--sans);color:var(--ink);opacity:.8}
.photo-credit a{text-decoration:underline;text-underline-offset:2px;color:inherit}
@media(max-width:850px){
.seoul-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;margin-top:26px;align-items:start}
.seoul-story-bukchon{grid-column:1/-1}
.seoul-story-hongdae{grid-column:1/2}
.seoul-story-namsan{grid-column:2/3;margin-top:36px}
.seoul-story-photo figcaption{padding-top:9px;font-size:19px}
.seoul-story-bukchon figcaption{font-size:25px}
.seoul-story-photo figcaption>span{font-size:9px}
.seoul-story-photo .photo-credit{font-size:9px}
}
.customer-journey .closing-chapter,.customer-journey .closing-chapter::before{background:var(--paper);color:var(--pine)}
.customer-journey .closing-chapter{border-top:1px solid #625c5338}
.customer-journey .closing-intro .invitation-note{color:var(--pine)}
.customer-journey .closing-intro .invitation-note>span,.customer-journey .closing-explore :is(.eyebrow,.explore-links span){color:var(--stone)}
.customer-journey .closing-explore{border-color:#625c5338}
.customer-journey .closing-explore .explore-links b{color:var(--pine)}
.customer-journey .closing-explore .explore-links>a+a{border-color:#625c5338}
.customer-journey .closing-chapter :is(a,button):focus-visible{outline-color:var(--pine)}