.panel-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;display:flex}.seg{border:1px solid var(--line);background:#f8f5f0bf;border-radius:4px;flex-wrap:nowrap;display:inline-flex;overflow:hidden}.seg-wrap{flex-wrap:wrap}.seg button{border-right:1px solid var(--line);min-height:44px;padding:8px 14px;font-size:.8rem;font-weight:550}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--carbon);color:var(--light)}.seg button:not([aria-pressed=true]):hover{background:var(--light)}.panel-link{text-underline-offset:4px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson);padding:8px 2px;font-size:.84rem;font-weight:600}.panel-link:disabled{text-decoration:none}.panel-status{min-height:1.6em;color:var(--carbon);flex-basis:100%;font-size:.86rem}.stepper{align-items:center;gap:6px;font-size:.8rem;font-weight:550;display:inline-flex}.stepper span{color:var(--muted);margin-right:6px}.stepper button{border:1px solid var(--line);background:#f8f5f0bf;border-radius:4px;width:44px;height:44px;font-size:1.1rem}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em}.panel-search{flex:100%;gap:8px;min-width:0;max-width:520px;display:flex}.panel-search input{min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #b9ad9f;border-radius:4px;flex:1;padding:10px 14px;font-size:1rem}.demo-flag{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-top:18px;font-size:.72rem;font-weight:600;display:flex}.demo-flag span{background:var(--crimson);border-radius:50%;width:8px;height:8px}.browser-viewport{container-type:size}.scr{position:absolute;inset:0;overflow:hidden}.scr:not([data-active]){pointer-events:none}.scr:not(.scr-site){color:#22201e;background:#f7f3ec;font-size:max(9px,1.15cqw)}.flow-kicker{letter-spacing:.14em;text-transform:uppercase;color:#a3172a;margin:0 0 1.2cqh;font-size:max(8px,.95cqw);font-weight:700}.ops-btn{color:#f8f5f0;background:#181615;border-radius:4px;min-height:0;padding:1cqh 1.8cqw;font-size:max(9px,1.1cqw);font-weight:600}.ops-btn:disabled{opacity:.45}.site-frame{margin-inline:auto;transition:width .45s cubic-bezier(.6,0,.2,1);position:absolute;inset:0;container-type:size}.lc[data-device=mobile] .site-frame{border-radius:2cqw;width:min(100%,50cqh);overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 20px 50px #0000002e}.lc[data-device=mobile] .scr-site{background:#ddd5c9}.lc-logo-btn,.lc-links button{color:inherit}.lc-links button[aria-current=page] .t{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.35em}.lc-burger{border-block:2px solid var(--fg-muted);width:6cqw;height:4cqw;opacity:var(--s,1);display:none}.lc-page-title{font-family:var(--hfont);font-weight:var(--hweight);text-transform:var(--case);letter-spacing:var(--track);margin:1cqh 0 3cqh;font-size:3.2cqw}.lc-work ul{grid-template-columns:repeat(4,1fr);gap:2cqw;margin:0;padding:0;list-style:none;display:grid}.lc-work li{gap:1.2cqh;font-size:1.25cqw;font-weight:600;display:grid}.lc-work-art{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 30%, tan), color-mix(in srgb, var(--accent) 12%, #8a6646));display:block}.lc-work-art.art-1{background:repeating-linear-gradient(90deg,#a0784f 0 18%,#6e5034 18% 20%)}.lc-work-art.art-2{background:linear-gradient(180deg, #e9dfd1 0 55%, var(--accent) 55%)}.lc-work-art.art-3{background:linear-gradient(#0000 0 40%,#7b5a3c 40% 48%,#0000 48%),linear-gradient(90deg,#0000 0 10%,#7b5a3c 10% 14%,#0000 14% 86%,#7b5a3c 86% 90%,#0000 90%),#efe7da}.lc-form{position:relative}.lc-fields{grid-template-columns:1fr 1fr 1fr;gap:1.8cqh 2cqw;display:grid}.lc-field{gap:.6cqh;font-size:1.1cqw;font-weight:600;display:grid}.lc-field-wide{grid-column:1/-1}.lc-field input,.lc-field select,.lc-field textarea{font:inherit;border:1px solid color-mix(in srgb, var(--fg) 25%, transparent);border-radius:var(--btn-radius,4px);background:color-mix(in srgb, var(--bg) 70%, #fff);color:var(--fg);padding:1cqh 1cqw;font-size:1.25cqw;font-weight:400}.lc-field [aria-invalid=true]{border-color:#b8182c;box-shadow:0 0 0 1px #b8182c}.lc-field em{color:#b8182c;font-size:1cqw;font-style:normal}.lc-form-foot{align-items:center;gap:2cqw;margin-top:3cqh;display:flex}.lc-send{--box-bg:var(--accent);background:var(--accent);position:relative}.lc-sent{color:var(--fg);margin:0;font-size:1.15cqw}.lc-code{color:#efe8de;background:#1b1917;border-top:2px solid #bf2032;max-height:58%;padding:2cqh 2.4cqw;position:absolute;bottom:0;left:0;right:0;overflow:auto}.code-block{margin:0}.code-block figcaption{letter-spacing:.1em;text-transform:uppercase;color:#c9bcae;margin-bottom:1cqh;font-size:max(8px,.9cqw)}.code-block pre{white-space:pre-wrap;margin:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:max(8px,1.05cqw);line-height:1.55}.tok-keyword{color:#ff8996}.tok-string,.tok-regex{color:#e6c07b}.tok-comment{color:#8f8478;font-style:italic}.tok-number{color:#9cc9a4}.flow{grid-template-columns:1fr 1.25fr;align-items:center;gap:4cqw;height:100%;padding:5cqh 5cqw;display:grid}.flow-card{background:#fff;border:1px solid #e8e0d4;border-radius:6px;padding:3cqh 2.6cqw;transition:transform .5s,box-shadow .5s;box-shadow:0 12px 30px #281c1214}.flow-card.is-sent{box-shadow:0 0 0 2px #bf2032,0 12px 30px #281c1214}.flow-card h3{font-family:var(--font-display,Arial), sans-serif;margin:0 0 2cqh;font-size:2.2cqw}.flow-card dl{gap:1.4cqh;margin:0;display:grid}.flow-card dt{text-transform:uppercase;letter-spacing:.1em;color:#6f655b;font-size:.95cqw}.flow-card dd{margin:0;font-size:1.2cqw}.flow-steps{gap:2.4cqh;margin:0;padding:0 0 0 3.2cqw;list-style:none;display:grid;position:relative}.flow-line{background:#e2d8ca;width:2px;position:absolute;top:1cqh;bottom:1cqh;left:.9cqw}.flow-line i{transform-origin:top;transform:scaleY(var(--flow,0));background:#bf2032;transition:transform .6s cubic-bezier(.6,0,.2,1);position:absolute;inset:0}.flow-steps li{opacity:.45;grid-template-columns:1fr auto;align-items:start;gap:1cqw;transition:opacity .3s;display:grid;position:relative}.flow-steps li[data-state=done],.flow-steps li[data-state=active]{opacity:1}.flow-node{background:#f7f3ec;border:2px solid #cdbfae;border-radius:50%;width:1.9cqw;height:1.9cqw;position:absolute;top:.4cqh;left:-3.2cqw}.flow-steps li[data-state=done] .flow-node{background:#bf2032;border-color:#bf2032}.flow-steps li[data-state=active] .flow-node{border-color:#bf2032;animation:1s ease-in-out infinite pulse}.flow-steps strong{font-size:1.4cqw;display:block}.flow-steps p{color:#5f564d;margin:.4cqh 0 0;font-size:1.1cqw;line-height:1.45}.flow-steps time{color:#a3172a;font-variant-numeric:tabular-nums;font-size:1cqw}.ops{grid-template-columns:14% 1fr 34%;height:100%;display:grid}.ops-side{color:#cfc4b6;background:#1d1b19;flex-direction:column;gap:1.6cqh;padding:3cqh 1.6cqw;font-size:1.05cqw;display:flex}.ops-side strong{color:#fff;margin-bottom:2cqh;font-size:1.1cqw}.ops-side .is-on{color:#fff;border-left:2px solid #bf2032;padding-left:.8cqw}.ops-list{padding:3cqh 2cqw;overflow:hidden}.ops-list table{border-collapse:collapse;width:100%;font-size:1.1cqw}.ops-list th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#7a6f64;border-bottom:1px solid #e2d8ca;padding:0 .6cqw 1.2cqh;font-size:.9cqw}.ops-list td{border-bottom:1px solid #ece4d8;padding:1.4cqh .6cqw}.ops-list tr[aria-selected=true] td{background:#fff}.ops-list tr.is-fresh td:first-child{box-shadow:inset 3px 0 #bf2032}.ops-list td button{text-underline-offset:3px;font-weight:700;text-decoration:underline}.ops-list td em{color:#fff;background:#bf2032;border-radius:3px;margin-left:.6cqw;padding:.2cqh .5cqw;font-size:.85cqw;font-style:normal;font-weight:700}.chip{background:#ece4d8;border-radius:99px;padding:.3cqh .7cqw;font-size:.95cqw;font-weight:600;display:inline-block}.chip-new{color:#8f1323;background:#fbe3e6}.chip-measure{background:#f4ead2}.chip-build{background:#e6eadf}.chip-install{background:#dfe7ef}.chip-done{color:#6f655b;background:#e3e0dc}.ops-detail{background:#fff;border-left:1px solid #e2d8ca;flex-direction:column;gap:1.4cqh;padding:3cqh 2.2cqw;display:flex}.ops-detail h3{font-family:var(--font-display,Arial), sans-serif;margin:0;font-size:2cqw}.ops-meta,.ops-empty{color:#5f564d;margin:0;font-size:1.1cqw}.ops-track{color:#a39687;gap:.6cqh;margin:0;padding:0;font-size:1.05cqw;list-style:none;display:grid}.ops-track li{padding-left:1.4cqw;position:relative}.ops-track li:before{content:"";background:#d8ccbc;border-radius:50%;width:.7cqw;height:.7cqw;position:absolute;top:.45em;left:0}.ops-track li[data-on]{color:#22201e}.ops-track li[data-on]:before{background:#bf2032}.ops-schedule{border:0;gap:1cqh;margin:0;padding:0;font-size:1.05cqw;display:grid}.ops-schedule legend{margin-bottom:.8cqh;font-weight:700}.ops-options{flex-wrap:wrap;gap:.6cqh .8cqw;display:flex}.ops-options label{border:1px solid #e2d8ca;border-radius:4px;align-items:center;gap:.4cqw;padding:.5cqh .7cqw;display:inline-flex}.ops-planned p{margin:0 0 1cqh;font-size:1.1cqw}.doc{grid-template-columns:30% 1fr 30%;align-items:start;gap:3cqw;height:100%;padding:4cqh 3.6cqw;display:grid}.doc-paper{background:#fffdf8 repeating-linear-gradient(#0000 0 3.2cqh,#e8eef6 3.2cqh calc(3.2cqh + 1px));padding:3cqh 2cqw;transform:rotate(-2deg);box-shadow:0 14px 30px #281c121f}.doc-title{letter-spacing:.04em;text-transform:uppercase;margin:0 0 2cqh;font-size:1.4cqw;font-weight:800}.doc-line{color:#7a6f64;gap:.2cqh;margin:0 0 1.6cqh;font-size:.95cqw;display:grid}.doc-hand{color:#1e3a8a;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:1.35cqw}.doc-fields ul{gap:1cqh;margin:0;padding:0;list-style:none;display:grid}.doc-fields li{background:#fff;border:1px solid #e8e0d4;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto auto;align-items:center;column-gap:1cqw;padding:1.2cqh 1.2cqw;display:grid}.doc-fields li[data-flag]{border-color:#e2a54b;box-shadow:inset 3px 0 #e2a54b}.doc-label{text-transform:uppercase;letter-spacing:.08em;color:#7a6f64;grid-column:1/-1;font-size:.9cqw}.doc-value,.doc-fields input{font-size:1.25cqw;font-weight:600}.doc-fields input{width:9em;font:inherit;border:1px solid #cdbfae;border-radius:3px;padding:.4cqh .6cqw;font-size:1.25cqw}.doc-conf{color:#7a6f64;font-variant-numeric:tabular-nums;font-size:1cqw}.doc-fields li button{color:#1d1b19;background:#e2a54b;border-radius:3px;padding:.4cqh .8cqw;font-size:1cqw;font-weight:700}.doc-ok{color:#3d6b4b;font-size:1cqw;font-weight:700}.doc-out{background:#fff;border:1px solid #e8e0d4;border-radius:6px;gap:1.6cqh;padding:2.4cqh 2cqw;display:grid}.doc-out dl{gap:1.4cqh;margin:0;display:grid}.doc-out dt{text-transform:uppercase;letter-spacing:.08em;color:#7a6f64;font-size:.9cqw}.doc-out dd{margin:.2cqh 0 0;font-size:1.2cqw;font-weight:600}.doc-email{color:#4b433b;line-height:1.45;font-size:1.05cqw!important;font-weight:400!important}.doc-blocked{color:#8f1323;margin:0;font-size:1cqw}.doc-done{color:#3d6b4b;margin:0;font-size:1.1cqw;font-weight:700}.search{grid-template-rows:auto 1fr auto;gap:2.4cqh;height:100%;padding:3cqh 4cqw;display:grid}.search-bar{background:#fff;border:1px solid #e8e0d4;border-radius:99px;align-items:center;gap:1cqw;padding:.8cqh .8cqh .8cqh 1.6cqw;display:flex;box-shadow:0 6px 20px #281c1214}.search-engine{color:#7a6f64;white-space:nowrap;font-size:.95cqw;font-weight:700}.search-bar input{min-width:0;font:inherit;background:0 0;border:0;flex:1;font-size:1.35cqw}.search-bar button{color:#fff;background:#181615;border-radius:99px;padding:1cqh 1.6cqw;font-size:1.1cqw;font-weight:600}.search-body{grid-template-columns:1.3fr 1fr;gap:3cqw;min-height:0;display:grid}.search-result{border-radius:6px;padding:2cqh 1.6cqw;transition:background .3s,box-shadow .3s}.search-result.is-on{background:#fff;box-shadow:0 0 0 2px #bf2032}.search-url{color:#3d6b4b;margin:0 0 .6cqh;font-size:1cqw}.search-title{color:#1d3b8a;text-align:left;text-underline-offset:3px;font-size:1.7cqw;font-weight:600;text-decoration:underline}.search-result p{color:#4b433b;margin:.8cqh 0 0;font-size:1.15cqw}.search-links{gap:1.6cqw;display:flex}.search-links button{color:#1d3b8a;font-size:1.1cqw;text-decoration:underline}.search-others{text-transform:uppercase;letter-spacing:.1em;color:#a39687;margin:2cqh 0 1cqh;font-size:.95cqw}.search-skeleton{gap:1.6cqh;display:grid}.search-skeleton i{background:linear-gradient(90deg,#ece4d8,#f4eee5);border-radius:4px;height:4cqh;display:block}.search-hint{color:#a39687;font-size:1.4cqw}.search-disclaimer{color:#8f1323;margin-top:2cqh;font-size:.95cqw}.search-reads{background:#fff;border:1px solid #e8e0d4;border-radius:6px;padding:2cqh 1.6cqw;overflow:hidden}.search-reads dl{gap:1cqh;margin:0 0 1.6cqh;display:grid}.search-reads dt{text-transform:uppercase;letter-spacing:.08em;color:#7a6f64;font-size:.85cqw}.search-reads dd{margin:0;font-size:1.05cqw}.search-reads .code-block{color:#efe8de;background:#1b1917;border-radius:4px;padding:1.4cqh 1.2cqw}.search-path{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.search-path li{color:#a39687;border-top:2px solid #e2d8ca;flex:1;padding-top:1.6cqh;font-size:1.05cqw;font-weight:600;position:relative}.search-path li[data-on]{color:#22201e;border-top-color:#bf2032}@keyframes pulse{50%{box-shadow:0 0 0 .6cqw #bf20322e}}@container (max-width:699px){.lc-links{display:none}.lc-burger{display:block}.lc-page-title{font-size:6.4cqw}.lc-work ul{grid-template-columns:1fr 1fr;gap:3cqw}.lc-work li{font-size:3cqw}.lc-fields{grid-template-columns:1fr;gap:1.6cqh}.lc-field,.lc-sent{font-size:2.8cqw}.lc-field input,.lc-field select,.lc-field textarea{padding:1cqh 2cqw;font-size:3cqw}.lc-field em{font-size:2.6cqw}.code-block pre,.scr:not(.scr-site){font-size:max(8px,2.6cqw)}.flow-kicker{font-size:max(8px,2.2cqw)}.ops-btn{padding:1cqh 3cqw;font-size:max(8px,2.6cqw)}.flow{grid-template-columns:1fr;align-content:start;gap:3cqh;padding:3cqh 5cqw}.flow-card h3{font-size:5cqw}.flow-card dt{font-size:2.2cqw}.flow-card dd{font-size:2.8cqw}.flow-card dl div:last-child{display:none}.flow-steps{gap:1.8cqh;padding-left:7cqw}.flow-line{left:2.2cqw}.flow-node{width:4.4cqw;height:4.4cqw;left:-7cqw}.flow-steps strong{font-size:3.2cqw}.flow-steps p{font-size:2.5cqw}.flow-steps time{font-size:2.4cqw}.ops{grid-template-rows:auto auto;grid-template-columns:1fr;overflow:hidden}.ops-side{display:none}.ops-list{padding:2cqh 4cqw 1cqh}.ops-list table{font-size:2.7cqw}.ops-list th{font-size:2.1cqw}.ops-list td{padding:1cqh 1cqw}.ops-list th:nth-child(3),.ops-list td:nth-child(3){display:none}.ops-list td em{font-size:2cqw}.chip{padding:.3cqh 1.6cqw;font-size:2.3cqw}.ops-detail{border-top:1px solid #e2d8ca;border-left:0;gap:1cqh;padding:2cqh 4cqw}.ops-detail h3{font-size:4.6cqw}.ops-meta,.ops-empty,.ops-planned p{font-size:2.7cqw}.ops-track{flex-wrap:wrap;gap:.6cqh 3cqw;font-size:2.4cqw;display:flex}.ops-track li{padding-left:3cqw}.ops-track li:before{width:1.6cqw;height:1.6cqw}.ops-schedule{font-size:2.5cqw}.ops-options label{padding:.6cqh 1.6cqw}.doc{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:2.4cqh 3cqw;padding:2.4cqh 4cqw}.doc-paper{grid-row:1;padding:2cqh 3cqw}.doc-title{font-size:3cqw}.doc-line{margin-bottom:1cqh;font-size:2cqw}.doc-hand{font-size:2.8cqw}.doc-fields{grid-area:1/2/span 2}.doc-fields li{padding:1cqh 2cqw}.doc-label{font-size:2cqw}.doc-value,.doc-fields input{font-size:2.6cqw}.doc-conf,.doc-fields li button,.doc-ok{font-size:2.2cqw}.doc-out{grid-column:1;padding:1.6cqh 3cqw}.doc-out dt{font-size:2cqw}.doc-out dd{font-size:2.6cqw}.doc-email{font-size:2.2cqw!important}.doc-blocked,.doc-done{font-size:2.2cqw}.search{gap:2cqh;padding:2.4cqh 4cqw}.search-engine{display:none}.search-bar input{font-size:3cqw}.search-bar button{padding:1cqh 3cqw;font-size:2.6cqw}.search-body{grid-template-columns:1fr}.search-reads{display:none}.search-url{font-size:2.3cqw}.search-title{font-size:3.6cqw}.search-result p,.search-links button{font-size:2.6cqw}.search-others,.search-disclaimer{font-size:2.2cqw}.search-path li{font-size:2.4cqw}}@media (prefers-reduced-motion:reduce){.flow-line i,.site-frame,.flow-card{transition:none}.flow-steps li[data-state=active] .flow-node{animation:none}}.panel-checks{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.check{background:#f8f5f0cc;border:1px solid #e2a54b;border-radius:4px;align-items:center;gap:10px;min-height:44px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.check span{border:1.5px solid #c98a2e;border-radius:3px;width:16px;height:16px}.check[aria-pressed=true]{color:#2f5a3c;border-color:#3d6b4b}.check[aria-pressed=true] span{background:#3d6b4b;border-color:#3d6b4b;box-shadow:inset 0 0 0 3px #f8f5f0}@media (max-width:760px),(max-aspect-ratio:4/5){:root[data-motion=full] .chapter-panel>p:not(.eyebrow):not(.demo-flag){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root[data-motion=full] .panel-controls{gap:8px;margin-top:10px}:root[data-motion=full] .seg button{padding:8px 11px;font-size:.76rem}:root[data-motion=full] .panel-link{font-size:.78rem}:root[data-motion=full] .stepper span{display:none}:root[data-motion=full] .check{gap:8px;padding:6px 10px;font-size:.72rem}:root[data-motion=full] .panel-status{font-size:.8rem}:root[data-motion=full] .panel-search input{min-height:44px}}@media (max-width:760px) and (max-height:760px){:root[data-motion=full] .chapter-panel>p:not(.eyebrow):not(.demo-flag){display:none}:root[data-motion=full] .chapter-panel h2{margin-bottom:4px}}
.story{--header-h:88px;--story-units:12.8;--story-portrait-factor:.74;margin-top:calc(-1 * var(--header-h));position:relative}.story-stage{--hero-out:0;--lift:1;--design-in:1;--wire:1;--skin:1;--thread:1;position:relative}.story-hero{isolation:isolate;background:#e9dfd1;height:max(640px,100svh);position:relative;overflow:hidden}.story-hero:before{content:"";z-index:5;pointer-events:none;opacity:calc(1 - var(--hero-out) * .7);background:linear-gradient(90deg,#f8f5f0f7,#f8f5f0e6 34%,#f8f5f080 44%,#0000 56%);position:absolute;inset:0}.story-scene{aspect-ratio:16/9;width:max(100%,1.77778*max(640px,100svh));position:absolute;top:50%;right:0;transform:translateY(-50%)}.studio-scene-layers,.scene-layer,.scene-layer img{width:100%;height:100%;position:absolute;inset:0}.scene-layer img{object-fit:fill}.prop-layer{left:var(--dx);top:var(--dy);width:var(--dw);height:var(--dh);pointer-events:none;position:absolute}.prop-layer img{width:100%;height:100%;display:block}.scene-screens{pointer-events:none;position:absolute;inset:0}.scene-screens-mobile{display:none}.scene-laptop-screen{transform-origin:0 0;border-radius:9px;width:430px;height:266px;position:absolute;top:0;left:0;overflow:hidden}.blank-browser{background:#f6f2ec;flex-direction:column;width:430px;height:266px;display:flex}.blank-browser-bar{color:#6e655b;background:#e7e0d6;align-items:center;gap:5px;height:26px;padding-inline:10px;font-size:9px;display:flex}.blank-browser-bar i{background:#cfc6ba;border-radius:50%;width:7px;height:7px}.blank-browser-bar span{background:#f6f2ec;border-radius:9px;margin-left:10px;padding:2px 10px}.blank-browser-body{flex:1;place-items:center;display:grid}.blank-caret{background:var(--crimson);width:2px;height:22px;animation:1.1s step-end infinite caret}.story-backdrop{display:none}.story-scene-dim{opacity:0;pointer-events:none;background:#f2ece4;position:absolute;inset:0}.story-signal{display:none}.chapter-spark{z-index:10;top:calc(var(--header-h) + clamp(40px, 9vh, 120px));left:var(--page-inset);width:40%;max-width:700px;opacity:calc(1 - var(--hero-out));transform:translateY(calc(var(--hero-out) * -48px));position:absolute}.chapter-spark h1{letter-spacing:-.045em;max-width:10em;margin-top:22px;font-size:clamp(2.6rem,4.7vw,5.8rem);line-height:1.06}.chapter-spark h1 span{color:var(--crimson)}.chapter-index{align-items:center;gap:12px;display:flex}.chapter-index span{color:var(--crimson);font-variant-numeric:tabular-nums}.hero-differentiator{color:var(--carbon);align-items:center;gap:14px;max-width:34em;margin-top:34px;font-size:.86rem;display:flex}.hero-differentiator .signature-line{flex:0 0 30px}.chapter-design{--v:var(--v-design,1)}.chapter-design,.chapter-panel{max-width:1680px;padding:var(--chapter-space) var(--gutter) 40px;margin-inline:auto}.chapter-design h2,.chapter-panel h2{max-width:12em;margin:18px 0;font-size:clamp(2rem,3.3vw,3.6rem)}.chapter-design h2:focus,.chapter-panel h2:focus{outline:none}.chapter-design>p:not(.eyebrow),.chapter-panel>p:not(.eyebrow){max-width:30em}.design-beats{letter-spacing:.08em;text-transform:uppercase;gap:6px;margin:26px 0 0;padding:0;font-size:.74rem;font-weight:600;list-style:none;display:flex}.design-beats li{color:var(--muted);border-top:1px solid var(--line);flex:1;gap:8px;padding:8px 12px 8px 0;transition:color .3s,border-color .3s;display:flex}.design-beats li span{color:inherit;opacity:.7}.design-beats li[aria-current]{color:var(--carbon);border-top:2px solid var(--crimson)}.design-controls{gap:18px;margin-top:28px;display:grid}.design-controls fieldset{border:0;min-width:0;margin:0;padding:0}.design-controls legend{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0;font-size:.72rem;font-weight:600}.treatment-row,.accent-row{flex-wrap:wrap;gap:8px;display:flex}.treatment{border:1px solid var(--line);background:#f8f5f0b3;border-radius:4px;align-items:center;gap:10px;min-height:44px;padding:8px 14px 8px 8px;font-size:.84rem;font-weight:550;transition:border-color .2s,background .2s;display:inline-flex}.treatment:hover{background:var(--light)}.treatment[aria-pressed=true]{border-color:var(--carbon);background:var(--light);box-shadow:inset 0 0 0 1px var(--carbon)}.treatment-swatch{background:linear-gradient(135deg, var(--a) 0 50%, var(--b) 50% 75%, var(--c) 75%);border-radius:3px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.accent{border-radius:50%;width:44px;height:44px;position:relative}.accent:before{content:"";background:var(--swatch);border-radius:50%;transition:inset .2s;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #00000026}.accent[aria-pressed=true]:after{content:"";border:1.5px solid var(--carbon);border-radius:50%;position:absolute;inset:3px}.accent:hover:before{inset:6px}.design-next{letter-spacing:.06em;color:var(--muted);margin-top:26px;font-size:.78rem}.story-canvas{max-width:1680px;padding:0 var(--gutter) var(--chapter-space);margin-inline:auto}.story-sheet{aspect-ratio:1200/750;border-radius:6px;width:100%;max-width:1200px;margin-inline:auto;position:relative;box-shadow:0 30px 80px #281c1229,0 2px 6px #281c1214}.story-progress{display:none}:root[data-motion=full] .story{height:calc(100svh + var(--story-units) * 100svh)}:root[data-motion=full] .story-stage{--hero-out:0;--lift:0;--design-in:0;--wire:0;--skin:0;--thread:0;background:#e9dfd1;height:100svh;position:sticky;top:0;overflow:hidden}:root[data-motion=full] .story-hero{height:auto;position:absolute;inset:0}:root[data-motion=full] .story-scene{width:max(100%,177.778svh);transform:translateY(-50%) scale(calc(1 + var(--lift) * .05));transform-origin:62% 62%;will-change:transform}:root[data-motion=full] .story-scene-dim{opacity:calc(var(--lift) * .62)}:root[data-motion=full] .story-signal{z-index:12;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.story-signal path{fill:none;stroke:#bf2032;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:0 0 0 2}:root[data-motion=full] [data-chapter-now=design] .chapter-spark{pointer-events:none}:root[data-motion=full] :is(.chapter-design,.chapter-panel){z-index:10;left:var(--page-inset);top:calc(var(--header-h) + (100svh - var(--header-h)) / 2);width:31%;max-width:520px;opacity:var(--v);transform:translateY(calc(-50% + (1 - var(--v)) * 36px));padding:0;position:absolute}:root[data-motion=full] .story-stage:not([data-chapter-now=design]) .chapter-design,:root[data-motion=full] .chapter-panel:not(.is-current){pointer-events:none}:root[data-motion=full] .story-canvas{z-index:8;pointer-events:none;max-width:none;padding:0;position:absolute;inset:0}:root[data-motion=full] .story-sheet{aspect-ratio:auto;transform-origin:0 0;visibility:hidden;pointer-events:auto;width:1200px;max-width:none;height:750px;box-shadow:0 calc(var(--lift) * 50px) calc(10px + var(--lift) * 110px) rgba(40,28,18, calc(.1 + var(--lift) * .16));margin:0;position:absolute;top:0;left:0}:root[data-story-ready] .story-sheet{visibility:visible}:root[data-motion=full] .story-progress{z-index:20;display:block;position:absolute;top:50%;right:clamp(16px,2vw,32px);transform:translateY(-50%)}.story-progress ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.story-progress a{letter-spacing:.1em;text-transform:uppercase;min-width:44px;min-height:44px;color:var(--muted);flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:10px;font-size:.68rem;font-weight:600;display:flex}.story-progress a em{opacity:0;font-style:normal;transition:opacity .25s,transform .25s;transform:translate(6px)}.story-progress a span{border:1px solid var(--line);background:#f8f5f0d9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.story-progress a[aria-current]{color:var(--carbon)}.story-progress a[aria-current] span{border-color:var(--crimson);color:var(--crimson)}.story-progress a:hover em,.story-progress a:focus-visible em{opacity:1;transform:none}.lc{--bg:#f4ebdf;--fg:#2a211b;--fg-muted:#6f6156;--surface:#e9dccb;--on-accent:#fff;--hfont:Georgia, "Times New Roman", serif;--hweight:400;--case:none;--track:-.01em;--radius:1.2cqw;--btn-radius:.5cqw;width:100%;height:100%;color:var(--fg);isolation:isolate;background:#f7f2ea;border-radius:6px;margin:0;position:relative;overflow:hidden;container-type:size}.lc[data-treatment=bold]{--bg:#151312;--fg:#f8f5f0;--fg-muted:#b9ada1;--surface:#26221f;--hfont:var(--font-display,Arial), sans-serif;--hweight:800;--case:uppercase;--track:-.035em;--radius:0;--btn-radius:0}.lc[data-treatment=minimal]{--bg:#fbfbf9;--fg:#1f1f1f;--fg-muted:#6b6b6b;--surface:#efefea;--hfont:var(--font-body,Arial), sans-serif;--hweight:300;--track:-.03em;--radius:.4cqw;--btn-radius:99px}.lc-paper{background:radial-gradient(130% 100% at 20% 0,#fbf8f3,#efe7da);position:absolute;inset:0}.lc-paper:after{content:"";opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .28 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lc-grid{z-index:3;pointer-events:none;width:100%;height:100%;opacity:calc(1 - var(--skin) * .88);position:absolute;inset:0}.lc-grid line{stroke:#7d7367;stroke-width:.7px;vector-effect:non-scaling-stroke;opacity:.45}.lc-grid .guide-row{opacity:.22}.lc-grid .guide-margin{stroke:#bf2032;opacity:.5}:root[data-motion=full] .lc-grid line{stroke-dasharray:1;stroke-dashoffset:1px}:root[data-motion=full] [data-drawn] .lc-grid line{animation:guide-draw .9s cubic-bezier(.6,0,.2,1) var(--d,0s) forwards}.browser-frame{z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.browser-chrome{color:#5b5249;height:6.4cqh;min-height:18px;opacity:var(--wire);transform:scaleY(var(--wire));transform-origin:top;background:#e8e1d7;border-bottom:1px solid #d8cfc2;flex-shrink:0;align-items:center;gap:1.6cqw;padding-inline:1.6cqw;font-size:max(9px,1.05cqw);display:flex;position:relative}.browser-dots{gap:.55cqw;display:flex}.browser-dots i{background:#cbc1b4;border-radius:50%;width:max(6px,.8cqw);height:max(6px,.8cqw)}.browser-url{white-space:nowrap;text-overflow:ellipsis;background:#f6f2ec;border-radius:99px;flex:1;max-width:46%;padding:.3cqh 1.4cqw;overflow:hidden}.browser-label{color:#a3172a;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #bf2032;border-radius:3px;margin-left:auto;padding:.2cqh .9cqw;font-size:max(8px,.9cqw);font-weight:600}.browser-viewport{flex:1;position:relative;overflow:hidden}.lc-site{isolation:isolate;grid-template-rows:auto 1fr auto;gap:3.2cqh;padding:3.2cqh 5cqw 4.5cqh;display:grid;position:absolute;inset:0}.lc-site:before{content:"";z-index:-1;background:var(--bg);opacity:var(--skin);position:absolute;inset:0}.blk{--wi:clamp(0, calc(var(--wire) * 2.2 - var(--i) * .4), 1);--s:clamp(0, calc(var(--skin) * 2.2 - var(--i) * .4), 1)}.w{display:inline-block;position:relative}.w>.t{opacity:var(--s)}.w:after{content:"";opacity:calc(var(--wi) * (1 - var(--s)) * .5);transform:scaleX(var(--wi));transform-origin:0;background:#8d8478;border-radius:2px;position:absolute;inset:24% 0}.box{border-radius:var(--radius);position:relative}.box:before,.box:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.box:before{background:var(--box-bg,var(--surface));opacity:var(--s)}.box:after{opacity:calc(var(--wi) * (1 - var(--s)));border:1.5px dashed #8d8478}.box>.t{opacity:var(--s);position:relative}.lc-nav{justify-content:space-between;align-items:center;gap:3cqw;display:flex}.lc-logo{font-family:var(--hfont);font-weight:max(500, var(--hweight));letter-spacing:var(--track);text-transform:var(--case);font-size:1.9cqw}.lc-links{color:var(--fg-muted);gap:2.6cqw;font-size:1.2cqw;display:flex}.lc-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:4cqw;min-height:0;display:grid}.lc-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.lc-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:1.05cqw;font-weight:600}.lc-title{font-family:var(--hfont);font-weight:var(--hweight);letter-spacing:var(--track);text-transform:var(--case);margin:1.6cqh 0 1.8cqh;font-size:4.5cqw;line-height:1.04;display:block}.lc-title .w,.lc-body .w{display:inline}.lc-title .w:after,.lc-body .w:after{top:8%;bottom:8%}.lc-body{color:var(--fg-muted);max-width:28em;font-size:1.35cqw;line-height:1.55;display:block}.lc-cta{--box-bg:var(--accent);color:var(--on-accent);border-radius:var(--btn-radius);margin-top:3.4cqh;padding:1.1cqw 2.1cqw;font-size:1.2cqw;font-weight:600;display:inline-flex}.lc-thread{width:100cqw;height:2px;transform:scaleX(var(--thread));transform-origin:100%;background:#bf2032;margin-right:1.2cqw;position:absolute;top:50%;right:100%}.lc-thread:after{content:"";width:8px;height:8px;opacity:var(--thread);background:#bf2032;border-radius:50%;position:absolute;top:-3px;right:-4px}.lc-hero-art{height:100%;min-height:18cqh;max-height:40cqh;overflow:hidden}.lc-hero-art:after{background:linear-gradient(to top right,#0000 calc(50% - 1px),#8d8478 50%,#0000 calc(50% + 1px)),linear-gradient(to bottom right,#0000 calc(50% - 1px),#8d8478 50%,#0000 calc(50% + 1px))}.lc-hero-art>.t{grid-template-columns:1.2fr 1fr 1fr .8fr;align-items:end;gap:3%;display:grid;position:absolute;inset:12% 10% 0}.lc-hero-art i{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #c79a6b), color-mix(in srgb, var(--accent) 10%, #8f6a47));height:100%;box-shadow:inset 0 -12% 0 #00000014;display:block}.lc-hero-art i:nth-child(2){background:var(--accent);height:78%}.lc-hero-art i:nth-child(3){height:88%}.lc-hero-art i:nth-child(4){background:color-mix(in srgb, var(--fg) 75%, transparent);height:60%}.lc-cards{grid-template-columns:repeat(3,1fr);gap:2cqw;display:grid}.lc-card{flex-direction:column;justify-content:space-between;gap:1cqh;min-height:12cqh;padding:1.6cqw;font-size:1.3cqw;font-weight:600;display:flex}.lc-card-mark{border-radius:var(--radius);background:var(--accent);width:2.6cqw;height:2.6cqw;display:block}.lc-note{z-index:4;letter-spacing:.08em;text-transform:uppercase;color:#a3172a;opacity:calc(var(--wire) * (1 - var(--skin)));pointer-events:none;white-space:nowrap;background:#fbf8f3eb;border:1px solid #bf203266;border-radius:2px;padding:.3cqh .7cqw;font-size:max(8px,.95cqw);font-weight:600;position:absolute}.lc-note-cols{top:10%;left:4%}.lc-note-type{top:30%;left:30%}.lc-note-space{bottom:25%;right:5%}.lc-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@container (max-width:699px){.lc-site{grid-template-rows:auto auto 1fr auto;gap:2.6cqh;padding:2.8cqh 6cqw 4cqh}.lc-logo{font-size:4.6cqw}.lc-links{display:none}.lc-hero{grid-template-columns:1fr;align-content:start;gap:3cqh}.lc-hero-art{order:-1;height:24cqh;min-height:0}.lc-kicker{font-size:2.6cqw}.lc-title{font-size:8.6cqw}.lc-body{font-size:3.4cqw}.lc-cta{margin-top:2.2cqh;padding:2.4cqw 4.4cqw;font-size:3.2cqw}.lc-cards{gap:2.4cqw}.lc-card{min-height:9cqh;padding:2.6cqw;font-size:2.8cqw}.lc-card-mark{width:4cqw;height:4cqw}.browser-chrome{font-size:max(8px,2.4cqw)}.browser-label{font-size:max(8px,2cqw)}.lc-note{font-size:max(8px,2.1cqw)}.lc-note-type{top:46%;left:8%}}@keyframes guide-draw{to{stroke-dashoffset:0}}@keyframes caret{50%{opacity:0}}@media (min-width:761px) and (max-width:1100px){.chapter-spark{width:46%}.chapter-spark h1{font-size:clamp(2.2rem,4.6vw,3.2rem)}.hero-differentiator{display:none}:root[data-motion=full] :is(.chapter-design,.chapter-panel){width:36%}:is(.chapter-design,.chapter-panel) h2{font-size:1.9rem}.design-beats{display:none}}@media (max-width:760px){.story{--header-h:72px}}@media (max-width:760px),(max-aspect-ratio:4/5){.prop-layer{left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh)}.prop-layer.desktop-only{display:none}.story-hero:before{background:linear-gradient(0deg, #f8f5f0fa 0, #f8f5f0f7 calc(var(--copy-h,42%) + 4px), #f8f5f08c calc(var(--copy-h,42%) + 40px), transparent calc(var(--copy-h,42%) + 84px));opacity:1}.story-scene{aspect-ratio:9/16;width:max(100%,max(640px,100svh)/1.77778);left:50%;right:auto;transform:translate(-50%,-50%)}.scene-screens-desktop{display:none}.scene-screens-mobile{display:block}.chapter-spark{top:auto;bottom:max(24px, env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);width:auto}.chapter-spark h1{margin-top:12px;font-size:clamp(2rem,9vw,2.9rem)}.chapter-spark .hero-intro{margin-top:14px;font-size:.95rem;line-height:1.6}.chapter-spark .hero-actions{margin-top:18px}.hero-differentiator{display:none}.chapter-design{padding-top:64px}.story-sheet{aspect-ratio:640/800;max-width:480px}.treatment{gap:8px;padding-right:10px;font-size:.78rem}:root[data-motion=full] .story{height:calc(100svh + var(--story-units) * var(--story-portrait-factor) * 100svh)}:root[data-motion=full] .story-scene{left:var(--sx,50%);top:var(--sy,50%);width:var(--sw,max(100%, calc(100svh * 9 / 16)));height:var(--sh,auto);aspect-ratio:auto;transform:scale(calc(1 + var(--lift) * .05));transform-origin:40% 45%}.story-backdrop{filter:blur(28px)saturate(1.05);background:url(/assets/workshop/studio/mobile-plate-750.webp) top/cover;display:block;position:absolute;inset:-40px}:root[data-motion=full] .story-sheet{width:640px;height:800px}:root[data-motion=full] :is(.chapter-design,.chapter-panel){top:auto;bottom:max(16px, env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);width:auto;max-width:none;transform:translateY(calc((1 - var(--v)) * 30px))}:root[data-motion=full] :is(.chapter-design,.chapter-panel) .eyebrow{font-size:.62rem}:root[data-motion=full] :is(.chapter-design,.chapter-panel) h2{margin:8px 0;font-size:clamp(1.3rem,5.8vw,1.7rem)}:root[data-motion=full] :is(.chapter-design,.chapter-panel)>p:not(.eyebrow){font-size:.86rem;line-height:1.5}:root[data-motion=full] .chapter-panel .demo-flag,:root[data-motion=full] .design-beats,:root[data-motion=full] .design-next{display:none}:root[data-motion=full] .design-controls{grid-template-columns:auto auto;align-items:end;gap:10px;margin-top:12px}:root[data-motion=full] .design-controls legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:root[data-motion=full] .design-controls{flex-wrap:nowrap;gap:6px;display:flex}:root[data-motion=full] .treatment-row{flex-wrap:nowrap;gap:2px}:root[data-motion=full] .treatment{justify-content:center;gap:0;width:44px;padding:0;font-size:0}:root[data-motion=full] .treatment-swatch{width:26px;height:26px}:root[data-motion=full] .accent-row{flex-wrap:nowrap;gap:0}:root[data-motion=full] .story-progress{display:none}}:root:not([data-motion=full]) .story-stage{padding-right:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:clamp(24px,4vw,72px);display:grid}:root:not([data-motion=full]) .story-hero{margin-right:calc(-1 * var(--gutter));grid-column:1/-1}:root:not([data-motion=full]) :is(.chapter-design,.chapter-panel){min-height:78svh;padding:48px 0 48px var(--page-inset);flex-direction:column;grid-column:1;justify-content:center;max-width:680px;margin:0;display:flex}:root:not([data-motion=full]) .story-canvas{top:calc(var(--header-h) + 24px);grid-area:2/2/span 6;align-self:start;width:100%;max-width:none;margin:0;padding:48px 0;position:sticky}@media (max-width:760px),(max-aspect-ratio:4/5){:root:not([data-motion=full]) .story-stage{grid-template-columns:minmax(0,1fr);padding-right:0}:root:not([data-motion=full]) .story-hero{margin-right:0}:root:not([data-motion=full]) .story-canvas{z-index:6;top:var(--header-h);padding:10px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);grid-area:2/1}:root:not([data-motion=full]) .story-canvas .story-sheet{width:min(100%,32svh)}:root:not([data-motion=full]) :is(.chapter-design,.chapter-panel){min-height:60svh;padding:40px var(--gutter);max-width:none}}