/* The Amateur:shared foundations, navigation and page components. No remote assets. */
/* Theme tokens (design review DES-04/DES-33). Components use these roles, never raw colours. Dark is the default;
   "System" follows the device (prefers-color-scheme) and needs no script; an explicit choice sets data-theme on <html>.
   Generated values come from scripts/tokenise-site-colours.py (scripts/site-colour-tokens.json). */
:root{--accent:#b8e5a0;--accent-border:#b8e5a0;--accent-control:#a9d790;--accent-fill:#b8e5a0;--accent-fill-hover:#d5f2c4;--accent-line:#43594b;--accent-line-bright:#d3efaa;--accent-line-hi:#58645e;--accent-line-strong:#587061;--accent-line-strong-hi:#5b8066;--accent-line-strong-hi2:#68906f;--accent-line-strong-hi3:#7f9c8a;--accent-soft:#11231c;--accent-soft-2:#12281e;--accent-soft-2-hi:#18352e;--accent-soft-3:#20392d;--accent-text:#cde3d4;--accent-text-hi:#e8f2e3;--accent-text-lo:#9fb5a6;--accent-text-lo2:#c5d3c8;--account-demo:#f3d49b;--account-line:#2b3d48;--account-ok:#bce8ca;--account-planned:#b9c4d0;--account-soft:#11212d;--canvas:#0b141d;--canvas-deep:#071019;--danger-line:#8d5555;--danger-line-hi:#d08a75;--danger-soft:#2d1719;--danger-soft-hi:#32252b;--danger-text:#ffb4a8;--danger-text-hi:#ffc9c0;--focus:#d3efaa;--ink:#edf2ef;--inverse-bg:#f6f4ec;--line:#2c3c47;--mint:#b8e5a0;--muted:#acb9c3;--ok-border:#bce8ca;--ok-fill:#bce8ca;--on-accent:#102017;--on-accent-hi:#183c33;--panel:#101e2a;--panel-2:#171e28;--panel-3:#223240;--panel-4:#254956;--panel-4-lo:#233d4d;--paper:#090f17;--rule:#3a4a55;--rule-strong:#52636f;--rule-strong-lo:#42525d;--rule-stronger:#657785;--rule-stronger-hi:#6f8793;--shadow:#0004;--shadow-accent:#16372e20;--shadow-accent-lo:#14291f35;--surface:#111c27;--text-faint:#87939b;--text-muted:#aebcc4;--text-muted-lo:#8fa0ab;--text-muted-lo2:#9fb0ba;--text-soft:#c6d2d5;--text-soft-lo:#b6c3cc;--text-strong:#d4dbe1;--text-strong-hi:#e0e9e0;--warning-line:#7a6a43;--warning-line-hi:#e6b34d;--warning-line-hi2:#f4cc85;--warning-soft:#221d12;--warning-text:#f4dfa8;--warning-text-lo:#cdb9a7;--warning-text-lo2:#f4cc85;--radius:12px;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--accent:#2a6420;--accent-border:#2f6a23;--accent-control:#2f6a23;--accent-fill:#2f6a23;--accent-fill-hover:#255a1c;--accent-line:#bcd8b0;--accent-line-bright:#2f6a23;--accent-line-hi:#a7c59b;--accent-line-strong:#7aa86e;--accent-line-strong-hi:#6f9d63;--accent-line-strong-hi2:#5f8d55;--accent-line-strong-hi3:#4e7c44;--accent-soft:#edf5e7;--accent-soft-2:#e1efd8;--accent-soft-2-hi:#e1efd8;--accent-soft-3:#d3e7c7;--accent-text:#2a6420;--accent-text-hi:#29621f;--accent-text-lo:#4c7543;--accent-text-lo2:#44743b;--account-demo:#7a5300;--account-line:#dcd9d0;--account-ok:#2a6420;--account-planned:#4a555d;--account-soft:#fbfaf6;--canvas:#f6f4ef;--canvas-deep:#ece8df;--danger-line:#d27a6c;--danger-line-hi:#9f4035;--danger-soft:#fbe8e4;--danger-soft-hi:#fbe8e4;--danger-text:#a1261b;--danger-text-hi:#9d251a;--focus:#2f6a23;--ink:#152028;--inverse-bg:#183c33;--line:#dcd9d0;--mint:#2a6420;--muted:#4a555d;--ok-border:#2f6a23;--ok-fill:#2f6a23;--on-accent:#ffffff;--on-accent-hi:#cad5c8;--panel:#ffffff;--panel-2:#fbfaf6;--panel-3:#eeede6;--panel-4:#e2e3dc;--panel-4-lo:#e2e3dc;--paper:#f6f4ef;--rule:#dcd9d0;--rule-strong:#bdbcb2;--rule-strong-lo:#c7c6bd;--rule-stronger:#8e948b;--rule-stronger-hi:#7d847d;--shadow:#0f172a24;--shadow-accent:#2a642014;--shadow-accent-lo:#2a642014;--surface:#ffffff;--text-faint:#5f6a72;--text-muted:#4a555d;--text-muted-lo:#646d72;--text-muted-lo2:#59636a;--text-soft:#36414a;--text-soft-lo:#49535a;--text-strong:#25303a;--text-strong-hi:#242f39;--warning-line:#d4a64a;--warning-line-hi:#8c681e;--warning-line-hi2:#8c681e;--warning-soft:#fbf1dc;--warning-text:#7a5300;--warning-text-lo:#836527;--warning-text-lo2:#866216;color-scheme:light}}
:root[data-theme="light"]{--accent:#2a6420;--accent-border:#2f6a23;--accent-control:#2f6a23;--accent-fill:#2f6a23;--accent-fill-hover:#255a1c;--accent-line:#bcd8b0;--accent-line-bright:#2f6a23;--accent-line-hi:#a7c59b;--accent-line-strong:#7aa86e;--accent-line-strong-hi:#6f9d63;--accent-line-strong-hi2:#5f8d55;--accent-line-strong-hi3:#4e7c44;--accent-soft:#edf5e7;--accent-soft-2:#e1efd8;--accent-soft-2-hi:#e1efd8;--accent-soft-3:#d3e7c7;--accent-text:#2a6420;--accent-text-hi:#29621f;--accent-text-lo:#4c7543;--accent-text-lo2:#44743b;--account-demo:#7a5300;--account-line:#dcd9d0;--account-ok:#2a6420;--account-planned:#4a555d;--account-soft:#fbfaf6;--canvas:#f6f4ef;--canvas-deep:#ece8df;--danger-line:#d27a6c;--danger-line-hi:#9f4035;--danger-soft:#fbe8e4;--danger-soft-hi:#fbe8e4;--danger-text:#a1261b;--danger-text-hi:#9d251a;--focus:#2f6a23;--ink:#152028;--inverse-bg:#183c33;--line:#dcd9d0;--mint:#2a6420;--muted:#4a555d;--ok-border:#2f6a23;--ok-fill:#2f6a23;--on-accent:#ffffff;--on-accent-hi:#cad5c8;--panel:#ffffff;--panel-2:#fbfaf6;--panel-3:#eeede6;--panel-4:#e2e3dc;--panel-4-lo:#e2e3dc;--paper:#f6f4ef;--rule:#dcd9d0;--rule-strong:#bdbcb2;--rule-strong-lo:#c7c6bd;--rule-stronger:#8e948b;--rule-stronger-hi:#7d847d;--shadow:#0f172a24;--shadow-accent:#2a642014;--shadow-accent-lo:#2a642014;--surface:#ffffff;--text-faint:#5f6a72;--text-muted:#4a555d;--text-muted-lo:#646d72;--text-muted-lo2:#59636a;--text-soft:#36414a;--text-soft-lo:#49535a;--text-strong:#25303a;--text-strong-hi:#242f39;--warning-line:#d4a64a;--warning-line-hi:#8c681e;--warning-line-hi2:#8c681e;--warning-soft:#fbf1dc;--warning-text:#7a5300;--warning-text-lo:#836527;--warning-text-lo2:#866216;color-scheme:light}
/* Components that sit on a photo or a fixed dark ground keep the dark palette in both themes. */
/* Shoot Plan UI scale (batch 4b §3). Public hero h1 keeps its display size; tokens govern functional UI. */
:root{--sp-fs-display:clamp(2rem,1.2rem + 1.6vw,2.75rem);--sp-fs-h2:clamp(1.5rem,1.3rem + .6vw,1.75rem);--sp-fs-h3:1.25rem;--sp-fs-h4:1.125rem;--sp-fs-lead:1.125rem;--sp-fs-body:1rem;--sp-fs-hint:.9375rem;--sp-fs-meta:.875rem;--sp-fs-kicker:.875rem;--sp-lh-tight:1.2;--sp-lh-ui:1.4;--sp-lh-body:1.6;--sp-s1:4px;--sp-s2:8px;--sp-s3:12px;--sp-s4:16px;--sp-s5:24px;--sp-s6:32px;--sp-s7:48px;--sp-s8:64px;--sp-tap:44px;--sp-tap-primary:48px;--sp-side:200px;--sp-gutter:48px;--sp-col:760px;--sp-col-wide:960px;--sp-field:560px}
.always-dark,.shoot-advert,.clearway-page{--accent:#b8e5a0;--accent-border:#b8e5a0;--accent-control:#a9d790;--accent-fill:#b8e5a0;--accent-fill-hover:#d5f2c4;--accent-line:#43594b;--accent-line-bright:#d3efaa;--accent-line-hi:#58645e;--accent-line-strong:#587061;--accent-line-strong-hi:#5b8066;--accent-line-strong-hi2:#68906f;--accent-line-strong-hi3:#7f9c8a;--accent-soft:#11231c;--accent-soft-2:#12281e;--accent-soft-2-hi:#18352e;--accent-soft-3:#20392d;--accent-text:#cde3d4;--accent-text-hi:#e8f2e3;--accent-text-lo:#9fb5a6;--accent-text-lo2:#c5d3c8;--account-demo:#f3d49b;--account-line:#2b3d48;--account-ok:#bce8ca;--account-planned:#b9c4d0;--account-soft:#11212d;--canvas:#0b141d;--canvas-deep:#071019;--danger-line:#8d5555;--danger-line-hi:#d08a75;--danger-soft:#2d1719;--danger-soft-hi:#32252b;--danger-text:#ffb4a8;--danger-text-hi:#ffc9c0;--focus:#d3efaa;--ink:#edf2ef;--inverse-bg:#f6f4ec;--line:#2c3c47;--mint:#b8e5a0;--muted:#acb9c3;--ok-border:#bce8ca;--ok-fill:#bce8ca;--on-accent:#102017;--on-accent-hi:#183c33;--panel:#101e2a;--panel-2:#171e28;--panel-3:#223240;--panel-4:#254956;--panel-4-lo:#233d4d;--paper:#090f17;--rule:#3a4a55;--rule-strong:#52636f;--rule-strong-lo:#42525d;--rule-stronger:#657785;--rule-stronger-hi:#6f8793;--shadow:#0004;--shadow-accent:#16372e20;--shadow-accent-lo:#14291f35;--surface:#111c27;--text-faint:#87939b;--text-muted:#aebcc4;--text-muted-lo:#8fa0ab;--text-muted-lo2:#9fb0ba;--text-soft:#c6d2d5;--text-soft-lo:#b6c3cc;--text-strong:#d4dbe1;--text-strong-hi:#e0e9e0;--warning-line:#7a6a43;--warning-line-hi:#e6b34d;--warning-line-hi2:#f4cc85;--warning-soft:#221d12;--warning-text:#f4dfa8;--warning-text-lo:#cdb9a7;--warning-text-lo2:#f4cc85;--radius:12px;color-scheme:dark;color:var(--ink)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button{font:inherit}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
p{margin:0 0 1.2em}
h1,h2,h3{font-weight:550;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(42px,5.8vw,76px);margin:22px 0 28px}
h2{font-size:clamp(28px,3.5vw,46px);margin:0 0 22px}
h3{font-size:28px;margin:0 0 15px}
ul,ol{padding-left:24px}
li{margin:8px 0}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,audio:focus-visible,video:focus,video:focus-within{outline:3px solid var(--accent-line-bright);outline-offset:5px}
main:focus{outline:none}
[id]{scroll-margin-top:24px}
.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:8px;left:8px;padding:12px 20px;background:#183c33;color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.top{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:110px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
@media(max-width:700px){.brand{min-height:44px}}
.brand img{width:40px;height:46px;object-fit:contain;border-radius:0}
.brand span{font-size:23px;font-weight:650;line-height:1.15;letter-spacing:-.05em}
.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.26em;margin-top:6px}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;min-width:0}
.nav a{font-size:14px;text-decoration:none;padding:10px 0}
.nav a:hover,.nav a[aria-current]{text-decoration:underline}
.nav .owner-link{color:var(--muted);font-size:12px;margin-left:18px}
.eyebrow,.kicker{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;color:var(--accent);margin:0 0 20px}
.text-link{display:inline-flex;align-items:center;gap:30px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0}
.text-link:hover{text-decoration:underline}
.text-link span{font-size:22px}
.lead{font-size:21px;line-height:1.6;color:var(--muted);max-width:65ch}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:12px 21px;border-radius:6px;border:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:650;background:transparent}
.button:hover{background:var(--line)}
.button.primary{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-border)}
.button.primary:hover{background:var(--accent-fill-hover)}
.links{display:flex;gap:20px;flex-wrap:wrap}
.links a{font-size:13px;padding:8px 0;min-height:44px}
.status{font-size:11px;letter-spacing:.02em;border:1px solid currentColor;border-radius:30px;padding:4px 11px;white-space:nowrap}

/* Studio home */
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0 28px}
.section-heading h2{font-size:20px;letter-spacing:-.025em;margin:0}
.section-heading .eyebrow{margin:0}
/* Existing 460×1000 artwork:show its board at x=34, y=132, 392×660.
   Crop only the promotional surround; every board row remains visible. */
.featured-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px;background:radial-gradient(ellipse at 50% 45%,var(--panel-4),var(--panel-2) 72%);min-width:0;text-decoration:none}
.gameplay-frame{display:block;position:relative;width:min(100%,350px);aspect-ratio:392 / 660;overflow:hidden;border-radius:10px;box-shadow:0 16px 45px var(--shadow);background:var(--canvas-deep)}
.gameplay-frame>img{position:absolute;width:117.347%;max-width:none;height:auto;left:-8.674%;top:-20%}
.visual-caption{width:min(100%,350px);font-size:12px;color:var(--text-soft);display:flex;justify-content:space-between;gap:16px}
.featured-visual:focus-visible{outline-offset:-6px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:40px 0}
.work-art{height:330px;position:relative;display:grid;place-items:center;border-radius:var(--radius);overflow:hidden}
.family-art{background:var(--accent-soft-2)}
.marble-art,.marble-bloom-art{background:var(--warning-soft)}
.work-art img{width:218px;height:218px;border-radius:42px;box-shadow:0 20px 35px var(--shadow-accent);transition:transform .2s}
.marble-art img{transform:none}
.work-art:hover img{transform:rotate(0)}
.work-art>span{position:absolute;bottom:18px;right:22px;font-size:25px}
.work-copy{padding:26px 3px}
.work-copy .eyebrow{margin-bottom:12px}
.work-copy h3{font-size:30px}
.work-copy h3 a{text-decoration:none}
.work-copy h3 a:hover{text-decoration:underline}
.work-copy p:not(.eyebrow){color:var(--muted);max-width:45ch}
.story-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;background:var(--panel);border-radius:var(--radius);padding:28px}
.story-title{min-height:340px;background:var(--danger-soft-hi);color:var(--warning-text);display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:35px;border-radius:10px}
.story-title>span:first-child,.story-title>span:last-child{font-size:9px;letter-spacing:.22em;line-height:1.6}
.story-title>span:nth-child(2){font-family:Georgia,serif;font-size:clamp(50px,5.5vw,76px);line-height:.95;letter-spacing:-.055em}
.story-title em{font-weight:400;color:var(--warning-text-lo)}
.story-copy{padding:18px 20px 12px 0;align-self:center}
.story-copy h3{font-size:34px}
.story-copy>p:not(.eyebrow){color:var(--muted)}
.story-copy .links{margin-top:12px}
.studio-contact{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:100px}
.studio-contact h2{font-size:clamp(36px,4.6vw,58px)}
.contact-email{display:inline-block;font-size:clamp(18px,2.5vw,28px);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;overflow-wrap:anywhere}
.contact-email span{margin-left:30px}
.studio-contact p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:24px}
.resource-strip{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 60px}
.resource-strip h2{font-size:20px;letter-spacing:-.025em;margin-bottom:6px}
.resource-strip p{font-size:14px;color:var(--muted);margin:0}
.resource-strip .text-link{font-size:14px;white-space:nowrap}

/* Product pages and long-form documents */
.product-bar{border-bottom:1px solid var(--line)}
.product-nav{display:flex;align-items:center;gap:26px;min-height:64px;font-size:13px;flex-wrap:wrap;padding-block:8px}
.product-nav a{padding:8px 0;text-decoration:none}
.product-nav a:hover,.product-nav a[aria-current]{text-decoration:underline}
.product-nav .product-name{font-weight:700;margin-right:auto;font-size:15px;letter-spacing:-.02em}
.mini-hero{padding:65px 0 35px}
.mini-hero h1{font-size:clamp(42px,5vw,67px)}
.product-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px;align-items:center}
.product-art{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius)}
.product-art img{width:68%;height:auto;border-radius:20%;box-shadow:0 20px 40px var(--shadow-accent)}
.product-story{min-height:430px}
.section{padding:55px 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:32px}
.card h2{font-size:27px;letter-spacing:-.03em}
.card p{color:var(--muted);margin:0}
.prose{width:min(780px,calc(100% - 80px));margin:64px auto 90px}
.prose h1{font-size:clamp(38px,5.5vw,64px);margin-top:18px;margin-bottom:30px}
.prose h2{font-size:26px;letter-spacing:-.025em;margin:42px 0 16px}
.prose p,.prose li{color:var(--muted)}
.prose a{overflow-wrap:anywhere}
.prose .lead{font-size:21px}
.prose>.eyebrow{color:var(--accent)}
.notice{border-left:3px solid var(--accent-border);background:var(--accent-soft);border-radius:0 8px 8px 0;padding:22px 26px;margin:24px 0 40px;color:var(--ink)}
.updated{font-size:12px;color:var(--muted);margin:32px 0}
.resource-list{list-style:none;padding:0;border-top:1px solid var(--line)}
.resource-list li{margin:0;border-bottom:1px solid var(--line)}
.resource-list a{display:block;padding:18px 0;text-decoration:none}
.resource-list a:after{content:'↗';float:right}
.resource-list a:hover{text-decoration:underline}
.resources>h2{border-top:1px solid var(--line);padding-top:28px}
.resources>p:not(.lead){font-size:14px;line-height:2.1}
.resources strong{display:inline-block;min-width:85px}
details{padding:20px 0;border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;font-size:18px}
details p{margin-top:18px}
.facts{padding:24px;border-left:3px solid var(--accent-border);background:var(--surface);margin:32px 0}
.facts p{margin:10px 0 0}

.footer{background:var(--canvas);border-top:1px solid var(--line);padding:42px 0 24px;color:var(--ink)}
.footer-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 1fr;gap:35px;align-items:start}
.footer-brand{font-size:22px;font-weight:600;letter-spacing:-.04em;text-decoration:none}
.footer-top p{font-size:13px;color:var(--muted)}
.footer-links{display:flex;align-items:start;flex-wrap:wrap;justify-content:end;gap:8px 20px;font-size:12px}
.footer-links a{padding:5px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:30px;border-top:1px solid var(--line);margin-top:25px;font-size:10px;color:var(--muted)}
.footer-bottom>span:first-child{font-size:.875rem}
/* Fix list LG-6: the tagline is at least 13px. */
.footer-bottom>span:last-child{font-size:13px}

.owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 45px}
.owner-card{display:block;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:30px;text-decoration:none}
.owner-card:hover{border-color:var(--accent-border)}
.owner-card .label{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.owner-card h2{font-size:30px;margin:15px 0}
.owner-card p,.owner-note{color:var(--muted)}
.owner-card.primary{background:var(--accent-soft-2-hi);color:var(--ink)}
.owner-card.primary p{color:var(--accent-text)}
.owner-note{margin-bottom:60px;max-width:70ch}

/* Consent is a non-modal, keyboard-accessible panel; equal-weight choices. */
.cookie-panel{position:fixed;bottom:18px;right:18px;z-index:1000;width:min(440px,calc(100vw - 36px));max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto;background:var(--panel-2);color:var(--ink);border:1px solid var(--rule-strong);border-radius:12px;padding:20px;overflow-wrap:anywhere;box-shadow:0 12px 60px var(--shadow-accent-lo);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.cookie-panel h2{font-size:20px;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.cookie-panel p{font-size:13px;line-height:1.6;color:var(--text-strong-hi);margin:0 0 18px}
.cookie-panel a{color:inherit}
@media(max-width:700px){.cookie-panel p a[href="/privacy.html"]{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}}
.cookie-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cookie-actions button{min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--accent-line-bright);border-radius:5px;background:var(--inverse-bg);color:var(--on-accent-hi);cursor:pointer;font-size:12px;font-weight:650;white-space:normal}
.cookie-actions button:hover{background:var(--accent-fill-hover)}
.cookie-panel:focus-visible{outline-color:var(--warning-line-hi2)}
.cookie-settings{display:block;margin:24px auto 0;border:1px solid var(--accent-line-strong-hi3);border-radius:5px;padding:9px 14px;min-height:44px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}
.cookie-settings:hover{background:var(--surface)}
.cookie-settings[hidden]{display:none}

/* Small screens retain every navigation route. */


@media(max-width:1000px){.wrap{width:calc(100% - 48px)}
.nav{gap:20px}
.story-work{gap:30px}
.story-copy h3{font-size:30px}
.product-hero{gap:35px}
.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-links{grid-column:1 / -1;justify-content:start}
.work-art{height:300px}
}

@media(max-width:800px){.product-hero{grid-template-columns:1fr;gap:20px}.product-story{min-height:350px}}

@media(max-width:700px){.wrap{width:calc(100% - 40px)}
.top{padding:20px 0 13px;min-height:0;flex-wrap:wrap;gap:14px}
.brand img{width:32px;height:37px}
.brand span{font-size:21px}
.brand small{font-size:8px}
.nav{width:100%;justify-content:space-between;gap:14px}
.nav a{font-size:13px;padding:9px 0}
.nav .owner-link{margin:0;font-size:11px}
.section-heading{display:block;padding:22px 0}
.section-heading .eyebrow{margin-bottom:9px}
.section-heading h2{font-size:18px}
.featured-visual{padding:20px;gap:14px}
.gameplay-frame{width:min(100%,320px)}
.portfolio-grid{grid-template-columns:1fr;gap:12px;margin:28px 0}
.work-art{height:290px}
.work-art img{width:200px;height:200px}
.work-copy h3{font-size:28px}
.story-work{grid-template-columns:minmax(0,1fr);padding:18px;gap:24px}
.story-title{min-height:310px;padding:28px}
.story-title>span:nth-child(2){font-size:clamp(36px,11vw,50px)}
.story-copy{padding:0 8px 12px}
.studio-contact{grid-template-columns:1fr;gap:15px;padding-block:60px}
.studio-contact .eyebrow{margin-bottom:0}
.contact-email span{margin-left:10px}
.resource-strip{display:block;padding-bottom:40px}
.resource-strip .text-link{margin-top:14px}
.product-nav{gap:8px 24px;padding-block:12px;font-size:12px}
.product-nav .product-name{width:100%;margin:0;padding:0}
.product-nav a{padding:8px 0}
.mini-hero{padding:35px 0 20px}
.product-hero{grid-template-columns:1fr;gap:20px}
.mini-hero h1{font-size:clamp(39px,8vw,54px)}
.lead{font-size:19px}
.product-art{max-width:430px;width:100%;justify-self:center}
.product-story{min-height:350px}
.section{padding:30px 0}
.grid,.owner-grid{grid-template-columns:1fr}
.card{padding:25px}
.prose{width:calc(100% - 40px);margin:38px auto 55px}
.prose h1{font-size:42px}
.prose .lead{font-size:19px}
.prose h2{font-size:24px;margin-top:32px}
.notice{padding:20px}
.resources strong{display:block}
.resources>p:not(.lead){line-height:1.8}
.footer{padding-top:30px}
.footer-top{grid-template-columns:1fr;gap:16px}
.footer-top p{margin:0}
.footer-links{gap:10px 22px}
.footer-bottom{flex-direction:column;gap:8px;padding-top:22px;margin-top:24px}
.cookie-panel{padding:16px;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;width:auto;max-width:440px;margin-left:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}
.cookie-panel h2{font-size:18px}
.cookie-panel p{margin-bottom:12px}
.cookie-actions{gap:8px}
}

@media(max-width:359px){.cookie-actions{grid-template-columns:minmax(0,1fr)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.work-art img,.work-art:hover img{transform:none!important}
}


/* Dark studio composition:real gameplay is the hero's visual evidence. */
.top{min-height:100px}
.nav{gap:12px 24px}
.nav a{font-size:13px}
.nav .owner-link{margin-left:8px}
.studio-hero{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:60px;padding-block:54px 64px;align-items:center}
.hero-intro{min-width:0}
.hero-intro .eyebrow{margin-bottom:30px}
.studio-hero h1{font-size:clamp(52px,5.5vw,79px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0 0 30px;text-wrap:initial}
.studio-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent);letter-spacing:-.06em}
.hero-description{font-size:17px;color:var(--muted);max-width:43ch;line-height:1.75}
.hero-intro .actions{gap:12px 28px;margin:28px 0 38px}
.hero-intro .text-link{font-size:13px;gap:14px}
.hero-location{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}
.hero-location span{margin-inline:12px;color:var(--accent)}
.hero-proof{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;overflow:hidden}
.proof-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--line);color:var(--text-strong)}
.proof-heading .status{font-size:10px;letter-spacing:0;color:var(--accent)}
.featured-visual{padding:24px 28px 20px;gap:20px;background:radial-gradient(ellipse at 50% 45%,var(--panel-4-lo),var(--panel) 75%)}
.gameplay-frame{width:min(100%,268px);box-shadow:0 16px 45px var(--shadow)}
.visual-caption{width:100%;font-size:11px}
.approach{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));gap:55px;border-top:1px solid var(--line);padding-block:42px 64px}
.approach h2{font-size:34px;margin:0}
.approach-item>span{font-size:11px;color:var(--accent);display:block;margin-bottom:21px}
.approach-item h3{font-size:22px;letter-spacing:-.025em}
.approach-item p{font-size:14px;color:var(--muted);margin:0}
.section-heading{padding-block:26px 32px}
.clearway-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.work-identity{display:flex;align-items:center;gap:24px;min-width:0}
.work-identity img{width:72px;height:72px;border-radius:16px}
.work-identity .eyebrow{font-size:10px;margin-bottom:8px}
.work-identity h3{font-size:38px;margin:0}
.clearway-work p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:10px}
.work-art{height:280px;border:1px solid var(--line)}
.work-art img{width:190px;height:190px;box-shadow:0 18px 40px var(--shadow);transition:transform .2s}
.work-art:hover img{transform:translateY(-4px)}
.story-work{border:1px solid var(--line);gap:50px}
.guide-entry{margin-top:80px;padding:48px;border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}
.guide-entry h2{font-size:clamp(36px,4vw,54px)}
.guide-entry p:not(.eyebrow){color:var(--accent-text-lo2);max-width:37ch}
.guide-entry-links{align-self:center}
.guide-entry-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--accent-line);text-decoration:none;font-size:15px}
.guide-entry-links a:first-child{border-top:1px solid var(--accent-line)}
.guide-entry-links a:hover{color:var(--accent)}
.guide-entry-links span{font-size:11px;color:var(--accent);white-space:nowrap}
.cookie-panel-intro{position:static;width:min(1200px,calc(100% - 80px));max-height:none;margin:0 auto 42px;padding:22px 28px;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 40px}
.cookie-panel-intro h2{grid-column:1;font-size:17px}
.cookie-panel-intro p{grid-column:1;margin:0;max-width:78ch}
.cookie-panel-intro .cookie-actions{grid-column:2;grid-row:1 / 3;align-self:center}
.cookie-panel-intro .cookie-actions button{min-width:130px}
.cookie-panel-arrival{position:static;inset:auto;width:min(1200px,calc(100% - 80px));max-width:none;max-height:none;margin:24px auto 0;padding:22px 28px;overflow:visible;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 40px}
.cookie-panel-arrival h2{grid-column:1;font-size:17px}
.cookie-panel-arrival p{grid-column:1;margin:0;max-width:78ch}
.cookie-panel-arrival .cookie-actions{grid-column:2;grid-row:1 / 3;align-self:center}
.cookie-panel-arrival .cookie-actions button{min-width:130px}
/* Documentation shares the main navigation and remains complete without scripts. */
.docs-hero{padding:60px 0 38px;border-bottom:1px solid var(--line)}
.docs-hero h1{font-size:clamp(40px,5.5vw,72px);max-width:18ch;margin:12px 0 24px}
.docs-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent);letter-spacing:-.04em}
.docs-hero .lead{max-width:56ch;font-size:19px}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:75px;margin-block:40px 80px;align-items:start}
.docs-nav{position:sticky;top:24px;border-top:1px solid var(--line)}
.docs-nav a{display:flex;align-items:center;box-sizing:border-box;padding:12px 0;min-height:44px;border-bottom:1px solid var(--line);font-size:13px;text-decoration:none}
.docs-nav a[aria-current]{color:var(--accent);font-weight:700}
.docs-nav a:hover{text-decoration:underline}
.docs-content{min-width:0;max-width:780px}
.docs-content h2{font-size:30px;margin:40px 0 20px}
.docs-content>section:first-child>h2{margin-top:0}
.docs-content h3{font-size:22px;letter-spacing:-.025em}
.docs-content p,.docs-content li{color:var(--muted)}
.docs-content strong{color:var(--ink)}
.docs-content a{overflow-wrap:anywhere}
.docs-content .notice{font-size:14px;margin:24px 0}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.doc-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;text-decoration:none}
.doc-card:hover{border-color:var(--accent-border)}
.doc-card p{font-size:14px;margin:0}
.doc-card .eyebrow{font-size:10px;color:var(--accent);margin-bottom:15px}
.doc-card h3{font-size:23px}
.doc-next{margin-top:42px;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px 32px;font-size:14px}
.docs-content summary{font-size:17px}
.docs-content details p:last-child{margin-bottom:0}
@media(max-width:1100px){.studio-hero{gap:32px}.studio-hero h1{font-size:clamp(48px,6vw,66px)}.approach{gap:30px}.cookie-panel-intro,.cookie-panel-arrival{width:calc(100% - 48px);grid-template-columns:1fr}.cookie-panel-intro .cookie-actions,.cookie-panel-arrival .cookie-actions{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.guide-entry{gap:40px;padding:36px}.docs-layout{gap:40px}}
@media(max-width:800px){.top{flex-wrap:wrap;padding-block:20px 12px;gap:12px}.nav{width:100%;justify-content:space-between}.studio-hero{gap:24px}.studio-hero h1{font-size:46px}.hero-description{font-size:16px}.hero-intro .actions{gap:18px}.hero-location{font-size:9px}.approach{grid-template-columns:repeat(2,minmax(0,1fr))}.approach>div:first-child{grid-column:1 / -1}.clearway-work{gap:24px;padding:24px}.work-identity{gap:16px}.work-identity img{width:54px;height:54px}.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}}
@media(max-width:700px){.top{min-height:0}.nav{gap:4px 17px;justify-content:flex-start}.nav a{font-size:12px;min-height:40px}.nav .owner-link{margin-left:auto}.brand{margin-bottom:2px}.studio-hero{grid-template-columns:minmax(0,1fr);padding-block:32px;gap:28px}.hero-intro .eyebrow{font-size:10px;margin-bottom:22px}.studio-hero h1{font-size:clamp(42px,10.5vw,66px);margin:0 0 22px;overflow-wrap:normal}.hero-description{font-size:15px;margin:0;max-width:42ch}.hero-intro .actions{margin:22px 0;gap:12px 22px}.hero-location{font-size:9px}.hero-proof{width:100%;max-width:440px;justify-self:center}.featured-visual{padding:22px;gap:18px}.gameplay-frame{width:min(100%,280px)}.proof-heading{padding:15px 18px;letter-spacing:.08em}.visual-caption{font-size:10px}.approach{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:30px 40px}.approach>div:first-child{grid-column:auto}.approach h2{font-size:32px}.approach-item>span{margin-bottom:10px}.approach-item h3{margin-bottom:10px}.clearway-work{grid-template-columns:minmax(0,1fr);gap:20px;padding:23px}.work-identity h3{font-size:34px}.work-art{height:260px}.work-art img{width:180px;height:180px}.guide-entry{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:24px;margin-top:42px}.guide-entry h2{font-size:38px}.guide-entry-links a{font-size:14px;padding:20px 0}.cookie-panel-intro,.cookie-panel-arrival{width:calc(100% - 40px);padding:20px;display:block;border:1px solid var(--rule-strong);border-radius:12px}.cookie-panel-intro{margin-bottom:32px}.cookie-panel-arrival{margin:20px auto 0}.cookie-panel-intro .cookie-actions,.cookie-panel-arrival .cookie-actions{margin-top:16px}.cookie-panel-intro .cookie-actions button,.cookie-panel-arrival .cookie-actions button{min-width:0}.docs-hero{padding:32px 0 22px}.docs-hero h1{font-size:42px}.docs-hero .lead{font-size:17px}.docs-layout{grid-template-columns:minmax(0,1fr);gap:32px;margin-block:24px 50px}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:0 20px;padding-block:8px;border-bottom:1px solid var(--line)}.docs-nav a{border:0;font-size:12px;padding:10px 0}.doc-grid{grid-template-columns:minmax(0,1fr)}.docs-content h2{font-size:28px}.doc-card{padding:23px}.cookie-panel-intro h2,.cookie-panel-arrival h2{font-size:17px}.footer-bottom{font-size:11px}}

@media(max-width:700px){.cookie-panel-arrival{width:calc(100% - 40px);padding:20px;display:block;border:1px solid var(--rule-strong);border-radius:12px;margin:20px auto 0}.cookie-panel-arrival .cookie-actions{margin-top:16px}.cookie-panel-arrival .cookie-actions button{min-width:0}}
@media(max-width:700px){.story-title>span:nth-child(2){font-size:clamp(36px,11vw,50px)}}

/* Canonical site chrome (scripts/company-site-chrome.mjs): one header, one primary navigation, grouped footer. */
.site-header{border-bottom:1px solid var(--line)}
.site-header .top{border-bottom:0}
.nav a.in-section{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--accent);text-underline-offset:6px}
.footer-top{grid-template-columns:minmax(220px,1fr) minmax(0,3fr)}
.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;justify-content:stretch}
.footer-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.footer-group a{padding:6px 0;font-size:13px;text-decoration:none;color:var(--muted)}
.footer-group a:hover{color:var(--ink);text-decoration:underline}
.footer-heading{margin:0 0 6px;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.footer-top .footer-identity p{margin:12px 0 0}
@media(max-width:1000px){.footer-top{grid-template-columns:1fr}.footer-links{grid-column:auto}}
@media(max-width:700px){.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.footer-group a{padding:8px 0}}

/* Work catalogue, contact routing, status and recovery surfaces. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jump-links{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:28px}
.jump-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:13px;text-decoration:none}
.jump-links a:hover{border-color:var(--accent-border)}
.catalogue-section{padding-bottom:36px}
.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalogue.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalogue-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:26px;min-width:0}
.catalogue-card img{display:block;border-radius:16px;margin-bottom:18px}
.catalogue-card .eyebrow{margin-bottom:10px}
.catalogue-card h3{font-size:26px;margin:0 0 10px;letter-spacing:-.03em}
.catalogue-card h3 a{text-decoration:none}
.catalogue-card h3 a:hover{text-decoration:underline}
.catalogue-card>p:not(.eyebrow):not(.catalogue-links){color:var(--muted);font-size:15px}
.catalogue-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin:16px 0 0;font-size:13px}
.catalogue-links a{padding:6px 0}
@media(max-width:700px){.clearway-work .links a,.work-card .links a,.story-work .links a,.catalogue-links a{display:inline-flex;align-items:center;min-height:44px}}
.docs-hero + .wrap{padding-top:32px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:70px;align-items:start;padding-bottom:52px}
.about-hero .eyebrow{grid-column:1/-1}
.about-hero h1{max-width:none;margin:8px 0 0;font-size:clamp(42px,4.5vw,70px)}
.about-intro{border-left:1px solid var(--line);padding-left:30px;margin-top:8px}
.about-intro .lead{font-size:19px;line-height:1.55;margin:0 0 16px;max-width:40ch}
.about-intro .lead:last-child{margin-bottom:0}
.about-story{width:min(1200px,calc(100% - 80px));margin:0 auto 88px}
.about-chapter{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:70px;padding:38px 0 45px;border-bottom:1px solid var(--line)}
.about-chapter h2{font-size:clamp(25px,2.4vw,33px);line-height:1.2;margin:0;max-width:16ch}
.about-copy{max-width:72ch}
.about-copy p:first-child{margin-top:0}
.about-copy p:last-child{margin-bottom:0}
.about-copy .notice{margin-bottom:0}
.about-story .doc-next{margin-top:28px}
@media(max-width:800px){.about-hero,.about-chapter{grid-template-columns:1fr;gap:20px}.about-hero{padding-bottom:32px}.about-hero h1{margin:0}.about-intro{margin:0;padding:0;border:0}.about-story{width:calc(100% - 48px)}.about-chapter{padding:30px 0}.about-chapter h2{max-width:none}}
@media(max-width:700px){.about-story{width:calc(100% - 40px);margin-bottom:55px}.about-hero h1{font-size:clamp(38px,9.5vw,54px)}.about-intro .lead{font-size:17px}}
.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:48px}
.route-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.route-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:26px;min-width:0}
.route-card .eyebrow{margin-bottom:10px}
.route-card h3{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}
.route-card p:not(.eyebrow):not(.route-actions){color:var(--muted);font-size:15px}
.route-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:18px 0 0}
.link-card{display:block;text-decoration:none}
.link-card:hover{border-color:var(--accent-border)}
.contact-direct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;border-top:1px solid var(--line);padding-block:42px 70px}
.contact-direct h2{margin:0;font-size:30px}
.contact-list{margin:0;display:grid;gap:18px}
.contact-list dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.contact-list dd{margin:4px 0 0;font-size:clamp(18px,2.4vw,24px);overflow-wrap:anywhere}
.contact-note{grid-column:2;color:var(--muted);font-size:14px;max-width:65ch}
.status-section{padding-bottom:40px}
.status-live{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--radius);padding:26px}
.status-live h2{margin-top:0}
.status-live p{color:var(--accent-text-lo2)}
.status-switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0}
.status-switches div{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--paper)}
.status-switches dt{font-size:12px;color:var(--muted)}
.status-switches dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}
.status-switches dd.on{color:var(--accent)}
.status-switches dd.off{color:var(--warning-text-lo2)}
.status-note{color:var(--muted);font-size:14px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.table-scroll:focus-visible{outline:3px solid var(--accent-line-bright);outline-offset:3px}
.status-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.status-table th,.status-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.status-table thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.status-table td:last-child{color:var(--muted)}
.state{display:inline-block;border-radius:99px;border:1px solid var(--rule-strong);padding:3px 9px;font-size:12px;white-space:nowrap}
.state.live{border-color:var(--accent-line-strong);color:var(--accent-text);background:var(--accent-soft-2)}
.state.partial{border-color:var(--warning-line);color:var(--warning-text);background:var(--warning-soft)}
.state.off{color:var(--text-strong);background:var(--panel-2)}
.recovery-heading{font-size:24px;margin:10px 0 20px}
@media(max-width:1000px){.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalogue,.catalogue.two,.route-grid,.route-grid.compact{grid-template-columns:1fr}.contact-direct{grid-template-columns:1fr}.contact-note{grid-column:auto}.status-table{min-width:0}.status-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.status-table tbody{display:block}.status-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;border-bottom:1px solid var(--line);padding:14px 16px}.status-table tr:last-child{border-bottom:0}.status-table th,.status-table td{display:block;border:0;padding:0}.status-table th{font-size:15px;line-height:1.4}.status-table td:nth-of-type(1){grid-column:2;grid-row:1}.status-table td:nth-of-type(1)::before{content:"Status: ";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.status-table td:nth-of-type(2){grid-column:1 / -1;font-size:14px;line-height:1.55}}
.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 48px;padding-bottom:70px}
.index-group h2{font-size:22px;margin:30px 0 12px}
@media(max-width:700px){.index-grid{grid-template-columns:1fr}}
.section-heading .text-link{font-size:13px;white-space:nowrap}
.story-copy .also{font-size:13px;margin-top:18px}
.start-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;border-top:1px solid var(--line);padding-block:48px}
.start-strip h2{margin:0;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.04em}
.start-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.start-links a{display:block;border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-decoration:none;background:var(--surface)}
.start-links a:hover{border-color:var(--accent-border)}
.start-links strong{display:block;font-size:17px}
.start-links span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
@media(max-width:700px){.start-strip{grid-template-columns:1fr;gap:20px;padding-block:36px}.start-links{grid-template-columns:1fr}.section-heading .text-link{display:inline-block;margin-top:10px}}
.guide-finder{margin:6px 0 16px}
.guide-finder label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.guide-finder input{width:100%;max-width:520px;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid var(--rule-stronger);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}
.guide-finder input::placeholder{color:var(--text-muted-lo)}
.guide-finder input:focus-visible{outline:3px solid var(--accent-line-bright);outline-offset:3px}
.guide-count{font-size:13px;color:var(--muted);margin:8px 0 0}
.guide-list li{padding:12px 0}
.guide-list li[hidden]{display:none}
.guide-list a{font-weight:650}
.guide-meta{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.guide-empty{color:var(--muted)}
.guide-list a{padding:4px 0}

/* Phone chrome (scripts/company-site-chrome.mjs). Each navigation exists twice from one list:[data-variant="wide"] is the inline bar, [data-variant="phone"] a native <details> disclosure
   that works without JavaScript. Exactly one of each pair is displayed at any width. */
.site-header [data-variant="phone"]{display:none}
.site-header details{padding:0;border:0}
.menu-toggle,.service-toggle{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.menu-toggle::-webkit-details-marker,.service-toggle::-webkit-details-marker{display:none}
details.menu:not([open])>.menu-panel{display:none}
@media(max-width:700px){
.site-header [data-variant="wide"]{display:none}
.site-header [data-variant="phone"]{display:block}
.site-header .top{position:relative;flex-wrap:wrap;padding-block:14px;gap:0 12px}
.site-header .brand{margin:0}
.menu{flex:0 0 100%;min-width:0}
.menu-toggle{position:absolute;top:15px;right:0}
.menu-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:650}
.menu-toggle:hover,.menu[open] .menu-toggle{border-color:var(--accent-border);color:var(--accent)}
.menu-icon.close,.menu[open] .menu-icon.open{display:none}
.menu[open] .menu-icon.close{display:block}
.menu-panel{margin:14px -20px -14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:6px 20px 18px;background:var(--paper);border-top:1px solid var(--line)}
.menu-panel a{display:flex;align-items:center;min-height:48px;padding:0 2px;border-bottom:1px solid var(--line);font-size:16px;text-decoration:none}
.menu-panel a[aria-current="page"],.menu-panel a.in-section{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.menu-panel .owner-link{grid-column:1 / -1;justify-content:center;margin-top:14px;border:1px solid var(--accent-line-strong);border-radius:8px;color:var(--accent)}
}
@media(max-width:340px){.menu-toggle{padding:0 12px}.menu-panel{grid-template-columns:minmax(0,1fr)}.site-header .brand{gap:8px}}

/* Copy buttons (added by brand.js; the text itself stays selectable without it). */
.copy-button{min-height:36px;min-width:64px;padding:6px 12px;border:1px solid var(--accent-line-strong);border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650;cursor:pointer}
.copy-button:hover{background:var(--accent-soft-2-hi)}
.code-block{position:relative;max-width:850px}
.code-block>pre{padding-top:54px!important}
.code-block>.copy-button{position:absolute;top:10px;right:10px}
.url-list{margin:0 0 8px;display:grid;gap:14px}
.url-list div{min-width:0}
.url-list dt{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.url-list dd{margin:6px 0 0;display:flex;align-items:flex-start;gap:10px;min-width:0}
.url-list dd a{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);text-decoration:none}
.url-list dd a:hover{border-color:var(--accent-border)}
.url-list code{font-size:13px;line-height:1.55;color:var(--accent-text);word-break:break-all;overflow-wrap:anywhere}
.url-list .copy-button{flex:none;min-height:40px}

/* Phone footer:each group is a heading with its links flowing in a row, not a tall column. */
@media(max-width:700px){.footer{padding-top:26px}.footer-top{gap:14px}.footer-top .footer-identity p{margin-top:8px}.footer-links{grid-template-columns:minmax(0,1fr);gap:6px}.footer-group{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 18px}.footer-heading{width:100%;margin:0}.footer-group a{padding:4px 0;font-size:14px}.footer-bottom{margin-top:12px;padding-top:10px;gap:4px}}

@media(max-width:700px){.footer-top{gap:14px}.footer-links{gap:6px}.footer-group a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0}.footer-bottom{margin-top:12px;padding-top:10px}}
@media(max-width:700px){.footer-brand{display:inline-flex;align-items:center;min-height:44px}}

/* /guides/ all-guides list, grouped by area (scripts/build-company-site-index.mjs). */
.guide-list .guide-group{padding:0;border-bottom:0;margin-top:14px}
.guide-group>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 0;border-top:1px solid var(--line);font-size:19px}
.guide-group-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
.guide-group-count{font-size:13px;font-weight:400;color:var(--muted)}
.guide-group-hint{flex:1 1 100%;font-size:14px;font-weight:400;color:var(--muted)}
.guide-group-note{font-size:14px;color:var(--muted);margin:4px 0 10px}
.guide-group .resource-list{border-top:0;margin:0 0 8px}
.guide-group[hidden]{display:none}
@media(max-width:700px){.guide-list li{padding:8px 0}.guide-list .resource-list a{padding:10px 0 4px}.guide-meta{font-size:13px}}
.guide-group>summary{list-style:none;cursor:pointer}
.guide-group>summary::-webkit-details-marker{display:none}
.guide-group>summary::after{content:"";align-self:center;margin-left:auto;flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-3px) rotate(45deg)}
.guide-group[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.guide-group>summary:hover .guide-group-name{text-decoration:underline}

/* Guide pages:wide sidebar and phone disclosure are the same eight links. CSS shows one. */
.docs-menu{display:none}
.docs-menu-toggle{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line)}
.docs-menu-toggle::-webkit-details-marker{display:none}
.docs-menu-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.docs-menu-here{margin-left:auto;font-size:16px;font-weight:650;color:var(--accent);text-align:right}
.docs-menu-toggle::after{content:"";flex:none;width:9px;height:9px;margin-left:12px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg)}
.docs-menu[open]>.docs-menu-toggle::after{transform:translateY(3px) rotate(-135deg)}
@media(max-width:700px){
.docs-nav[data-variant="wide"]{display:none}
.docs-menu{display:block;margin:4px 0 8px}
.docs-menu[open] .docs-nav{display:block;border:0;padding:0}
.docs-menu[open] .docs-nav a{display:flex;align-items:center;min-height:44px;padding:0;border-bottom:1px solid var(--line);font-size:16px}
}
.status-glance{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 0;max-width:70ch}
.status-glance-item{display:inline-flex;align-items:center;gap:6px}
.status-glance .state{margin:0}

/* Tablets in portrait (iPad 768-820px): the wide header wrapped onto several lines, so use the menu. */
@media(min-width:701px) and (max-width:1023px){
.site-header [data-variant="wide"]{display:none}
.site-header [data-variant="phone"]{display:block}
.site-header .top{position:relative;flex-wrap:wrap;padding-block:14px;gap:0 12px}
.site-header .brand{margin:0}
.menu{flex:0 0 100%;min-width:0}
.menu-toggle{position:absolute;top:15px;right:0}
.menu-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:650}
.menu-toggle:hover,.menu[open] .menu-toggle{border-color:var(--accent-border);color:var(--accent)}
.menu-icon.close,.menu[open] .menu-icon.open{display:none}
.menu[open] .menu-icon.close{display:block}
.menu-panel{margin:14px -24px -14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:6px 24px 18px;background:var(--paper);border-top:1px solid var(--line)}
.menu-panel a{display:flex;align-items:center;min-height:48px;padding:0 2px;border-bottom:1px solid var(--line);font-size:16px;text-decoration:none}
.menu-panel a[aria-current="page"],.menu-panel a.in-section{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.menu-panel .owner-link{grid-column:1 / -1;justify-content:center;margin-top:14px;border:1px solid var(--accent-line-strong);border-radius:8px;color:var(--accent)}
}
/* Theme control (DES-33): a plain radio group; the account menu shows it compactly. */
.theme-form fieldset{margin:0;padding:0;border:0;min-width:0}
.theme-form legend{padding:0;margin:0 0 8px;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-options{display:flex;flex-wrap:wrap;gap:8px}
.theme-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px}
.theme-option input{accent-color:var(--accent-fill);margin:0}
.theme-option:has(input:checked){border-color:var(--accent-border);background:var(--accent-soft)}
.theme-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.theme-save{margin-top:12px}
.theme-form-compact{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.theme-form-compact .theme-options{flex-direction:column;gap:4px}
.theme-form-compact .theme-option{min-height:36px;padding:4px 10px;border:0;border-radius:6px;font-size:13px}
.theme-control{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.theme-control[hidden]{display:none}
.theme-control-label{margin-right:6px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-control .theme-option{min-height:44px;padding:8px 12px;font-size:14px;background:transparent;color:var(--ink)}
.theme-control .theme-option[aria-pressed="true"]{border-color:var(--accent-border);background:var(--accent-soft)}
/* The 30-second Shoot Plan film (owner direction, 29 September 2026): click to play, never autoplay. */
.shoot-film{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;margin-block:8px 64px}
.shoot-film-copy h2{margin-bottom:14px}
.shoot-film-copy p:last-child{color:var(--muted);margin:0}
.shoot-film-media{display:grid;gap:10px}
.shoot-film-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
.shoot-film-transcript{padding:0;border:0}
.shoot-film-transcript summary{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.shoot-film-transcript p{margin:6px 0 0;color:var(--muted);font-size:15px}
@media (max-width:900px){.shoot-film{grid-template-columns:1fr}}
/* Live audit 2 Oct 2026: copy buttons, footer links, app sub-nav and breadcrumbs keep a 44px tap area. */
.copy-button,.url-list .copy-button{min-height:44px}
@media(max-width:700px){.footer-group a{min-width:44px}
.product-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-block:0}
.video-doc-crumb a,.video-doc-today a,.research-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}}

/* AI Journalism added a ninth menu item (#95): between 1024 and 1199px the wide menu needs tighter spacing so Sign in stays on one line. */
@media(min-width:1024px) and (max-width:1199px){.nav{gap:8px 18px}.nav .owner-link{margin-left:6px}}

/* Batch 4c (live baseline M9/M11, S1): site type floor and touch targets */
.footer-bottom .company-legal{font-size:max(13px,.8125rem)}
.theme-control-label{font-size:.8125rem}
.eyebrow,.kicker{font-size:.75rem}
.hero-location,.proof-heading span,.visual-caption{font-size:.75rem}
.theme-control .theme-option{min-height:44px;padding-inline:14px}
.doc-next a,.video-doc-today a{display:inline-flex;align-items:center;min-height:44px}
.product-nav a{display:inline-flex;align-items:center;min-height:44px}
.copy-button{min-height:44px}
.portfolio-grid .work-copy h3 a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;line-height:1.25}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.url-list .copy-button{min-height:44px}
.work-copy h3 a{display:inline-flex;align-items:center;min-height:44px}
.catalogue-card h3 a{display:inline-flex;align-items:center;min-height:44px}
.studio-contact a.contact-email{display:inline-flex;align-items:center;min-height:44px}
.cookie-panel a{color:inherit;display:inline-flex;align-items:center;min-height:44px}
.cookie-panel p{font-size:14px}
.cookie-actions button{font-size:14px;min-height:44px}
.print-note,.shoot-truth{font-size:.875rem}
.owner-card .label{font-size:.75rem}
/* F-26: the banner stays in the page flow, directly after the header, including on a phone. */
.cookie-panel.cookie-panel-arrival{position:static;inset:auto;bottom:auto;right:auto;width:min(1200px,calc(100% - 80px));max-height:none;margin:12px auto 0;box-shadow:none}
@media(max-width:700px){
.cookie-panel-arrival .cookie-actions button,.cookie-panel-intro .cookie-actions button{font-size:14px;min-height:44px}
.cookie-panel.cookie-panel-arrival{width:calc(100% - 24px);margin:8px auto 0;padding:8px 12px}
.cookie-panel.cookie-panel-arrival h2{font-size:14px;margin:0 0 4px;line-height:1.25}
.cookie-panel.cookie-panel-arrival p{font-size:13px;line-height:1.35;margin:0 0 8px}
.nav a,.menu-panel a{font-size:13px;min-height:44px}
.footer-group a,.footer-links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
}
/* F-27 / F-28: header, footer and in-body targets, and a 13px site floor that wins over the 12px batch-4c strings. */
.nav a,.menu-panel a,.service-nav a,.service-panel a,.service-toggle{min-height:44px}
.footer-group a{display:inline-flex;align-items:center;min-height:44px}
.video-doc-content a,.docs-content a,.guide-entry a,.work-card a,.portfolio-grid a,.start-links a{min-height:44px}
.choice,.check-choice{min-height:44px;display:flex;align-items:center}
.signin-forgot a{display:inline-block;padding:12px 0;min-height:44px}
.eyebrow,.kicker,.hero-location,.proof-heading span,.visual-caption,.theme-control-label,.brand small,
.footer-bottom,.footer-bottom span,.owner-card .label,.status-table thead th,.approach-item>span,
.guide-entry-links a>span,.story-title>span,.cookie-panel p,.hero-intro .eyebrow,
.studio-hero .hero-intro .eyebrow,.work-identity .eyebrow,.docs-nav a,.nav a,.menu-panel a,
.proof-heading,.visual-caption,.status{font-size:13px}

.story-title>span:not(:nth-child(2)),.hero-location,.visual-caption,.proof-heading span,.eyebrow,.proof-heading,.proof-heading .status{font-size:13px}
small{font-size:13px}
.theme-form legend{font-size:14px}
.story-copy .also,.clearway-hero .small,.clearway figcaption,figcaption,.service-small,.research-breadcrumbs,.updated,.print-note{font-size:14px}
@media(max-width:700px){
.story-title>span:not(:nth-child(2)){font-size:13px}
.proof-heading,.proof-heading .status,.hero-location,.visual-caption{font-size:13px}
.story-copy .also,.clearway-hero .small,.clearway figcaption,figcaption,.service-small,.research-breadcrumbs,.updated,.print-note{font-size:14px}
}

/* G-1: Accept and Reject have the same size, font, weight and fill. The current-choice line sits above them. */
.cookie-actions #ta-accept,
.cookie-actions #ta-reject{background:var(--inverse-bg);color:var(--on-accent-hi);border:1px solid var(--accent-line-bright);font-weight:650;font-size:14px;min-height:44px}
.cookie-actions #ta-accept:hover,
.cookie-actions #ta-reject:hover{background:var(--accent-fill-hover)}
.cookie-current{margin:0 0 10px;color:var(--muted);font-size:13px}
.cookie-settings-details{margin:16px auto 0;max-width:520px}
.cookie-settings-details>summary{cursor:pointer}
.cookie-settings-details[open] .cookie-settings-form{margin-top:12px}
summary.cookie-settings{list-style:none;font-size:14px}
summary.cookie-settings::-webkit-details-marker{display:none}
.cookie-settings{font-size:14px}

/* F-22: tap targets at least 44px in both directions. Inline body text is left inline. */
.nav a,.menu-panel a,.service-nav a,.service-panel a,.service-toggle,.menu-toggle,
.footer-brand,.footer-group a,.footer-bottom a,.terms-earlier-versions a,
.brand{box-sizing:border-box;min-width:44px;min-height:44px}
.nav a,.menu-panel a,.service-nav a,.footer-brand,.footer-group a,.footer-bottom a,
.terms-earlier-versions a,.brand{display:inline-flex;align-items:center}
.video-doc-content a,.docs-content a,.guide-entry a,.guide-entry-links a,
.catalogue-links a{display:inline-flex;align-items:center;box-sizing:border-box;min-width:44px;min-height:44px}

/* G-1: phone arrival metrics. These follow the 13px floor so the title and body win. */
@media(max-width:700px){
.cookie-panel.cookie-panel-arrival{padding:16px;margin:12px auto 0;width:calc(100% - 24px)}
.cookie-panel.cookie-panel-arrival h2{font-size:18px;line-height:1.25;margin:0 0 8px}
.cookie-panel.cookie-panel-arrival p{font-size:14px;line-height:1.55;margin:0 0 12px}
.cookie-panel.cookie-panel-arrival .cookie-actions{gap:10px;margin-top:0}
}
@media(min-width:701px){
.cookie-panel-arrival h2,.cookie-panel.cookie-panel-arrival h2{font-size:17px;line-height:1.25}
}

/* G-2: the privacy link keeps a 44px tap area without opening the line box. */
.cookie-panel p a[href="/privacy.html"]{display:inline;padding-block:15px;margin-block:-15px;min-height:0;min-width:0;vertical-align:baseline}

/* G-2: tablets use the phone arrival density so the banner is no taller than on a phone. */
@media(min-width:701px) and (max-width:900px){
.cookie-panel.cookie-panel-arrival{padding:16px;margin:12px auto 0;width:calc(100% - 24px);display:block}
.cookie-panel.cookie-panel-arrival h2{font-size:17px;line-height:1.25;margin:0 0 8px}
.cookie-panel.cookie-panel-arrival p{font-size:14px;line-height:1.55;margin:0 0 12px}
.cookie-panel.cookie-panel-arrival .cookie-actions{gap:10px;margin-top:0;grid-column:auto}
}
/* G-2: short viewports keep the banner beside its buttons, and the header on one row, so the hero call to action stays on the first screen. */
@media(max-height:500px){
.site-header .top{min-height:0;flex-wrap:nowrap;align-items:center;padding-block:4px}
.nav{flex-wrap:nowrap;overflow-x:auto;gap:0 8px}
.service-bar .service-nav,.service-bar .service-toggle{min-height:44px;padding-block:0}
.cookie-panel.cookie-panel-arrival{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:6px 12px;margin:4px auto 0}
.cookie-panel.cookie-panel-arrival h2{font-size:16px;line-height:1.2;margin:0}
.cookie-panel.cookie-panel-arrival p{font-size:13px;line-height:1.3;margin:0}
.cookie-panel.cookie-panel-arrival .cookie-actions{grid-column:2;grid-row:1 / span 2;gap:8px;margin-top:0}
.cookie-panel.cookie-panel-arrival .cookie-actions button{min-width:0}
}

/* G-3: Cookie settings on sign-in and account keep the same centred inset as other pages. */
.cookie-settings-details,.cookie-settings-slot{box-sizing:border-box;width:min(520px,calc(100% - 24px));margin-left:auto;margin-right:auto}
.cookie-settings-form{box-sizing:border-box}

/* G-7: navigation sizes. The internal sign-in link has no external-link mark. */
.nav a{font-size:15px}
.menu-panel a{font-size:16px}
.service-nav a,.service-panel a,.service-cta{font-size:15px}
.nav .owner-link,.menu-panel .owner-link{font-size:14px}

/* G-13: Light, Dark and System stay on one row. */
.footer-bottom{flex-wrap:wrap;align-items:center}
.theme-control{flex-wrap:nowrap;white-space:nowrap;min-width:max-content}

/* G-15: the page background fills the window, including a short reset page. */
html{background:var(--bg)}
body{min-height:100vh}

/* G-19: short inline links keep a 44px tap area. */
a[href="/privacy.html"],a[href^="mailto:support@theamateur.co.uk"]{display:inline-block;box-sizing:border-box;min-width:44px;min-height:44px;padding-block:12px;margin-block:-12px}
.cookie-panel p a[href="/privacy.html"]{display:inline;min-width:0;min-height:0}

/* WL-2: footer links keep the same 44px box as their neighbours. The G-19 padding and negative margin above
   pushed Privacy and the support address 12px past their row, over the next link and the theme buttons. */
.footer-group a[href="/privacy.html"],.footer-bottom a[href="/privacy.html"],.footer-bottom a[href^="mailto:support@theamateur.co.uk"]{display:inline-flex;padding-block:0;margin-block:0}

/* WL-3: standalone targets that were under 44px. Running-text links stay inline. */
.prose>details>summary,.docs-content section>details>summary{box-sizing:border-box;min-height:44px;align-content:center}
#guide-finder>label{box-sizing:border-box;min-height:44px;margin-bottom:0;padding-bottom:8px;align-content:end}
.source-list>li>a{display:inline-flex;align-items:center;min-height:44px}
.work-card .links a,.clearway-work .links a,.story-work .links a{box-sizing:border-box;min-width:44px}
.product-nav a.product-name{box-sizing:border-box;min-width:44px}

/* WL-4: the G-19 padding and negative margin made these links overlap the link on the line above or below.
   In a page's own paragraphs they are plain inline links, like every link in running text; in guides and the
   site index they use the same box as the links beside them. */
#main>p>a[href="/privacy.html"],#main>p>a[href^="mailto:support@theamateur.co.uk"]{display:inline;min-width:0;min-height:0;padding-block:0;margin-block:0}
.docs-content p>a[href="/privacy.html"],.docs-content p>a[href^="mailto:support@theamateur.co.uk"]{display:inline-flex;padding-block:0;margin-block:0}
.index-group .resource-list>li>a[href="/privacy.html"]{display:block;padding-block:18px;margin-block:0}