.wr-page{max-width:none!important;margin:0!important}
.wr-hero{padding-block:32px 72px;background:var(--canvas)}
.wr-hero-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.s-page.wr-page .wr-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;max-width:17ch;letter-spacing:-.045em}
.wr-hero .s-deck{font-size:18px;max-width:45ch;margin-top:0}
.wr-hero .s-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.wr-text-link{display:inline-flex;align-items:center;gap:10px;font-size:16px;min-height:48px}
.wr-review-note{font-size:14px;line-height:1.6;color:var(--muted);margin-top:18px}
.wr-study{margin:0}
.wr-study-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;border-top:1px solid var(--border);padding-block:20px}
.wr-study figcaption{font-size:14px;line-height:1.5;color:var(--text)}
.wr-study figcaption strong{font-family:Space Grotesk,Arial,sans-serif;font-size:18px;display:block;margin-bottom:3px}
.wr-study figcaption span{display:block}
.wr-study-controls{display:flex;gap:6px;flex:none}
.wr-study-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font:600 15px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.wr-study-controls button[aria-pressed=true]{background:var(--action);color:var(--action-text)}
.wr-study-controls svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;flex:none}
.wr-study-stage{display:flex;justify-content:center;align-items:start;background:var(--surface-muted);padding:32px;min-height:500px}
.wr-example{container-type:inline-size;width:100%;max-width:1120px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:8px 10px 0 var(--rule)}
.wr-example.is-phone{max-width:340px}
.wr-example-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px;border-bottom:1px solid var(--rule)}
.wr-example-name{display:flex;gap:10px;align-items:center;font:600 15px/1.4 Space Grotesk,Arial,sans-serif}
.wr-example-name i{display:block;width:16px;height:16px;background:var(--focus);flex:none}
.wr-example-nav{font-size:14px;line-height:1.5;color:var(--muted)}
.wr-example-nav b{font-weight:400;padding-inline:8px}
.wr-example-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;padding:44px 40px 24px;align-items:center}
.wr-page .wr-example p{font-size:15px;line-height:1.6;color:var(--muted)}
.wr-page .wr-example .wr-sample-eyebrow{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}
.wr-example-title{display:block;font:600 clamp(28px,4cqi,44px)/1.08 Space Grotesk,Arial,sans-serif;letter-spacing:-.04em;margin-bottom:20px}
.wr-sample-action{display:inline-flex;gap:16px;align-items:center;margin-top:24px;font-size:14px;line-height:1.5;font-weight:600;background:var(--action);color:var(--action-text);padding:11px 16px;border-radius:3px}
.wr-example-art{min-width:0}
.wr-example-art svg{display:block;width:100%;height:auto}
.wr-building-ground{fill:var(--surface-muted)}
.wr-building-wall{fill:var(--canvas)}
.wr-building-side{fill:var(--surface-muted)}
.wr-building-edge{fill:var(--rule)}
.wr-building-stroke{stroke:var(--border);stroke-width:1.5;stroke-linejoin:round}
.wr-building-window{fill:var(--surface-muted);stroke:var(--border);stroke-width:1.5}
.wr-building-door{fill:var(--feature)}
.wr-building-canopy{fill:var(--focus)}
.wr-building-canopy-side{fill:var(--action)}
.wr-building-path{fill:var(--rule)}
.wr-example-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--rule);margin:8px 40px 0;padding:22px 0 28px}
.wr-example-bottom strong{display:block;font-size:15px;margin-bottom:8px}
.wr-page .wr-example-bottom p{font-size:14px;line-height:1.6}
.wr-study-note{font-size:14px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:80ch}
.wr-project{padding-block:80px;background:var(--surface)}
.wr-project-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:40px}
.s-page.wr-page .wr-project h2{font-size:clamp(32px,3.8vw,48px)}
.wr-project-heading>p{max-width:49ch}
.wr-project-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}
.wr-build-list>div{padding-block:24px;border-top:1px solid var(--rule)}
.wr-build-list h3{font-size:22px;margin-bottom:10px}
.wr-build-list p{font-size:17px;max-width:44ch}
.wr-proposal{padding:30px;background:var(--canvas)}
.wr-proposal>h3{font-size:26px;margin-bottom:24px}
.wr-proposal dl{margin:0}
.wr-proposal dl>div{padding-block:20px;border-top:1px solid var(--rule)}
.wr-proposal dt{font-size:16px;font-weight:600;margin-bottom:8px}
.wr-proposal dd{margin:0;font-size:16px;line-height:1.65}
.wr-process{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0 0;margin:40px 0;border-top:1px solid var(--border)}
.wr-process h3{font-size:21px;margin-bottom:12px}
.wr-process p{font-size:16px;line-height:1.65}
.wr-details{border-top:1px solid var(--border)}
.wr-details details{border-bottom:1px solid var(--border)}
.wr-details summary{position:relative;cursor:pointer;list-style:none;min-height:68px;padding:20px 44px 20px 0;font-size:18px;font-weight:600;line-height:1.5}
.wr-details summary::-webkit-details-marker{display:none}
.wr-details summary::after{content:'+';position:absolute;right:8px;top:22px;font-size:24px;line-height:1;font-weight:400}
.wr-details details[open]>summary::after{content:'−'}
.wr-details details>div{max-width:80ch;padding:0 40px 24px 0}
.wr-details details p{font-size:16px;line-height:1.7}
.wr-details details p+p{margin-top:16px}
.wr-contact{padding-block:64px;background:var(--feature);color:var(--feature-text);--focus:var(--feature-accent)}
.wr-contact>.b-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.s-page.wr-page .wr-contact h2{font-size:clamp(34px,4vw,50px);margin-bottom:20px;color:var(--feature-text)}
.wr-page .wr-contact p,.wr-page .wr-contact .s-eyebrow{color:var(--feature-muted)}
.wr-contact p{max-width:49ch}
.wr-contact .b-button{justify-self:end;background:var(--feature-accent);color:#081820;text-align:center}
@container(max-width:560px){.wr-example-header{padding:18px 20px;gap:10px}.wr-example-nav{font-size:14px}.wr-example-nav b{padding-inline:5px}.wr-example-hero{grid-template-columns:1fr;gap:14px;padding:28px 22px 18px}.wr-example-title{font-size:30px}.wr-example-art{max-width:290px;justify-self:center;width:100%}.wr-example-bottom{grid-template-columns:1fr;gap:20px;margin-inline:22px;padding-block:20px 24px}.wr-example-bottom>div+div{border-top:1px solid var(--rule);padding-top:18px}.wr-sample-action{margin-top:18px}}
@media(max-width:1000px){.wr-hero-intro{gap:40px;grid-template-columns:1fr 1fr}.wr-project-heading,.wr-project-grid{gap:40px}.wr-study-stage{padding:24px}.wr-contact>.b-wrap{grid-template-columns:1.2fr 1fr;gap:28px}}
@media(max-width:850px){.wr-hero-intro{grid-template-columns:1fr;gap:26px}.wr-hero .s-deck{max-width:65ch}.wr-project-heading,.wr-project-grid{grid-template-columns:1fr;gap:28px}.wr-project-heading{margin-bottom:30px}.wr-proposal{max-width:760px}.wr-contact>.b-wrap{grid-template-columns:1fr}.wr-contact .b-button{justify-self:start}}
@media(max-width:700px){.wr-hero{padding-block:24px 48px}.wr-hero .s-breadcrumb{margin-bottom:26px}.s-page.wr-page .wr-hero h1{font-size:clamp(36px,9.8vw,46px);max-width:17ch}.wr-hero-intro{gap:24px;margin-bottom:32px}.wr-hero .s-actions{display:grid;grid-template-columns:1fr;gap:8px}.wr-text-link{justify-content:center;text-align:center}.wr-review-note{font-size:14px;margin-top:14px}.wr-study-toolbar{align-items:start;padding-block:18px;gap:16px}.wr-study figcaption{flex-basis:100%}.wr-study-controls{width:100%;gap:8px}.wr-study-controls button{flex:1;min-height:48px;padding-inline:12px}.wr-study-stage{padding:18px;min-height:0}.wr-example{box-shadow:4px 6px 0 var(--rule)}.wr-study-note{font-size:14px;margin-top:16px}.wr-project{padding-block:48px}.s-page.wr-page .wr-project h2{font-size:34px}.wr-build-list>div{padding-block:22px}.wr-build-list h3{font-size:21px}.wr-build-list p{font-size:17px}.wr-proposal{padding:24px}.wr-proposal>h3{font-size:25px}.wr-process{grid-template-columns:1fr;gap:0;padding-top:0;margin-block:32px}.wr-process li{padding-block:22px}.wr-process li+li{border-top:1px solid var(--rule)}.wr-process h3{font-size:21px;margin-bottom:10px}.wr-details summary{font-size:17px;padding-right:36px}.wr-details details>div{padding-right:12px}.wr-contact{padding-block:48px}.wr-contact>.b-wrap{gap:28px}.s-page.wr-page .wr-contact h2{font-size:34px}.wr-contact .b-button{width:100%;padding-inline:16px}}
@media(max-width:359px){.s-page.wr-page .wr-hero h1{font-size:34px}.wr-study-stage{padding:12px}.wr-example-header{padding:16px}.wr-example-name{font-size:14px;gap:8px}.wr-example-nav{font-size:14px}.wr-example-hero{padding:24px 16px 16px}.wr-example-title{font-size:28px}.wr-example-bottom{margin-inline:16px}.wr-proposal{padding:20px}.wr-contact .b-button{gap:10px}}
@media(prefers-reduced-motion:reduce){.wr-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Controls enhance an already responsive, readable study. */
.wr-study-controls{visibility:hidden}
.wr-study-controls.is-ready{visibility:visible}
@media(max-width:700px){.wr-example{max-width:340px}}