/* A single, useful website moves from content to a finished interface. */
.quiet-sequence>.copy.process,.quiet-sequence>.copy.design{--day:#f7f4ed;--day-ink:#252521;background:var(--day);padding:135px 3.6vw 95px}
html[data-reader-header=scope],html[data-reader-header=process]{--reader-header-bg:#f7f4ed}
.quiet-sequence>.copy.process::before,.quiet-sequence>.copy.design::before{display:none}
.quiet-sequence>.copy.process{grid-template-columns:.79fr 1.3fr;gap:0 4vw}
.quiet-sequence>.copy.process h2,.quiet-sequence>.copy.design h2{font-size:clamp(40px,4.2vw,82px);line-height:1.09;letter-spacing:-.055em;color:#252521}
.quiet-sequence>.copy.process h2 em,.quiet-sequence>.copy.design h2 em{color:#252521}
.quiet-copy .eyebrow{color:#757468}
.quiet-copy .scope-grid dt{font-size:clamp(21px,1.6vw,30px);color:#595b53}
.quiet-copy .scope-grid>div{padding:15px 0;border-color:#c1bba83b}
.scope-choice:hover,.scope-choice:focus-visible,.service-active .scope-choice{color:#a57430;translate:3px 0}
.scope-choice::after,.service-active .scope-choice::after{border:0;background:none;color:#8a7b62;font-size:25px}
.scope-choice:hover::after,.scope-choice:focus-visible::after,.service-active .scope-choice::after{background:none;color:#ac782f;border-color:transparent;rotate:0deg}
.scope-choice[aria-pressed=true]::after{rotate:0deg}
.quiet-copy .scope-grid{padding-bottom:135px}.quiet-copy .scope-grid dd{height:105px;font-size:clamp(18px,1.2vw,21px);line-height:1.55;color:#51554d}
.quiet-copy .scope-grid dd::before{color:#96703f}
.styk-showcase{--scan:84%;--reveal:0%;width:100%;max-width:none;position:relative;margin:0;align-self:center;pointer-events:none}
.scope-art{grid-column:2;grid-row:1/3;justify-self:stretch;width:100%}
.process-art{grid-column:2;grid-row:1;justify-self:stretch}
.space-ready .styk-showcase{--reveal:var(--scan)}
.styk-register{font:400 12px/1.45 Manrope,Arial,sans-serif;letter-spacing:.08em;color:#767265;text-transform:uppercase;display:flex;align-items:baseline;gap:21px;margin-bottom:16px}
.styk-register .drawing-index{font:inherit;color:#9c8058;white-space:nowrap}
.styk-register .drawing-caption{font:inherit;letter-spacing:inherit;color:inherit}
.styk-canvas{position:relative;aspect-ratio:1672/941;background:#f7f4ed;isolation:isolate;border:1px solid #ad8d5728}
.styk-wire{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;overflow:hidden;color:#b28646;font-family:Manrope,Arial,sans-serif}
.styk-contours{stroke:#ad8042;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.styk-wire text{fill:#a97f42;stroke:none;font-weight:400}
.sw-logo{font-size:41px;font-weight:600!important;letter-spacing:9px}.sw-navigation{font-size:19px}.sw-kicker{font-size:15px;letter-spacing:3.5px}.sw-title{font-size:81px;letter-spacing:-3.5px;font-weight:600;fill:none;stroke:#a97f42;stroke-width:1}
.sw-title text{fill:none;stroke:inherit;stroke-width:inherit;font-weight:600}.sw-copy{font-size:24px}.sw-cta{font-size:21px}.sw-materials{font-size:17px}.sw-furniture{stroke:#bf975b;stroke-width:1.2}
.styk-finished{display:block;width:100%;height:100%;position:absolute;inset:0;clip-path:inset(0 0 calc(100% - var(--reveal)) 0);transition:clip-path 1.4s cubic-bezier(.23,.72,.18,1);user-select:none}
.styk-beam{position:absolute;z-index:3;top:var(--reveal);left:-2vw;right:-2vw;height:8px;transform:translateY(-50%);background:linear-gradient(180deg,transparent 0,#d5a86470 13%,#fff8d9 22%,#c69040aa 35%,#f6d69a 48%,#fff9dd 57%,#b67e2b99 73%,#f9e3b1 84%,transparent);box-shadow:0 0 8px #edbc7570,0 0 25px #cda66330;opacity:.9;transition:top 1.4s cubic-bezier(.23,.72,.18,1),opacity .65s,box-shadow .65s;pointer-events:none}
.styk-beam i{display:block;position:absolute;inset:-14px 2vw;background:linear-gradient(180deg,transparent,#dca45716,transparent);filter:blur(5px)}
.styk-showcase.scan-settled .styk-beam{opacity:.58;box-shadow:0 0 6px #edbc7540,0 0 17px #cda66320}
.styk-showcase:is([data-mode=cms],[data-mode=search],[data-mode=launch],[data-mode=support]).scan-settled .styk-beam{opacity:0}
.quiet-copy:not(.space-ready) .styk-beam{opacity:0}
.styk-example-note{display:block;margin-top:17px;font:400 12px/1.4 Manrope,Arial,sans-serif;color:#878372;letter-spacing:.015em}
.styk-details{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;stroke:#ba873c;stroke-width:2;transition:opacity .45s}
.styk-details>g{opacity:0;transition:opacity .5s;pointer-events:none}
.styk-details text{font:400 18px Manrope,Arial,sans-serif;fill:#936a35;stroke:none;letter-spacing:1px}.styk-details .detail-label{fill:#f7f4ed;stroke:none}.styk-details circle{fill:#bc8a47;stroke:none}
.styk-showcase[data-mode=cms] .styk-edit,.styk-showcase[data-mode=search] .styk-search,.styk-showcase[data-mode=launch] .styk-launch,.styk-showcase[data-mode=support] .styk-support{opacity:1}
.styk-check-trace{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.5s cubic-bezier(.2,.7,.2,1)}
.styk-showcase[data-mode=launch] .styk-check-trace{stroke-dashoffset:0}
.styk-status{position:absolute;right:12px;bottom:10px;padding:5px 9px;background:#f7f4ed;color:#947243;font-size:11px;opacity:0;transition:opacity .5s}
.styk-showcase[data-mode=launch].scan-settled .styk-status{opacity:1}
/* The next section keeps the same preview; the route sits below it. */
.quiet-sequence>.copy.design{display:grid;grid-template-columns:.85fr 1.45fr;gap:48px 4vw;align-content:center;align-items:center}
.design .quiet-heading{grid-column:1;grid-row:1;margin:0}
.design .quiet-body{grid-column:1/-1;grid-row:2;align-self:start}
.quiet-copy.design .process-steps{gap:4vw;padding:42px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}
.quiet-copy.design .process-steps li{display:grid;grid-template-columns:72px 1fr;align-content:start;gap:0 20px}
.design .step-number{grid-column:1;grid-row:1/4;font:400 clamp(52px,4.6vw,85px)/1 Manrope,Arial,sans-serif;height:90px;width:72px;letter-spacing:-.05em;color:#a8a190;align-items:start}
.design .step-number::after{display:none}.design .step-active .step-number{color:#ae7a35}
.design .step-digit{padding:0;translate:0 0}
.quiet-copy.design .process-steps h3{grid-column:2;grid-row:1;font-size:clamp(21px,1.55vw,29px);font-weight:500;margin:0 0 12px;line-height:1.2;letter-spacing:-.035em}
.design .step-choice{position:relative;padding-right:37px;padding-bottom:8px;border-bottom:1px solid transparent;color:#30332d}
.design .step-choice::after{content:'↗';position:absolute;top:0;right:0;width:26px;height:26px;font:400 19px/1 Manrope,Arial,sans-serif;display:grid;place-items:center;border:1px solid #a98b5755;border-radius:50%;color:#9b7b4d;transition:background .3s,color .3s,transform .4s}
.design .step-active .step-choice,.design .step-choice:hover{color:#a57430;border-color:#b1874b55}
.design .step-choice:is(:hover,:focus-visible)::after{background:#a17a41;color:#fff8e7;transform:rotate(45deg)}
.quiet-copy.design .process-steps p{grid-column:2;grid-row:2;font-size:clamp(17px,1.18vw,21px);line-height:1.55;color:#63685d;max-width:400px}
.quiet-copy.design .process-steps .step-checkpoint{grid-column:2;grid-row:3;font-size:clamp(17px,1.08vw,20px);margin-top:18px;line-height:1.5;color:#444c40;border-left:1px solid #bc8b49;padding-left:13px}
.design .step-checkpoint .strip-content>span,.design .step-checkpoint .strip-front>span{display:none}
.design .route-base{stroke:#aa82464d;stroke-width:1}.design .route-energy{stroke:#c29148;stroke-width:1.5}
.design .route-handle{width:23px;height:23px;margin:-11.5px 0 0 -11.5px;background:#f7f4ed;border-color:#ae8041;color:#a97633;box-shadow:0 0 9px #c8984920}
.design .route-handle span{font-size:12px}.design .route-handle:hover,.design .route-handle:focus-visible{background:#bc8b45;color:#fff7df;box-shadow:0 0 15px #c8984940}
@media(min-width:1001px) and (max-height:900px){
 .quiet-sequence>.copy.process,.quiet-sequence>.copy.design{padding-top:110px;padding-bottom:65px}
 .quiet-sequence>.copy.process h2,.quiet-sequence>.copy.design h2{font-size:3.55vw;margin-bottom:28px}
 .quiet-copy .scope-grid>div{padding:10px 0}.quiet-copy .scope-grid dt{font-size:1.6vw}.quiet-copy .scope-grid{padding-bottom:124px}.quiet-copy .scope-grid dd{font-size:18px}
 .scope-art{width:100%}.quiet-sequence>.copy.design{row-gap:28px}.design .step-number{font-size:4vw;height:76px}.quiet-copy.design .process-steps h3{font-size:1.5vw}
 .quiet-copy.design .process-steps .step-checkpoint{font-size:16px;margin-top:13px}.quiet-copy.design .process-steps p{font-size:17px}
 .quiet-sequence>.copy.design{padding-top:125px;padding-bottom:25px;row-gap:25px}
 .process-art{max-width:680px;justify-self:end}
 .quiet-copy.design .process-steps{padding-top:32px}
 .quiet-copy.design .process-steps li{grid-template-columns:52px 1fr;gap:0 12px}
 .design .step-number{grid-row:1;width:52px;height:48px;font-size:44px}
 .quiet-copy.design .process-steps h3{font-size:20px;min-height:48px;margin-bottom:0;align-content:center}
 .quiet-copy.design .process-steps p{grid-column:1/-1;margin-top:12px}
 .quiet-copy.design .process-steps .step-checkpoint{grid-column:1/-1;margin-top:10px;font-size:16px}
}
@media(max-width:1000px){
 .quiet-sequence>.copy.process{grid-template-columns:.9fr 1.15fr;gap:0 3vw}.quiet-sequence>.copy.design{grid-template-columns:1fr 1.3fr;gap:32px 3vw}
 .quiet-sequence>.copy.process h2,.quiet-sequence>.copy.design h2{font-size:4.4vw}.quiet-copy .scope-grid dt{font-size:21px}
 .quiet-copy.design .process-steps li{grid-template-columns:52px 1fr;gap:0 12px}.design .step-number{width:52px;font-size:52px}.quiet-copy.design .process-steps h3{font-size:21px}
}
@media(max-width:800px){
 .quiet-sequence>.copy.process,.quiet-sequence>.copy.design{display:flex;flex-direction:column;gap:32px;padding:115px 5vw 80px;align-items:stretch}
 .process .quiet-heading,.design .quiet-heading{order:0}.scope-art,.process-art{order:1;position:relative;top:auto;right:auto;width:100%;max-width:none}
 .process .quiet-body,.design .quiet-body{order:2;width:100%;margin:0}.quiet-sequence>.copy.process h2,.quiet-sequence>.copy.design h2{font-size:8vw;max-width:none}
 .styk-register{font-size:10px;gap:15px;margin-bottom:12px}.styk-example-note{font-size:11px;margin-top:12px}
 .quiet-copy .scope-grid{padding-bottom:175px}.quiet-copy .scope-grid dd{height:150px;left:35px}.quiet-copy .scope-grid dt{font-size:24px}
 .quiet-copy.design .process-steps{display:block;padding:0 0 0 40px}.quiet-copy.design .process-steps li{padding:0 0 30px;grid-template-columns:60px 1fr;gap:0 16px}
 .design .step-number{width:60px;font-size:54px;height:80px}.quiet-copy.design .process-steps h3{font-size:24px}.quiet-copy.design .process-steps p,.quiet-copy.design .process-steps .step-checkpoint{font-size:17px}
 .styk-beam{height:5px;left:-3vw;right:-3vw}.styk-status{font-size:8px;right:5px;bottom:5px;padding:3px 5px}
}
@media(prefers-reduced-motion:reduce){.styk-finished,.styk-beam,.styk-details>g,.styk-check-trace{transition:none!important}.styk-beam{display:none}}
.quiet-copy[data-object-motion=off] :is(.styk-finished,.styk-beam,.styk-details>g,.styk-check-trace){transition:none!important}
.quiet-copy[data-object-motion=off] .styk-beam{display:none}

/* An amber drafting table, with distinct scenes and progressively finished UI. */
.styk-showcase{--art-ink:#f3e5ce;--art-muted:#d7b98a;--art-line:#ffbb61;--art-surface:#151a1d;--art-paper:#f4eedf;--art-rule:#bd976449}
.styk-register{font-size:18px;text-transform:none;letter-spacing:-.02em;color:#292b28;margin-bottom:18px}
.styk-register .drawing-caption{font-size:inherit}
.styk-canvas{aspect-ratio:1200/760;background:var(--art-surface);border:1px solid #323839;border-radius:4px;box-shadow:0 18px 45px #40341c12;overflow:visible;transition:background .5s,border-color .5s}
.styk-canvas::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 48% 46%,#e39d3212,transparent 70%);pointer-events:none}
.styk-showcase:is([data-mode=cms],[data-mode=search],[data-mode=launch],[data-mode=support],[data-mode=delivery]){--art-surface:#eee7d8;--art-ink:#282c29;--art-muted:#56574e;--art-line:#956424;--art-rule:#76644840}
.styk-showcase:is([data-mode=cms],[data-mode=search],[data-mode=launch],[data-mode=support],[data-mode=delivery]) .styk-canvas{border-color:#cabfa9}
.styk-frame,.styk-underlay{position:absolute;inset:0;overflow:hidden;border-radius:3px}
.styk-scene{display:block;width:100%;height:100%;max-width:none;font-family:Manrope,Arial,sans-serif;overflow:hidden}
.styk-scene .art-photo{overflow:hidden}
.styk-scene text{fill:var(--art-ink);stroke:none;font-weight:500;letter-spacing:-.5px}
.styk-scene .art-title{font-size:46px;letter-spacing:-1.7px}.styk-scene .art-hero{font-size:52px;letter-spacing:-2px}
.styk-scene .art-title-sm{font-size:35px;letter-spacing:-1px}.styk-scene .art-brand{font-size:38px;letter-spacing:6px;font-weight:600}
.styk-scene .art-brand-small{font-size:29px;letter-spacing:4px;font-weight:600}
.styk-scene .art-label{font-size:32px;letter-spacing:-.8px}.styk-scene .art-body{font-size:28px;letter-spacing:-.6px}
.styk-scene .art-small,.styk-scene .art-nav{font-size:25px;letter-spacing:-.3px}
.styk-scene .art-muted{font-size:27px;fill:var(--art-muted)}.styk-scene .end{text-anchor:end}.styk-scene .center{text-anchor:middle}
.styk-scene .art-line,.styk-scene .art-outline,.styk-scene .art-connector{stroke:var(--art-line);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.styk-scene .art-outline{fill:#ffb95704}.styk-scene .art-connector{stroke-width:2.8}
.styk-scene .blueprint-lines :is(path,rect){filter:var(--draft-glow)}.styk-scene .art-backplate{opacity:.3}
.styk-scene .art-furniture{stroke:var(--art-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:var(--draft-glow)}.styk-scene .art-furniture :is(path,rect){stroke:inherit;stroke-width:inherit;vector-effect:non-scaling-stroke;filter:none}
.styk-scene .art-divider{stroke:var(--art-rule);stroke-width:1.5}.styk-scene .art-metal-line{stroke:#b49460;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.styk-scene .art-paper{fill:var(--art-paper)}.styk-scene .art-side{fill:#e4dbc9}.styk-scene .art-select{fill:#d4c29f}
.styk-scene .art-field{fill:#faf6ec;stroke:#b6a789;stroke-width:1.5}.styk-scene .art-solid{fill:#333933}
.styk-scene .art-button{fill:#fff4dd;font-size:27px}.styk-scene .art-device{fill:#252c2c;stroke:#a78b5d;stroke-width:2.5}
.styk-scene .art-phone{fill:#242b2c;stroke:#b49a70;stroke-width:2.5}
.styk-showcase[data-mode=approval] .art-paper~text{fill:#292e29}
.styk-underlay{opacity:.35}.styk-underlay .scene-composition,.styk-underlay .blueprint-lines :is(path,rect),.styk-underlay .art-furniture{filter:none}
.styk-showcase.scan-settled .styk-underlay{opacity:0}
.styk-underlay image{opacity:0}.styk-underlay text{fill:#8e7855}.styk-underlay rect{fill:none;stroke:#a7834b;stroke-width:1.2}
.quiet-copy:not(.space-ready) .styk-frame{clip-path:inset(0 0 100% 0)}
.styk-beam{top:100%;left:-18px;right:-18px;height:5px;transition:opacity .5s;background:linear-gradient(180deg,transparent,#ffba4c 20%,#fff6d8 44%,#fff 50%,#ffe3a0 64%,#dd8528 86%,transparent);box-shadow:0 0 5px #ffe2a9,0 0 13px #ffbc5ac0,0 0 32px #fa951270;opacity:1}
.styk-beam i{inset:-32px 18px;filter:none;background:linear-gradient(180deg,transparent,#ffa52725 45%,#f9c36c39 50%,transparent)}
.styk-showcase.scan-settled .styk-beam{opacity:.65;box-shadow:0 0 7px #ffcd8770,0 0 18px #e89b3150}
.styk-showcase:is([data-mode=cms],[data-mode=search],[data-mode=launch],[data-mode=support]).scan-settled .styk-beam{opacity:.65}
.styk-example-note{font-size:15px;color:#54564e;margin-top:18px}
.quiet-copy .eyebrow{color:#55564e}
.quiet-copy .scope-grid dt{color:#333832}.scope-choice:is(:hover,:focus-visible),.service-active .scope-choice{color:#80541d}
.quiet-copy .scope-grid>div{grid-template-columns:1fr;gap:0}.quiet-copy .scope-grid>div::before{display:none}
.quiet-copy .scope-grid dd{left:0;color:#343a32}.quiet-copy .scope-grid dd::before{display:none}
.quiet-copy .scope-grid dd{font-size:clamp(19px,1.3vw,22px)}
.quiet-copy.design .process-steps p{color:#41483f}.quiet-copy.design .process-steps .step-checkpoint{color:#363d34}
.design .step-active .step-number,.design .step-active .step-choice{color:#80541d}.design .step-number{color:#73756a}
.quiet-copy .strip-front,.quiet-copy .strip-front em{color:#80541d!important}
@media(min-width:1001px) and (max-height:900px){.process-art{max-width:600px}.quiet-sequence>.copy.design{padding-top:115px;padding-bottom:20px;row-gap:15px}.styk-register{margin-bottom:13px}.styk-example-note{margin-top:12px}}
@media(max-width:800px){.styk-register{font-size:17px}.styk-example-note{font-size:13px}.quiet-copy .scope-grid dd{left:0}.styk-beam{left:-9px;right:-9px;height:4px}}
@media(prefers-reduced-motion:reduce){.styk-canvas{transition:none}.quiet-copy:not(.space-ready) .styk-frame{clip-path:none}}