@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-vietnamese-400-normal.Dpl4UHAZ.woff2)format("woff2"),url(/_astro/barlow-vietnamese-400-normal.BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-ext-400-normal.HxX4XjxC.woff2)format("woff2"),url(/_astro/barlow-latin-ext-400-normal.CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-vietnamese-500-normal.zTViEIzf.woff2)format("woff2"),url(/_astro/barlow-vietnamese-500-normal.GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-ext-500-normal.DOaysfXq.woff2)format("woff2"),url(/_astro/barlow-latin-ext-500-normal.CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-500-normal.BPAOfeC8.woff2)format("woff2"),url(/_astro/barlow-latin-500-normal.C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-vietnamese-600-normal.DcjprdFV.woff2)format("woff2"),url(/_astro/barlow-vietnamese-600-normal.CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-ext-600-normal.B8NK_A3D.woff2)format("woff2"),url(/_astro/barlow-latin-ext-600-normal.DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2)format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-vietnamese-700-normal.D6euyNzi.woff2)format("woff2"),url(/_astro/barlow-vietnamese-700-normal.4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-ext-700-normal.BLuWmldJ.woff2)format("woff2"),url(/_astro/barlow-latin-ext-700-normal.CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2)format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-semi-condensed-vietnamese-500-normal.DGADhYWF.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-vietnamese-500-normal.hJ2t9k9e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-semi-condensed-latin-ext-500-normal.BXdp1BvY.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-ext-500-normal.rZeYuEMb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-semi-condensed-latin-500-normal.G0uxJNrM.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-500-normal.CFOoVYFH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-vietnamese-600-normal.b1FQiZcx.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-vietnamese-600-normal.DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-latin-ext-600-normal.BkQ9hN72.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-ext-600-normal.BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-latin-600-normal.BkLiAYu4.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-600-normal.DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-vietnamese-700-normal.Dm7RZTvf.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-vietnamese-700-normal.BvUTSFNY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-latin-ext-700-normal.BhgEo64M.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-ext-700-normal.C0vCoZIV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-latin-700-normal.BpqDG8I9.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-700-normal.BMyZXq_9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Castoro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/castoro-latin-ext-400-normal.DKyiZ9uX.woff2)format("woff2"),url(/_astro/castoro-latin-ext-400-normal.Dp7V8k5K.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Castoro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/castoro-latin-400-normal.W6cD29UF.woff2)format("woff2"),url(/_astro/castoro-latin-400-normal.CvPX8BCz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mat:#24483f;--mat-deep:#1c3a33;--mat-soft:#2d5a4e;--card:#f7f6f1;--card-2:#efece4;--card-3:#e4e0d5;--paper:#fffefa;--edge:#dcd7ca;--edge-strong:#c3bdae;--ink:#262a28;--ink-2:#50554f;--focus:#2f6b55;--danger:#a8321f;--page:#e4ece6;--page-glass:#e4ece6e6;--text:#13221d;--text-2:#4b5b54;--hair:#13221d1a;--card-bg:#fff;--card-shadow:0 1px 1px #13221d0d, 0 30px 60px -38px #4640185c;--sun:#e8b64a;--ruler:#7a5f0c;--ruler-soft:#7a5f0c59;--radius-card:14px;--radius-stage:10px;--radius-shot:8px;--radius-btn:8px;--btn-bg:var(--mat);--btn-fg:var(--card);--btn-hover:var(--mat-soft);--btn-active:var(--mat-deep);--header:72px;--rail:44px;--ease:cubic-bezier(.16, 1, .3, 1);--shadow-sheet:0 1px 1px #06141029, 0 12px 30px -12px #06141099;--shadow-lift:0 2px 3px #06141033, 0 22px 44px -14px #061410b3;--font:Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Castoro, Georgia, "Times New Roman", serif;--font-measure:"Barlow Semi Condensed", Barlow, system-ui, sans-serif;color-scheme:light;scrollbar-color:#b7c6bc var(--page)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font);color:var(--text);background-color:var(--page);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.55}::selection{color:var(--ink);background:#f3d98f}input,textarea{caret-color:var(--mat)}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--mat);outline-offset:3px;border-radius:2px}.sheet :focus-visible{outline-color:var(--focus)}.nobr{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--card);color:var(--ink);border-radius:3px;padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:16px}.wrap{width:min(1104px,round(down,100% - 32px,48px));margin-inline:auto}.btn{border-radius:var(--radius-btn);height:40px;font:600 .9375rem/1 var(--font);white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn-card{background:var(--btn-bg);color:var(--btn-fg)}.btn-card:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 10px 22px -12px #06141099}.btn-card:active{background:var(--btn-active);transform:none;box-shadow:inset 0 1px 2px #06141059}.btn svg{flex:none;width:16px;height:16px}.btn-lg{height:48px;padding:0 24px;font-size:1.0625rem}.text-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--ruler-soft);text-underline-offset:4px;transition:text-decoration-color .18s var(--ease);text-decoration-thickness:1px}.text-link:hover{text-decoration-color:var(--ruler)}.top{top:env(safe-area-inset-top,0px);z-index:20;background:var(--page);box-shadow:0 1px 0 var(--hair);position:sticky}.top-bar{height:var(--header);align-items:center;gap:32px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px}.wordmark{font:700 1.5rem/1 var(--font);letter-spacing:-.02em;align-items:center;display:inline-flex}.wordmark-dim{border-inline:2px solid var(--sun);width:.5em;height:.24em;margin:.16em .07em 0;display:inline-block;position:relative}.wordmark-dim:before{content:"";background:var(--sun);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.top-nav{gap:28px;margin-left:auto;display:flex}.top-nav a{color:var(--text-2);transition:color .18s var(--ease);padding-block:6px;font-size:.9375rem;font-weight:500;text-decoration:none}.top-nav a:hover{color:var(--text)}.chapters{height:var(--rail);background:var(--page-glass);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--hair);opacity:0;visibility:hidden;transition:transform .24s var(--ease), opacity .24s var(--ease), visibility 0s linear .24s;position:absolute;inset:100% 0 auto;transform:translateY(-8px)}.chapters[data-on=true]{opacity:1;visibility:visible;transition:transform .24s var(--ease), opacity .24s var(--ease);transform:none}.chapters-track{height:100%}.chapters ol{grid-template-columns:repeat(8,1fr);height:100%;margin:0;padding:0;list-style:none;display:grid}.chapters li{position:relative}.chapters a{font:500 .875rem/1 var(--font);color:var(--text-2);transition:color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;padding:0 2px;text-decoration:none;display:flex;position:absolute;inset:0 auto 0 0}.chapters a:hover{color:var(--text)}.chapters a[aria-current=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--sun);font-weight:600}.hero{isolation:isolate;padding-top:96px;position:relative;overflow:hidden}.hero:before,.close:before{content:"";z-index:-1;background:linear-gradient(to right, transparent 46%, var(--page) 46%, var(--page) 54%, transparent 54%), linear-gradient(to bottom, transparent 45%, var(--page) 45%, var(--page) 53%, transparent 53%), linear-gradient(160deg, #ffd26e80, #ffe2a02e);filter:blur(9px);pointer-events:none;width:62%;height:92%;position:absolute;top:-8%;left:38%;transform:skew(-28deg)rotate(-4deg);mask-image:linear-gradient(#000 55%,#0000)}.close:before{opacity:.55;filter:blur(12px);width:46%;height:84%;top:6%;left:-4%}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero:before{animation:linear both sun-drift scroll(root);animation-range:0 900px}}}@keyframes sun-drift{to{opacity:.6;transform:skew(-34deg)rotate(-4deg)translate(-8%)}}.hero-head{grid-template-columns:1fr round(down,39.2%,24px);align-items:end;column-gap:48px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(3rem,1.2rem + 5.2vw,5.25rem);font-weight:400;line-height:1.02}.hero-side{padding-bottom:8px}.hero-lead{max-width:36ch;color:var(--text-2);text-wrap:pretty;margin:0;font-size:1.1875rem;line-height:1.45}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.hero-note{font:500 .9375rem/1.4 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin:0}.hero-stage{perspective:2400px;margin-top:72px;padding-bottom:120px}.hero-tilt{transform-origin:50% 100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-tilt{animation:linear both hero-rise view();animation-range:cover 18% cover 48%}}}@keyframes hero-rise{0%{transform:rotateX(16deg)scale(.95)}to{transform:none}}.plan :is(rect,path,line,circle,ellipse){vector-effect:non-scaling-stroke}.plan text{font-family:var(--font)}.plan .plan-measure,.plan .plan-caps,.area-tag text{font-family:var(--font-measure);font-variant-numeric:tabular-nums}.plan .plan-name,.plan .plan-measure{font-weight:600}.plan .plan-caps{letter-spacing:.06em;font-weight:500}.plan-hit{cursor:crosshair;stroke:#0000;stroke-width:2px;transition:stroke .14s var(--ease)}.plan-hit.is-on{stroke:var(--ruler)}.area-tag .tag-fig{letter-spacing:-.01em;font-weight:700}.area-tag .tag-small{letter-spacing:.02em;font-weight:600}.area-tag-pos,.area-leader,.area-dot{transition:transform .42s var(--ease)}.area-leader line{stroke:var(--ruler);stroke-width:1.5px}.area-dot circle{fill:var(--ruler);stroke:var(--ink);stroke-width:1.5px}@media (hover:none){.plan-hit{cursor:pointer}}.area-figure{margin:0}.build .area-plan .l-lines rect{stroke-dasharray:1;stroke-dashoffset:1px}.build .area-plan :is(.l-floors,.l-walls,.l-openings,.l-pieces,.l-dims,.l-hits),.build .area-plan .area-leader-wrap,.build .area-plan .area-tag-in{opacity:0}.build .area-plan .l-walls{transform:translate(-6px,-14px)}.build .area-plan .area-tag-in{transform:translateY(40px)}.build .area-plan.is-built .l-lines rect{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease)}.build .area-plan.is-built .l-lines{opacity:0;transition:opacity .5s var(--ease) 1.5s}.build .area-plan.is-built .l-floors{opacity:1;transition:opacity .6s var(--ease) .5s}.build .area-plan.is-built .l-walls{opacity:1;transition:opacity .38s var(--ease) .8s, transform .52s var(--ease) .8s;transform:none}.build .area-plan.is-built :is(.l-openings,.l-pieces){opacity:1;transition:opacity .5s var(--ease) 1.2s}.build .area-plan.is-built .l-dims{opacity:1;transition:opacity .42s var(--ease) 1.55s}.build .area-plan.is-built :is(.area-leader-wrap,.l-hits){opacity:1;transition:opacity .36s var(--ease) 1.85s}.build .area-plan.is-built .area-tag-in{opacity:1;transition:opacity .36s var(--ease) 1.95s, transform .64s var(--ease) 1.95s;transform:none}.section{scroll-margin-top:calc(var(--header) + var(--rail));padding-block:128px}.sec-head{max-width:768px}.section h2{max-width:18ch;font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(2.25rem,1.1rem + 3.3vw,4rem);font-weight:400;line-height:1.04}.sec-lead{max-width:56ch;color:var(--text-2);margin-top:24px;font-size:1.1875rem;line-height:1.55}.sec-lead p{text-wrap:pretty;margin:0}.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:24px;margin-top:64px;display:grid}.s4{grid-column:span 4}.s6{grid-column:span 6}.s8{grid-column:span 8}.s12{grid-column:span 12}.card--tall{grid-row:span 2}.card{--pad:32px;min-width:0;padding:var(--pad);background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.card-text h3{letter-spacing:-.012em;color:var(--text);text-wrap:balance;margin:0;font-size:1.3125rem;font-weight:700;line-height:1.2}.card-text p{max-width:46ch;color:var(--text-2);text-wrap:pretty;margin:10px 0 0;font-size:1rem;line-height:1.5}.card-text .card-note{font:500 .875rem/1.4 var(--font-measure);letter-spacing:.02em}.stage-mat{--text:#f7f6f1;--text-2:#bfcbc3;--ruler:#e8c547;--ruler-soft:#e8c54773;--hair:#96c0ad4d;color:var(--text);background:var(--mat);border-radius:var(--radius-stage);padding:24px}.card-visual.stage-mat{flex-direction:column;flex:auto;justify-content:center;display:flex}.with-visual>.card-text{padding-bottom:32px}.card-visual{min-width:0;margin-top:auto}.card--side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;column-gap:48px;display:grid}.card--side>.card-text{padding-bottom:0}.card--side .card-visual{margin-top:0}.card--side .card-visual.stage-mat{align-self:stretch}@media (width>=901px){.card--tall .card-visual:has(>.shot){flex:1 1 0;min-height:320px}.card--tall .card-visual>.shot,.card--tall .card-visual>.shot picture{height:100%}.card--tall .card-visual>.shot img{object-fit:cover;object-position:left top;height:100%}}.card--figure .card-visual .fig{font-size:clamp(4rem,1.6rem + 5vw,6.5rem)}.checks{gap:9px;margin:0;list-style:none;display:grid}.checks li{grid-template-columns:14px 1fr;align-items:start;gap:10px;display:grid}.checks li:before{content:"";border-left:2px solid var(--focus);border-bottom:2px solid var(--focus);width:12px;height:6px;margin-top:4px;transform:rotate(-45deg)}.wish{margin:0}.wish .sheet-label{margin:0 0 8px}.wish-text{background:var(--paper);border:1px solid var(--edge-strong);min-height:72px;color:var(--ink);border-radius:3px;margin:0;padding:10px 12px;font-size:1rem;line-height:1.45}.providers{margin-top:0}.tally{margin:0}.tally div{border-top:1px solid var(--hair);align-items:baseline;gap:16px;padding:12px 0;display:flex}.tally div:last-child{border-bottom:1px solid var(--hair)}.tally dt{min-width:1.6ch;font:400 2.75rem/1 var(--font-display);letter-spacing:-.01em;color:var(--text)}.tally dd{font:500 1.0625rem/1.2 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin:0}.keys{flex-wrap:wrap;align-items:flex-end;gap:24px 32px;display:flex}.keys-pad{grid-template-rows:56px 56px;grid-template-columns:repeat(3,56px);gap:8px;display:grid}.key-w{grid-area:1/2}.key-a{grid-area:2/1}.key-s{grid-area:2/2}.key-d{grid-area:2/3}.key{background:var(--card);height:56px;color:var(--ink);font:600 1.25rem/1 var(--font-measure);box-shadow:inset 0 -3px 0 var(--card-3), 0 1px 1px #0614104d, 0 10px 18px -10px #061410b3;border-radius:5px;place-items:center;display:grid}.key-wide{width:104px;font-size:1rem}.keys-shift{font:500 .9375rem/1.3 var(--font-measure);letter-spacing:.02em;color:var(--text-2);align-items:center;gap:12px;display:flex}@media (hover:hover) and (prefers-reduced-motion:no-preference){.card:hover .keys-pad .key{animation:key-press 1.6s var(--ease) both}.card:hover .key-a{animation-delay:.2s}.card:hover .key-s{animation-delay:.4s}.card:hover .key-d{animation-delay:.6s}}@keyframes key-press{0%,30%,to{transform:none}12%{box-shadow:inset 0 -1px 0 var(--card-3), 0 1px 1px #0614104d;transform:translateY(2px)}}.catalogue{scroll-snap-type:x proximity;scrollbar-width:thin;align-items:flex-end;gap:24px;padding:8px 2px 12px;display:flex;overflow-x:auto}.piece{scroll-snap-align:start;flex-direction:column;flex:none;align-items:flex-start;gap:12px;margin:0;display:flex}.piece svg{filter:drop-shadow(1.2px 2.4px 1px #06141042);overflow:visible}.piece figcaption,.piece-note{font:500 .8125rem/1.3 var(--font-measure);letter-spacing:.02em;color:var(--text-2);white-space:nowrap}.piece figcaption strong{color:var(--text);font-weight:600;display:block}.piece-scale{padding-left:8px}.scale-bar{border-inline:1px solid var(--ruler-soft);width:48px;height:12px;display:block;position:relative}.scale-bar:before{content:"";background:var(--ruler);height:1px;position:absolute;top:5px;left:0;right:0}.scale-bar i:before,.scale-bar i:after{content:"";background:var(--ruler);width:1px;height:11px;position:absolute;top:0;transform:rotate(45deg)}.scale-bar i:before{left:-1px}.scale-bar i:after{right:-1px}.fig{font:400 clamp(3.5rem, 1.8rem + 4.6vw, 6.5rem) / .9 var(--font-display);letter-spacing:-.02em;color:var(--text);white-space:nowrap;display:block}.fig .unit-word{letter-spacing:0;font-size:.42em}.note{font:500 .9375rem/1.4 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin-top:20px}.note:before{content:"";vertical-align:-1px;border:1.5px solid var(--ruler);width:10px;height:10px;margin-right:10px;display:inline-block}.sheet{background:var(--card);color:var(--ink);border-radius:var(--radius-shot);box-shadow:var(--shadow-sheet);padding:16px 16px 18px;font-size:.875rem;line-height:1.4}.sheet-title{letter-spacing:-.005em;margin:0;font-size:1rem;font-weight:700}.sheet-sub{color:var(--ink-2);margin:2px 0 0;font-size:.75rem;font-weight:500}.sheet-section{border-top:1px dashed var(--edge);margin-top:14px;padding-top:14px}.sheet-label{color:var(--ink-2);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.sheet-label output{color:var(--ink);font-variant-numeric:tabular-nums}.sheet h4{margin:0 0 8px;font-size:.8125rem;font-weight:700}.sheet input[type=range]{width:100%;accent-color:var(--mat);margin:0}.facts{grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;margin:0;display:grid}.facts dt{color:var(--ink-2)}.facts dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.field{background:var(--paper);border:1px solid var(--edge-strong);height:40px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:3px;align-items:center;padding:0 10px 0 12px;display:flex}.field:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #2f6b5538}.field[data-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #a8321f26}.field input{min-width:0;font:600 1.25rem/1 var(--font-measure);letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1}.field .unit{color:var(--ink-2);font-size:.75rem}.hint{color:var(--ink-2);margin:8px 0 0;font-size:.75rem;line-height:1.45}.error{color:var(--danger);margin:8px 0 0;font-size:.75rem;font-weight:600}.error:empty{display:none}.stage{position:relative}.stage svg{width:100%;height:auto}.demo{align-items:start;gap:48px;display:grid}.demo-overlay{grid-template-columns:1fr round(down,30.5%,24px)}.demo-room{grid-template-columns:round(down,30.5%,24px) 1fr}.overlay-frame{display:grid;position:relative}.overlay-frame>svg{grid-area:1/1}.overlay-paper{clip-path:inset(0 calc(100% - var(--split,45%)) 0 0)}.overlay-seam{top:-12px;bottom:-12px;left:var(--split,45%);background:var(--ruler);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.overlay-seam:before,.overlay-seam:after{content:"";background:var(--ruler);width:12px;height:8px;margin-left:-6px;position:absolute;left:50%}.overlay-seam:before{clip-path:polygon(0 0,100% 0,50% 100%);top:0}.overlay-seam:after{clip-path:polygon(50% 0,100% 100%,0 100%);bottom:0}.room-stage .stage-caption{margin:0;position:absolute;bottom:0;left:0}.stage-caption{font:500 .9375rem/1.4 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin-top:16px}.stage-caption span{color:var(--text)}.room-stage svg{overflow:visible}@media (prefers-reduced-motion:no-preference){.room-drop{animation:room-drop .42s var(--ease)}}@keyframes room-drop{0%{filter:drop-shadow(6px 11px 9px #06141073);transform:translate(-3px,-10px)}to{filter:drop-shadow(0 0 #06141000);transform:none}}.legend{flex-wrap:wrap;gap:16px 32px;margin:28px 0 0;padding:0;list-style:none;display:flex}.legend li{font:500 .9375rem/1.2 var(--font-measure);letter-spacing:.02em;color:var(--text-2);align-items:center;gap:12px;display:flex}.legend svg{width:72px;height:18px}.shot{margin:0}.shot picture{display:block}.shot img{border-radius:var(--radius-shot);width:100%;height:auto;box-shadow:var(--shadow-lift);background:var(--card)}.shot figcaption{max-width:62ch;font:500 .9375rem/1.45 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin-top:16px}.shot figcaption strong{color:var(--text);font-weight:600}.formats{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.formats li{border:1px solid var(--ruler-soft);height:28px;font:600 .8125rem/1 var(--font-measure);letter-spacing:.02em;color:var(--ruler);border-radius:2px;align-items:center;padding:0 10px;display:inline-flex}.ledger{max-width:62ch;margin:32px 0 0}.ledger div{border-top:1px solid var(--hair);grid-template-columns:11rem 1fr;gap:16px;padding:14px 0;display:grid}.ledger div:last-child{border-bottom:1px solid var(--hair)}.ledger dt{font:600 .9375rem/1.4 var(--font-measure);letter-spacing:.02em;color:var(--ruler)}.ledger dd{color:var(--text);margin:0}.close{text-align:center;isolation:isolate;padding-block:144px;position:relative;overflow:hidden}.close-inner{flex-direction:column;align-items:center;display:flex}.close-mark .brand-mark{filter:drop-shadow(2px 4px 4px #06141073);width:64px;height:64px}.close h2{max-width:16ch;font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:32px 0 0;font-size:clamp(2.5rem,1.2rem + 3.6vw,4.5rem);font-weight:400;line-height:1.02}.close-lead{max-width:48ch;color:var(--text-2);text-wrap:pretty;margin:20px 0 0;font-size:1.125rem;line-height:1.55}.close .btn{margin-top:36px}.price{font:500 .9375rem/1.4 var(--font-measure);letter-spacing:.02em;color:var(--text-2);margin:16px 0 0}.foot{border-top:1px solid var(--hair);background:var(--page);padding:32px 0 48px}.foot-grid{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:16px 40px;font-size:.9375rem;display:flex}.foot-grid .brand .wordmark{font-size:1.125rem}.foot-grid .brand-mark{width:22px;height:22px}.foot-grid p{margin:0}.foot-grid .push{margin-left:auto}@media (width<=1100px){.top-nav{gap:20px}}@media (width<=900px){.hero{padding-top:56px}.hero-head{grid-template-columns:1fr;row-gap:24px}.hero-stage{margin-top:48px;padding-bottom:88px}.section{padding-block:96px}.bento{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:48px}.s4,.s6,.s8,.s12{grid-column:1/-1}.card--tall{grid-row:auto}.card{--pad:24px}.card--side{display:flex}.with-visual>.card-text,.card--side>.card-text{padding-bottom:28px}.card--side .card-visual{margin-top:auto}.room-stage .stage-caption{display:none}.demo-overlay,.demo-room{grid-template-columns:1fr}.demo{row-gap:32px}.close{padding-block:112px}}@media (width<=720px){.top-nav{display:none}.top-bar .btn{margin-left:auto}.chapters a{color:#0000}.chapters a[aria-current=true]{color:var(--ruler);z-index:1;width:max-content}.area-plan .l-dims{display:none}.ledger div{grid-template-columns:1fr;gap:4px}.foot-grid .push{margin-left:0}}@media (width<=420px){.wordmark{font-size:1.3125rem}.top-bar{gap:16px}.top-bar .btn{padding:0 14px}.keys-pad{grid-template-rows:48px 48px;grid-template-columns:repeat(3,48px)}.key{height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.card-visual :is(.ledger,.formats){max-width:none;margin:0}
