/* Hearth, whole-site studio system. Final presentation authority; legacy content styles remain below it. */
@view-transition { navigation: auto; }
:root.studio-enhanced { scroll-behavior: smooth; scroll-padding-top: 0; }
:root body.hws-studio-page[data-studio-surface] {
 --studio-bg:#f5f1e9; --studio-paper:#fffcf6; --studio-ink:#292720; --studio-muted:#686458;
 --studio-accent:#a94329; --studio-accent-ink:#fffcf6; --studio-line:#d7d2c6; --studio-sage:#e3e8df;
 --studio-gutter:clamp(20px,4.5vw,64px); --studio-space:clamp(64px,7.5vw,112px);
 --studio-sans:"Hearth Manrope",ui-sans-serif,system-ui,sans-serif;
 --studio-action:var(--studio-ink); --studio-action-ink:var(--studio-bg);
 --page:var(--studio-bg); --paper:var(--studio-paper); --ink:var(--studio-ink); --muted:var(--studio-muted);
 --ember:var(--studio-accent); --line:var(--studio-line); --sage:var(--studio-sage); --sans:var(--studio-sans);
 --cream:var(--studio-bg); --warm-white:var(--studio-paper); --charcoal:var(--studio-ink); --charcoal-mid:var(--studio-muted); --charcoal-light:var(--studio-muted); --clay:var(--studio-accent); --clay-dark:var(--studio-accent);
 margin:0!important; padding:0!important; min-width:0; color:var(--studio-ink)!important; background:var(--studio-bg)!important;
 font-family:var(--studio-sans)!important; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
:root[data-theme="dark"] body.hws-studio-page[data-studio-surface] {
 --studio-bg:#24231f; --studio-paper:#2e2d27; --studio-ink:#f5f1e9; --studio-muted:#c7c2b6;
 --studio-accent:#efa080; --studio-accent-ink:#24231f; --studio-line:#504c42; --studio-sage:#293d34;
}
:root body.hws-studio-page[data-studio-surface] *, :root body.hws-studio-page[data-studio-surface] *::before, :root body.hws-studio-page[data-studio-surface] *::after { box-sizing:border-box; }
:root body.hws-studio-page[data-studio-surface] [hidden] { display:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(h1,h2,h3) { font-family:var(--studio-sans)!important; font-weight:600; letter-spacing:-.035em!important; text-wrap:balance; color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface] h1 { font-size:clamp(44px,5.8vw,88px); line-height:1.08; }
:root body.hws-studio-page[data-studio-surface] h2 { font-size:clamp(29px,3.5vw,48px); line-height:1.16; }
:root body.hws-studio-page[data-studio-surface] h3 { font-size:22px; line-height:1.3; }
:root body.hws-studio-page[data-studio-surface] h1 em { font-family:inherit!important; font-style:normal; color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface] main :is(p,li,figcaption) { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] main :is(strong,b) { color:var(--studio-ink); }
:root body.hws-studio-page[data-studio-surface] main a { color:var(--studio-accent)!important; text-underline-offset:5px; text-decoration-thickness:1px; }
:root body.hws-studio-page[data-studio-surface] :is(a,button,summary,input,textarea,select):focus-visible { outline:3px solid var(--studio-accent)!important; outline-offset:5px; }
:root body.hws-studio-page[data-studio-surface] :is(h1,h2,h3,section,[id]) { scroll-margin-top:120px; }
:root body.hws-studio-page[data-studio-surface] img { max-width:100%; height:auto; filter:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(.hws-reveal,.fade-up,.hws-reveal-stagger>*) { opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; animation:none!important; transition:none!important; will-change:auto; }
:root body.hws-studio-page[data-studio-surface] :is(.wrap,.shell,.post-grid,.blog-hero-inner,.blog-start-inner,.blog-audit-inner,.blog-footer,.footer-inner) { width:min(calc(100% - 2*var(--studio-gutter)),1280px); max-width:1280px; margin-inline:auto; }
:root body.hws-studio-page[data-studio-surface] :is(.button,.btn,.btn-primary,.btn-cta-primary,.hws-funnel-button,.studio-button) {
 display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:52px; padding:14px 23px;
 border:0!important; border-radius:6px!important; background:var(--studio-action)!important; color:var(--studio-action-ink)!important;
 font:600 14px/1.5 var(--studio-sans)!important; text-decoration:none!important; box-shadow:none!important;
 transition:background-color 180ms ease,color 180ms ease,transform 220ms cubic-bezier(.16,1,.3,1);
}
:root body.hws-studio-page[data-studio-surface] :is(.button,.btn,.studio-button):hover { background:var(--studio-accent)!important; color:var(--studio-accent-ink)!important; }
:root body.hws-studio-page[data-studio-surface] :is(.button,.text-link,.studio-button)>span { transition:translate 220ms cubic-bezier(.16,1,.3,1); }
:root body.hws-studio-page[data-studio-surface] :is(.button,.text-link,.studio-button):hover>span { translate:3px -2px; }
:root body.hws-studio-page[data-studio-surface] :is(.eyebrow,.kicker,.blog-eyebrow,.hws-funnel-kicker) { font:600 13px/1.5 var(--studio-sans)!important; color:var(--studio-accent)!important; letter-spacing:0!important; text-transform:none; }
/* One masthead and two native navigation scales. */
:root body.hws-studio-page[data-studio-surface] .studio-header { position:sticky; top:0; z-index:100; background:var(--studio-bg)!important; border-bottom:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface] .studio-header__inner { width:min(calc(100% - 2*var(--studio-gutter)),1280px); min-height:90px; margin:auto; display:flex; align-items:center; gap:32px; }
:root body.hws-studio-page[data-studio-surface] .studio-header .wordmark { flex-shrink:0; color:var(--studio-ink)!important; font:400 43px/1 "DM Serif Display",Georgia,serif!important; letter-spacing:-.04em; text-decoration:none; view-transition-name:studio-wordmark; }
:root body.hws-studio-page[data-studio-surface] .wordmark>span { color:var(--studio-accent); }
:root body.hws-studio-page[data-studio-surface] .studio-nav { display:flex; align-items:center; gap:28px; margin-left:auto; background:none!important; padding:0!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface] .studio-nav>a:not(.studio-button), :root body.hws-studio-page[data-studio-surface] .studio-services>summary { display:flex; align-items:center; min-height:48px; color:var(--studio-ink)!important; font:500 14px/1.4 var(--studio-sans); text-decoration:none; cursor:pointer; }
:root body.hws-studio-page[data-studio-surface] .studio-nav [aria-current="page"] { text-decoration:underline!important; text-underline-offset:7px; }
:root body.hws-studio-page[data-studio-surface] .studio-header__cta { background:var(--studio-accent)!important; color:var(--studio-accent-ink)!important; border-radius:999px!important; min-height:46px; padding:12px 20px; font-size:13px!important; }
:root body.hws-studio-page[data-studio-surface] .studio-header__controls { display:flex; gap:8px; }
:root body.hws-studio-page[data-studio-surface] .studio-header :is(.theme-toggle,.menu-toggle) { position:static!important; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; min-height:44px; padding:8px; border:1px solid var(--studio-line)!important; border-radius:50%; color:var(--studio-ink)!important; background:transparent!important; box-shadow:none!important; font:600 18px/1 var(--studio-sans); cursor:pointer; }
:root body.hws-studio-page[data-studio-surface] .studio-header .menu-toggle { display:none; width:auto; min-width:62px; border-radius:6px; font-size:13px; }
:root body.hws-studio-page[data-studio-surface] .studio-sun { display:none; }
:root[data-theme="dark"] body.hws-studio-page .studio-sun { display:inline; }
:root[data-theme="dark"] body.hws-studio-page .studio-moon { display:none; }
:root body.hws-studio-page[data-studio-surface] .studio-services { position:relative; border:0; background:none!important; box-shadow:none!important; padding:0; }
:root body.hws-studio-page[data-studio-surface] .studio-services>summary { list-style:none; gap:8px; padding:0; }
:root body.hws-studio-page[data-studio-surface] .studio-services>summary::-webkit-details-marker { display:none; }
:root body.hws-studio-page[data-studio-surface] .studio-services>summary::after { content:"⌄"; color:var(--studio-accent); font-size:15px; }
:root body.hws-studio-page[data-studio-surface] .studio-services__panel { position:absolute; top:calc(100% + 10px); left:-24px; width:310px; padding:14px 22px; background:var(--studio-paper)!important; border:1px solid var(--studio-line); box-shadow:8px 18px 35px #00000014; }
:root body.hws-studio-page[data-studio-surface] .studio-services__panel>a { display:flex; align-items:center; min-height:48px; color:var(--studio-ink)!important; text-decoration:none; font-size:14px; border-bottom:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface] .studio-services__panel>a:last-child { border-bottom:0; }
:root body.hws-studio-page[data-studio-surface] .studio-services__panel>a:hover, :root body.hws-studio-page[data-studio-surface] .studio-nav>a:not(.studio-button):hover { color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface] .studio-mobile-nav { width:min(calc(100% - 2*var(--studio-gutter)),1280px); margin:auto; padding-block:8px 20px; }
:root body.hws-studio-page[data-studio-surface] .studio-mobile-nav>a { display:flex; align-items:center; min-height:48px; border-top:1px solid var(--studio-line); color:var(--studio-ink)!important; text-decoration:none; }
:root body.hws-studio-page[data-studio-surface] .studio-mobile-nav .studio-services>summary { border-top:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface] .studio-services--mobile .studio-services__panel { position:static; width:100%; padding:0 16px; border:0; box-shadow:none; }
:root body.hws-studio-page[data-studio-surface] .studio-mobile-nav>a:last-child { color:var(--studio-accent)!important; }
/* Intentional dark fields keep their own readable palette in both themes. */
:root body.hws-studio-page[data-studio-surface] :is(.dark,.closing-section,.hws-funnel-hero,.hws-funnel-final,.catalyst-hero,.mini-after) {
 --studio-bg:#292720; --studio-paper:#35332c; --studio-ink:#f5f1e9; --studio-muted:#d2cdbc; --studio-accent:#efa080; --studio-accent-ink:#292720; --studio-line:#575347; --studio-action:#efa080; --studio-action-ink:#292720;
 background:#292720!important; color:#f5f1e9!important;
}
/* The homepage process is an intentional night field; niche-page steps remain reading surfaces. */
:root body.hws-studio-page[data-studio-surface="home"] .process-section {
 --studio-bg:#292720; --studio-paper:#35332c; --studio-ink:#f5f1e9; --studio-muted:#d2cdbc; --studio-accent:#efa080; --studio-accent-ink:#292720; --studio-line:#575347; --studio-action:#efa080; --studio-action-ink:#292720;
 background:#292720!important; color:#f5f1e9!important;
}
/* Home: a generous seven/five opening and a device-led work stage. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__grid { grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr); gap:clamp(40px,6vw,88px); padding-block:clamp(48px,5.5vw,80px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero h1 { max-width:11ch; font-size:clamp(60px,6.6vw,96px); line-height:1.04; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__lede { max-width:43ch; font-size:18px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:.84; object-position:63% center; border-radius:3px 88px 3px 3px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__inner { grid-template-columns:minmax(0,1fr) minmax(0,.23fr); gap:0; padding:72px 64px 88px 0; align-items:center; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__desktop { width:calc(100% + 32px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__mobile { z-index:1; width:calc(100% + 32px); margin-left:-24px; margin-top:80px; box-shadow:12px 24px 45px #18261e33; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-note { left:0; bottom:28px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-section__grid { grid-template-columns:.8fr 1.2fr; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .signature-line { color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger { gap:0; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger article { padding-block:36px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-price { font-size:clamp(40px,4vw,58px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-name, :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-section li { color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero h1>span { color:var(--studio-accent)!important; }
/* Services: an actionable opening, open explanations, readable long-form sections. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero { display:block!important; min-height:0!important; padding:64px 0 80px!important; background:var(--studio-bg)!important; border:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero::before, :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero::after { display:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero { display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important; gap:clamp(40px,6vw,88px); align-items:center; padding:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero .eyebrow { margin:0 0 24px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero h1 { grid-column:auto!important; max-width:16ch!important; width:auto!important; margin:0!important; font-size:clamp(44px,5.1vw,74px)!important; line-height:1.1; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-hero-actions { display:flex; flex-wrap:wrap; gap:16px; margin:28px 0 0!important; max-width:60ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-hero-actions>span { display:block; font-size:13px; color:var(--studio-muted)!important; max-width:56ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero .intro { grid-column:auto!important; max-width:65ch!important; margin:28px 0 0!important; font-size:17px!important; line-height:1.8; }
:root body.hws-studio-page[data-studio-surface] .studio-service-art { margin:0; min-width:0; align-self:center; }
:root body.hws-studio-page[data-studio-surface] .studio-service-art img { display:block; width:100%; aspect-ratio:.83; object-fit:cover; object-position:65% center; border-radius:3px 70px 3px 3px; }
:root body.hws-studio-page[data-studio-surface] .studio-service-art figcaption { padding-top:12px; font-size:11px; text-align:right; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route { padding-block:var(--studio-space)!important; background:var(--studio-sage)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-grid { padding-block:0!important; display:grid!important; grid-template-columns:.8fr 1.2fr!important; gap:80px; align-items:start; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-cards { display:block!important; background:none!important; border:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-cards article { display:block; min-height:0; padding:24px 0!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-cards article>span { display:none; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-cards h3 { margin:0 0 12px!important; font-size:23px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-route-cards p { font-size:16px!important; max-width:60ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content { padding-block:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section { display:grid!important; grid-template-columns:.8fr 1.2fr!important; gap:80px; align-items:start; padding-block:72px!important; border-bottom:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section h2 { position:sticky; top:128px; margin:0!important; max-width:22ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section p { font-size:17px; line-height:1.85; max-width:68ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section p+p { margin-top:20px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .note { margin-top:28px; padding:24px!important; border:0!important; border-radius:0; background:var(--studio-sage)!important; color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .faq-section { padding-block:var(--studio-space)!important; background:var(--studio-paper)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 64px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .faq-card { background:none!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; padding:24px 0!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .cta { margin-block:64px!important; padding:48px!important; background:var(--studio-sage)!important; color:var(--studio-ink)!important; border:0!important; border-radius:3px!important; box-shadow:none!important; }
/* Journal: one featured story, then a generous image-led index. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-hero { padding:64px 0 48px!important; background:var(--studio-bg)!important; border:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-hero h1 { max-width:23ch; margin:0 0 28px!important; font-size:clamp(44px,6.5vw,88px)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-hero p { font-size:17px; max-width:65ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-start { padding:0 0 64px!important; background:var(--studio-bg)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-start h2 { font-size:24px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-start-inner>p { max-width:75ch; font-size:15px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:32px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card { display:block; padding:24px 0!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; text-decoration:none; transform:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card>span { font-size:12px; color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card strong { display:block; margin:12px 0; font-size:22px; line-height:1.35; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card p { font-size:14px; line-height:1.7; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:56px 48px; padding:0 0 var(--studio-space)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card { display:flex; flex-direction:column; min-width:0; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; transform:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card-media { margin:0 0 22px!important; border-radius:3px!important; overflow:hidden; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card-media img { display:block; width:100%; aspect-ratio:1.65; object-fit:cover; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card h2 { margin:14px 0!important; font-size:30px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-meta { gap:10px; flex-wrap:wrap; color:var(--studio-muted)!important; font-size:12px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-tag { color:var(--studio-accent)!important; background:none!important; padding:0; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card .card-link { align-self:start; margin-top:20px; padding-block:12px; min-height:48px; background:none!important; font-size:14px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured { grid-column:1/-1; display:grid; grid-template-columns:1.15fr 1fr; column-gap:56px; border-block:1px solid var(--studio-line)!important; padding-block:40px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured>div { display:contents; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured .post-card-media { grid-column:1; grid-row:1/6; margin:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured .post-card-media img { height:100%; min-height:360px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured :is(.post-meta,h2,p,.card-link) { grid-column:2; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured h2 { font-size:38px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-audit-strip { background:var(--studio-sage)!important; padding-block:64px!important; }
/* Reading: precise measure, quieter chrome, real heading wayfinding. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .post-hero { padding:64px 0 48px!important; background:var(--studio-bg)!important; border:0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .post-wrap { width:min(calc(100% - 2*var(--studio-gutter)),1000px); margin:auto; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .post-hero h1 { max-width:24ch; font-size:clamp(40px,5.6vw,72px)!important; line-height:1.12; margin:24px 0 0!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-meta { color:var(--studio-muted)!important; font-size:13px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body { width:min(calc(100% - 2*var(--studio-gutter)),72ch); max-width:72ch!important; margin:0 auto 80px!important; padding:0!important; font-size:18px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body :is(p,li) { font-size:18px!important; line-height:1.85!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body h2 { margin:56px 0 20px!important; font-size:32px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body h3 { margin:32px 0 14px!important; font-size:24px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-photo { width:calc(100% + 48px); margin:40px -24px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-photo img { display:block; width:100%; border-radius:3px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-photo figcaption { margin-top:12px; font-size:11px!important; }
:root body.hws-studio-page[data-studio-surface] .studio-article-layout { display:grid; grid-template-columns:minmax(0,760px) 220px; gap:80px; width:min(calc(100% - 2*var(--studio-gutter)),1060px); margin:auto; align-items:start; }
:root body.hws-studio-page[data-studio-surface] .studio-article-layout .article-body { width:100%; max-width:none!important; }
:root body.hws-studio-page[data-studio-surface] .studio-toc { position:sticky; top:120px; padding-top:4px; font-size:13px; }
:root body.hws-studio-page[data-studio-surface] .studio-toc details { padding:0; border:0; background:none!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface] .studio-toc summary { padding:0 0 16px; min-height:48px; color:var(--studio-ink); cursor:pointer; font-weight:600; }
:root body.hws-studio-page[data-studio-surface] .studio-toc ol { list-style:none; padding:0; margin:0; border-top:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface] .studio-toc li { border-bottom:1px solid var(--studio-line); padding:12px 0; line-height:1.6; }
:root body.hws-studio-page[data-studio-surface] .studio-toc a { color:var(--studio-muted)!important; text-decoration:none; }
:root body.hws-studio-page[data-studio-surface] .studio-toc a[aria-current] { color:var(--studio-accent)!important; text-decoration:underline; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] :is(.checklist-box,.author-box,.article-visual,.post-cta) { border-radius:3px!important; box-shadow:none!important; border-color:var(--studio-line)!important; background:var(--studio-sage)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .related { width:min(calc(100% - 2*var(--studio-gutter)),1060px); margin:auto; padding-block:56px; border-top:1px solid var(--studio-line); }
/* Concept studies and niche pages stay truthful while joining the studio. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] main>section { padding-block:var(--studio-space); background:var(--studio-bg); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] main>section>.container, :root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] main>section>.wrap { max-width:1280px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero { min-height:0; padding-block:64px!important; display:block!important; background:var(--studio-bg)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero-copy { max-width:1000px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero h1 { max-width:20ch; font-size:clamp(44px,6vw,80px)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero .intro { max-width:65ch; font-size:18px; margin-top:28px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] :is(.panel,.comparison-card,.client-fit-card) { box-shadow:none!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; background:var(--studio-paper)!important; padding:28px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .showcase { background:var(--studio-sage)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .section-head { max-width:780px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero::before, :root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero::after { display:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(.studio-concept-showcase) { margin:48px 0; background:var(--studio-sage); padding:clamp(20px,4vw,48px); }
:root body.hws-studio-page[data-studio-surface] .studio-concept-showcase img { display:block; width:100%; box-shadow:8px 20px 40px #18261e22; }
:root body.hws-studio-page[data-studio-surface] .studio-concept-showcase figcaption { margin-top:24px; font-size:13px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="concepts"] .section { padding-block:64px!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="concepts"] .section-head { max-width:850px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="concepts"] h1 { max-width:18ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="offer"] .offer-hero, :root body.hws-studio-page[data-studio-surface][data-studio-surface="resource"] .offer-hero { background:var(--studio-bg)!important; padding-block:64px!important; }
:root body.hws-studio-page[data-studio-surface] :is(.offer-hero)::before, :root body.hws-studio-page[data-studio-surface] :is(.offer-hero)::after { display:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(.hero-copy-block) h1 { font-size:clamp(44px,5.3vw,76px)!important; line-height:1.1!important; max-width:16ch; }
:root body.hws-studio-page[data-studio-surface] :is(.audit-ledger,.price-card,.demo-copy-panel) { background:var(--studio-paper)!important; border:1px solid var(--studio-line)!important; border-radius:3px!important; box-shadow:none!important; color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface] :is(.diagnosis-list article,.proof-grid article) { background:none!important; box-shadow:none!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; padding:24px 0!important; }
:root body.hws-studio-page[data-studio-surface] :is(.insight-strip,.cta-band) { background:var(--studio-sage)!important; color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="legal"] main { width:min(calc(100% - 2*var(--studio-gutter)),72ch); max-width:72ch; margin:auto; padding:64px 0; font-size:18px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="legal"] h1 { font-size:clamp(44px,6vw,80px); margin-bottom:24px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="legal"] main h2 { font-size:27px; margin:48px 0 16px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="legal"] main p { margin-block:0 20px; line-height:1.85; }
/* Compact task pages use the same materials, keeping the intake contract intact. */
:root body.hws-studio-page[data-studio-surface] :is(.hws-funnel-header,.masthead[data-studio-header]) { position:relative; background:var(--studio-bg)!important; color:var(--studio-ink)!important; border-bottom:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface] .hws-funnel-header__inner { min-height:90px; }
:root body.hws-studio-page[data-studio-surface] :is(.hws-funnel-context,.hws-funnel-sample,.hws-funnel-form-section,.hws-thanks-main) { background:var(--studio-bg)!important; }
:root body.hws-studio-page[data-studio-surface] :is(.hws-review-form,.hws-thanks-card) { background:var(--studio-paper)!important; color:var(--studio-ink)!important; border-color:var(--studio-line)!important; border-radius:4px!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(input,textarea,select) { background:var(--studio-bg)!important; color:var(--studio-ink)!important; border:1px solid var(--studio-line)!important; border-radius:4px!important; font-family:var(--studio-sans)!important; }
:root body.hws-studio-page[data-studio-surface] :is(input,textarea)::placeholder { color:var(--studio-muted)!important; opacity:1; }
:root body.hws-studio-page[data-studio-surface] :is(label,.hws-review-form label) { color:var(--studio-ink)!important; }
:root body.hws-studio-page[data-studio-surface] .hws-thanks-card h1 { font-size:clamp(38px,5vw,64px)!important; max-width:20ch; }
:root body.hws-studio-page[data-studio-surface] :is(.hws-thanks-steps article,.hws-funnel-context article) { border-radius:0!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface] :is(.site-footer,.hws-funnel-footer,footer) { color:var(--studio-muted)!important; background:var(--studio-bg)!important; border-top-color:var(--studio-line)!important; }
:root body.hws-studio-page[data-studio-surface] footer a { color:var(--studio-ink)!important; text-underline-offset:5px; }
/* Landmark-scoped colour authority over the retained legacy route guards. */
:root body.hws-studio-page[data-studio-surface] :is(.hws-funnel-ticket,.catalyst-sheet) {
 --studio-bg:#fffcf6; --studio-paper:#fffcf6; --studio-ink:#292720; --studio-muted:#686458; --studio-accent:#a94329; --studio-accent-ink:#fffcf6; --studio-line:#d7d2c6;
 --ink:var(--studio-ink); --paper:var(--studio-paper); --muted:var(--studio-muted); --line:var(--studio-line);
 background:var(--studio-paper)!important; color:var(--studio-ink)!important;
}
:root body.hws-studio-page[data-studio-surface] main[id] :is(p,li,figcaption) { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] a[href]:not(.button,.btn,.btn-primary,.btn-cta-primary,.hws-funnel-button,.studio-button) { color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] :is(a.button,a.btn,a.btn-primary,a.hws-funnel-button,a.studio-button,button.button,button.hws-funnel-submit) { background:var(--studio-action)!important; color:var(--studio-action-ink)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] :is(.eyebrow,.kicker,.blog-eyebrow,.hws-funnel-kicker) { color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] .service-route-cards p { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] .offer-hero .hero-copy-block :is(p,li,span) { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] :is(.diagnosis-list,.proof-grid,.audit-ledger,.price-card,.demo-copy-panel) :is(p,li,span) { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] :is(.diagnosis-list,.proof-grid) { background:none!important; }
:root body.hws-studio-page[data-studio-surface] main[id] .studio-toc li a[href]:not(.button) { color:var(--studio-muted)!important; }
:root body.hws-studio-page[data-studio-surface] main[id] .studio-toc li a[href][aria-current]:not(.button) { color:var(--studio-accent)!important; }
:root body.hws-studio-page[data-studio-surface="journal"] :is(.blog-start-inner,.start-grid,.blog-audit-inner) { background:none!important; border:0!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface="journal"] .blog-start-inner { padding:0!important; }
:root body.hws-studio-page[data-studio-surface="journal"] .start-card strong { font-family:var(--studio-sans)!important; font-weight:600; }
:root body.hws-studio-page[data-studio-surface="journal"] .start-card>span { text-transform:none!important; letter-spacing:0!important; }
:root body.hws-studio-page[data-studio-surface="journal"] main[id] .post-card h2 a[href] { font:inherit; color:var(--studio-ink)!important; text-decoration:none; }
:root body.hws-studio-page[data-studio-surface="journal"] main[id] .post-card h2 a[href]:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
:root body.hws-studio-page[data-studio-surface="journal"] .post-image-link { display:block; height:100%; }
:root body.hws-studio-page[data-studio-surface="journal"] .blog-audit-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:0!important; }
:root body.hws-studio-page[data-studio-surface="article"] .post-wrap { width:min(calc(100% - 2*var(--studio-gutter)),1060px); max-width:1060px!important; }
:root body.hws-studio-page[data-studio-surface="article"] .article-body { background:none!important; border:0!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface="article"] :is(.article-meta,.post-tag) { text-transform:none!important; letter-spacing:0!important; }
:root body.hws-studio-page[data-studio-surface="article"] .studio-toc nav { background:none!important; box-shadow:none!important; border:0; }
:root body.hws-studio-page[data-studio-surface] .hws-funnel-hero h1 { background:transparent!important; box-shadow:none!important; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .inner { width:min(calc(100% - 2*var(--studio-gutter)),1280px); max-width:1280px; margin-inline:auto; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .hero-copy { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:start; max-width:none; margin-top:24px; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .hero h1 { margin:0!important; max-width:24ch; font-size:clamp(40px,5.1vw,64px)!important; line-height:1.12; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .concept-note { border-left:0; border-top:1px solid var(--studio-line); padding:18px 0 0; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .estimate-card { background:none!important; border:0!important; border-top:1px solid var(--studio-line)!important; border-radius:0!important; box-shadow:none!important; padding:20px 0!important; }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id] .estimate-card strong { font-family:var(--studio-sans)!important; font-size:32px; }
@media(max-width:980px) { :root body.hws-studio-page[data-studio-surface="case-study"] main[id] .hero-copy { grid-template-columns:1fr; gap:28px; } }
@media(max-width:600px) { :root body.hws-studio-page[data-studio-surface="case-study"] main[id] .hero h1 { font-size:clamp(36px,10.5vw,44px)!important; } }
@media(max-width:600px) { :root body.hws-studio-page[data-studio-surface="journal"] .blog-audit-inner { align-items:start; flex-direction:column; } }
:root body.hws-studio-page[data-studio-surface="case-study"] main[id]>section { padding-inline:0!important; }
/* Motion serves orientation. Content is never hidden while waiting for an observer. */
:root body.hws-studio-page[data-studio-surface] :is(.artifact-browser,.firm-mini-site,.audit-device,.sample-audit-card,.audit-ledger,.demo-sheet,.finance-board) { animation:none!important; translate:none!important; will-change:auto; }
@keyframes studio-image-arrive { from { clip-path:inset(2% 0 0); translate:0 8px; } to { clip-path:inset(0); translate:0 0; } }
@keyframes studio-page-out { to { opacity:0; } }
@keyframes studio-page-in { from { opacity:0; translate:0 4px; } }
@media (prefers-reduced-motion:no-preference) {
 :root body.hws-studio-page[data-studio-surface] :is(.hero__art img,.studio-service-art img) { animation:studio-image-arrive 800ms cubic-bezier(.16,1,.3,1) both; }
 ::view-transition-old(root) { animation:studio-page-out 140ms ease-out both; }
 ::view-transition-new(root) { animation:studio-page-in 220ms cubic-bezier(.16,1,.3,1) both; }
}
@media (hover:hover) and (pointer:fine) { :root body.hws-studio-page[data-studio-surface] .work-stage__desktop { transition:translate 450ms cubic-bezier(.16,1,.3,1); } :root body.hws-studio-page[data-studio-surface] .work-stage__desktop:hover { translate:0 -6px; } }
@media (max-width:1100px) {
 :root body.hws-studio-page[data-studio-surface] .studio-header__inner { gap:20px; } :root body.hws-studio-page[data-studio-surface] .studio-nav { gap:18px; }
 :root body.hws-studio-page[data-studio-surface] .studio-header__cta { padding-inline:16px; font-size:12px!important; }
 :root body.hws-studio-page[data-studio-surface] .studio-article-layout { grid-template-columns:minmax(0,1fr) 190px; gap:48px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero { gap:40px; }
}
@media (max-width:980px) {
 :root.studio-enhanced body.hws-studio-page .studio-nav { display:none; }
 :root.studio-enhanced body.hws-studio-page .studio-header .menu-toggle { display:inline-flex; }
 :root body.hws-studio-page[data-studio-surface] .studio-header__inner { justify-content:space-between; min-height:78px; }
 :root body.hws-studio-page[data-studio-surface] .studio-header__controls { margin-left:auto; }
 :root body.hws-studio-page[data-studio-surface] .studio-article-layout { display:flex; flex-direction:column; gap:24px; }
 :root body.hws-studio-page[data-studio-surface] .studio-toc { position:static; order:-1; width:100%; background:var(--studio-paper); padding:16px 20px 0; }
 :root body.hws-studio-page[data-studio-surface] .studio-toc summary { padding-bottom:16px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero { grid-template-columns:minmax(0,1fr)!important; }
 :root body.hws-studio-page[data-studio-surface] .studio-service-art { width:100%; max-width:100%; } :root body.hws-studio-page[data-studio-surface] .studio-service-art img { aspect-ratio:2.3; max-height:300px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] :is(.service-route-grid,.content .section) { grid-template-columns:1fr!important; gap:32px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section h2 { position:static; max-width:28ch; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__grid { grid-template-columns:1fr; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero h1 { font-size:clamp(48px,9vw,76px); max-width:12ch; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:1.6; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-section__grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
 :root body.hws-studio-page[data-studio-surface] .studio-header__inner { gap:16px; min-height:76px; }
 :root body.hws-studio-page[data-studio-surface] .studio-header .wordmark { font-size:35px!important; }
 :root body.hws-studio-page[data-studio-surface] .studio-header__controls { gap:7px; }
 :root body.hws-studio-page[data-studio-surface] :is(.wrap,.shell,.post-grid,.blog-hero-inner,.blog-start-inner,.blog-audit-inner,.blog-footer,.footer-inner) { width:calc(100% - 40px); }
 :root body.hws-studio-page[data-studio-surface] h1 { font-size:44px; } :root body.hws-studio-page[data-studio-surface] h2 { font-size:30px; } :root body.hws-studio-page[data-studio-surface] h3 { font-size:21px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__grid { padding-top:36px; padding-bottom:32px; gap:32px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero h1 { font-size:clamp(42px,11.5vw,64px); }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__lede { font-size:16px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:1.25; border-radius:3px 52px 3px 3px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__inner { grid-template-columns:minmax(0,.7fr) minmax(0,.55fr); padding:40px 0 70px; gap:0; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__desktop { width:calc(100% + 24px); }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__mobile { width:100%; margin-left:0; margin-top:40px; border-width:3px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-price { font-size:42px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero { padding:40px 0 56px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero h1 { font-size:44px!important; max-width:17ch!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero .intro { font-size:16px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .service-hero-actions { margin-top:24px!important; }
 :root body.hws-studio-page[data-studio-surface] .studio-service-art img { height:200px; aspect-ratio:auto; border-radius:3px 48px 3px 3px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .content .section { padding-block:48px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .faq-grid { grid-template-columns:1fr; gap:0; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .cta { padding:28px!important; margin-block:40px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-hero { padding:40px 0!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .blog-hero h1 { font-size:44px!important; max-width:19ch; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-grid { grid-template-columns:1fr; gap:0; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card { padding-block:20px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .start-card strong { font-size:21px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-grid { grid-template-columns:1fr!important; gap:40px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured { display:flex; gap:0; padding-block:28px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured>div { display:block; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured .post-card-media { margin-bottom:22px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured .post-card-media img { height:auto; min-height:0; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card h2, :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .post-card--featured h2 { font-size:28px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .post-hero { padding:40px 0 32px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .post-hero h1 { font-size:40px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body { font-size:17px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body :is(p,li) { font-size:17px!important; line-height:1.8!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-photo { width:100%; margin:32px 0!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="article"] .article-body h2 { font-size:28px!important; margin-top:40px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] .hero h1 { font-size:44px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="case-study"] :is(.split,.comparison-grid,.metric-grid,.client-fit-grid) { grid-template-columns:1fr!important; gap:24px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="legal"] main { padding-top:40px; font-size:17px; }
 :root body.hws-studio-page[data-studio-surface] :is(.hws-funnel-header__inner) { min-height:76px; }
}
:root:not(.studio-enhanced) body.hws-studio-page .studio-header__inner { flex-wrap:wrap; padding-block:20px; }
:root:not(.studio-enhanced) body.hws-studio-page .studio-nav { display:flex!important; flex-wrap:wrap; margin-left:0; }
:root:not(.studio-enhanced) body.hws-studio-page .studio-header__controls { display:none; }
:root:not(.studio-enhanced) body.hws-studio-page .studio-header { position:relative; }
@media(max-width:980px) {
 :root:not(.studio-enhanced) body.hws-studio-page .studio-nav { width:100%; align-items:stretch; flex-direction:column; gap:4px; }
 :root:not(.studio-enhanced) body.hws-studio-page .studio-services__panel { position:static; width:100%; padding:0 16px; box-shadow:none; }
}
@media (prefers-reduced-motion:reduce) {
 @view-transition { navigation:none; }
 :root { scroll-behavior:auto!important; }
 :root body.hws-studio-page[data-studio-surface] *, :root body.hws-studio-page[data-studio-surface] *::before, :root body.hws-studio-page[data-studio-surface] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 ::view-transition-old(root), ::view-transition-new(root) { animation:none!important; }
}

/* Hearth collection: original artwork composed for its role, never used as client proof. */
:root body.hws-studio-page[data-studio-surface] .studio-collection-image { margin:0; min-width:0; }
:root body.hws-studio-page[data-studio-surface] .studio-collection-image img { display:block; width:100%; height:auto; object-fit:cover; border-radius:3px; }
:root body.hws-studio-page[data-studio-surface] :is(.studio-collection-image,.studio-collection-panorama) figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; padding-top:14px; font-size:12px; line-height:1.5; }
:root body.hws-studio-page[data-studio-surface] :is(.studio-collection-image,.studio-collection-panorama) figcaption>span { font-size:11px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,5vw,72px); align-items:center; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:4/5; object-position:center; border-radius:3px 96px 3px 3px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-section__grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,6vw,88px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .founder-section__signature { display:block; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-image--worktable img { aspect-ratio:1.2; object-position:47% center; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .signature-line { margin-top:24px; font-size:28px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-panorama { width:100%; margin:0; padding:0 var(--studio-gutter) 40px; background:var(--studio-sage); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-panorama img { display:block; width:100%; max-height:540px; aspect-ratio:2.4; object-fit:cover; object-position:center 52%; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-panorama figcaption { width:min(100%,1280px); margin:auto; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important; align-items:center; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero::before, :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero::after { content:none!important; display:none!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero h1 { font-size:clamp(44px,4.7vw,64px)!important; max-width:18ch!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art img { height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center; border-radius:3px 64px 3px 3px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art[data-studio-art="build"] img { aspect-ratio:4/5; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero .studio-service-intro { width:min(calc(100% - 2*var(--studio-gutter)),900px)!important; max-width:900px!important; margin:56px auto 0!important; font-size:18px!important; line-height:1.85; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:clamp(40px,6vw,88px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening h1 { font-size:clamp(44px,5vw,72px)!important; max-width:19ch; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening .studio-collection-image img { aspect-ratio:1.05; object-position:51% center; border-radius:3px 64px 3px 3px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="audit"] .studio-collection-image--review { max-width:480px; margin-top:32px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="audit"] .studio-collection-image--review img { aspect-ratio:4/3; }
@media(min-width:981px) {
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__grid { padding-block:48px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero h1 { font-size:clamp(60px,6vw,88px); }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { max-height:clamp(500px,calc(100svh - 210px),720px); }
}
@media(max-width:980px) {
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] :is(.hero__grid,.founder-section__grid), :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening { grid-template-columns:1fr; gap:36px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:1.3; object-position:center 58%; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-image--worktable img { aspect-ratio:1.5; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-hero { grid-template-columns:minmax(0,1fr)!important; gap:32px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art img, :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art[data-studio-art="build"] img { aspect-ratio:1.6; max-height:460px; height:auto; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .hero .studio-service-intro { margin-top:32px!important; font-size:17px!important; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening .studio-collection-image img { aspect-ratio:1.8; }
}
@media(max-width:600px) {
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .hero__art img { aspect-ratio:1; border-top-right-radius:56px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-panorama { padding:20px 20px 28px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .studio-collection-panorama img { aspect-ratio:1.3; object-position:58% center; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art img, :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art[data-studio-art="build"] img { aspect-ratio:4/3; max-height:none; height:auto; border-top-right-radius:48px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="service"] .studio-service-art[data-studio-art="build"] img { aspect-ratio:1.05; object-position:center 42%; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="journal"] .studio-journal-opening .studio-collection-image img { aspect-ratio:1.5; border-top-right-radius:48px; }
}

/* Editorial pacing: a distinct work chapter, a clear sequence and a confident ending. */
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section {
 --studio-bg:#192d24; --studio-paper:#213a2e; --studio-sage:#213a2e; --studio-ink:#f5f1e9; --studio-muted:#d0d8c9; --studio-accent:#efa080; --studio-line:#506253; --sage:#213a2e; --ink:#f5f1e9; --muted:#d0d8c9;
 background:var(--studio-bg)!important; padding-block:clamp(64px,7vw,100px); color:var(--studio-ink);
}
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section__heading { padding-block:0 48px; align-items:end; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section__heading h2 { font-size:clamp(40px,5.2vw,72px); max-width:17ch; line-height:1.08; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage { background:var(--studio-bg)!important; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__inner { padding:24px 64px 72px 0; grid-template-columns:minmax(0,1fr) minmax(0,.24fr); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__desktop { width:calc(100% + 24px); border:0; border-radius:3px; box-shadow:10px 24px 50px #07130d55; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__desktop img { width:100%; height:auto; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__mobile { width:calc(100% + 36px); margin-left:-24px; margin-top:100px; border-color:#132219; box-shadow:10px 24px 44px #07130d66; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__link { display:block; position:relative; text-decoration:none; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__invitation { position:absolute; left:24px; top:24px; display:inline-flex; align-items:center; gap:24px; min-height:48px; padding:12px 20px; border-radius:4px; background:#f5f1e9; color:#292720!important; font-size:14px; font-weight:600; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__invitation>span { transition:translate 180ms ease; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__link:hover .work-stage__invitation>span { translate:3px -2px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-note { bottom:16px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section__footer { padding-block:24px 0; border-top:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section__footer>p { max-width:54ch; font-size:14px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger article { padding-block:36px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger article:nth-child(2) { background:var(--studio-sage); padding-inline:32px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger article>p { font-size:16px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-price { font-size:clamp(44px,4.5vw,64px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section__grid { display:block; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section h2 { max-width:25ch; font-size:clamp(34px,4.1vw,56px); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:48px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li { display:block; padding-block:24px 0; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li>span { display:block; color:var(--studio-accent); font-size:14px; margin-bottom:20px; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li strong { font-size:20px; font-weight:600; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li p { font-size:16px; margin-top:12px; line-height:1.7; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section__grid { display:block; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section h2 { max-width:24ch; font-size:clamp(44px,7.2vw,96px); line-height:1.06; }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section__actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px 40px; margin-top:48px; padding-top:32px; border-top:1px solid var(--studio-line); }
:root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section__reminder { max-width:42ch; font-size:16px; flex:1 1 280px; }
@media(max-width:980px) {
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section ol { gap:24px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__inner { padding-right:40px; }
}
@media(max-width:600px) {
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-section__heading h2 { font-size:40px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__inner { display:block; padding:8px 0 56px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__desktop { width:100%; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__mobile { display:none; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-stage__invitation { position:static; display:flex; justify-content:space-between; background:#213a2e; color:#f5f1e9!important; border-top:1px solid #506253; border-radius:0; padding:14px 18px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .work-note { bottom:12px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .package-ledger article:nth-child(2) { padding:28px 24px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section ol { grid-template-columns:1fr; gap:28px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li { display:flex; gap:24px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .process-section li>span { min-width:24px; margin-top:5px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section__actions { display:grid; gap:24px; margin-top:32px; }
 :root body.hws-studio-page[data-studio-surface][data-studio-surface="home"] .closing-section h2 { font-size:clamp(40px,10.5vw,60px); }
}
