@font-face{font-family:Bai Jamjuree;font-weight:700;font-display:swap;src:url(/fonts/bai-jamjuree-thai-700-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-weight:700;font-display:swap;src:url(/fonts/bai-jamjuree-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:Bai Jamjuree;font-weight:600;font-display:swap;src:url(/fonts/bai-jamjuree-thai-600-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-weight:600;font-display:swap;src:url(/fonts/bai-jamjuree-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:IBM Plex Sans Thai;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:IBM Plex Sans Thai;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-thai-thai-500-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-thai-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}:root{--paper:#FAFAF8;--sheet:#FFFEF9;--ink:#16130F;--sub:#4A443C;--rule:#E4E1DA;--rule-2:#CFCAC0;--emerald:#0E6E5C;--emerald-ink:#0A5546;--emerald-wash:#E4F0EC;--note:#F6E9B8;--note-sh:#D9C98A;--pink:#F2C9C0;--pink-sh:#D9A396;--old-ui:#ECEBE4;--old-ui-border:#9A978E;--product-bg:#FFFFFF;--product-fg:#1C1C1E;--product-sub:#6E6E73;--product-rule:#ECECEF;--product-accent:#0E6E5C;--product-r:12px;--product-sh:0 1px 2px rgba(0,0,0,.05),0 18px 40px -20px rgba(0,0,0,.25);--grid:22,19,15;--grid-a:.11;--sh-rest:0 1px 2px rgba(22,19,15,.06),0 6px 18px -8px rgba(22,19,15,.18);--sh-lift:0 2px 4px rgba(22,19,15,.07),0 16px 34px -12px rgba(22,19,15,.26);--sh-sheet:0 1px 0 rgba(22,19,15,.04),0 24px 60px -30px rgba(22,19,15,.22);--r-ui:8px;--r-sheet:10px;--f-head:"Bai Jamjuree","IBM Plex Sans Thai",system-ui,sans-serif;--f-body:"IBM Plex Sans Thai",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.2,.7,.2,1);--nav-w:250px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#15140F;--sheet:#1B1A14;--ink:#F1EEE6;--sub:#C4BDB0;--rule:#37342C;--rule-2:#4A463C;--emerald:#3FB596;--emerald-ink:#5CC9AC;--emerald-wash:#16302A;--note:#5A4E22;--note-sh:#3B3316;--pink:#5C3029;--pink-sh:#3C1F1A;--old-ui:#2A2922;--old-ui-border:#6B675C;--product-bg:#1E1E20;--product-fg:#F2F2F4;--product-sub:#A1A1A8;--product-rule:#2E2E33;--product-accent:#3FB596;--grid:241,238,230;--grid-a:.09;--sh-rest:0 1px 2px rgba(0,0,0,.4),0 8px 20px -8px rgba(0,0,0,.6);--sh-lift:0 2px 4px rgba(0,0,0,.5),0 18px 36px -12px rgba(0,0,0,.7);--sh-sheet:0 0 0 1px rgba(255,255,255,.04),0 24px 60px -30px rgba(0,0,0,.8);color-scheme:dark}}@media(max-width:760px){:root{--grid-a:.08}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16.5px;line-height:1.65;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55 0 0 0 0 .53 0 0 0 0 .5 0 0 0 .06 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}@media(prefers-color-scheme:dark){body:after{mix-blend-mode:screen;opacity:.12}}#room{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.wrap{position:relative;z-index:1;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.col{max-width:1120px;margin:0 auto}h1,h2,h3{font-family:var(--f-head);text-wrap:balance;margin:0;letter-spacing:-.015em}h1{font-size:clamp(2.1rem,5.6vw,4.1rem);line-height:1.1;font-weight:700}h2{font-size:clamp(1.55rem,3.4vw,2.3rem);line-height:1.2;font-weight:700}h3{font-size:1.1rem;line-height:1.35;font-weight:600}p{margin:0}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--emerald);text-transform:uppercase}:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:var(--r-ui)}a{color:var(--emerald);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:visited:not(.btn):not(.card){color:var(--sub)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@view-transition{navigation:auto}.top{view-transition-name:lhw-top}#room{view-transition-name:lhw-room}::view-transition-old(root){animation:lhw-page-out .22s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:lhw-page-in .44s cubic-bezier(.2,.7,.2,1) .06s both}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-group(lhw-top),::view-transition-group(lhw-room){animation:none}@keyframes lhw-page-out{to{opacity:0;transform:translateY(-6px)}}@keyframes lhw-page-in{0%{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.top{position:sticky;top:0;z-index:6;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.top .col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:54px}.mark{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-decoration:none;color:var(--ink);white-space:nowrap}.mark b{font-weight:500}.mark span{color:var(--sub);display:none}@media(min-width:760px){.mark span{display:inline}}.top .right{display:flex;align-items:center;gap:8px;flex:none}.lang{font-family:var(--f-mono);font-size:12px;color:var(--sub);text-decoration:none;padding:8px 10px;border-radius:var(--r-ui);white-space:nowrap}details.toc-sheet summary{white-space:nowrap}.lang:hover{background:var(--emerald-wash);color:var(--ink)}details.toc-sheet{position:relative}details.toc-sheet summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:var(--r-ui);border:1px solid var(--rule-2);background:var(--sheet);box-shadow:var(--sh-rest);font-weight:500;font-size:14px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}details.toc-sheet summary::-webkit-details-marker{display:none}details.toc-sheet summary:hover{transform:translateY(-1px);box-shadow:var(--sh-lift)}details.toc-sheet summary:active{transform:translateY(0);box-shadow:var(--sh-rest)}details.toc-sheet[open] summary{background:var(--ink);color:var(--paper);border-color:var(--ink)}details.toc-sheet .sheet{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-sheet);box-shadow:var(--sh-sheet);padding:8px}.sheet ol,.rail ol{list-style:none;margin:0;padding:0}.sheet a,.rail a{display:flex;gap:10px;align-items:baseline;padding:9px 10px;border-radius:var(--r-ui);color:var(--sub);text-decoration:none;font-size:14.5px;transition:background .15s var(--ease),color .15s var(--ease)}.sheet a:hover,.rail a:hover{background:var(--emerald-wash);color:var(--ink)}.sheet a .n,.rail a .n{font-family:var(--f-mono);font-size:11px;color:var(--sub);min-width:18px}.sheet a.on,.rail a.on{color:var(--ink);font-weight:500}.sheet a.on .n,.rail a.on .n{color:var(--emerald)}.sheet a.soon,.rail a.soon{opacity:.55}.rail{position:fixed;z-index:4;left:max(16px,calc(env(safe-area-inset-left,0px) + 20px));top:50%;transform:translateY(-50%);display:none;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-sheet);box-shadow:var(--sh-rest);padding:8px;max-width:210px}.rail .label{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--sub);padding:6px 10px 4px}@media(min-width:1180px){details.toc-sheet{display:none}.rail{display:block}main.wrap,footer.wrap{padding-left:max(var(--nav-w),calc(env(safe-area-inset-left,0px) + var(--nav-w)))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-ui);border:1px solid var(--rule-2);background:var(--sheet);color:var(--ink);text-decoration:none;font-weight:500;font-size:15.5px;cursor:pointer;box-shadow:var(--sh-rest);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-lift);border-color:var(--ink)}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #16130f1f;transition-duration:.06s}.btn.go{background:var(--emerald);border-color:var(--emerald);color:#fff}.btn.go:hover{background:var(--emerald-ink);border-color:var(--emerald-ink)}.btn .ar{display:inline-block;transition:transform .18s var(--ease)}.btn:hover .ar{transform:translate(3px)}.btn.sm{min-height:40px;padding:0 14px;font-size:14px}section{padding-block:clamp(28px,5svh,56px);scroll-margin-top:72px}.hero{padding-top:clamp(24px,5svh,56px)}.hero .col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}@media(max-width:860px){.hero .col{grid-template-columns:minmax(0,1fr)}}.sheet-text{background:var(--sheet);border-radius:var(--r-sheet);box-shadow:var(--sh-sheet);padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:18px}.lead{font-size:clamp(1.02rem,1.8vw,1.2rem);color:var(--sub);max-width:34em}.answer{font-size:1.06rem;max-width:38em;color:var(--sub)}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.proof{font-family:var(--f-mono);font-size:13.5px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.proof i{width:8px;height:8px;border-radius:50%;background:var(--emerald);display:block;flex:none}.desk{position:relative;min-height:360px;border-radius:var(--r-sheet);background:var(--sheet);box-shadow:var(--sh-sheet);padding:22px}.paper{position:absolute;padding:12px 14px;font-size:14px;line-height:1.4;box-shadow:3px 3px 0 var(--note-sh);background:var(--note);color:#16130f;max-width:46%;transform:rotate(var(--tilt,0deg)) translateY(calc((1 - var(--p,1)) * 18px));opacity:calc(.35 + .65 * var(--p,1));transition:none}.paper.w{background:var(--old-ui);border:1px solid var(--old-ui-border);box-shadow:3px 3px 0 var(--old-ui-border);font-family:var(--f-mono);font-size:12.5px;color:var(--ink)}.paper.p{background:var(--pink);box-shadow:3px 3px 0 var(--pink-sh)}.flow-arrow{position:absolute;left:38%;top:44%;width:16%;height:2px;background:var(--emerald);transform:scaleX(var(--p,1));transform-origin:left}.flow-arrow:after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left-color:var(--emerald);border-right:0}.product{position:absolute;right:22px;bottom:22px;width:min(330px,70%);background:var(--product-bg);color:var(--product-fg);border-radius:var(--product-r);box-shadow:var(--product-sh);font-family:var(--f-body);transform:translateY(calc((1 - var(--p,1)) * 24px));opacity:calc(.2 + .8 * var(--p,1))}.product .bar{height:34px;display:flex;gap:8px;align-items:center;padding:0 14px;font-size:12px;color:var(--product-sub);border-bottom:1px solid var(--product-rule)}.product .bar b{width:8px;height:8px;border-radius:50%;background:var(--product-rule);display:block}.product ul{list-style:none;margin:0;padding:6px 14px 12px}.product li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--product-rule);font-size:14px}.product li:last-child{border-bottom:0}.product li em{margin-left:auto;font-style:normal;font-size:12px;color:var(--product-sub)}.product li.human{outline:1.5px dashed var(--product-fg);outline-offset:-1px;padding-inline:6px;border-radius:6px}.s{width:9px;height:9px;border-radius:50%;flex:none;display:block}.s.d{background:var(--product-accent)}.s.w{border:1.5px solid var(--product-accent)}.s.t{background:var(--product-rule)}.tag{position:absolute;right:22px;bottom:-26px;font-family:var(--f-mono);font-size:11px;color:var(--sub)}@media(max-width:860px){.desk{min-height:300px}.paper{max-width:48%}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-top:8px}@media(max-width:760px){.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1*clamp(22px,4vw,40px));padding-inline:clamp(22px,4vw,40px);padding-bottom:6px;scrollbar-width:thin}.cards>.card{flex:0 0 82%;scroll-snap-align:start}}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-sheet);padding:18px;display:flex;flex-direction:column;gap:12px;color:var(--ink);min-width:0;box-shadow:var(--sh-rest);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--sh-lift);border-color:var(--rule-2)}.note-yellow{--n:#F6E9B8;--n-sh:#D9C98A}.note-pink{--n:#F2C9C0;--n-sh:#D9A396}.note-blue{--n:#CFE2F3;--n-sh:#9EBBD6}.note-peach{--n:#F8D8B6;--n-sh:#DDB184}.note-lilac{--n:#E0D6F2;--n-sh:#B8A9D8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .note-yellow{--n:#E9D99A;--n-sh:#9C8C4E}:root:not([data-theme=light]) .note-pink{--n:#E7B4A8;--n-sh:#9A665A}:root:not([data-theme=light]) .note-blue{--n:#B4CDE6;--n-sh:#5F7E9C}:root:not([data-theme=light]) .note-peach{--n:#EBC293;--n-sh:#9E7444}:root:not([data-theme=light]) .note-lilac{--n:#CBBDE6;--n-sh:#7C6CA3}}.card .sym{font-size:13.5px;line-height:1.45;color:#16130f;background:var(--n,var(--note));padding:7px 11px;align-self:flex-start;max-width:100%;transform:rotate(var(--tilt,-1.5deg));box-shadow:2px 2px 0 var(--n-sh,var(--note-sh))}.card .promise{font-size:14px;color:var(--sub)}.card .price{margin-top:auto;font-family:var(--f-mono);font-size:13px;color:var(--sub);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.card .price b{color:var(--ink);font-weight:500;font-size:15px}.card details{border-top:1px solid var(--rule);padding-top:10px;font-size:14px}.card summary{cursor:pointer;color:var(--emerald);font-weight:500;list-style:none;display:flex;justify-content:space-between}.card summary::-webkit-details-marker{display:none}.card summary:after{content:"+";font-family:var(--f-mono)}.card details[open] summary:after{content:"−"}.card .fit b{display:block;font-weight:500;margin-top:8px}.card .fit ul{margin:4px 0 0;padding-left:1.1em;color:var(--sub)}.card .fit li{margin:2px 0}.card .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.card .price small{display:block;width:100%;font-family:var(--f-body);font-size:12.5px;color:var(--sub)}.card .fine{font-size:12.5px;color:var(--sub);margin-top:8px}.journey{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:0;border-top:2px solid var(--ink)}.journey li{padding:16px 14px 0 0;position:relative;font-size:14.5px;color:var(--sub)}.journey li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--sheet);border:2px solid var(--ink)}.journey li.human:before{border-style:dashed}.journey li.human b{text-decoration:underline dashed var(--ink);text-underline-offset:4px}.journey b{display:block;font-family:var(--f-head);font-weight:600;font-size:15.5px;color:var(--ink)}.journey small{font-family:var(--f-mono);font-size:11px;color:var(--sub);letter-spacing:.04em}@media(max-width:760px){.journey{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:6px}.journey li{flex:0 0 46%;scroll-snap-align:start}}@media(max-width:760px){.top{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}body:after{mix-blend-mode:normal;opacity:.18}}.foot{padding-block:40px 110px;border-top:1px solid var(--rule);font-family:var(--f-mono);font-size:12px;color:var(--sub)}.foot .col{display:flex;flex-wrap:wrap;gap:8px 24px}.meter{display:none;position:fixed;z-index:7;right:max(12px,calc(env(safe-area-inset-right,0px) + 12px));bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-ui);box-shadow:var(--sh-rest);font-family:var(--f-mono);font-size:11.5px;line-height:1.5;padding:8px 10px;min-width:150px;font-variant-numeric:tabular-nums}.meter.show{display:block}.meter .row{display:flex;justify-content:space-between;gap:12px}.meter .k{color:var(--sub)}.meter .ok{color:var(--emerald)}.meter .bad{color:#c2412d}@media(prefers-reduced-motion:reduce){.btn,.btn .ar,details.toc-sheet summary,.card{transition:none}.btn:hover,.card:hover{transform:none}.paper,.product,.flow-arrow{transform:rotate(var(--tilt,0deg));opacity:1}}.card-more{appearance:none;border:0;background:none;font:inherit;color:var(--emerald);font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;border-top:1px solid var(--rule);text-align:left}.card-more:hover{color:var(--emerald-ink)}.card-more span{font-family:var(--f-mono)}.sheet-pop{inset:0;margin:auto;width:min(540px,calc(100vw - 32px));max-height:min(82dvh,760px);overflow:auto;overscroll-behavior:contain;border:0;border-radius:14px;background:var(--sheet);color:var(--ink);padding:24px 26px 26px;box-shadow:0 2px 6px #16130f14,0 40px 90px -30px #16130f73;display:none;flex-direction:column;gap:14px;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .2s ease,transform .32s var(--ease),overlay .32s allow-discrete,display .32s allow-discrete}.sheet-pop:popover-open{display:flex;opacity:1;transform:none}@starting-style{.sheet-pop:popover-open{opacity:0;transform:translateY(18px) scale(.985)}}.sheet-pop::backdrop{background:#16130f00;transition:background .3s ease,overlay .32s allow-discrete,display .32s allow-discrete}.sheet-pop:popover-open::backdrop{background:#16130f57}@starting-style{.sheet-pop:popover-open::backdrop{background:#16130f00}}.sheet-pop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sheet-pop .sym{font-size:13.5px;line-height:1.45;color:#16130f;background:var(--n,var(--note));padding:7px 11px;transform:rotate(-1.2deg);box-shadow:2px 2px 0 var(--n-sh,var(--note-sh))}.sheet-pop-x{appearance:none;border:1px solid var(--rule-2);background:var(--sheet);border-radius:999px;width:36px;height:36px;flex:none;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;box-shadow:var(--sh-rest)}.sheet-pop-x:hover{border-color:var(--ink)}.sheet-pop h3{margin:0;font-size:1.3rem}.sheet-pop .promise{color:var(--sub)}.sheet-pop .fit b{display:block;font-weight:500;margin-top:6px}.sheet-pop .fit ul{margin:4px 0 0;padding-left:1.2em;color:var(--sub)}.sheet-pop .fit li{margin:3px 0}.sheet-pop .price{font-family:var(--f-mono);font-size:13px;color:var(--sub);border-top:1px solid var(--rule);padding-top:12px}.sheet-pop .price b{color:var(--ink);font-weight:500;font-size:15px}.sheet-pop .price small{display:block;font-family:var(--f-body);font-size:12.5px;margin-top:4px}.sheet-pop .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media(max-width:760px){.sheet-pop{inset:auto 0 0;margin:0;width:100%;max-height:86dvh;border-radius:18px 18px 0 0;padding:28px 20px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}.sheet-pop:popover-open{transform:none}@starting-style{.sheet-pop:popover-open{transform:translateY(100%)}}.sheet-pop:before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--rule-2)}}@media(prefers-reduced-motion:reduce){.sheet-pop,.sheet-pop::backdrop{transition:none}}.interlude{padding-block:clamp(24px,4svh,48px)}.quote-sheet{position:relative;margin:0 auto;max-width:880px;background:var(--sheet);border-radius:var(--r-sheet);box-shadow:var(--sh-sheet);padding:clamp(32px,6vw,64px) clamp(24px,6vw,72px) clamp(28px,5vw,48px)}.quote-mark{position:absolute;left:clamp(14px,3vw,30px);top:clamp(-6px,-.5vw,0px);font-family:var(--f-head);font-weight:700;font-size:clamp(90px,14vw,150px);line-height:1;color:var(--rule-2)}.quote-sheet blockquote{margin:0}.quote-sheet blockquote p{position:relative;font-family:var(--f-head);font-weight:600;font-size:clamp(1.45rem,3.4vw,2.35rem);line-height:1.3;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.quote-th{margin-top:14px;color:var(--sub);font-size:clamp(1rem,1.7vw,1.12rem);max-width:40em}.quote-sheet figcaption{margin-top:clamp(20px,3vw,30px);padding-top:16px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px}.quote-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.quote-who b{font-family:var(--f-head);font-weight:700;font-size:clamp(1.25rem,2.2vw,1.55rem);letter-spacing:-.01em}.quote-who span{color:var(--sub);font-size:15px}.quote-attr{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--sub);text-transform:uppercase}