@import url("/previews/interface-theme.css");
/* shell.css */
/* ===== Tokens ===== */
:root{
  --bg:#000; --bg-2:#0B0B0B; --card:#0F0F0F; --card-h:#141414;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --fg:#F5F5F4; --fg-2:rgba(245,245,244,.64); --fg-3:rgba(245,245,244,.42);
  --paper:#F4F4F2; --ink:#0A0A0A; --accent:#2F5BFF;
  /* v6 palette */
  --graphite:#141518; --slate:#1E2126; --navy:#0A1230; --stone:#E7E4DE; --white:#FFFFFF;
  --mist:#E6EBF2; --fog:#CDD3DC; --meridian:#2F5BFF; --meridian-deep:#1B3ACC; --meridian-wash:#EAF0FF;
  --pl:rgba(255,255,255,.09); --pl-2:rgba(255,255,255,.24);
  --field-bg:rgba(255,255,255,.03); --ring:var(--meridian);
  --ok:#3DD68C; --err:#FF6B70;
  --f-display:'Inter Tight','Inter','Helvetica Neue',Arial,system-ui,sans-serif;
  --f-text:'Inter','Helvetica Neue',Arial,system-ui,sans-serif;
  --f-serif:'Inter','Helvetica Neue',Arial,system-ui,sans-serif; /* v9: serif retired; alias kept so old var() uses stay sans */
  --f-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --radius:16px; --maxw:1360px; --gutter:clamp(20px,4vw,64px); --gap:24px;
  --s-8:8px; --s-16:16px; --s-24:24px; --s-32:32px; --s-48:48px; --s-64:64px; --s-96:96px;
  --sec-sm:clamp(56px,6.4vw,96px); --sec:clamp(80px,10vw,144px); --sec-lg:clamp(104px,13vw,192px);
  --ease-reveal:cubic-bezier(.22,1,.36,1); --d-reveal-img:1000ms; --d-xfade:600ms; --d-media-hover:700ms; --d-lines:240ms;
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --d-press:90ms; --d-hover:180ms; --d-menu:280ms; --d-reveal:600ms; --d-image:900ms; --stagger:20ms;
  --ease:cubic-bezier(.2,.7,.2,1); --e6:var(--ease-out); --t6:var(--d-hover);
  --hover:rgba(255,255,255,.06); --press:rgba(255,255,255,.10);
  --nav-h:64px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-text);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
::selection{background:var(--meridian);color:#fff}
:focus{outline:none}
:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:2px}
body.is-locked{overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:200;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 12px;background:#F5F5F4;color:#0A0A0A;border-radius:2px;font-size:14px;font-weight:500;transition:top var(--d-hover) var(--ease-out)}

.skip:not(:focus){opacity:0;pointer-events:none}
.skip:focus-visible{top:12px;opacity:1}
main:focus{outline:none}
[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}

/* ===== Layout ===== */
.wrap{width:100%;max-width:calc(var(--maxw) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
/* v16: keep content clear of notches and rounded corners in landscape (env() is 0 elsewhere) */
.wrap{padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.section{padding-block:var(--sec)}
.grid-2,.grid-3,.grid-4{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media (min-width:720px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

/* ===== Themes (v6) =====
   Dark set: ink, graphite, navy, horizon, dusk. Light set: paper, stone, white, mist, dawn, stone-grad (+ legacy).
   Each remaps the text, line, card, hover, proportion-line, field and button tokens. */
.theme-ink,.theme-graphite,.theme-navy,.grad-horizon,.grad-dusk{
  --fg:#F5F5F4; --fg-2:rgba(245,245,244,.66); --fg-3:rgba(245,245,244,.44);
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20);
  --hover:rgba(255,255,255,.06); --press:rgba(255,255,255,.10);
  --pl:rgba(255,255,255,.09); --pl-2:rgba(255,255,255,.26); --field-bg:rgba(255,255,255,.03); --ring:var(--meridian);
  --btn-p-bg:#F5F5F4; --btn-p-fg:#0A0A0A;
  color:var(--fg); color-scheme:dark}
.theme-ink{background-color:var(--ink);--card:#121314;--card-h:#17181A}
.theme-graphite{background-color:var(--graphite);--card:#1A1C20;--card-h:#202328}
.theme-navy{background-color:var(--navy);--card:#0F1838;--card-h:#142046;--line:rgba(205,211,220,.13);--line-2:rgba(205,211,220,.24)}
.grad-horizon{--card:rgba(255,255,255,.035);--card-h:rgba(255,255,255,.06);
  background-color:var(--ink);
  background-image:linear-gradient(180deg,#0A1230 0%,#0B0F1E 46%,#0A0A0A 100%)}
.grad-dusk{--card:rgba(255,255,255,.04);--card-h:rgba(255,255,255,.07);
  background-color:var(--graphite);background-image:linear-gradient(180deg,#141518 0%,#10142A 62%,#0A1230 100%)}

.section--paper,.section--white,.ip-white,
.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone{
  --fg:#0A0A0A; --fg-2:rgba(10,10,10,.64); --fg-3:rgba(10,10,10,.46);
  --line:rgba(10,10,10,.10); --line-2:rgba(10,10,10,.20);
  --hover:rgba(10,10,10,.05); --press:rgba(10,10,10,.09);
  --pl:rgba(10,10,10,.09); --pl-2:rgba(10,10,10,.26); --field-bg:#FFFFFF; --ring:var(--meridian);
  --btn-p-bg:#0A0A0A; --btn-p-fg:#F5F5F4;
  color:var(--fg); color-scheme:light}
.section--paper,.theme-paper{background-color:var(--paper);--card:#FFFFFF;--card-h:#FCFCFB}
.section--white,.ip-white,.theme-white{background-color:#FFFFFF;--card:#F4F4F2;--card-h:#EEEEEB}
.theme-stone{background-color:var(--stone);--card:#F1EFEA;--card-h:#F6F4F0;--line:rgba(40,30,20,.12);--line-2:rgba(40,30,20,.22)}
.theme-mist{background-color:var(--mist);--card:#F5F7FA;--card-h:#FFFFFF;--line:rgba(10,18,48,.10);--line-2:rgba(10,18,48,.20)}
.grad-dawn{--card:#FFFFFF;--card-h:#FBFCFE;background-color:#FFFFFF;
  background-image:radial-gradient(60% 70% at 100% 0%,rgba(234,240,255,1) 0%,rgba(234,240,255,0) 70%),linear-gradient(180deg,#FFFFFF 0%,#F3F5F9 45%,#E6EBF2 100%)}
.grad-stone{--card:#FBFAF8;--card-h:#FFFFFF;background-color:var(--paper);background-image:linear-gradient(180deg,#F4F4F2 0%,#EEECE7 50%,#E7E4DE 100%)}

.theme-meridian,.grad-meridian{
  --fg:#FFFFFF; --fg-2:rgba(255,255,255,.80); --fg-3:rgba(255,255,255,.62);
  --line:rgba(255,255,255,.24); --line-2:rgba(255,255,255,.42);
  --card:rgba(255,255,255,.08); --card-h:rgba(255,255,255,.12);
  --hover:rgba(255,255,255,.10); --press:rgba(255,255,255,.16);
  --pl:rgba(255,255,255,.18); --pl-2:rgba(255,255,255,.5); --field-bg:rgba(255,255,255,.08); --ring:#FFFFFF;
  --btn-p-bg:#FFFFFF; --btn-p-fg:#1B3ACC;
  color:var(--fg); color-scheme:dark}
.theme-meridian{background-color:var(--meridian)}
.grad-meridian{background-color:var(--meridian-deep);background-image:linear-gradient(120deg,#1B3ACC 0%,#2448E8 55%,#2F5BFF 100%)}
.theme-meridian ::selection,.grad-meridian ::selection{background:#0A1230}

/* ===== Type ===== */
.h-hero,.h1,.h2,.h3{font-family:var(--f-display);font-weight:500;letter-spacing:-.03em;color:var(--fg);text-wrap:balance}
.h-hero{font-size:clamp(48px,7.5vw,112px);line-height:.98}
.h1{font-size:clamp(40px,5vw,80px);line-height:1.02}
.h2{font-size:clamp(30px,3.4vw,52px);line-height:1.06}
.h3{font-size:clamp(22px,1.8vw,28px);line-height:1.18;letter-spacing:-.02em}
.lead{font-size:clamp(18px,1.4vw,22px);line-height:1.45;color:var(--fg-2);max-width:40ch;text-wrap:pretty}
.body{font-size:clamp(16px,1.1vw,17px);line-height:1.6;color:var(--fg-2);max-width:62ch;text-wrap:pretty}
.eyebrow{display:block;font-family:var(--f-text);font-size:14px;font-weight:500;line-height:1.4;color:var(--fg-2);letter-spacing:0}

/* ===== Proportion lines ===== */
.pl-cols{position:relative;isolation:isolate}
.pl-cols::before,.pl-cols:empty{content:"";position:absolute;top:0;bottom:0;left:50%;z-index:-1;pointer-events:none;
  width:min(calc(100% - 2*var(--gutter)),var(--maxw));transform:translateX(-50%);
  border-right:1px solid var(--pl);
  background:repeating-linear-gradient(90deg,var(--pl) 0 1px,transparent 1px calc(100%/12))}
.pl-cols:empty::before{content:none}
.pl-cols:empty{isolation:auto;z-index:0}
@media (max-width:699px){.pl-cols::before,.pl-cols:empty{background:repeating-linear-gradient(90deg,var(--pl) 0 1px,transparent 1px 25%)}}

.pl-rule{border-top:0;position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px;
  font-family:var(--f-text);font-size:13px;line-height:1.4;color:var(--fg-3)}
.pl-rule::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;pointer-events:none;
  border-top:1px solid var(--pl-2);border-right:1px solid var(--pl-2);
  background:repeating-linear-gradient(90deg,var(--pl-2) 0 1px,transparent 1px calc(100%/12))}
@media (max-width:699px){.pl-rule::before{background:repeating-linear-gradient(90deg,var(--pl-2) 0 1px,transparent 1px 25%)}}
.pl-rule__label{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-weight:500}
.pl-rule__meta{color:var(--fg-3);text-align:right}

.pl-frame{position:relative}
.pl-frame::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;--c:var(--pl-2);--k:12px;
  background:
    linear-gradient(var(--c),var(--c)) 0 0/var(--k) 1px no-repeat,linear-gradient(var(--c),var(--c)) 0 0/1px var(--k) no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 0/var(--k) 1px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/1px var(--k) no-repeat,
    linear-gradient(var(--c),var(--c)) 0 100%/var(--k) 1px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/1px var(--k) no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 100%/var(--k) 1px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/1px var(--k) no-repeat;
  transition:inset var(--t6) var(--e6),--c var(--t6)}
:is(a,.card,.pl-hover):focus-visible .pl-frame::after{inset:-6px;--c:var(--fg-2)}@media (hover:hover){.pl-frame:hover::after,:is(a,.card,.pl-hover):hover .pl-frame::after{inset:-6px;--c:var(--fg-2)}}
.media.pl-frame{overflow:visible}
.media.pl-frame>img,.media.pl-frame>picture>img{border-radius:inherit}

.pl-dim{position:relative;height:auto;border-inline:0;justify-content:normal;display:flex;align-items:center;gap:10px;font-family:var(--f-text);font-size:12px;line-height:1;color:var(--fg-3);white-space:nowrap;pointer-events:none}
.pl-dim::before,.pl-dim::after{content:"";flex:1 1 0;min-width:12px;height:9px;
  background:linear-gradient(var(--pl-2),var(--pl-2)) center/100% 1px no-repeat}
.pl-dim::before,.pl-dim::after{position:static;border-top:0}
.pl-dim>span{position:static;padding:0;background:none}
.pl-dim::before{border-left:1px solid var(--pl-2)}
.pl-dim::after{border-right:1px solid var(--pl-2)}
.pl-dim--v{flex-direction:column;width:16px;min-height:80px}
.pl-dim--v::before,.pl-dim--v::after{width:9px;height:auto;min-height:12px;border:0;
  background:linear-gradient(var(--pl-2),var(--pl-2)) center/1px 100% no-repeat}
.pl-dim--v::before{border-top:1px solid var(--pl-2)}
.pl-dim--v::after{border-bottom:1px solid var(--pl-2)}
.pl-dim--v>span{writing-mode:vertical-rl;transform:rotate(180deg)}

.pl-golden{position:relative}
.pl-golden::before,.pl-golden::after,.pl-golden:empty{pointer-events:none}
.pl-golden::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,transparent calc(61.8% - .5px),var(--pl-g,rgba(255,255,255,.14)) calc(61.8% - .5px) calc(61.8% + .5px),transparent calc(61.8% + .5px)),
    linear-gradient(180deg,transparent calc(61.8% - .5px),var(--pl-g,rgba(255,255,255,.14)) calc(61.8% - .5px) calc(61.8% + .5px),transparent calc(61.8% + .5px))}
.pl-golden::after{content:"";position:absolute;left:0;top:0;bottom:0;width:61.8%;z-index:1;
  background:radial-gradient(circle farthest-side at 100% 100%,transparent calc(100% - 1.5px),var(--pl-g,rgba(255,255,255,.14)) calc(100% - 1px),var(--pl-g,rgba(255,255,255,.14)) calc(100% - .2px),transparent 100%)}
.pl-golden:empty{position:absolute;inset:0;z-index:1;display:block}
:is(.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone,.section--paper,.section--white) .pl-golden,.pl-golden:is(.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone){--pl-g:rgba(10,10,10,.12)}

/* ===== Buttons (v8): one plain rectangle =====
   Label only. Primary = solid, secondary = 1px outline, ghost = text (underline on hover).
   An inline arrow only with data-icon="arrow". Hover = tone shift; active = 1px press. */
:root,.theme-ink,.theme-graphite,.theme-navy,.grad-horizon,.grad-dusk{
  --btn-p-bg:#EDEDE9;--btn-p-fg:#0A0A0A;--btn-p-h:#FFFFFF;
  --btn-s-bd:rgba(255,255,255,.30);--btn-s-bdh:rgba(255,255,255,.62)}
.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone,.section--paper,.section--white,.ip-white{
  --btn-p-bg:#0A0A0A;--btn-p-fg:#F5F5F4;--btn-p-h:#2C2D30;
  --btn-s-bd:rgba(10,10,10,.26);--btn-s-bdh:rgba(10,10,10,.62)}
.theme-meridian,.grad-meridian{
  --btn-p-bg:#FFFFFF;--btn-p-fg:#0A1230;--btn-p-h:#E4EAFF;
  --btn-s-bd:rgba(255,255,255,.52);--btn-s-bdh:#FFFFFF}
.btn{--h:48px;--px:24px;--fs:15px;
  --b-bg:transparent;--b-fg:var(--fg);--b-bd:transparent;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:var(--h);padding:0 var(--px);border-radius:2px;
  font-family:var(--f-text);font-stretch:100%;font-size:var(--fs);font-weight:500;line-height:1;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;
  background:var(--b-lbg,var(--b-bg));color:var(--b-fg);border:1px solid var(--b-bd);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:background-color var(--d-hover) var(--ease-out),border-color var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out),opacity var(--d-hover) var(--ease-out)}
.btn--sm{--h:40px;--px:18px;--fs:14px}
.btn--lg{--h:56px;--px:30px;--fs:16px}
.btn--block{display:flex;width:100%}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:2px}
.btn[disabled],.btn[aria-disabled="true"],.btn.is-disabled{opacity:.4;pointer-events:none;cursor:not-allowed}
.btn.is-loading,.btn[aria-busy="true"]{pointer-events:none;cursor:progress;opacity:.7}
.btn--primary{--b-bg:var(--btn-p-bg);--b-fg:var(--btn-p-fg);--b-bd:var(--b-bg)}
@media (hover:hover){.btn--primary:hover{--b-lbg:var(--btn-p-h);--b-bd:var(--btn-p-h)}}
.btn--secondary{--b-bg:transparent;--b-fg:var(--fg);--b-bd:var(--btn-s-bd)}
@media (hover:hover){.btn--secondary:hover{--b-lbg:var(--hover);--b-bd:var(--btn-s-bdh)}}
.btn--secondary:active{--b-lbg:var(--press)}
.btn[data-icon="arrow"]::after{content:"\2192";font-weight:400;line-height:1}
.btn--ghost{display:inline-block;height:auto;padding:4px 0;border:0;border-radius:2px;background:none;color:var(--fg);line-height:1.4;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:transparent;
  transition:text-decoration-color var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out),opacity var(--d-hover) var(--ease-out)}
@media (hover:hover){.btn--ghost:hover{text-decoration-color:currentColor}}
.btn--ghost:active{opacity:.75}
.btn--ghost[data-icon="arrow"]::after{display:inline-block;margin-left:.45em}
/* legacy plate markup (unwrapped by shell.js; hidden if any survives) */
.btn__icon,.btn__dots,.btn__arr{display:none!important}
.btn__label{display:contents}
.btn .arr{display:none}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* ===== Links / tags / tabs ===== */
.link{color:var(--fg);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:.24em;text-decoration-thickness:1px;
  transition:text-decoration-color var(--t6) var(--e6),text-decoration-thickness var(--t6) var(--e6),color var(--t6) var(--e6)}
@media (hover:hover){.link:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}}
.link:active{opacity:.7}
.link:focus-visible{border-radius:2px}
a.link[href^="http"]::after,a.link[target="_blank"]::after,.link--ext::after{content:"\2197";display:inline-block;margin-left:.2em;font-size:.86em;text-decoration:none;transition:transform var(--t6) var(--e6)}
@media (hover:hover){a.link[href^="http"]:hover::after,a.link[target="_blank"]:hover::after,.link--ext:hover::after{transform:translate(2px,-2px)}}
.tag{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;font-size:12px;font-weight:500;line-height:1;border:1px solid var(--line-2);border-radius:3px;color:var(--fg-2);white-space:nowrap;
  transition:border-color var(--t6) var(--e6),color var(--t6) var(--e6),background-color var(--t6) var(--e6)}
.tag::before{content:none}
.tag--plain::before{content:none}
.tag--plain{padding:0 9px}
:is(a,button).tag{cursor:pointer}
.tag.is-hover{border-color:color-mix(in srgb,var(--fg) 50%,transparent);color:var(--fg)}@media (hover:hover){:is(a,button).tag:hover{border-color:color-mix(in srgb,var(--fg) 50%,transparent);color:var(--fg)}}
.tag.is-active,.tag[aria-pressed="true"],.tag[aria-selected="true"]{border-color:var(--fg);color:var(--fg);background:var(--hover)}
.tabs{position:relative;display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs__tab{position:relative;flex:none;height:44px;padding:0 14px;font-size:14px;font-weight:500;color:var(--fg-2);border-radius:2px 2px 0 0;transition:color var(--t6) var(--e6),background-color var(--t6) var(--e6)}
@media (hover:hover){.tabs__tab:hover{color:var(--fg);background:var(--hover)}}
.tabs__tab[aria-selected="true"],.tabs__tab.is-active{color:var(--fg)}
.tabs__tab:focus-visible{outline-offset:-2px}
.tabs__ind{position:absolute;left:0;bottom:-1px;height:2px;width:var(--w,0);background:var(--fg);transform:translateX(var(--x,0));pointer-events:none;
  transition:transform var(--d-menu) var(--ease-out),width var(--d-menu) var(--ease-out)}


/* ===== Forms ===== */
.field{display:grid;gap:8px;min-width:0}
.field__label{font-size:13px;font-weight:500;line-height:1.3;color:var(--fg-2)}
.field__label .opt{color:var(--fg-3);font-weight:400}
.input,.textarea,.select{width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;background:var(--field-bg);color:var(--fg);font-size:15px;line-height:1.3;outline:none;
  transition:border-color var(--t6) var(--e6),box-shadow var(--t6) var(--e6),background-color var(--t6) var(--e6)}
.textarea{height:auto;min-height:132px;padding:12px 14px;resize:vertical;line-height:1.5}
.select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.input::placeholder,.textarea::placeholder{color:var(--fg-3);transition:color var(--t6)}
@media (hover:hover){.input:hover,.textarea:hover,.select:hover{border-color:color-mix(in srgb,var(--fg) 40%,transparent)}}
@media (hover:hover){.input:hover::placeholder,.textarea:hover::placeholder{color:var(--fg-2)}}
.input:focus,.textarea:focus,.select:focus{border-color:var(--meridian);box-shadow:0 0 0 3px rgba(47,91,255,.28)}
.field.is-invalid :is(.input,.textarea,.select),:is(.input,.textarea,.select)[aria-invalid="true"]{border-color:var(--err);box-shadow:0 0 0 3px rgba(255,107,112,.16)}
.field.is-valid :is(.input,.textarea,.select){border-color:color-mix(in srgb,var(--ok) 70%,transparent)}
.field__msg{min-height:18px;font-size:13px;line-height:1.4;color:var(--fg-3);display:flex;align-items:center;gap:8px}
.field__msg:empty{min-height:0}
.field.is-invalid .field__msg{color:var(--err)}
.field.is-valid .field__msg{color:var(--fg-2)}
.field.is-invalid .field__msg:not(:empty)::before,.field.is-valid .field__msg:not(:empty)::before{content:"";width:6px;height:6px;flex:none;background:var(--err)}
.field.is-valid .field__msg:not(:empty)::before{background:var(--ok)}
:is(.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone,.section--paper,.section--white,.ip-white){--err:#C9252C;--ok:#16794A}
.check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.45;color:var(--fg-2)}
.check input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:1px 0 0;border:1px solid var(--line-2);border-radius:2px;background:var(--field-bg);display:grid;place-items:center;cursor:pointer;
  transition:border-color var(--t6) var(--e6),background-color var(--t6) var(--e6),box-shadow var(--t6) var(--e6)}
@media (hover:hover){.check:hover input{border-color:color-mix(in srgb,var(--fg) 50%,transparent)}}
.check input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.check input:checked{background:var(--meridian);border-color:var(--meridian)}
.check input[type="checkbox"]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2 6.6 11.2 12.5 5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.check input[type="radio"]::after{content:"";width:8px;height:8px;background:#fff;transform:scale(0);transition:transform var(--t6) var(--e6)}
.check input[type="radio"]:checked::after{transform:none}
@media (hover:hover){.check:hover{color:var(--fg)}}

/* ===== Toasts ===== */
.toasts{position:fixed;z-index:150;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);}
@media (min-width:700px){.toasts{left:auto;right:24px;bottom:24px;transform:none}}
.toasts{display:grid;gap:8px;width:min(460px,calc(100vw - 32px));pointer-events:none}
.toast{display:flex;gap:2px;pointer-events:auto;color:#0A0A0A;font-size:14px;line-height:1.45;
  opacity:0;transform:translateY(10px);transition:opacity var(--t6) var(--e6),transform var(--t6) var(--e6)}
.toast.is-in{opacity:1;transform:none}
.toast__icon{display:none}
.toast--error .toast__icon{background:#C9252C}
.toast--info .toast__icon{background:#0A0A0A}
.toast__msg{flex:1;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 8px 12px 16px;background:#F5F5F4;border-radius:2px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.toast__msg p{flex:1}
.toast__x{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:2px;color:rgba(10,10,10,.6);transition:background-color var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out)}
@media (hover:hover){.toast__x:hover{background:rgba(10,10,10,.06);color:#0A0A0A}}

/* ===== Cards ===== */
.card{position:relative;display:block;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);overflow:hidden;
  transition:border-color var(--d-menu) var(--ease-out),background-color var(--d-menu) var(--ease-out)}
.card img{transition:transform 600ms var(--ease-out)}
@media (hover:hover){:is(a.card,.card--link):hover{border-color:var(--line-2);background:var(--card-h)}}
@media (hover:hover){:is(a.card,.card--link):hover img{transform:scale(1.02)}}
.card--link{cursor:pointer;color:inherit}
.card--link:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:var(--radius)}
.card--link:active{background:var(--card-h)}
.card .arrow,.card--link .card-arrow{display:inline-block;transition:transform var(--t6) var(--e6)}


/* ===== Product UI frame ===== */
.ui{background:#0E0E0E;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:#EDEDEC;font-family:var(--f-text);font-size:13px;line-height:1.45;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.ui-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#111;color:rgba(237,237,236,.6);font-size:12px}
.ui-bar .dots{display:flex;gap:6px}.ui-bar .dots i{width:10px;height:10px;border-radius:50%;background:#2A2A2A}
.ui-side{background:#0B0B0B;border-right:1px solid rgba(255,255,255,.08);padding:12px 8px}
.ui-side a,.ui-side .item{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:7px;color:rgba(237,237,236,.66);font-size:13px}
.ui-side .item.is-active,.ui-side a.is-active{background:#1A1A1A;color:#EDEDEC}
.ui-msg{padding:10px 14px;border-radius:12px;background:#171717;max-width:78%;color:#EDEDEC}
.ui-msg--me{margin-left:auto;background:#232323}
.ui-input{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 8px 8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#121212;color:rgba(237,237,236,.5)}

/* ===== Media + lazy images + video ===== */
.media{position:relative;border-radius:var(--radius);overflow:hidden;background:#0B0B0B}
.media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.media--bleed{border-radius:0}
img.lz-wait{opacity:0;filter:grayscale(1) blur(14px)}
img.lz-in{transition:opacity var(--d-reveal) var(--ease-out),filter var(--d-image) var(--ease-out),transform var(--d-reveal) var(--ease-out)}
.vid{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#0B0B0B;isolation:isolate}
.vid--bleed{border-radius:0}
.vid__poster{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.vid__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:0;pointer-events:none;transition:opacity var(--d-image) var(--ease-out)}
.vid.is-ready .vid__v{opacity:1}
html.motion-off .vid__v{display:none}

/* ===== Views (router) ===== */
.view[hidden]{display:none!important}
.view{opacity:1;transition:opacity 150ms var(--ease-out);overflow-x:clip}
.view.is-fading{opacity:0}

/* ===== Announcement bar ===== */
.announce{position:relative;z-index:61;background:var(--graphite);border-bottom:1px solid var(--line);font-size:13px;line-height:1}
.announce[hidden]{display:none}
.announce-inner{display:flex;align-items:center;justify-content:center;height:40px;position:relative}
.announce-link{display:inline-flex;align-items:center;gap:8px;color:var(--fg);padding:6px 4px;border-radius:2px}
.announce-link .muted{color:var(--fg-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.26em;text-decoration-color:rgba(245,245,244,.3);
  transition:color var(--d-hover) var(--ease-out),text-decoration-color var(--d-hover) var(--ease-out)}
@media (hover:hover){.announce-link:hover .muted{color:var(--fg);text-decoration-color:currentColor}}
.announce-link .muted-arr{color:var(--fg-2);margin-left:-2px}
.announce-close{position:absolute;right:calc(var(--gutter) - 8px);top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:2px;color:var(--fg-2);transition:background-color var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out)}
@media (hover:hover){.announce-close:hover{background:var(--hover);color:var(--fg)}}
.announce-close:active{background:var(--press)}
.announce-close:focus-visible{outline-offset:0}

/* ===== Nav ===== */
.nav{position:sticky;top:0;z-index:60;height:var(--nav-h);background:#0A0A0A;border-bottom:1px solid var(--line);
  transition:background-color var(--d-menu) var(--ease-out),border-color var(--d-menu) var(--ease-out),-webkit-backdrop-filter var(--d-menu) var(--ease-out),backdrop-filter var(--d-menu) var(--ease-out)}
.nav.is-menu-open{background:transparent}
body.is-locked .nav{z-index:81}
body.is-locked .announce{z-index:82}
.nav-inner{display:flex;align-items:center;height:100%;gap:8px}
.lockup{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px;margin-left:-6px;border-radius:2px;color:var(--fg);transition:opacity var(--d-hover) var(--ease-out)}
@media (hover:hover){.lockup:hover{opacity:.78}}
.lockup:active{opacity:.6}
.lockup .mark-symbol{width:22px;height:22px}
.lockup .mark-wordmark{height:13px;width:auto}
.nav-menu{display:flex;align-items:center;gap:2px;margin:0 0 0 28px;padding:0;list-style:none}
.nav-item{position:static}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:2px;font-size:14px;font-weight:450;color:var(--fg-2);
  transition:color var(--d-hover) var(--ease-out)}
.nav-item.is-open>.nav-link,.nav-link[aria-current="page"],.nav-link.is-current{color:var(--fg)}@media (hover:hover){.nav-link:hover{color:var(--fg)}}
.nav-link:active{opacity:.75}
.nav-link:focus-visible{outline-offset:0}
.nav-link .chev{width:10px;height:10px;opacity:.55;transition:transform var(--d-menu) var(--ease-out),opacity var(--d-hover) var(--ease-out)}
.nav-item.is-open>.nav-link .chev{opacity:1}@media (hover:hover){.nav-link:hover .chev{opacity:1}}
.nav-item.is-open>.nav-link .chev{transform:rotate(180deg)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.nav-right .btn{--h:36px;--px:16px;--fs:14px}
.nav-right .btn[aria-current="page"]{--b-bd:var(--btn-s-bdh)}

/* Menus: one shared surface (.dd-stage, made by shell.js) that morphs between panels.
   Calm: opacity + 4px translate, 220ms ease-out, no stagger. */
.dd{position:absolute;left:0;right:0;top:100%;z-index:2;padding:0;visibility:hidden;pointer-events:none;transition:visibility 0s linear 220ms}
.nav-item.is-open>.dd{visibility:visible;pointer-events:auto;transition:visibility 0s}
.dd-panel{position:absolute;top:8px;left:var(--dd-x,0);width:min(392px,calc(100vw - 2*var(--gutter)));padding:8px;border-radius:4px}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.dd-col{display:flex;flex-direction:column;min-width:0}
.dd-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dd-link{display:grid;gap:4px;padding:12px 14px 13px;border-radius:2px;transition:background-color var(--d-hover) var(--ease-out)}
.dd-link .t{font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.005em;color:var(--fg)}
.dd-link .d{font-size:13px;line-height:1.45;color:var(--fg-2)}
.dd-link:focus-visible{background:rgba(255,255,255,.06)}@media (hover:hover){.dd-link:hover{background:rgba(255,255,255,.06)}}
.dd-link:active{background:rgba(255,255,255,.09)}
.dd-link[aria-current="page"]{background:rgba(255,255,255,.035)}
.dd-link:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.dd-stage{position:fixed;left:0;top:var(--st,0px);z-index:59;width:var(--sw,392px);height:var(--sh,200px);pointer-events:none;
  transform:translate3d(var(--sx,0px),var(--sy,0px),0);border-radius:4px;
  background:rgba(19,20,22,.985);-webkit-backdrop-filter:blur(30px) saturate(1.2);backdrop-filter:blur(30px) saturate(1.2);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 48px -24px rgba(0,0,0,.7);
  opacity:0;visibility:hidden;
  transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),visibility 0s linear 220ms}
.dd-stage.is-on{opacity:1;visibility:visible;transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),visibility 0s}
.dd-stage.is-morph{transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),width 220ms var(--ease-out),height 220ms var(--ease-out),visibility 0s}
.dd-stage.is-jump{transition:none}
.dd-a{opacity:0;transform:translate3d(var(--fx,0px),var(--fy,4px),0);transition:opacity 150ms var(--ease-out),transform 150ms var(--ease-out)}
.nav-item.is-open>.dd .dd-a{opacity:1;transform:none;transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}
.dd.is-prep .dd-a{transition:none!important}
.nav-ind{display:none}

/* Burger */
.burger{display:none;width:44px;height:44px;margin-right:-10px;border-radius:2px;place-items:center;transition:background-color var(--d-hover) var(--ease-out)}
@media (hover:hover){.burger:hover{background:var(--hover)}}
.burger:active{background:var(--press)}
.burger:focus-visible{outline-offset:0}
.burger .bars{position:relative;width:18px;height:10px}
.burger .bars .bar{position:absolute;left:0;right:0;height:1.5px;border-radius:0;background:var(--fg);transition:transform 220ms var(--ease-out),top 220ms var(--ease-out)}
.burger .bars .bar:first-child{top:0}.burger .bars .bar:last-child{top:8.5px}
.burger[aria-expanded="true"] .bars .bar:first-child{top:4.25px;transform:rotate(45deg)}
.burger[aria-expanded="true"] .bars .bar:last-child{top:4.25px;transform:rotate(-45deg)}

/* Mobile menu: plain fade, no stagger */
.mmenu{position:fixed;inset:0;z-index:80;background:var(--ink);padding-top:var(--mm-top,var(--nav-h));overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;visibility:hidden;transition:opacity 220ms var(--ease-out),visibility 0s linear 220ms}
.mmenu.is-open{opacity:1;visibility:visible;transition:opacity 220ms var(--ease-out),visibility 0s}
.mmenu-inner{padding-top:8px;display:flex;flex-direction:column;min-height:100%}
.mm-group{padding:20px 0 12px;border-bottom:1px solid var(--line)}
.mm-group:last-of-type{border-bottom:0}
.mm-label{font-size:13px;font-weight:400;color:var(--fg-3);margin-bottom:4px}
.mm-list{list-style:none;margin:0;padding:0}
.mm-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 12px;margin:0 -12px;border-radius:2px;
  font-family:var(--f-display);font-stretch:106%;font-size:22px;font-weight:500;letter-spacing:-.015em;color:var(--fg);transition:background-color var(--d-hover) var(--ease-out)}
.mm-link .d{font-family:var(--f-text);font-stretch:100%;font-size:13px;font-weight:400;letter-spacing:0;color:var(--fg-3);text-align:right}
@media (hover:hover){.mm-link:hover{background:var(--hover)}}
.mm-link:active{background:var(--press)}
.mm-link:focus-visible{outline-offset:-2px}
.mm-link[aria-current="page"]{background:var(--hover)}
.mm-cta{position:sticky;bottom:0;margin-top:auto;padding:20px 0 max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,10,10,0),#0A0A0A 30%)}
.mm-cta .btn{width:100%}
.mm-note{margin-top:12px;font-size:13px;color:var(--fg-3);text-align:center}

@media (max-width:960px){
  .nav-menu,.nav-right .nav-cta-d{display:none}
  .burger{display:grid}
  .announce-inner{justify-content:flex-start;padding-right:40px}
  .announce-link{white-space:nowrap;margin-left:-4px}
}
@media (max-width:560px){.announce-link .muted{display:none}}
@media (max-width:389px){.mm-group:nth-child(3) .mm-link .d{display:none}}
@media (min-width:961px){.mmenu{display:none}}
/* v16: on short landscape phones the closing CTA scrolls with the menu instead of covering the links */
@media (max-height:520px){.mm-cta{position:static}}
.mmenu-inner{padding-bottom:env(safe-area-inset-bottom,0px)}

/* ===== Footer (v9): logo + one line, four link columns, legal row. Nothing else. ===== */
.footer{position:relative;background:var(--ink);color:var(--fg);border-top:1px solid var(--line);font-size:14px;overflow:hidden;padding:0;
  --fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.44);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.20);color-scheme:dark}
.f-main{padding-top:clamp(72px,8vw,120px)}
.f-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px var(--gap);padding-bottom:clamp(72px,7vw,112px)}
.f-brand{grid-column:1/span 4;min-width:0}
.f-top>.f-cols{grid-column:5/span 8}
.f-brand .lockup{margin-bottom:28px}
.f-line{font-family:var(--f-display);font-stretch:var(--wd-s,106%);font-weight:400;font-size:clamp(20px,1.6vw,24px);line-height:1.3;letter-spacing:-.012em;color:var(--fg);max-width:min(30ch,100%);padding-right:clamp(0px,4vw,64px);text-wrap:pretty}
.f-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--gap)}
.f-col h3{font-family:var(--f-text);font-stretch:100%;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--fg);margin-bottom:16px}
.f-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.f-col a{color:var(--fg-2);line-height:1.4;border-radius:2px;transition:color var(--d-hover) var(--ease-out)}
.f-col a:focus-visible,.f-col a[aria-current="page"]{color:var(--fg)}@media (hover:hover){.f-col a:hover{color:var(--fg)}}
.f-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:22px 0 28px;border-top:1px solid var(--line);color:var(--fg-3);font-size:13px;line-height:1.4}
.f-legal{display:flex;align-items:center;flex-wrap:wrap;gap:6px 28px}
.f-legal-links{display:flex;flex-wrap:wrap;gap:4px 24px}
.f-legal-links a{color:var(--fg-3);border-radius:2px;transition:color var(--d-hover) var(--ease-out)}
.f-legal-links a:focus-visible{color:var(--fg)}@media (hover:hover){.f-legal-links a:hover{color:var(--fg)}}
.f-credit{margin:0;color:var(--fg-3);font-size:12.5px;line-height:1.4;text-align:right}
.f-credit:empty{display:none}
@media (max-width:1023px){.f-top{gap:56px var(--gap)}.f-brand,.f-top>.f-cols{grid-column:1/-1}}
@media (max-width:560px){
  .f-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
  .f-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .f-credit{text-align:left}
}

/* ===== 404 ===== */
/* (view-specific styles live in views/notfound.css) */

/* ===== Nav logo (v9): html.logo-docked is permanent; nothing hides #nav-logo.
   Full lockup at the top of every page; past 64px of scroll (html.logo-compact) the wordmark
   slides left behind the symbol and fades while the four plates part ~1px and resettle.
   Transform and opacity only, 280ms ease-out, reversible; instant under motion-off / reduced motion. ===== */
:root{--d-logo:280ms}
#nav-logo{transition:none;opacity:1!important;visibility:visible!important}
#nav-logo>svg,#nav-logo .lockup-wm{transition:opacity var(--d-hover) var(--ease-out)}
@media (hover:hover){.lockup#nav-logo:hover{opacity:1}}
@media (hover:hover){.lockup#nav-logo:hover>svg,.lockup#nav-logo:hover .lockup-wm{opacity:.78}}
.lockup#nav-logo:active>svg,.lockup#nav-logo:active .lockup-wm{opacity:.6}
.lockup-wm{display:block;overflow:hidden;margin-left:-10px;padding-left:10px;line-height:0}
.lockup-wm .mark-wordmark{display:block;transform:translateX(0);opacity:1;
  transition:transform var(--d-logo) var(--ease-out),opacity var(--d-logo) var(--ease-out)}
html.logo-compact #nav-logo .mark-wordmark{transform:translateX(calc(-100% - 10px));opacity:0}
#nav-logo .mark-symbol{overflow:visible}
#nav-logo .pl{transform-box:view-box}
#nav-logo .pl-tl{--px:-2.6px;--py:-2.6px}
#nav-logo .pl-tr{--px:2.6px;--py:-2.6px}
#nav-logo .pl-bl{--px:-2.6px;--py:2.6px}
#nav-logo .pl-br{--px:2.6px;--py:2.6px}
@keyframes ol-part-a{0%{transform:translate(0,0)}42%{transform:translate(var(--px),var(--py))}100%{transform:translate(0,0)}}
@keyframes ol-part-b{0%{transform:translate(0,0)}42%{transform:translate(var(--px),var(--py))}100%{transform:translate(0,0)}}
html.logo-anim.logo-compact #nav-logo .pl{animation:ol-part-a var(--d-logo) var(--ease-out) both}
html.logo-anim:not(.logo-compact) #nav-logo .pl{animation:ol-part-b var(--d-logo) var(--ease-out) both}
html.motion-off{--d-logo:0ms}
html.motion-off #nav-logo .pl{animation:none!important}
html.motion-off #nav-logo .mark-wordmark{transition:none!important}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-on){--d-logo:0ms}
  html:not(.motion-on) #nav-logo .pl{animation:none!important}
  html:not(.motion-on) #nav-logo .mark-wordmark{transition:none!important}
}

/* ===== Motion off (site-wide, user toggle or reduced motion) ===== */
html.motion-off{scroll-behavior:auto}
html.motion-off *,html.motion-off *::before,html.motion-off *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
html.motion-off .card img,html.motion-off .dd-feat img{transform:none!important}@media (hover:hover){html.motion-off .card:hover img{transform:none!important}}
html.motion-off .view{transition:none}
html.motion-off :is(.btn,.btn *,.btn::after,.nav-link,.dd,.dd-a,.dd-stage,.mmenu,.mmenu *,.tabs__ind,.toast,.link,.f-col a,.dd-link,img.lz-in){transition:none!important}
html.motion-off img.lz-wait{opacity:1;filter:grayscale(1)}

@media (prefers-reduced-motion:reduce){
  html:not(.motion-on) *,html:not(.motion-on) *::before,html:not(.motion-on) *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  @media (hover:hover){html:not(.motion-on) .card:hover img{transform:none}}
}

/* =====================================================================
   v7 — motion tokens applied, morphing menu, plates refined, .ph, .reveal-row
   ===================================================================== */
html.motion-off{--d-press:0ms;--d-hover:0ms;--d-menu:0ms;--d-reveal:0ms;--d-image:0ms;--stagger:0ms;--d-reveal-img:0ms;--d-xfade:0ms;--d-media-hover:0ms;--d-lines:0ms}
@media (prefers-reduced-motion:reduce){html:not(.motion-on){--d-press:0ms;--d-hover:0ms;--d-menu:0ms;--d-reveal:0ms;--d-image:0ms;--stagger:0ms;--d-reveal-img:0ms;--d-xfade:0ms;--d-media-hover:0ms;--d-lines:0ms}}

/* ---------- Photos: .ph ---------- */
.ph{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--card,#0B0B0B);isolation:isolate;margin:0}
.ph--golden{aspect-ratio:1.618/1}.ph--wide{aspect-ratio:21/9}.ph--land{aspect-ratio:3/2}.ph--port{aspect-ratio:4/5}.ph--sq{aspect-ratio:1/1}
.ph:not(.ph--golden):not(.ph--wide):not(.ph--land):not(.ph--port):not(.ph--sq){height:100%}
@media (max-width:699px){.ph--wide{aspect-ratio:1.618/1}}
.ph--flush{border-radius:0}.ph--r2{border-radius:2px}
.ph>img,.ph>picture>img,.ph>picture{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ph>img,.ph>picture>img{object-fit:cover;object-position:var(--pos,50% 50%);border-radius:inherit;
  filter:grayscale(1) brightness(.93) contrast(1.02);transform:scale(1.0001);transform-origin:50% 50%;
  transition:transform 600ms var(--ease-out),filter 600ms var(--ease-out),opacity var(--d-reveal) var(--ease-out)}
.ph--color>img,.ph--color>picture>img{filter:brightness(.96)}
.ph>img.lz-wait,.ph>picture>img.lz-wait{opacity:0;filter:grayscale(1) blur(14px)}
:is(a,button):focus-visible .ph>img,:is(a,button):focus-visible .ph>picture>img{transform:scale(1.02);filter:grayscale(1) brightness(1) contrast(1.04)}@media (hover:hover){:is(a,button):hover .ph>img,:is(a,button):hover .ph>picture>img,a.ph:hover>img{transform:scale(1.02);filter:grayscale(1) brightness(1) contrast(1.04)}}
@media (hover:hover){:is(a:hover .ph--color)>img{filter:brightness(1.02) contrast(1.05)}}
.ph[data-cap]::before{content:attr(data-cap);position:absolute;left:12px;bottom:12px;z-index:3;max-width:calc(100% - 24px);box-sizing:border-box;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border-radius:2px;
  font-family:var(--f-text);font-size:12px;font-weight:500;line-height:1.2;letter-spacing:0;color:#F5F5F4;
  background:rgba(10,10,10,.74);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);
  opacity:0;pointer-events:none;transition:opacity 200ms var(--ease-out)}
:is(.ph:focus-within,:is(a,.card,.pl-hover):focus-visible .ph)[data-cap]::before{opacity:1}@media (hover:hover){:is(.ph:hover,.ph:focus-within,:is(a,.card,.pl-hover):hover .ph,:is(a,.card,.pl-hover):focus-visible .ph)[data-cap]::before{opacity:1}}
.ph.pl-frame::after{inset:14px;--c:rgba(255,255,255,.55);z-index:2;transition:inset var(--d-reveal) var(--ease-out)}
.ph.pl-frame:focus-within::after,:is(a,.card,.pl-hover):focus-visible .ph.pl-frame::after{inset:8px;--c:rgba(255,255,255,.85)}@media (hover:hover){.ph.pl-frame:hover::after,:is(a,.card,.pl-hover):hover .ph.pl-frame::after{inset:8px;--c:rgba(255,255,255,.85)}}
.ph>:not(img):not(picture){position:relative;z-index:3}
.ph-fig{margin:0;display:block;min-width:0}
.ph-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);
  font-family:var(--f-text);font-size:12.5px;line-height:1.4;font-weight:400;color:var(--fg-3);font-variant-numeric:tabular-nums}
.ph-label>span:first-child{color:var(--fg-2)}
.ph-label>span:last-child:not(:first-child){text-align:right}
html.motion-off .ph>img,html.motion-off .ph>picture>img{transform:none!important;transition:none!important}
html.motion-off .ph[data-cap]::before,html.motion-off .ph.pl-frame::after{transition:none!important}

/* ---------- List rows with a cursor-following image ---------- */
.reveal-row{position:relative;display:block}
.reveal-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.reveal-list>li,.reveal-list>.reveal-row{border-top:1px solid var(--line)}
.reveal-list .reveal-row{transition:opacity var(--d-menu) var(--ease-out),color var(--d-hover) var(--ease-out)}

.reveal-float{position:fixed;left:0;top:0;z-index:55;width:280px;aspect-ratio:4/5;pointer-events:none;will-change:transform;
  transform:translate3d(var(--rx,0px),var(--ry,0px),0)}
.reveal-float[data-ratio="land"]{width:360px;aspect-ratio:3/2}
.reveal-float[data-ratio="sq"]{width:300px;aspect-ratio:1/1}
.reveal-float__in{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius);background:#0B0B0B;
  box-shadow:0 24px 48px -24px rgba(0,0,0,.32);opacity:0;transform:scale(.94);
  transition:opacity var(--d-menu) var(--ease-out),transform var(--d-reveal) var(--ease-out)}
.reveal-float__in img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transform:scale(1.08);transition:transform var(--d-image) var(--ease-out)}
.reveal-float.is-on .reveal-float__in{opacity:1;transform:none}
.reveal-float.is-on .reveal-float__in img{transform:none}
@media (hover:none),(pointer:coarse),(max-width:899px){.reveal-float{display:none!important}}
html.motion-off .reveal-float__in,html.motion-off .reveal-float__in img,html.motion-off .reveal-list .reveal-row{transition:none!important}

/* =====================================================================
   v8 — tells removed. Construction lines (.pl-*) render only inside the
   Mission logo-construction section and the Brand page.
   ===================================================================== */
.reveal-float{display:none!important}
.pl-rule:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *)),
.pl-dim:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *)),
.pl-cols:empty:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *)),
.pl-golden:empty:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *)){display:none!important}
.pl-cols:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *))::before,
.pl-frame:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *))::after,
.pl-golden:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *))::before,
.pl-golden:not(:is([data-view="brand"] *,[data-view="mission"] .mi-construct,[data-view="mission"] .mi-construct *))::after{content:none!important;display:none!important}
/* v8: no museum labels under photos (credits live in the footer line); Brand keeps its own */
.ph-label:not([data-view="brand"] *){display:none!important}


/* =====================================================================
   v10 — layout scale, blue, .ph-lines, .reveal, .sticky-media, .marquee-gallery
   All motion: transform / opacity / clip-path (+ `scale`). Instant under reduced motion.
   ===================================================================== */

/* ---------- Layout: 12-column grid, spacing scale ---------- */
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:var(--gap)}
@media (max-width:767px){.grid-12{grid-template-columns:minmax(0,1fr)}.grid-12>*{grid-column:1/-1}}
@media (min-width:768px){
.span-1{grid-column:auto/span 1}.span-2{grid-column:auto/span 2}.span-3{grid-column:auto/span 3}.span-4{grid-column:auto/span 4}.span-5{grid-column:auto/span 5}.span-6{grid-column:auto/span 6}.span-7{grid-column:auto/span 7}.span-8{grid-column:auto/span 8}.span-9{grid-column:auto/span 9}.span-10{grid-column:auto/span 10}.span-11{grid-column:auto/span 11}.span-12{grid-column:auto/span 12}
.start-1{grid-column-start:1}.start-2{grid-column-start:2}.start-3{grid-column-start:3}.start-4{grid-column-start:4}.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-10{grid-column-start:10}.start-11{grid-column-start:11}.start-12{grid-column-start:12}
}
@media (min-width:768px) and (max-width:1023px){
.span-md-1{grid-column:auto/span 1}.span-md-2{grid-column:auto/span 2}.span-md-3{grid-column:auto/span 3}.span-md-4{grid-column:auto/span 4}.span-md-5{grid-column:auto/span 5}.span-md-6{grid-column:auto/span 6}.span-md-7{grid-column:auto/span 7}.span-md-8{grid-column:auto/span 8}.span-md-9{grid-column:auto/span 9}.span-md-10{grid-column:auto/span 10}.span-md-11{grid-column:auto/span 11}.span-md-12{grid-column:auto/span 12}
.start-md-1{grid-column-start:1}.start-md-2{grid-column-start:2}.start-md-3{grid-column-start:3}.start-md-4{grid-column-start:4}.start-md-5{grid-column-start:5}.start-md-6{grid-column-start:6}.start-md-7{grid-column-start:7}.start-md-8{grid-column-start:8}.start-md-9{grid-column-start:9}.start-md-10{grid-column-start:10}.start-md-11{grid-column-start:11}.start-md-12{grid-column-start:12}
}
.section--sm{padding-block:var(--sec-sm)}
.section--lg{padding-block:var(--sec-lg)}
.section--flush-top{padding-top:0}
.section--flush-bottom{padding-bottom:0}
.stack,.stack-8,.stack-16,.stack-24,.stack-32,.stack-48,.stack-64{display:flex;flex-direction:column;gap:var(--stack,24px);min-width:0}
.stack-8{--stack:8px}.stack-16{--stack:16px}.stack-24{--stack:24px}.stack-32{--stack:32px}.stack-48{--stack:48px}.stack-64{--stack:64px}
:is(.stack,.stack-8,.stack-16,.stack-24,.stack-32,.stack-48,.stack-64)>:is(.btn,.link,.link-draw,.eyebrow){align-self:flex-start}
.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mt-64{margin-top:64px}.mt-96{margin-top:96px}
@media (max-width:767px){.mt-64{margin-top:48px}.mt-96{margin-top:64px}.stack-64{--stack:48px}}
.ph-fig figcaption{margin-top:12px;font-size:13px;line-height:1.45;color:var(--fg-3)}

/* ---------- Blue (Meridian): band, heading rule, product backdrop ---------- */
.band-meridian,.theme-meridian{background-color:var(--meridian);background-image:none;
  --fg:#FFFFFF; --fg-2:rgba(255,255,255,.90); --fg-3:rgba(255,255,255,.82);
  --line:rgba(255,255,255,.28); --line-2:rgba(255,255,255,.5);
  --card:var(--meridian-deep); --card-h:#2045DE;
  --hover:rgba(255,255,255,.12); --press:rgba(255,255,255,.18);
  --pl:rgba(255,255,255,.2); --pl-2:rgba(255,255,255,.5); --field-bg:#2652F5; --ring:#FFFFFF;
  --btn-p-bg:#FFFFFF; --btn-p-fg:#0A0A0A; --btn-p-h:#EDEDE9;
  --btn-s-bd:rgba(255,255,255,.62); --btn-s-bdh:#FFFFFF;
  color:var(--fg); color-scheme:dark}
.band-meridian--deep{background-color:var(--meridian-deep);--card:#1630B0;--card-h:#1A36C0;--field-bg:#2040D4}
.band-meridian ::selection,.theme-meridian ::selection,.bg-meridian ::selection{background:#0A0A0A;color:#FFFFFF}
:is(.band-meridian,.theme-meridian,.bg-meridian) :is(.link,.link-draw){color:#FFFFFF}@media (hover:hover){:is(.band-meridian,.theme-meridian,.bg-meridian) :is(.link,.link-draw,a.link:hover){color:#FFFFFF}}
@media (hover:hover){:is(.band-meridian,.theme-meridian) .btn--secondary:hover{--b-lbg:transparent;--b-bd:#FFFFFF}}
.rule-meridian{position:relative;padding-top:28px}
.rule-meridian::before{content:"";position:absolute;left:0;top:0;width:64px;max-width:100%;height:4px;background:var(--meridian);pointer-events:none}
.rule-meridian--full::before{width:100%}
:is(.band-meridian,.theme-meridian,.bg-meridian) .rule-meridian::before{background:#FFFFFF}
.bg-meridian{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;
  padding:clamp(24px,5vw,72px);border-radius:var(--radius);background:var(--meridian);color:#FFFFFF;overflow:hidden;--ring:#FFFFFF}
.bg-meridian--deep{background:var(--meridian-deep)}
.bg-meridian--bleed{border-radius:0}

/* ---------- Links: underline draws left to right ---------- */
.link,.link-draw{text-decoration:none;
  background-image:linear-gradient(currentColor,currentColor),linear-gradient(color-mix(in srgb,currentColor 30%,transparent),color-mix(in srgb,currentColor 30%,transparent));
  background-repeat:no-repeat;background-position:0 calc(100% - .02em),0 calc(100% - .02em);background-size:0% 1px,100% 1px;padding-bottom:.12em;
  transition:background-size 220ms var(--ease-out),color var(--d-hover) var(--ease-out)}
.link-draw{background-size:0% 1px,0% 1px}
.link:focus-visible,.link-draw:focus-visible{background-size:100% 1px,100% 1px;text-decoration:none}@media (hover:hover){.link:hover,.link-draw:hover{background-size:100% 1px,100% 1px;text-decoration:none}}
html.motion-off :is(.link,.link-draw){transition:none}

/* ---------- Photos: hover 1.03 / 700ms on clickable media; ratio tokens ---------- */
.ph--golden{--ar:1.618}.ph--wide{--ar:2.333}.ph--land{--ar:1.5}.ph--port{--ar:.8}.ph--sq{--ar:1}
@media (max-width:699px){.ph--wide{--ar:1.618}}
.ph>img,.ph>picture>img{transition:transform var(--d-media-hover) var(--ease-out),scale var(--d-reveal-img) var(--ease-reveal) var(--rv-delay,0ms),filter var(--d-media-hover) var(--ease-out),opacity var(--d-reveal) var(--ease-out)}
:is(a,button):focus-visible .ph>img,:is(a,button):focus-visible .ph>picture>img{transform:scale(1.03)}@media (hover:hover){:is(a,button):hover .ph>img,:is(a,button):hover .ph>picture>img,a.ph:hover>img{transform:scale(1.03)}}

/* ---------- .ph-lines: construction overlay (frame inset 16px, golden guides) ---------- */
.ph-lines{--phl-c:rgba(255,255,255,.30);--phl-i:16px;--phl-x:6px;--phl-h:4px}
.ph-lines--ink{--phl-c:rgba(10,10,10,.18)}
:where(.ph-lines){position:relative;overflow:hidden;isolation:isolate}
.ph-lines>.phl,.ph>.phl{position:absolute;inset:0;z-index:2;pointer-events:none;display:block}
.phl>span{position:absolute;display:block;background:var(--phl-c);transition:transform var(--d-lines) var(--ease-out)}
.phl>.phl-t,.phl>.phl-b{left:calc(var(--phl-i) - var(--phl-x));right:calc(var(--phl-i) - var(--phl-x));height:1px}
.phl>.phl-l,.phl>.phl-r{top:calc(var(--phl-i) - var(--phl-x));bottom:calc(var(--phl-i) - var(--phl-x));width:1px}
.phl>.phl-t{top:var(--phl-i)}.phl>.phl-b{bottom:var(--phl-i)}.phl>.phl-l{left:var(--phl-i)}.phl>.phl-r{right:var(--phl-i)}
.phl>.phl-gv{left:61.8%;top:calc(var(--phl-i) - var(--phl-x));bottom:calc(var(--phl-i) - var(--phl-x));width:1px}
.phl>.phl-gh{top:61.8%;left:calc(var(--phl-i) - var(--phl-x));right:calc(var(--phl-i) - var(--phl-x));height:1px}
.ph-lines--mirror>.phl>.phl-gv{left:38.2%}
.ph-lines--rise>.phl>.phl-gh{top:38.2%}
:is(.ph-lines:focus-visible,a:focus-visible .ph-lines)>.phl>.phl-t{transform:translateY(calc(-1 * var(--phl-h)))}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card):hover .ph-lines,a:focus-visible .ph-lines)>.phl>.phl-t{transform:translateY(calc(-1 * var(--phl-h)))}}
:is(.ph-lines:focus-visible,a:focus-visible .ph-lines)>.phl>.phl-b{transform:translateY(var(--phl-h))}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card):hover .ph-lines,a:focus-visible .ph-lines)>.phl>.phl-b{transform:translateY(var(--phl-h))}}
:is(.ph-lines:focus-visible,a:focus-visible .ph-lines)>.phl>.phl-l{transform:translateX(calc(-1 * var(--phl-h)))}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card):hover .ph-lines,a:focus-visible .ph-lines)>.phl>.phl-l{transform:translateX(calc(-1 * var(--phl-h)))}}
:is(.ph-lines:focus-visible,a:focus-visible .ph-lines)>.phl>.phl-r{transform:translateX(var(--phl-h))}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card):hover .ph-lines,a:focus-visible .ph-lines)>.phl>.phl-r{transform:translateX(var(--phl-h))}}

/* ---------- .reveal: clip-path 8% -> 0, media 1.06 -> 1.0, 1000ms, once ---------- */
.reveal{transition:clip-path var(--d-reveal-img) var(--ease-reveal) var(--rv-delay,0ms)}
:is(.reveal>img,.reveal>picture>img,.reveal>video,.reveal>.vid__v,.reveal>.vid__poster,.reveal>.ph>img,.reveal .reveal__inner){
  transition:transform var(--d-media-hover) var(--ease-out),scale var(--d-reveal-img) var(--ease-reveal) var(--rv-delay,0ms),filter var(--d-media-hover) var(--ease-out),opacity var(--d-reveal) var(--ease-out)}
html.rv-on:not(.motion-off) .reveal:not(.is-in){clip-path:inset(8%)}
html.rv-on:not(.motion-off) :is(.reveal:not(.is-in)>img,.reveal:not(.is-in)>picture>img,.reveal:not(.is-in)>video,.reveal:not(.is-in)>.vid__v,.reveal:not(.is-in)>.vid__poster,.reveal:not(.is-in)>.ph>img,.reveal:not(.is-in) .reveal__inner){scale:1.06}
.reveal.is-in{clip-path:inset(0)}
.reveal.is-done{clip-path:none}
@media (prefers-reduced-motion:reduce){html:not(.motion-on) .reveal{clip-path:none!important}html:not(.motion-on) .reveal *{scale:none!important}}

/* ---------- .sticky-media: pinned media column, cross-fading slots ---------- */
.sticky-media{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.sticky-media__steps{grid-column:1/span 5;grid-row:1;min-width:0;padding-bottom:10svh}
.sticky-media__media{grid-column:7/span 6;grid-row:1;min-width:0;position:relative}
.sticky-media--flip>.sticky-media__steps{grid-column:8/span 5}
.sticky-media--flip>.sticky-media__media{grid-column:1/span 6}
@media (min-width:768px) and (max-width:1023px){
  .sticky-media>.sticky-media__steps{grid-column:1/span 6}.sticky-media>.sticky-media__media{grid-column:7/span 6}
  .sticky-media--flip>.sticky-media__steps{grid-column:7/span 6}.sticky-media--flip>.sticky-media__media{grid-column:1/span 6}}
.sticky-media__step{display:flex;flex-direction:column;justify-content:center;min-height:72svh;padding-block:48px;transition:opacity var(--d-xfade) var(--ease-in-out)}
.sticky-media.is-live>.sticky-media__steps>.sticky-media__step:not(.is-active){opacity:.4}
.sticky-media__frame{position:sticky;top:var(--sm-top,calc(var(--nav-h) + 48px));
  width:min(100%,calc((100svh - var(--nav-h) - 96px) * var(--ar,1)));margin-left:auto}
.sticky-media--flip .sticky-media__frame{margin-left:0;margin-right:auto}
.sticky-media__frame:not(.ph){position:sticky;overflow:hidden;border-radius:var(--radius);aspect-ratio:var(--ar,1)}
.sticky-media .sticky-media__slot{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:1;
  transition:opacity var(--d-xfade) var(--ease-in-out),visibility 0s linear var(--d-xfade)}
.sticky-media .sticky-media__slot.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity var(--d-xfade) var(--ease-in-out),visibility 0s}
.sticky-media__slot>img,.sticky-media__slot>picture>img,.sticky-media__slot>picture{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos,50% 50%);
  filter:grayscale(1) brightness(.93) contrast(1.02)}
.sticky-media__slot.ph--color>img,.ph--color .sticky-media__slot>img{filter:brightness(.96)}
.sticky-media__slot>img,.sticky-media__slot>picture>img,.sticky-media__slot>.vid,.sticky-media__slot>.bg-meridian,.sticky-media__slot>svg{scale:1.03;transition:scale calc(var(--d-xfade) + 400ms) var(--ease-reveal)}
.sticky-media__slot.is-active>:is(img,picture>img,.vid,.bg-meridian,svg),.sticky-media__slot.is-active>picture>img{scale:1}
.sticky-media__slot>:is(.vid,.bg-meridian,svg){position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.sticky-media__slot>.vid>.vid__poster{height:100%}
.sticky-media .sticky-media__inline{display:none}
@media (max-width:767px){
  .sticky-media{display:block}
  .sticky-media>.sticky-media__media{display:none}
  .sticky-media>.sticky-media__steps{padding-bottom:0}
  .sticky-media__step{min-height:0;padding-block:0;opacity:1!important}
  .sticky-media__step+.sticky-media__step{margin-top:64px}
  .sticky-media .sticky-media__inline{display:block;position:relative;inset:auto;z-index:auto;opacity:1;visibility:visible;margin-bottom:24px;border-radius:var(--radius);overflow:hidden;aspect-ratio:var(--ar,auto);scale:none}
  .sticky-media .sticky-media__inline.is-media{aspect-ratio:var(--ar,1.5)}
  .sticky-media__inline>*{scale:none!important}
  .sticky-media .sticky-media__inline>:is(.bg-meridian,svg):only-child{position:relative;inset:auto;height:auto;min-height:280px}
}

/* ---------- .marquee-gallery: slow strip, 30s per loop, pauses on hover ---------- */
.marquee-gallery{--mq-h:clamp(220px,26vw,400px);position:relative;width:100%;overflow:hidden;overflow:clip}
.marquee-gallery__track,.marquee-track{display:flex;flex-wrap:nowrap;width:max-content;will-change:transform}
:is(.marquee-gallery__track,.marquee-track)>*{flex:none;height:var(--mq-h);margin:0 var(--gap) 0 0}
.marquee-gallery :is(.marquee-gallery__item,.mq-item){width:auto;aspect-ratio:var(--ar,1.5)}
.marquee-gallery :is(.marquee-gallery__item,.mq-item).ph{height:var(--mq-h)}
.marquee-gallery :is(.marquee-gallery__item,.mq-item)>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.marquee-gallery [data-mq-clone]{pointer-events:auto}
@media (prefers-reduced-motion:reduce){html:not(.motion-on) .marquee-gallery{overflow-x:auto;scrollbar-width:none}html:not(.motion-on) .marquee-gallery [data-mq-clone]{display:none}}
html.motion-off .marquee-gallery{overflow-x:auto;scrollbar-width:none}
html.motion-off .marquee-gallery [data-mq-clone]{display:none}
.marquee-gallery::-webkit-scrollbar{display:none}
/* blue text-link hover on light themes only (#1B3ACC: 7.6:1 on white, AA on paper/stone/mist) */
@media (hover:hover){:is(.theme-paper,.theme-stone,.theme-white,.theme-mist,.grad-dawn,.grad-stone,.section--paper,.section--white,.ip-white) :is(.link,.link-draw):hover{color:var(--meridian-deep)}}

/* =====================================================================
   v12 — premium pass: nav over hero, hover system, photo outlines, Meridian as light
   Transform / opacity only for motion. Everything instant under reduced motion.
   ===================================================================== */
:root{--ease-nav:cubic-bezier(.2,.7,.2,1);--d-nav:240ms;--d-logo:420ms;--meridian-line:#2F5BFF;--ring:#2F5BFF}
html.motion-off{--d-nav:0ms}
@media (prefers-reduced-motion:reduce){html:not(.motion-on){--d-nav:0ms}}

/* ---------- Nav: bar layer fades (opacity only); transparent over a dark hero ---------- */
.nav{background:transparent;border-bottom:0;transition:none;isolation:isolate}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgba(10,10,10,.84);-webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.09);opacity:1;transition:opacity var(--d-nav) var(--ease-nav),background-color var(--d-nav) var(--ease-nav)}
html:not(.nav-solid):not(.nav-over) .nav::before{background:#0A0A0A}
html.nav-over:not(.nav-solid) .nav::before{opacity:0}
html.nav-over .nav{background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0))}
html.nav-over:not(.nav-solid) .nav{--fg-2:rgba(255,255,255,.82)}
html.nav-over:not(.nav-solid) .nav .btn--primary{--b-bg:#FFFFFF;--b-fg:#0A0A0A}
html.nav-over:not(.nav-solid) .nav.is-menu-open::before{opacity:0}
html.nav-over:not(.nav-solid) .nav.is-menu-open{background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0))}
html.nav-solid .nav.is-menu-open::before{opacity:1;background:rgba(10,10,10,.84)}
html.nav-boot .nav::before,html.nav-boot .nav-link::after{transition:none!important}
/* the first element of a view marked data-nav="over" slides up under the bar; its photo frame starts below the bar */
:is(.view>[data-nav="over"]:first-child,.view[data-view="home"]>[class*="hero"]:first-child) :is(.ph-lines,.phl-auto)>.phl,
:is(.view>[data-nav="over"]:first-child.ph-lines,.view[data-view="home"]>[class*="hero"]:first-child.ph-lines)>.phl{top:var(--nav-h)}
.view>[data-nav="over"]:first-child{margin-top:calc(-1 * var(--nav-h))}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav::before{background:#0A0A0A}}

/* ---------- Nav logo: silkier wordmark slide + plate part/resettle ---------- */
.lockup-wm .mark-wordmark{transition:transform var(--d-logo) var(--ease-out),opacity calc(var(--d-logo) * .7) var(--ease-nav)}
html.logo-compact #nav-logo .mark-wordmark{transition:transform var(--d-logo) var(--ease-out),opacity calc(var(--d-logo) * .55) var(--ease-nav)}
#nav-logo .pl-tl{--px:-1.8px;--py:-1.8px}#nav-logo .pl-tr{--px:1.8px;--py:-1.8px}
#nav-logo .pl-bl{--px:-1.8px;--py:1.8px}#nav-logo .pl-br{--px:1.8px;--py:1.8px}
@keyframes ol-part-a{0%{transform:translate(0,0);animation-timing-function:cubic-bezier(.3,0,.2,1)}40%{transform:translate(var(--px),var(--py));animation-timing-function:cubic-bezier(.5,0,.1,1)}100%{transform:translate(0,0)}}
@keyframes ol-part-b{0%{transform:translate(0,0);animation-timing-function:cubic-bezier(.3,0,.2,1)}40%{transform:translate(var(--px),var(--py));animation-timing-function:cubic-bezier(.5,0,.1,1)}100%{transform:translate(0,0)}}
html.logo-anim.logo-compact #nav-logo .pl{animation:ol-part-a calc(var(--d-logo) + 140ms) linear both}
html.logo-anim:not(.logo-compact) #nav-logo .pl{animation:ol-part-b calc(var(--d-logo) + 140ms) linear both}
#nav-logo .pl,#nav-logo .mark-wordmark{will-change:transform}

/* ---------- Nav items: underline grows from the centre; current page = Meridian line ---------- */
.nav-link{transition:color var(--d-nav) var(--ease-nav)}
.nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:50% 50%;opacity:.9;transition:transform var(--d-nav) var(--ease-nav),background-color var(--d-nav) var(--ease-nav)}
.nav-item[data-dd]>.nav-link::after{right:28px}
.nav-link:focus-visible::after,.nav-item.is-open>.nav-link::after{transform:scaleX(1)}@media (hover:hover){.nav-link:hover::after{transform:scaleX(1)}}
.nav-link[aria-current="page"]::after,.nav-link.is-current::after{transform:scaleX(1);background:var(--meridian-line);opacity:1}
.nav-link:focus-visible{outline:2px solid var(--ring);outline-offset:0}

/* ---------- Menus: one surface, size morph + opacity + 6px translate, 240ms ---------- */
.dd{transition:visibility 0s linear var(--d-nav)}
.dd-stage{transition:opacity var(--d-nav) var(--ease-nav),transform var(--d-nav) var(--ease-nav),visibility 0s linear var(--d-nav);
  background:rgba(16,17,19,.975);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);will-change:transform,opacity}
.dd-stage.is-on{transition:opacity var(--d-nav) var(--ease-nav),transform var(--d-nav) var(--ease-nav),visibility 0s}
.dd-stage.is-morph{transition:opacity var(--d-nav) var(--ease-nav),transform var(--d-nav) var(--ease-nav),width var(--d-nav) var(--ease-nav),height var(--d-nav) var(--ease-nav),visibility 0s}
.dd-stage:not(.is-on){transform:translate3d(var(--sx,0px),calc(var(--sy,0px) - 6px),0)}
.dd-a{transform:translate3d(var(--fx,0px),var(--fy,6px),0);transition:opacity 160ms var(--ease-nav),transform 160ms var(--ease-nav)}
.nav-item.is-open>.dd .dd-a{transition:opacity var(--d-nav) var(--ease-nav) 40ms,transform var(--d-nav) var(--ease-nav) 40ms}
.dd-link{position:relative;transition:background-color var(--d-nav) var(--ease-nav)}
.dd-link .t{transition:color var(--d-nav) var(--ease-nav)}
.dd-link:focus-visible{background:rgba(255,255,255,.065)}@media (hover:hover){.dd-link:hover{background:rgba(255,255,255,.065)}}
.dd-link[aria-current="page"]{background:rgba(255,255,255,.04)}
.dd-link[aria-current="page"]::before{content:"";position:absolute;left:0;top:12px;bottom:13px;width:1px;background:var(--meridian-line)}

/* ---------- Mobile menu: clip reveal from the bar down ---------- */
.mmenu{clip-path:inset(0 0 100% 0);opacity:1;
  transition:clip-path 420ms var(--ease-out),visibility 0s linear 420ms}
.mmenu.is-open{clip-path:inset(0 0 0 0);transition:clip-path 480ms var(--ease-out),visibility 0s}
.mmenu .mmenu-inner{opacity:0;transform:translate3d(0,-8px,0);transition:opacity 200ms var(--ease-nav),transform 200ms var(--ease-nav)}
.mmenu.is-open .mmenu-inner{opacity:1;transform:none;transition:opacity 360ms var(--ease-nav) 120ms,transform 420ms var(--ease-out) 120ms}
.mm-link{transition:background-color var(--d-nav) var(--ease-nav)}
.mm-link[aria-current="page"]{box-shadow:inset 1px 0 0 var(--meridian-line)}
html.motion-off .mmenu,html.motion-off .mmenu .mmenu-inner{transition:none!important}

/* ---------- Buttons: tone shift + arrow travel 3px; focus mirrors hover ---------- */
.btn{transition:background-color var(--d-nav) var(--ease-nav),border-color var(--d-nav) var(--ease-nav),color var(--d-nav) var(--ease-nav),opacity var(--d-nav) var(--ease-nav),transform 90ms var(--ease-out)}
.btn[data-icon="arrow"]::after{display:inline-block;transform:translate3d(0,0,0);transition:transform var(--d-nav) var(--ease-nav)}
.btn[data-icon="arrow"]:focus-visible::after{transform:translate3d(3px,0,0)}:is(a,.hover-card):is(:focus-visible) .btn[data-icon="arrow"]::after{transform:translate3d(3px,0,0)}@media (hover:hover){.btn[data-icon="arrow"]:hover::after,:is(a,.hover-card):is(:hover,:focus-visible) .btn[data-icon="arrow"]::after{transform:translate3d(3px,0,0)}}
.btn--primary:focus-visible{--b-lbg:var(--btn-p-h);--b-bd:var(--btn-p-h)}
.btn--secondary:focus-visible{--b-lbg:var(--hover);--b-bd:var(--btn-s-bdh)}
.btn--ghost{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;
  transition:background-size var(--d-nav) var(--ease-nav),color var(--d-nav) var(--ease-nav),opacity var(--d-nav) var(--ease-nav)}
.btn--ghost:focus-visible{background-size:100% 1px}@media (hover:hover){.btn--ghost:hover{background-size:100% 1px}}
.btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}

/* ---------- Links: underline draws left to right (v10) — 240ms nav ease ---------- */
.link,.link-draw{transition:background-size var(--d-nav) var(--ease-nav),color var(--d-nav) var(--ease-nav)}
@media (hover:hover){.link:not(:hover):not(:focus-visible),.link-draw:not(:hover):not(:focus-visible){background-position:100% calc(100% - .02em),0 calc(100% - .02em)}}
.link:is(:focus-visible),.link-draw:is(:focus-visible){background-position:0 calc(100% - .02em),0 calc(100% - .02em)}@media (hover:hover){.link:is(:hover,:focus-visible),.link-draw:is(:hover,:focus-visible){background-position:0 calc(100% - .02em),0 calc(100% - .02em)}}

/* ---------- Arrow travel inside cards and rows ---------- */
.arrow,[data-arrow]{display:inline-block;transition:transform var(--d-nav) var(--ease-nav)}
:is(a,.hover-card):is(:focus-visible) :is(.arrow,[data-arrow]),a.arrow:is(:focus-visible),a[data-arrow]:is(:focus-visible){transform:translate3d(3px,0,0)}@media (hover:hover){:is(a,.hover-card):is(:hover,:focus-visible) :is(.arrow,[data-arrow]),a.arrow:is(:hover,:focus-visible),a[data-arrow]:is(:hover,:focus-visible){transform:translate3d(3px,0,0)}}

/* ---------- Media hover: 1.03 over 700ms; frame inset 16 -> 10px ---------- */
:is(.hover-card,a.card,.card--link):is(:focus-visible) .ph>img,:is(.hover-card,a.card,.card--link):is(:focus-visible) .ph>picture>img,:is(.hover-card,a.card):is(:focus-visible) figure.media img{transform:scale(1.03)}@media (hover:hover){:is(.hover-card,a.card,.card--link):is(:hover,:focus-visible) .ph>img,:is(.hover-card,a.card,.card--link):is(:hover,:focus-visible) .ph>picture>img,:is(.hover-card,a.card):is(:hover,:focus-visible) figure.media img{transform:scale(1.03)}}
figure.media img{transition:transform var(--d-media-hover) var(--ease-out)}
a:is(:focus-visible) figure.media img{transform:scale(1.03)}@media (hover:hover){a:is(:hover,:focus-visible) figure.media img{transform:scale(1.03)}}
.ph-lines{--phl-c:rgba(255,255,255,.30);--phl-g:rgba(255,255,255,.17);--phl-i:16px;--phl-x:6px;--phl-h:6px}
.ph-lines--ink{--phl-c:rgba(10,10,10,.18);--phl-g:rgba(10,10,10,.10)}
.phl{z-index:2}
.phl>span{transition:transform 360ms var(--ease-nav),opacity 360ms var(--ease-nav)}
.phl>.phl-gv,.phl>.phl-gh{background:var(--phl-g)}
:is(.ph-lines:focus-visible,:is(a,.hover-card):focus-visible .ph-lines)>.phl>.phl-gv{transform:translateX(4px)}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card,.hover-card):hover .ph-lines,:is(a,.hover-card):focus-visible .ph-lines)>.phl>.phl-gv{transform:translateX(4px)}}
:is(.ph-lines:focus-visible,:is(a,.hover-card):focus-visible .ph-lines)>.phl>.phl-gh{transform:translateY(4px)}@media (hover:hover){:is(.ph-lines:hover,.ph-lines:focus-visible,:is(a,.ph-fig,.card,.hover-card):hover .ph-lines,:is(a,.hover-card):focus-visible .ph-lines)>.phl>.phl-gh{transform:translateY(4px)}}
:is(.hover-card:focus-visible) .ph-lines>.phl>.phl-t{transform:translateY(calc(-1 * var(--phl-h)))}@media (hover:hover){:is(.hover-card:hover,.hover-card:focus-visible) .ph-lines>.phl>.phl-t{transform:translateY(calc(-1 * var(--phl-h)))}}
:is(.hover-card:focus-visible) .ph-lines>.phl>.phl-b{transform:translateY(var(--phl-h))}@media (hover:hover){:is(.hover-card:hover,.hover-card:focus-visible) .ph-lines>.phl>.phl-b{transform:translateY(var(--phl-h))}}
:is(.hover-card:focus-visible) .ph-lines>.phl>.phl-l{transform:translateX(calc(-1 * var(--phl-h)))}@media (hover:hover){:is(.hover-card:hover,.hover-card:focus-visible) .ph-lines>.phl>.phl-l{transform:translateX(calc(-1 * var(--phl-h)))}}
:is(.hover-card:focus-visible) .ph-lines>.phl>.phl-r{transform:translateX(var(--phl-h))}@media (hover:hover){:is(.hover-card:hover,.hover-card:focus-visible) .ph-lines>.phl>.phl-r{transform:translateX(var(--phl-h))}}
@media (max-width:599px){.ph-lines{--phl-i:12px;--phl-x:5px;--phl-h:4px}}
figure.media.ph-lines{position:relative;overflow:hidden}
.marquee-gallery .ph-lines{--phl-i:12px;--phl-x:5px}

/* ---------- Caption plate: data-cap reveals on hover / focus ---------- */
.ph[data-cap]::before,figure.media[data-cap]::before{content:attr(data-cap);position:absolute;left:calc(var(--phl-i,16px) + 8px);bottom:calc(var(--phl-i,16px) + 8px);z-index:4;
  max-width:calc(100% - 2 * var(--phl-i,16px) - 16px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:6px 9px 6px;border-radius:2px;font-family:var(--f-mono);font-size:11px;font-weight:400;line-height:1.25;letter-spacing:.02em;color:#F5F5F4;
  background:rgba(10,10,10,.70);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);
  opacity:0;transform:translate3d(0,4px,0);pointer-events:none;transition:opacity var(--d-nav) var(--ease-nav),transform 360ms var(--ease-nav)}
:is(.ph:focus-within,:is(a,.card,.hover-card):focus-visible .ph)[data-cap]::before{opacity:1;transform:none}@media (hover:hover){:is(.ph:hover,.ph:focus-within,figure.media:hover,:is(a,.card,.hover-card,.ph-fig):hover .ph,:is(a,.card,.hover-card):focus-visible .ph)[data-cap]::before{opacity:1;transform:none}}
@media (hover:none){.ph[data-cap]::before{display:none}}
html.motion-off :is(.ph,figure.media)[data-cap]::before{transition:none!important}

/* ---------- Meridian as light: hairlines only, no tints ---------- */
.rule-meridian{position:relative;padding-top:24px}
.rule-meridian::before{height:1px;width:64px;background:var(--meridian-line)}
.rule-meridian--full::before{width:100%}
.head-meridian{position:relative;padding-top:24px}
.head-meridian::before,.head-meridian::after{content:"";position:absolute;left:0;top:0;height:1px;pointer-events:none}
.head-meridian::before{right:0;background:var(--line)}
.head-meridian::after{width:64px;background:var(--meridian-line)}
.line-meridian{display:block;height:1px;border:0;margin:0;background:var(--meridian-line)}
.t-meridian{color:var(--meridian)}
:is(.band-meridian,.theme-meridian,.bg-meridian) :is(.head-meridian::after,.line-meridian){background:#FFFFFF}
:is(.band-meridian,.theme-meridian,.bg-meridian) .rule-meridian::before{background:#FFFFFF}

/* ---------- Footer polish: colour + underline draw ---------- */
.f-col a,.f-legal-links a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:100% 100%;background-size:0% 1px;padding-bottom:2px;
  transition:color var(--d-nav) var(--ease-nav),background-size var(--d-nav) var(--ease-nav)}
.f-col a:is(:focus-visible),.f-legal-links a:is(:focus-visible){background-position:0 100%;background-size:100% 1px}@media (hover:hover){.f-col a:is(:hover,:focus-visible),.f-legal-links a:is(:hover,:focus-visible){background-position:0 100%;background-size:100% 1px}}
.f-col a[aria-current="page"]{background-size:0 1px}
.f-col h3{color:var(--fg-3);font-weight:400}
.f-brand .lockup{transition:opacity var(--d-nav) var(--ease-nav)}
.f-bottom{border-top-color:rgba(255,255,255,.08)}
.footer{border-top:1px solid rgba(255,255,255,.08)}

/* ---------- Video: no buttons, ever ---------- */
.vid__btn,.vid__toggle,[data-video-toggle]{display:none!important}

/* ---------- Focus ring: Meridian everywhere (white on blue) ---------- */
:focus-visible{outline-color:var(--ring)}
html.motion-off :is(.nav::before,.nav-link::after,.dd-link,.mm-link,.phl>span,.btn::after,.arrow,[data-arrow],.f-col a,.f-legal-links a){transition:none!important}
.f-backtop{font:inherit;font-size:13px;color:var(--fg-3);border-radius:2px;cursor:pointer;
  background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:100% 100%;background-size:0% 1px;padding:0 0 2px;
  transition:color var(--d-nav) var(--ease-nav),background-size var(--d-nav) var(--ease-nav)}
.f-backtop:is(:focus-visible){color:var(--fg);background-position:0 100%;background-size:100% 1px}@media (hover:hover){.f-backtop:is(:hover,:focus-visible){color:var(--fg);background-position:0 100%;background-size:100% 1px}}

/* v12b: no hover caption plates anywhere (client request) */
.ph[data-cap]::before,figure.media[data-cap]::before{content:none!important;display:none!important}

/* ---------- v13 menus: eyebrow with a Meridian tick, page-preview thumbnails with construction frames, arrow on hover, footer link ---------- */
.dd-panel.dd-panel--rich{width:min(452px,calc(100vw - 2*var(--gutter)));padding:18px 10px 8px}
.dd-k{display:flex;align-items:center;gap:10px;margin:0 12px 10px;font-family:var(--f-mono);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.dd-k::before{content:"";width:16px;height:1px;background:var(--meridian)}
.dd-panel--rich .dd-list{gap:2px}
.dd-panel--rich .dd-link{display:grid;grid-template-columns:96px minmax(0,1fr) 14px;align-items:center;gap:18px;padding:10px 12px 10px 10px;border-radius:2px}
.dd-th{position:relative;display:block;width:96px;height:64px;overflow:hidden;border-radius:1px;background:#050505}
.dd-th img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.8) contrast(1.05);transform:scale(1.001);transition:transform 600ms var(--ease-nav),filter 600ms var(--ease-nav)}
.dd-fr{position:absolute;inset:5px;border:1px solid rgba(255,255,255,.26);transition:inset 360ms var(--ease-nav),border-color 360ms var(--ease-nav)}
.dd-fr::before,.dd-fr::after{content:"";position:absolute;background:rgba(255,255,255,.16)}
.dd-fr::before{left:61.8%;top:0;bottom:0;width:1px}
.dd-fr::after{top:61.8%;left:0;right:0;height:1px}
.dd-tx{display:grid;gap:4px;min-width:0}
.dd-panel--rich .dd-link .t{font-size:15.5px}
.dd-go{justify-self:end;font-size:14px;line-height:1;color:var(--fg);opacity:0;transform:translateX(-6px);transition:opacity 260ms var(--ease-nav),transform 260ms var(--ease-nav)}
.dd-panel--rich .dd-link:focus-visible{background:rgba(255,255,255,.045)}@media (hover:hover){.dd-panel--rich .dd-link:hover{background:rgba(255,255,255,.045)}}
.dd-panel--rich .dd-link:focus-visible .dd-th img{transform:scale(1.09);filter:grayscale(1) brightness(1) contrast(1.05)}@media (hover:hover){.dd-panel--rich .dd-link:hover .dd-th img{transform:scale(1.09);filter:grayscale(1) brightness(1) contrast(1.05)}}
.dd-panel--rich .dd-link:focus-visible .dd-fr{inset:3px;border-color:rgba(255,255,255,.5)}@media (hover:hover){.dd-panel--rich .dd-link:hover .dd-fr{inset:3px;border-color:rgba(255,255,255,.5)}}
.dd-panel--rich .dd-link:focus-visible .dd-go{opacity:1;transform:none}@media (hover:hover){.dd-panel--rich .dd-link:hover .dd-go{opacity:1;transform:none}}
.dd-panel--rich .dd-link[aria-current="page"]::before{top:10px;bottom:10px}
.dd-foot{display:flex;align-items:center;justify-content:space-between;margin:8px 12px 0;padding:14px 0 10px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:500;color:var(--fg-2);transition:color var(--d-nav) var(--ease-nav)}
.dd-foot span{display:inline-block;transition:transform var(--d-nav) var(--ease-nav)}
.dd-foot:focus-visible{color:var(--fg)}@media (hover:hover){.dd-foot:hover{color:var(--fg)}}
.dd-foot:focus-visible span{transform:translateX(4px)}@media (hover:hover){.dd-foot:hover span{transform:translateX(4px)}}
.dd-foot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
html.motion-off :is(.dd-th img,.dd-fr,.dd-go,.dd-foot,.dd-foot span){transition:none!important}
/* Keep the supplied Spotlight photograph on a stable layer; animate its frame and arrow. */
.dd-panel--rich .dd-link[data-route="spotlight"] .dd-th img{position:absolute;inset:0;opacity:1;visibility:visible;filter:none;transform:none;transition:none}


/* ---------- v13 primary buttons: a crisp halo ring on hover; the nav Contact arrow stays visible ---------- */
.btn--primary{box-shadow:0 0 0 0 rgba(255,255,255,0);transition:background-color var(--d-nav) var(--ease-nav),border-color var(--d-nav) var(--ease-nav),color var(--d-nav) var(--ease-nav),box-shadow 280ms var(--ease-nav),transform 90ms var(--ease-out)}
@media (hover:hover){.theme-ink .btn--primary:hover,.nav .btn--primary:hover,.hm-hero .btn--primary:hover,.footer .btn--primary:hover{box-shadow:0 0 0 4px rgba(255,255,255,.14)}}
/* Reserve the arrow's space so Contact never changes width on hover. */
.nav-cta-d{gap:0}
.nav-cta-d::after{content:"\2192";display:inline-block;width:1.2em;margin-left:8px;opacity:1;transform:translateX(0);font-weight:400;line-height:1;transition:transform 220ms var(--ease-nav)}
.nav-cta-d:focus-visible::after{transform:translateX(3px)}
@media (hover:hover){.nav-cta-d:hover::after{transform:translateX(3px)}}
.nav-cta-d:is(:focus-visible){--b-lbg:#FFFFFF;--b-bd:#FFFFFF}@media (hover:hover){.nav-cta-d:is(:hover,:focus-visible){--b-lbg:#FFFFFF;--b-bd:#FFFFFF}}
html.motion-off .nav-cta-d::after{transition:none!important}

/* ---------- v13 footer: statement + CTA, mono column labels, a full-width wordmark set on construction guides ---------- */
.f-main{padding-top:clamp(80px,8vw,128px)}
.f-top{padding-bottom:clamp(64px,6vw,96px)}
.f-brand .lockup{margin-bottom:36px}
.f-line{font-size:clamp(26px,2.4vw,36px);line-height:1.1;letter-spacing:-.022em;max-width:16ch;margin:0}
.f-line__a{color:var(--fg)}
.f-line__b{color:rgba(245,245,244,.46)}
.f-cta{display:inline-flex;align-items:baseline;gap:8px;margin-top:28px;font-size:15px;font-weight:500;color:var(--fg);padding-bottom:3px;
  background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size 320ms var(--ease-nav)}
.f-cta__ar{display:inline-block;transition:transform 280ms var(--ease-nav)}
.f-cta:is(:focus-visible) .f-cta__ar{transform:translateX(4px)}@media (hover:hover){.f-cta:is(:hover,:focus-visible) .f-cta__ar{transform:translateX(4px)}}
.f-col h3{font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:20px}
.f-col:first-child h3{position:relative;padding-top:14px}
.f-col:first-child h3::before{content:"";position:absolute;left:0;top:0;width:24px;height:1px;background:rgba(255,255,255,.32)}
.f-col h3{padding-top:14px}
.f-col ul{gap:14px}
.f-col a{font-size:15px;color:var(--fg-2)}
.f-mark{position:relative;padding:clamp(28px,3vw,44px) 0 clamp(36px,3.6vw,56px);border-top:1px solid rgba(255,255,255,.08)}
.f-wm{display:block;width:100%;height:auto;color:#F5F5F4;overflow:visible}
.f-mark__g{position:absolute;pointer-events:none;background:rgba(255,255,255,.10)}
.f-mark__g--t{left:-16px;right:-16px;height:1px;top:clamp(28px,3vw,44px)}
.f-mark__g--b{left:-16px;right:-16px;height:1px;bottom:clamp(36px,3.6vw,56px)}
.f-mark__g--v{top:0;bottom:0;width:1px;left:61.8%}
.f-bottom{padding:22px 0 30px}
.f-backtop{display:inline-flex;align-items:center;gap:6px}
.f-backtop span{display:inline-block;transition:transform 280ms var(--ease-nav)}
.f-backtop:is(:focus-visible) span{transform:translateY(-3px)}@media (hover:hover){.f-backtop:is(:hover,:focus-visible) span{transform:translateY(-3px)}}
@media (max-width:767px){
  .f-line{font-size:26px}
  .f-mark__g--t,.f-mark__g--b{left:0;right:0}
}
html.motion-off :is(.f-cta,.f-cta__ar,.f-backtop span){transition:none!important}
.f-acts{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.f-acts .f-cta{margin-top:0}
.f-social{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px 0 10px;border:1px solid rgba(255,255,255,.18);border-radius:2px;color:var(--fg-2);font-size:13px;font-weight:500;
  transition:color var(--d-nav) var(--ease-nav),border-color var(--d-nav) var(--ease-nav),background-color var(--d-nav) var(--ease-nav)}
.f-social svg{width:16px;height:16px;display:block}
.f-social:is(:focus-visible){color:#0A0A0A;background:#F5F5F4;border-color:#F5F5F4}@media (hover:hover){.f-social:is(:hover,:focus-visible){color:#0A0A0A;background:#F5F5F4;border-color:#F5F5F4}}
.f-social:focus-visible{outline:2px solid var(--ring);outline-offset:2px}

/* ---------- v15 restraint: no blue bars, no two-tone statements, one type family (Inter Tight + Inter) ----------
   Blue stays only inside the 3D geometry and on keyboard focus rings. */
:root{--f-mono:'Inter','Helvetica Neue',Arial,system-ui,sans-serif;--meridian-line:#F5F5F4}
.rule-meridian::before,.head-meridian::after,.line-meridian{display:none!important}
.t-meridian{color:inherit}
.dd-k{font-family:var(--f-text);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fg-3)}
.dd-k::before{display:none}
.dd-link[aria-current="page"]::before{background:rgba(255,255,255,.5)}
.mm-link[aria-current="page"]{box-shadow:inset 1px 0 0 rgba(255,255,255,.5)}
/* footer: plain column titles, single-colour statement, icon-only LinkedIn, no oversized wordmark */
.f-col h3{font-family:var(--f-text);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fg-2);padding-top:0;margin-bottom:18px}
.f-col:first-child h3{padding-top:0}
.f-col:first-child h3::before{display:none}
.f-line,.f-line__b{color:var(--fg)}
.f-mark{display:none}
.f-social{width:36px;padding:0;justify-content:center;gap:0}
.f-social span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.f-main{padding-bottom:8px}
.f-top{padding-bottom:clamp(56px,5vw,80px)}

/* ===== v16 responsive: touch targets on phones and touch screens =====
   Footer links and Back to top get a 44px hit area; the visual rhythm stays close to desktop. */
@media (pointer:coarse),(max-width:767px){
  .f-col ul{gap:0}
  .f-col a{display:inline-flex;align-items:center;min-height:44px}
  .f-col h3{margin-bottom:4px}
  .f-legal-links a,.f-backtop{display:inline-flex;align-items:center;min-height:44px}
  .f-bottom{padding-block:12px 20px}
  .f-social{width:44px;height:44px}
}

/* =========================================================================
   v16 — tighter section rhythm, one shared close pattern, sentence-case labels
   ========================================================================= */
:root{--sec-sm:clamp(48px,5vw,72px);--sec:clamp(64px,7.2vw,112px);--sec-lg:clamp(80px,9vw,136px)}

/* Close: text set over a full-bleed photograph (same pattern as the home close) */
.oc-close{position:relative;overflow:hidden;overflow:clip;isolation:isolate;display:flex;align-items:center;min-height:clamp(440px,36vw,580px);margin:0;padding:0;background:#050505;color:#FFFFFF}
.oc-close__fig.ph{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;background:#050505}
.oc-close__fig.ph>img{object-position:var(--pos,50% 50%);filter:grayscale(1) brightness(var(--oc-b,.82)) contrast(1.05)}
.oc-close__fig::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--oc-shade,linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.78) 32%,rgba(5,5,5,.3) 62%,rgba(5,5,5,.06) 100%))}
.oc-close__in{position:relative;z-index:3;width:100%;padding-block:clamp(80px,8.4vw,120px)}
.oc-close__t{margin:0;max-width:15ch;color:#FFFFFF;font-size:clamp(36px,4.4vw,64px);line-height:1.02;text-wrap:balance}
.oc-close__l{margin:20px 0 0;max-width:40ch;font-size:18px;line-height:1.55;color:rgba(255,255,255,.8);text-wrap:pretty}
.oc-close__acts{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.oc-close__x{margin:28px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.62)}
.oc-close__x a{color:#FFFFFF}
@media (max-width:719px){
  .oc-close{display:block;min-height:0}
  .oc-close__fig.ph{inset:0 0 auto 0;height:min(72vw,340px)!important}
  .oc-close__fig::after{background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.4) 55%,#050505 100%)!important}
  .oc-close__in{padding-block:calc(min(72vw,340px) + 8px) 64px}
  .oc-close__l{font-size:17px}
}
@media (max-height:480px) and (orientation:landscape){
  .oc-close{min-height:0}
  .oc-close__in{padding-block:56px}
}

/* Small labels: sentence case in the text face, no tracking */
:is(
  [data-view] .ar-type,[data-view] .ar-crumb a,[data-view] .ar-rail-k,[data-view] .ar-share-label,[data-view] .ar-press-k,
  [data-view] .cp13-row__k,[data-view] .cp13-facts dt,[data-view] .cr-cols span,[data-view] .ct-field>label,
  [data-view] .dp13-cs__client,[data-view] .dp13-cs__k,[data-view] .dp13-ex .dp12-ccap,
  [data-view] .nw-type,[data-view] .nw-eyebrow,[data-view] .nw-figs dt,[data-view] .nw-row-type,[data-view] .nw-press-k,
  .t-table th,.caption .src
){font-family:var(--f-text)!important;font-stretch:100%!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:500!important}

/* v16: no blue rule before hero eyebrows (any page) */
[data-view] .ip-hero .eyebrow::before{display:none!important}
[data-view] .ip-hero .eyebrow{gap:0}

/* v16: footer brand column reads logo, social icons, then Contact us */
.f-socials{display:flex;align-items:center;gap:8px;margin:0}
.f-brand .f-acts{margin-top:24px}

/* v16: main menu sits on the right, next to Contact */
@media (min-width:961px){.nav-inner>nav{margin-left:auto}.nav-inner>nav .nav-menu{margin-left:0}.nav-right{margin-left:20px}}

/* =========================================================================
   v16 — page transitions
   ========================================================================= */
.view{transition:opacity 200ms cubic-bezier(.4,0,1,1),transform 200ms cubic-bezier(.4,0,1,1)}
.view.is-leaving{opacity:0;transform:translateY(-6px)}
/* View Transitions: old page fades out quickly, new page fades in and lifts slightly; nav stays on its own layer */
#nav{view-transition-name:site-nav}
/* the nav switches to its new state at once (no frozen old copy), so a clicked link or open menu never lingers */
::view-transition-group(site-nav){animation:none}
::view-transition-old(site-nav){display:none}
::view-transition-new(site-nav){animation:none}
::view-transition-old(root){animation:ort-vt-out 180ms cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ort-vt-in 420ms cubic-bezier(.16,1,.3,1) both}
/* while a page change starts, menus close without their exit animation */
html.vt-prep :is(.dd,.dd *,.dd-stage,.dd-stage *,.dd-panel,.dd-panel *,.nav-item,.nav-link,.nav-link::after,.mmenu,.mmenu *,.burger,.burger *){transition:none!important;animation:none!important}
@keyframes ort-vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes ort-vt-in{from{opacity:0;transform:translateY(10px)}}
/* opening lines of the incoming page */
@keyframes ort-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ort-media{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}
.view.view-enter>:first-child :is(.eyebrow,.nw-eyebrow,.ar-crumb,.ar-type){animation:ort-rise .8s cubic-bezier(.16,1,.3,1) .05s both}
.view.view-enter>:first-child :is(h1){animation:ort-rise .9s cubic-bezier(.16,1,.3,1) .12s both}
.view.view-enter>:first-child :is(h1+p,.lead,.ar-dek,.nw-statement){animation:ort-rise .9s cubic-bezier(.16,1,.3,1) .2s both}
.view.view-enter>:first-child :is(.btn,.hm-hero__arm){animation:ort-rise .9s cubic-bezier(.16,1,.3,1) .28s both}
.view.view-enter>:first-child :is(figure,.geo,[class*="hero-media"],[class*="__geo"]){animation:ort-media 1.2s cubic-bezier(.16,1,.3,1) both}
@media (prefers-reduced-motion:reduce){html:not(.motion-on) .view.view-enter *{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
html.motion-off .view.view-enter *{animation:none!important}
html.motion-off .view{transition:none}

/* type.css */
/* ==========================================================================
   Ortelan type system v7 — "Survey"  (Type director; see site3/TYPE7.md)
   former wide face (variable wdth 62–125, wght 100–900)  → display at wdth 104–114, text at wdth 100
   v9: former wide face + IBM Plex Mono only, upright styles only (fonts.url loads no slanted cuts).
   IBM Plex Mono                                  → labels, data, diagram annotation
   Loaded after shell.css. Families only via var(--f-*). Widths via var(--wd-*).
   ========================================================================== */
:root{
  --wd-xl:114%; --wd-l:112%; --wd-m:110%; --wd-s:106%; --wd-text:100%;
  --t-xl:clamp(56px,7.6vw,124px);
  --t-l:clamp(44px,5.4vw,88px);
  --t-m:clamp(32px,3.5vw,56px);
  --t-h3:clamp(22px,1.75vw,28px);
  --t-h4:19px;
  --t-lead:clamp(19px,1.45vw,23px);
  --t-body:17px;
  --t-small:14px;
  --t-caption:12.5px;
  --t-label:11px;
  --tnum:"tnum" 1,"lnum" 1;
}
html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--f-text);font-stretch:var(--wd-text);font-kerning:normal;font-feature-settings:"kern" 1;hanging-punctuation:first allow-end last}

/* ---- Display (former wide face, widened: echoes the flat-sided, wide outlined wordmark) ---- */
.h-hero,.h1,.h2,.h3,.d-xl,.d-l,.d-m{font-family:var(--f-display);font-weight:500;color:var(--fg);
  text-wrap:balance;font-kerning:normal;font-feature-settings:"kern" 1,"ss01" 0;font-optical-sizing:auto;hanging-punctuation:first allow-end}
.h-hero,.d-xl{font-size:var(--t-xl);line-height:.94;letter-spacing:-.038em;font-stretch:var(--wd-xl);font-weight:500}
.h1,.d-l{font-size:var(--t-l);line-height:.98;letter-spacing:-.032em;font-stretch:var(--wd-l)}
.h2,.d-m{font-size:var(--t-m);line-height:1.04;letter-spacing:-.026em;font-stretch:var(--wd-m)}
.h3{font-size:var(--t-h3);line-height:1.16;letter-spacing:-.014em;font-stretch:var(--wd-s);font-weight:500}
.h4{font-family:var(--f-text);font-size:var(--t-h4);line-height:1.3;letter-spacing:-.008em;font-weight:600;font-stretch:var(--wd-text);text-wrap:balance;color:var(--fg)}
@media (max-width:699px){
  .h-hero,.d-xl{line-height:.98;letter-spacing:-.034em;font-stretch:108%}
  .h1,.d-l{line-height:1.02;letter-spacing:-.03em;font-stretch:106%}
  .h2,.d-m{line-height:1.06;letter-spacing:-.024em;font-stretch:104%}
}

/* ---- Text (former wide face at normal width) ---- */
.lead{font-family:var(--f-text);font-stretch:var(--wd-text);font-size:var(--t-lead);line-height:1.42;letter-spacing:-.009em;font-weight:400;
  color:var(--fg-2);max-width:42ch;text-wrap:pretty}
.body{font-family:var(--f-text);font-stretch:var(--wd-text);font-size:var(--t-body);line-height:1.62;letter-spacing:-.003em;font-weight:400;
  color:var(--fg-2);max-width:64ch;text-wrap:pretty;hanging-punctuation:first allow-end last}
.body + .body{margin-top:1em}
.small{font-family:var(--f-text);font-size:var(--t-small);line-height:1.5;letter-spacing:0;color:var(--fg-2);text-wrap:pretty}
.body strong,.lead strong{font-weight:600;color:var(--fg)}

/* ---- Labels (IBM Plex Mono caps) — section numbers, table heads, metadata ---- */
.eyebrow,.label{display:block;font-family:var(--f-display);font-size:11.5px;font-weight:500;line-height:1.3;
  letter-spacing:.075em;text-transform:uppercase;font-stretch:118%;color:var(--fg-3);font-feature-settings:"kern" 1,"case" 1}
.eyebrow{color:var(--fg-2);margin-bottom:20px}
/* v8: no section numbers; the eyebrow is a quiet sentence-case line (max two per page). Wide caps stay for .label in tables/specs. */
.eyebrow .n,.label .n{display:none}
.eyebrow{font-family:var(--f-text);font-stretch:100%;font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--fg-2);font-feature-settings:normal}
.label--text{font-family:var(--f-text);font-size:13px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--fg-2)}

/* ---- Caption (museum label: subject · source) ---- */
.caption{display:block;font-family:var(--f-text);font-stretch:var(--wd-text);font-size:var(--t-caption);line-height:1.45;letter-spacing:.004em;
  color:var(--fg-3);max-width:52ch;text-wrap:pretty;margin-top:12px}
.caption b,.caption strong{font-weight:500;color:var(--fg-2)}
.caption .src{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}

/* ---- Numerals ---- */
.num{font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-l);font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:var(--tnum);letter-spacing:-.03em;line-height:.92;color:var(--fg)}
.num--xl{font-size:clamp(64px,8vw,128px)}
.num--l{font-size:clamp(44px,5vw,80px)}
.num--m{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.02em}
.num .u{font-size:.42em;letter-spacing:0;margin-left:.08em;font-stretch:100%;vertical-align:.9em}
.tnum,table,.data,[data-num]{font-variant-numeric:tabular-nums lining-nums}

/* ---- Mono (data and diagram labels only) ---- */
.mono,.data,code,kbd,samp{font-family:var(--f-mono);font-size:.84em;letter-spacing:0;font-feature-settings:"zero" 1}
.data{font-size:13px;line-height:1.5}

/* ---- v9 safety net: every emphasis element renders upright in the inherited family ---- */
em, i, cite, .t-serif { font-style: normal; font-family: inherit; }
em,i,cite,dfn,var,address,blockquote,q,.t-serif,.t-serif--roman{font-style:normal!important}
.t-serif,.t-serif--roman{font-family:inherit!important;font-size:inherit;letter-spacing:inherit;font-weight:inherit}
.quote{font-family:var(--f-display);font-style:normal;font-weight:500;font-stretch:var(--wd-s);font-size:clamp(26px,2.6vw,42px);line-height:1.16;
  letter-spacing:-.02em;color:var(--fg);text-wrap:balance;hanging-punctuation:first allow-end;max-width:30ch}
.quote .q{margin-left:-.42em}   /* optical hang for the opening quote where hanging-punctuation is unsupported */

/* ---- Table ---- */
.t-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;font-size:var(--t-small);line-height:1.4}
.t-table th{font-family:var(--f-display);font-stretch:118%;font-weight:500;font-size:var(--t-label);letter-spacing:.075em;text-transform:uppercase;
  color:var(--fg-3);text-align:left;padding:0 16px 10px 0;border-bottom:1px solid var(--line-2)}
.t-table td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:baseline;color:var(--fg-2)}
.t-table td:first-child{color:var(--fg);font-weight:500}
.t-table .r,.t-table td.n{text-align:right;padding-right:0}
.t-table td.n{font-family:var(--f-mono);font-size:13px}

/* ---- Global typesetting hygiene ---- */
p,li,figcaption,blockquote{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}
abbr,.caps{font-feature-settings:"kern" 1,"case" 1;letter-spacing:.04em}

/* ---- Display width for owner selectors that use var(--f-display) (generated; zero specificity) ---- */
/* GEN:WIDTH */
:where(.dd-feat__t,
.mm-link,
.f-news-h,
[data-article] .ar-h2,
[data-article] .ar-card-title,
[data-view="begot"] .bg-trust__list b,
[data-view="begot"] .bg-rel__t,
[data-view="brand"] .lg-type__s--d,
[data-view="capital"] .cap-mono,
[data-view="capital"] .cap-index__n,
[data-view="capital"] .cap-port__line,
[data-view="careers"] .cr-team__name,
[data-view="careers"] .cr-benefit__t,
[data-view="contact"] .ct-card__t,
[data-view="contact"] .ct-more__t,
[data-view="home"] .hm-feat__t,
[data-view="home"] .hm-irow__name,
[data-view="home"] .hm-person__mono,
[data-view="home"] .hm-person__name,
[data-view="home"] .hm-path__t,
[data-view="mission"] .mi-trio__name,
[data-view="mission"] .mi-vid__line,
[data-view="mission"] .mi-pron__word,
[data-view="mission"] .mi-took-verb,
[data-view="mission"] .mi-sw__name,
[data-view="mission"] .mi-type__row--d .mi-type__glyph,
[data-view="mission"] .mi-type__row--d .mi-type__sample,
[data-view="news"] .nw-row-title,
[data-view="notfound"] .nf-row-t,
[data-view="praus"] .pr-tab__k,
[data-view="praus"] .pr-start b,
[data-view="praus"] .pr-trust__list b,
[data-view="praus"] .pr-rel__t,
:is([data-view="privacy"],
[data-view="terms"],
[data-view="security"],
[data-view="brand"]) .lg-h2,
[data-view="team"] .tm-initials,
[data-view="team"] .tm-name,
[data-view="team"] .tm-team .h3,
[data-view="team"] .tm-prow__team){font-stretch:var(--wd-m)}
[data-view="mission"] .mi-dropcap::first-letter{font-stretch:var(--wd-m)}
/* /GEN:WIDTH */

/* ---- v14: Inter Tight (display) + Inter (text) + IBM Plex Mono (labels). No width axis: widths are ignored.
   Inter Tight is already tight, so display tracking is eased slightly and headings set in Medium. ---- */
.h-hero,.d-xl{font-family:var(--f-display);letter-spacing:-.03em;font-weight:500}
.h1,.d-l{font-family:var(--f-display);letter-spacing:-.028em;font-weight:500}
.h2,.d-m{font-family:var(--f-display);letter-spacing:-.024em;font-weight:500}
.h3{font-family:var(--f-display);letter-spacing:-.014em;font-weight:500}
h1,h2,h3{font-family:var(--f-display)}
body{font-feature-settings:"kern" 1,"cv11" 1,"ss01" 0}
/* v14: one tracking scale for Inter Tight, overriding the per-view values that were tuned for the former wide face */
/* v14b: eased after review at 1440 and 390. Inter Tight is already tight, so large sizes need far less
   negative tracking than the former wide face did. Small display (h3 and below) sits close to the default. */
:is(h1,.h-hero,.d-xl,.d-l,.h1){letter-spacing:-.018em!important}
:is(h2,.d-m,.h2){letter-spacing:-.014em!important}
:is(h3,.h3){letter-spacing:-.008em!important}

/* v14b shell fixes for Inter Tight: ch-based measures tuned for the former wide face now break early */
.f-line{max-width:none;letter-spacing:-.016em}
.f-line__a,.f-line__b{display:block}
/* v14: the menu descriptions are longer; a slightly wider panel keeps each to one line */
.dd-panel.dd-panel--rich{width:min(488px,calc(100vw - 2*var(--gutter)))}
/* v15: hyphenated compounds such as "early-stage" and "family-history" stay on one line at phone width */
.nowrap{white-space:nowrap}
/* v15: captions and data use Inter; no monospace labels */
.caption .src{font-family:var(--f-text);font-size:12px;letter-spacing:0;text-transform:none}

/* geo.css */
/* Ortelan geo components v12 — <div class="geo" data-geo="NAME" aria-hidden="true">. See components/GEO.md */
.geo{position:relative;display:block;width:100%;aspect-ratio:var(--geo-ratio,1 / 1);min-width:0;pointer-events:none;
  -webkit-user-select:none;user-select:none;contain:layout paint size}
.geo>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1)}
.geo.is-ready>canvas{opacity:1}
html.motion-off .geo>canvas{transition:none}
@media (prefers-reduced-motion:reduce){.geo>canvas{transition:none}}

/* praus-ui.css */
/* v17 Praus app mockup (light UI, modelled on the Aligned AI web app). Driven by components/praus-ui.js:
   >= 600px wide the canvas is laid out at desktop size (min 960px) and scaled to fit; narrower it switches to the phone layout. */
.pa{--pa-bg:#FAFAF9;--pa-fg:#151515;--pa-fg-2:#5E5E5C;--pa-fg-3:#8E8E8B;--pa-line:#E6E6E3;--pa-hover:rgba(10,10,10,.045);
  position:relative;width:100%;height:var(--pa-hh,auto);border-radius:14px;overflow:hidden;background:var(--pa-bg);color:var(--pa-fg);
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 60px 120px -40px rgba(0,0,0,.9);text-align:left;font-family:var(--f-text);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pa *{box-sizing:border-box}
.pa__canvas{position:absolute;left:0;top:0;width:var(--pa-w,100%);height:var(--pa-ch,680px);display:flex;transform:scale(var(--pa-k,1));transform-origin:0 0;font-size:14.5px;line-height:1.3}
.pa:not(.is-sized){height:680px}
.pa:not(.is-sized) .pa__canvas{position:relative}
.pa-i{width:19px;height:19px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pa-i--s{width:14px;height:14px;stroke-width:1.8}

/* brand lockup */
.praus-official-lockup{display:block;height:clamp(28px,2.6vw,36px);width:auto;max-width:100%;object-fit:contain}
.eyebrow .praus-official-lockup{height:20px;width:auto}
/* Praus Grounded #14: cropped dome over a separate baseline, supplied design. */
.praus-lockup{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap}
.praus-grounded{display:inline-block;flex:none;width:.85em;height:.629em;background:currentColor;-webkit-mask:url('/img/praus-grounded.svg') center/contain no-repeat;mask:url('/img/praus-grounded.svg') center/contain no-repeat}
[data-view="praus"] .ip-hero .eyebrow.praus-lockup{gap:6px}
.eyebrow .praus-grounded{width:19px;height:14.06px}
.hm-praus__t .praus-grounded{width:.58em;height:.429em}
#pa-home .pa-side{width:224px}
#pa-home .pa-nav .pa-row--sub{display:none}
#pa-home .pa-group{margin-bottom:10px}
#pa-home .pa-group--chats{margin-bottom:68px}
#pa-home.is-compact .pa__canvas{height:340px}
#pa-home .pa-home{padding-inline:32px}
#pa-home.is-compact .pa-home{padding-inline:14px}
.pa-brand{display:inline-flex;align-items:center;gap:6px;color:var(--pa-fg)}
.pa-brand__mark{width:19px;height:14.06px;display:block}
.pa-brand__div{width:1px;height:20px;background:var(--pa-fg);opacity:.85}
.pa-brand__name{font:400 21px/1 var(--f-display);letter-spacing:-.025em;white-space:nowrap}

/* sidebar */
.pa-side{position:relative;flex:none;width:292px;height:100%;border-right:1px solid var(--pa-line);background:var(--pa-bg);display:flex;flex-direction:column;padding:0 14px;overflow:hidden}
.pa-side__top{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 4px 0 8px;flex:none}
.pa-ib{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#3A3A39;flex:none;transition:background-color .18s ease}
.pa-row{flex:none;display:flex;align-items:center;gap:12px;height:35px;padding:0 9px;border-radius:9px;color:var(--pa-fg);white-space:nowrap;transition:background-color .18s ease}
.pa-row .pa-i{color:#2C2C2B}
.pa-row__t{overflow:hidden;text-overflow:ellipsis;min-width:0}
.pa-nav{flex:none;display:flex;flex-direction:column}
.pa-side__rule{flex:none;height:1px;background:var(--pa-line);margin:12px -14px 16px}
.pa-group{flex:none;display:flex;flex-direction:column;margin-bottom:14px}
.pa-group--chats{flex:1 1 auto;min-height:0;overflow:hidden;margin-bottom:0;padding-bottom:72px}
.pa-group__h{display:flex;align-items:center;gap:6px;height:30px;padding:0 9px;font-weight:600;font-size:13.5px;color:var(--pa-fg)}
.pa-group__h .pa-i{color:var(--pa-fg-2)}
.pa-me{position:absolute;left:0;right:0;bottom:0;height:68px;display:flex;align-items:center;gap:12px;padding:0 22px;border-top:1px solid var(--pa-line);background:var(--pa-bg)}
.pa-av{width:38px;height:38px;border-radius:50%;flex:none;background:radial-gradient(circle at 30% 28%,#F2F2F0 0%,#BDBDBA 38%,#6E6E6B 72%,#3B3B3A 100%)}
.pa-me__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pa-me__t b{font-weight:500;font-size:15px}
.pa-me__t small{font-size:12px;color:var(--pa-fg-2)}
@media (hover:hover){.pa-row:hover,.pa-ib:hover{background:var(--pa-hover)}}

/* main */
.pa-main{position:relative;flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column}
.pa-top{flex:none;display:flex;align-items:center;gap:6px;height:66px;padding:0 22px}
.pa-sp{flex:1 1 auto}
.pa-c{display:none}
.pa-home{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px 13%}
.pa-greet{margin:0 0 30px;font:500 42px/1.05 var(--f-display);letter-spacing:-.03em;color:var(--pa-fg);text-align:center;white-space:nowrap}
.pa-box{width:min(100%,700px);border:1px solid #E1E1DE;border-radius:24px;background:#fff;padding:18px 14px 12px;box-shadow:0 1px 2px rgba(10,10,10,.04),0 12px 32px -18px rgba(10,10,10,.14)}
.pa-box__field{display:flex;align-items:center;min-height:26px;padding:0 10px 0 14px;font-size:17px;color:var(--pa-fg);white-space:nowrap;overflow:hidden}
.pa-typed{white-space:pre}
.pa-ph{color:var(--pa-fg-3)}
.pa.is-typing .pa-ph{display:none}
.pa-caret{width:1.5px;height:21px;margin:0 1px;background:var(--pa-fg);flex:none;animation:pa-blink 1.05s steps(1) infinite}
.pa.is-typing .pa-caret{animation:none}
@keyframes pa-blink{50%{opacity:0}}
.pa-box__row{display:flex;align-items:center;gap:10px;margin-top:18px}
.pa-plus{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #E1E1DE;color:#3A3A39}
.pa-plus .pa-i{width:18px;height:18px;stroke-width:1.5}
.pa-auto{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;font-size:16px;color:#2C2C2B}
.pa-auto .pa-i{width:17px;height:17px}
.pa-mic .pa-i{width:19px;height:19px}
.pa-voice{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #E1E1DE;color:#1A1A1A;background:#fff;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pa-voice .pa-i{grid-area:1/1;transition:opacity .18s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
.pa-i--wave{stroke-width:2}
.pa-i--send{opacity:0;transform:translateY(4px)}
.pa.is-typing .pa-voice{background:#111;border-color:#111;color:#fff}
.pa.is-typing .pa-i--wave{opacity:0}
.pa.is-typing .pa-i--send{opacity:1;transform:none}

/* phone layout: no sidebar, brand in the top bar */
.pa.is-compact .pa__canvas{position:relative;width:100%;height:460px;transform:none}
.pa.is-compact{height:auto}
.pa.is-compact .pa-side{display:none}
.pa.is-compact .pa-c{display:inline-flex}
.pa.is-compact .pa-top{padding:0 10px 0 8px;height:56px}
.pa.is-compact .pa-brand__name{font-size:18px}
.pa.is-compact .pa-brand__div{height:17px}
.pa.is-compact .pa-brand__mark{width:17px;height:12.58px}
.pa.is-compact .pa-home{padding:0 14px 18%}
.pa.is-compact .pa-greet{font-size:27px;margin-bottom:20px;white-space:normal}
.pa.is-compact .pa-box{border-radius:20px;padding:14px 10px 10px}
.pa.is-compact .pa-box__field{font-size:15.5px;padding:0 6px 0 10px}
.pa.is-compact .pa-box__row{margin-top:14px;gap:6px}
.pa.is-compact .pa-plus{width:38px;height:38px}
.pa.is-compact .pa-voice{width:40px;height:40px}
.pa.is-compact .pa-auto{font-size:15px;padding:0 6px}
@media (prefers-reduced-motion:reduce){.pa-caret{animation:none}}

/* viz.css */
/* Ortelan viz components v8 — see components/VIZ.md */
.viz{--vz-mono:var(--f-mono,'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace);--vz-text:var(--f-text,'Inter','Helvetica Neue',Arial,sans-serif);
  --vz-fg:var(--fg,#F5F5F4);--vz-fg2:var(--fg-2,rgba(245,245,244,.64));--vz-fg3:var(--fg-3,rgba(245,245,244,.42));
  --vz-line:var(--line,rgba(255,255,255,.10));--vz-line2:var(--line-2,rgba(255,255,255,.18));--vz-acc:var(--meridian,#2F5BFF);
  --vz-ease:cubic-bezier(.16,1,.3,1);--vz-io:cubic-bezier(.65,0,.35,1);
  position:relative;display:block;width:100%;min-width:0;color:var(--vz-fg);
  -webkit-user-select:none;user-select:none}
.viz.viz-hint-dark{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.20)}
.viz.viz-hint-light{--fg:#0A0A0A;--fg-2:rgba(10,10,10,.64);--fg-3:rgba(10,10,10,.46);--line:rgba(10,10,10,.10);--line-2:rgba(10,10,10,.20)}
.viz__stage{position:relative;width:100%;aspect-ratio:var(--viz-ratio,16 / 9);overflow:hidden}
.viz--meridian-field .viz__stage{aspect-ratio:var(--viz-ratio,21 / 9)}
.viz--meridian-field.viz--fill{position:absolute;inset:0;z-index:0;pointer-events:none}
.viz--meridian-field.viz--fill .viz__stage{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.viz--meridian-field canvas{display:block}
.viz--system .viz__stage{aspect-ratio:var(--viz-ratio,2 / 1);min-height:460px}
.viz--system.is-vert .viz__stage{aspect-ratio:auto;height:560px}
.viz--flywheel .viz__stage{aspect-ratio:var(--viz-ratio,1 / 1)}
.viz--lineage .viz__stage{aspect-ratio:var(--viz-ratio,16 / 10);min-height:380px}
.viz--dayplan .viz__stage{aspect-ratio:var(--viz-ratio,3 / 1);min-height:230px;max-height:300px}
.viz--dayplan.is-vert .viz__stage{aspect-ratio:auto;height:520px;max-height:none}
.viz--construction .viz__stage{aspect-ratio:var(--viz-ratio,1 / 1)}
.viz svg{display:block;overflow:visible;shape-rendering:geometricPrecision}

/* type — v8: former wide face (var(--f-text)) 12–13px for every label, tabular figures; mono only for construction measurements */
.vz-t{font-family:var(--vz-text);font-size:12px;letter-spacing:0;fill:var(--vz-fg);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.vz-t--2{fill:var(--vz-fg2)}
.vz-t--3{fill:var(--vz-fg3)}
.vz-t--n13{font-size:13px}
.vz-t--name{font-size:15px;font-weight:500;letter-spacing:-.005em;fill:var(--vz-fg)}
.vz-t--name2{font-size:13px;font-weight:500;fill:var(--vz-fg)}
.vz-t--cap{font-size:14px;fill:var(--vz-fg)}
.vz-t--dim{font-family:var(--vz-mono);font-size:12px;letter-spacing:0;fill:var(--vz-fg2);paint-order:stroke;stroke:var(--vz-bg,transparent);stroke-width:4px;stroke-linejoin:round}
.vz-t--tm{font-size:12px}

/* lines & plates */
.vz-l{fill:none;stroke:var(--vz-line2);stroke-width:1;vector-effect:non-scaling-stroke}
.vz-l--2{stroke:var(--vz-line2)}
.vz-l--faint{stroke:var(--vz-line)}
.vz-l--dash{stroke-dasharray:2 3}
.vz-acc{stroke:var(--vz-acc)}
.vz-plate{fill:none;stroke:var(--vz-line2);stroke-width:1;rx:1}
.vz-fill{fill:var(--vz-bg,transparent)}
.vz-frame{stroke:var(--vz-line);stroke-dasharray:none}
.vz-sys{stroke:var(--vz-fg3)}
.vz-fixed{fill:color-mix(in srgb,var(--vz-fg) 9%,transparent);stroke:var(--vz-fg3)}
.vz-new{stroke:var(--vz-acc)}
.vz-reqp{stroke:var(--vz-line2)}

/* system — v8: static drawing; hover/focus turns one path meridian */
.vz-node{cursor:default;outline:none;transition:opacity .2s ease}
.vz-node .vz-plate{transition:stroke .2s ease}
.vz-node.is-on .vz-plate{stroke:var(--vz-acc)}
.vz-node:focus-visible .vz-plate{stroke:var(--vz-acc);stroke-width:2}
.vz-node.is-dim{opacity:.45}
.vz-route{stroke:var(--vz-line2);transition:opacity .2s ease}
.vz-route.is-dim{opacity:.5}
.vz-route-hi{stroke:var(--vz-acc);opacity:0;transition:opacity .2s ease}
.vz-route-hi.is-on{opacity:1}
.viz__label{margin:14px 0 0;display:flex;gap:10px;align-items:baseline;min-height:20px;font-family:var(--vz-text);font-size:13px;line-height:1.5;letter-spacing:0;color:var(--vz-fg3)}
.viz__label b{font-weight:500;color:var(--vz-fg);white-space:nowrap}
.viz__label.is-on span{color:var(--vz-fg2)}

/* flywheel */
.vz-fw .vz-plate{transition:stroke .4s var(--vz-ease)}
.vz-fw.is-on .vz-plate{stroke:var(--vz-acc)}
.vz-head{stroke-linecap:square}

/* lineage */
.vz-pn{will-change:opacity}

/* dayplan */
.vz-blk .vz-plate{transition:none}

/* construction */
.vz-c{fill:none;stroke:var(--vz-line2);stroke-width:1;vector-effect:non-scaling-stroke}
.vz-c--grid{stroke:var(--vz-line)}
.vz-c--frame{stroke:var(--vz-line2)}
.vz-c--key{stroke:var(--vz-fg3)}
.vz-c--fld{stroke:var(--vz-fg2)}
.vz-c--dim{stroke:var(--vz-fg3)}
.vz-c--guide{stroke:var(--vz-line2);stroke-dasharray:2 3}
.vz-layer{opacity:0;transition:opacity .5s var(--vz-ease)}
.vz-layer.is-on{opacity:1}
.vz-layer.is-on:not(.is-cur) .vz-c{stroke:var(--vz-line2)}
.vz-layer.is-on:not(.is-cur) .vz-dims{opacity:0}
.vz-layer.is-cur .vz-c--key{stroke:var(--vz-acc)}
.vz-dims{transition:opacity .4s var(--vz-ease)}
.vz-piece{fill:var(--vz-fg);opacity:0;transition:opacity .45s var(--vz-ease)}
.vz-layer--plates.is-on .vz-piece{opacity:1}
.vz-layer--plates.is-on .vz-piece:nth-child(2){transition-delay:.12s}
.vz-layer--plates.is-on .vz-piece:nth-child(3){transition-delay:.24s}
.vz-layer--plates.is-on .vz-piece:nth-child(4){transition-delay:.36s}
.vz-proof{fill:var(--vz-fg)}
.vz-lockp{fill:var(--vz-fg)}
/* draw once: current layer's lines trace in when the step becomes current */
.vz-con.is-anim .vz-layer.is-cur .vz-c{stroke-dasharray:var(--len) calc(var(--len) + 2);animation:vz-draw 1.1s var(--vz-ease) both}
.vz-con.is-anim .vz-layer.is-cur .vz-c--grid{animation-duration:1.6s}
.vz-con.is-anim .vz-layer.is-cur .vz-dims .vz-c{animation-delay:.5s}
.vz-con.is-anim .vz-layer.is-cur .vz-t--dim{animation:vz-in .5s var(--vz-ease) .7s both}
.vz-con.is-instant .vz-layer,.vz-con.is-instant .vz-piece{transition:none}
@keyframes vz-draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes vz-in{from{opacity:0}to{opacity:1}}
.vz-con:not(.is-drawn) .vz-layer{opacity:0}

/* construction controls: plate buttons */
.viz__steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin-top:16px}
.viz__step{appearance:none;-webkit-appearance:none;display:flex;align-items:center;min-height:44px;padding:9px 10px;margin:0;
  border:1px solid var(--vz-line2);border-radius:2px;background:transparent;color:var(--vz-fg2);cursor:pointer;text-align:left;
  font-family:var(--vz-text);font-size:13px;letter-spacing:0;line-height:1.2;transition:border-color .18s var(--vz-ease),color .18s var(--vz-ease),background-color .18s var(--vz-ease)}
.viz__step-l{font-family:var(--f-text,'Geist',system-ui,sans-serif);font-size:13px;font-weight:500;letter-spacing:0;color:inherit}
.viz__step:hover{border-color:var(--vz-fg3);color:var(--vz-fg)}
.viz__step.is-on{border-color:var(--vz-fg);color:var(--vz-fg)}
.viz__step:focus-visible{outline:2px solid var(--vz-acc);outline-offset:2px}
.viz__cap{margin:14px 0 0;max-width:62ch;font-family:var(--f-text,'Geist',system-ui,sans-serif);font-size:14px;line-height:1.55;color:var(--vz-fg2);text-wrap:pretty;min-height:3.1em}
@media (max-width:560px){
  .viz--construction .viz__stage{aspect-ratio:var(--viz-ratio,4 / 5)}
  .viz__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .viz__step{min-height:44px}
  .viz__label{flex-direction:column;gap:2px}
}
/* motion off / reduced motion: no movement anywhere */
html.motion-off .viz *,html.motion-off .viz *::before{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){.viz *{transition:none!important;animation:none!important}}

/* home.css */
/* ---------- Home v12: an applied AI lab. Space imagery, 3D geometry, three arms, one product. Blue only as light. ---------- */
[data-view="home"]{--hm-ease:var(--ease-out,cubic-bezier(.16,1,.3,1));--hm-t:220ms;--hm-gap:var(--gap,24px);
  --hm-edge:max(var(--gutter,24px),calc((100vw - var(--maxw,1360px)) / 2));
  --hm-blue:#2F5BFF;overflow-x:clip;background:#0A0A0A}
[data-view="home"] p{text-wrap:pretty}
[data-view="home"] h1,[data-view="home"] h2,[data-view="home"] h3{text-wrap:balance}
[data-view="home"] figure{margin:0}
[data-view="home"] .eyebrow{margin:0 0 20px}

/* Shared: arrow that travels on hover; text link with an underline that draws */
:is([data-view="home"],[data-view="spotlight"]) .hm-arrow{display:inline-block;transition:transform var(--hm-t,220ms) var(--hm-ease,var(--ease-out))}
:is([data-view="home"],[data-view="spotlight"]) .hm-link{display:inline-flex;align-items:baseline;gap:6px;font-size:16px;font-weight:500;line-height:1.4;color:var(--fg);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat,linear-gradient(color-mix(in srgb,currentColor 30%,transparent),color-mix(in srgb,currentColor 30%,transparent)) 0 100% / 100% 1px no-repeat;padding-bottom:3px;transition:background-size 260ms var(--hm-ease,var(--ease-out))}
:is([data-view="home"],[data-view="spotlight"]) .hm-link:focus-visible{background-size:100% 1px,100% 1px}@media (hover:hover){:is([data-view="home"],[data-view="spotlight"]) .hm-link:hover{background-size:100% 1px,100% 1px}}
:is([data-view="home"],[data-view="spotlight"]) .hm-link:focus-visible .hm-arrow{transform:translateX(4px)}@media (hover:hover){:is([data-view="home"],[data-view="spotlight"]) .hm-link:hover .hm-arrow{transform:translateX(4px)}}
:is([data-view="home"],[data-view="spotlight"]) .hm-link:focus-visible{outline:2px solid var(--hm-blue,#2F5BFF);outline-offset:4px;border-radius:2px}

/* ---- Hero: Earth at night from orbit, full bleed, under a transparent nav ---- */
[data-view="home"] .hm-hero{position:relative;margin-top:calc(-1 * var(--nav-h,64px));min-height:max(680px,100svh);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#050505;color:#FFFFFF;isolation:isolate}
[data-view="home"] .hm-hero__media.vid{position:absolute;left:0;right:0;top:14%;bottom:-26%;margin:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%);border-radius:0;background:#050505;z-index:0}
[data-view="home"] .hm-hero__media .vid__poster,[data-view="home"] .hm-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
[data-view="home"] .hm-hero__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.5) 0%,rgba(5,5,5,0) 30%,rgba(5,5,5,0) 70%,rgba(5,5,5,.55) 100%)}
/* construction guides on the hero: one vertical at the golden line, one horizontal through the limb */
[data-view="home"] .hm-hero__lines{position:absolute;top:calc(var(--nav-h,64px) + 12px);left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);bottom:clamp(16px,1.6vw,24px);z-index:1;pointer-events:none;border:1px solid rgba(255,255,255,.12)}
[data-view="home"] .hm-hero__gv{position:absolute;top:0;bottom:0;left:61.8%;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,rgba(255,255,255,0))}
[data-view="home"] .hm-hero__gh{position:absolute;left:0;right:0;top:61.8%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.10) 18%,rgba(255,255,255,.10) 82%,rgba(255,255,255,0))}
[data-view="home"] .hm-hero__inner{position:relative;z-index:2;padding-top:calc(var(--nav-h,64px) + clamp(56px,8vh,104px));padding-bottom:48px}
[data-view="home"] .hm-hero__title{margin:0;color:#FFFFFF;font-size:clamp(44px,6.2vw,96px);line-height:.98;letter-spacing:-.024em}
[data-view="home"] .hm-hero__k{color:rgba(255,255,255,.72)}
[data-view="home"] .hm-hero__sub{margin:clamp(20px,2vw,28px) 0 0;max-width:34ch;color:rgba(255,255,255,.80)}
[data-view="home"] .hm-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px)}
[data-view="home"] .hm-hero__foot{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hm-gap);padding-bottom:clamp(32px,4vw,56px)}
[data-view="home"] .hm-hero__arm{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:16px;color:rgba(255,255,255,.78);font-size:15px;font-weight:500;text-decoration:none;border-top:1px solid rgba(255,255,255,.22);transition:color var(--hm-t) var(--hm-ease)}
[data-view="home"] .hm-hero__arm::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:#FFFFFF;transform:scaleX(0);transform-origin:0 50%;transition:transform 320ms var(--hm-ease)}
[data-view="home"] .hm-hero__arm::after{content:"↓";font-size:14px;opacity:.6;transition:transform var(--hm-t) var(--hm-ease),opacity var(--hm-t) var(--hm-ease)}
[data-view="home"] .hm-hero__arm:focus-visible{color:#FFFFFF}@media (hover:hover){[data-view="home"] .hm-hero__arm:hover{color:#FFFFFF}}
[data-view="home"] .hm-hero__arm:focus-visible::before{transform:scaleX(1)}@media (hover:hover){[data-view="home"] .hm-hero__arm:hover::before{transform:scaleX(1)}}
[data-view="home"] .hm-hero__arm:focus-visible::after{transform:translateY(3px);opacity:1}@media (hover:hover){[data-view="home"] .hm-hero__arm:hover::after{transform:translateY(3px);opacity:1}}
[data-view="home"] .hm-hero__arm:focus-visible{outline:2px solid var(--hm-blue);outline-offset:6px}

/* ---- What Ortelan is: one statement ---- */

/* ---- Three arms ---- */
[data-view="home"] .hm-arms__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 48px;padding-top:clamp(40px,5vw,72px);margin-bottom:clamp(32px,3.4vw,48px);border-top:1px solid var(--line)}
[data-view="home"] .hm-arms__title{margin:0}
[data-view="home"] .hm-arms__aside{margin:0;font-size:16px;color:var(--fg-2);max-width:36ch}
[data-view="home"] .hm-arms__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hm-gap)}
[data-view="home"] .hm-arm{display:flex;flex-direction:column;color:var(--fg);text-decoration:none;border-radius:2px}
[data-view="home"] .hm-arm__media{position:relative;aspect-ratio:4/5;height:auto;border-radius:2px;background:#050505;overflow:hidden}
[data-view="home"] .hm-arm__media--geo{background:#060606;border:1px solid var(--line)}
[data-view="home"] .hm-arm__stars{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:.5;filter:grayscale(1);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 92%);mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 92%);transition:transform var(--d-media-hover,700ms) var(--hm-ease)}
[data-view="home"] .hm-arm:focus-visible .hm-arm__stars{transform:scale(1.03)}@media (hover:hover){[data-view="home"] .hm-arm:hover .hm-arm__stars{transform:scale(1.03)}}
[data-view="home"] .hm-arm__geo--mark{--geo-bg:#060606}
[data-view="home"] .hm-arm__media.ph>img:not(.hm-arm__stars){transition:transform var(--d-media-hover,700ms) var(--hm-ease),filter var(--d-media-hover,700ms) var(--hm-ease);filter:grayscale(1) brightness(.78) contrast(1.06)}
[data-view="home"] .hm-arm:focus-visible .hm-arm__media.ph>img:not(.hm-arm__stars){transform:scale(1.03);filter:grayscale(1) brightness(.9) contrast(1.08)}@media (hover:hover){[data-view="home"] .hm-arm:hover .hm-arm__media.ph>img:not(.hm-arm__stars){transform:scale(1.03);filter:grayscale(1) brightness(.9) contrast(1.08)}}
[data-view="home"] .hm-arm__geo{position:absolute;inset:0;z-index:1;pointer-events:none;aspect-ratio:auto;height:100%}
[data-view="home"] .hm-arm__geo.hm-arm__geo--mark{inset:auto;left:21%;top:28.5%;width:58%;height:auto;aspect-ratio:1/1;transform:none}
[data-view="home"] .hm-arm__body{display:flex;flex-direction:column;flex:1;padding-top:24px}
[data-view="home"] .hm-arm__t{margin:0;font-size:clamp(26px,2.2vw,34px)}

[data-view="home"] .hm-arm__l{margin:12px 0 24px;font-size:16px;line-height:1.55;color:var(--fg-2);max-width:34ch}
[data-view="home"] .hm-arm__go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line-2);font-size:15px;font-weight:500;position:relative}
[data-view="home"] .hm-arm__go::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;transition:transform 420ms var(--hm-ease)}
[data-view="home"] .hm-arm:focus-visible .hm-arm__go::before{transform:scaleX(1)}@media (hover:hover){[data-view="home"] .hm-arm:hover .hm-arm__go::before{transform:scaleX(1)}}
[data-view="home"] .hm-arm:focus-visible .hm-arrow{transform:translateX(6px)}@media (hover:hover){[data-view="home"] .hm-arm:hover .hm-arrow{transform:translateX(6px)}}
[data-view="home"] .hm-arm:focus-visible{outline:2px solid var(--hm-blue);outline-offset:6px}

/* ---- Praus: the product interface on a refined plate ---- */
[data-view="home"] .hm-praus__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hm-gap);align-items:center}
[data-view="home"] .hm-praus__copy{grid-column:1 / span 4}
[data-view="home"] .hm-praus__t{margin:0;font-size:clamp(44px,5vw,80px);line-height:1;letter-spacing:-.021em}
[data-view="home"] .hm-praus__line{margin:20px 0 0;font-family:var(--f-display);font-size:clamp(20px,1.7vw,26px);line-height:1.25;letter-spacing:-.012em;color:var(--fg);max-width:24ch}
[data-view="home"] .hm-praus__l{margin:20px 0 0;font-size:18px;line-height:1.55;color:var(--fg-2);max-width:34ch}
[data-view="home"] .hm-praus__s{margin:16px 0 0;font-size:14px;color:var(--fg-3);display:flex;align-items:center;gap:10px}
[data-view="home"] .hm-praus__s::before{content:"";width:24px;height:1px;background:var(--hm-blue)}
[data-view="home"] .hm-praus__ctas{margin-top:32px}
[data-view="home"] .hm-plate{grid-column:5 / span 8;position:relative;display:grid;place-items:center;padding:0 clamp(20px,2.2vw,36px);aspect-ratio:16/10;overflow:hidden;border-radius:2px;color:inherit;text-decoration:none;isolation:isolate}
[data-view="home"] .hm-plate__ph.ph{position:absolute;inset:0;border-radius:2px;background:#060606;height:auto}
[data-view="home"] .hm-plate__ph.ph>img{filter:grayscale(1) brightness(.85) blur(3px);transform:scale(1.04);transition:transform var(--d-media-hover,700ms) var(--hm-ease)}
@media (hover:hover){[data-view="home"] .hm-plate:hover .hm-plate__ph.ph>img{transform:scale(1.07)}}
[data-view="home"] .hm-plate:focus-visible{outline:2px solid var(--hm-blue);outline-offset:6px}
[data-view="home"] .hm-plate__cap{position:absolute;right:28px;bottom:24px;z-index:3;margin:0;font-size:12px;color:rgba(255,255,255,.6)}
[data-view="home"] .hm-plate .hm-ui{position:relative;z-index:3;width:min(74%,480px);transition:transform 600ms var(--hm-ease)}
@media (hover:hover){[data-view="home"] .hm-plate:hover .hm-ui{transform:translateY(-6px)}}
/* Mini product UI */
[data-view="home"] .hm-ui{display:block;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(14,14,15,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--f-text);font-size:13px;line-height:1.45;color:#E9E9E7;text-align:left;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4)}
[data-view="home"] .hm-ui__bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
[data-view="home"] .hm-ui__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.16)}
[data-view="home"] .hm-ui__app{margin-left:8px;font-size:12px;color:rgba(255,255,255,.55)}
[data-view="home"] .hm-ui__body{display:flex;flex-direction:column;gap:12px;padding:18px}
[data-view="home"] .hm-ui__msg{display:block}
[data-view="home"] .hm-ui__msg--me{align-self:flex-end;max-width:80%;background:#232324;border-radius:12px 12px 4px 12px;padding:9px 12px}
[data-view="home"] .hm-ui__p{display:block;margin:4px 0 10px}
[data-view="home"] .hm-ui__who{display:block;font-weight:600;font-size:12px}
[data-view="home"] .hm-ui__plan{display:block;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}
[data-view="home"] .hm-ui__li{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06)}
[data-view="home"] .hm-ui__li:first-child{border-top:0}
[data-view="home"] .hm-ui__li b{font-weight:500;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
[data-view="home"] .hm-ui__h{color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
[data-view="home"] .hm-ui__h--fix{color:#FFFFFF}
[data-view="home"] .hm-ui__doc{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:8px;background:#F2F2F0;color:#0A0A0A}
[data-view="home"] .hm-ui__dh{font-size:13px;font-weight:600}
[data-view="home"] .hm-ui__dk{margin-top:6px;font-size:11.5px;font-weight:600;color:rgba(10,10,10,.6)}
[data-view="home"] .hm-ui__dl{display:block;height:6px;border-radius:2px;background:rgba(10,10,10,.16)}
[data-view="home"] .hm-ui__dl--m{width:84%}[data-view="home"] .hm-ui__dl--s{width:58%}
[data-view="home"] .hm-ui__input{display:flex;align-items:center;justify-content:space-between;margin:0 18px 18px;height:40px;padding:0 6px 0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:rgba(255,255,255,.4)}
[data-view="home"] .hm-ui__input b{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#F5F5F4;color:#000;font-size:13px}

/* ---- Deployments: Audit / Build / Operate beside a system blueprint ---- */
[data-view="home"] .hm-dep__head{max-width:860px;margin-bottom:clamp(48px,5vw,80px)}
[data-view="home"] .hm-dep__t{margin:0;max-width:20ch}
[data-view="home"] .hm-dep__sub{margin:24px 0 0;font-size:18px;line-height:1.55;color:var(--fg-2);max-width:52ch}
[data-view="home"] .hm-dep__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hm-gap);align-items:stretch}
[data-view="home"] .hm-dep__fig{grid-column:1 / span 7;margin:0}
[data-view="home"] .hm-dep__cap{margin:14px 0 0;font-size:13px;color:var(--fg-3)}
[data-view="home"] .hm-dep__viz{position:relative;border:1px solid var(--line-2);border-radius:2px;background:#070707;aspect-ratio:640/520;overflow:hidden;color:#F5F5F4}
[data-view="home"] .hm-dep__geo{position:absolute;inset:0;z-index:0}
[data-view="home"] .hm-bp{position:absolute;inset:0;width:100%;height:100%;z-index:1;font-family:var(--f-text)}
[data-view="home"] .hm-bp__hi{stroke-dasharray:6 6}
@media (prefers-reduced-motion:no-preference){
  html:not(.motion-off) [data-view="home"] .hm-bp__loop{animation:hm-dash 2.4s linear infinite}
  @keyframes hm-dash{to{stroke-dashoffset:-24}}
}
[data-view="home"] .hm-steps{grid-column:9 / span 4;list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
[data-view="home"] .hm-steps__i{position:relative;padding:24px 0 28px;border-top:1px solid var(--line-2)}
[data-view="home"] .hm-steps__i:first-child{border-top-color:var(--hm-blue)}
[data-view="home"] .hm-steps__t{margin:0;font-size:clamp(24px,2vw,30px);font-family:var(--f-display);font-weight:500;letter-spacing:-.012em}
[data-view="home"] .hm-steps__d{display:block;margin-bottom:4px;font-size:13px;color:var(--fg-3)}
[data-view="home"] .hm-steps__l{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--fg-2);max-width:36ch}
[data-view="home"] .hm-steps__more{margin-top:auto;padding-top:24px;border-top:1px solid var(--line-2)}

/* ---- Capital: statement band, ink with one blue hairline ---- */
[data-view="home"] .hm-cap{position:relative;border-top:1px solid var(--line)}
[data-view="home"] .hm-cap::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--hm-blue) 30%,var(--hm-blue) 70%,transparent);opacity:.9}
[data-view="home"] .hm-cap__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hm-gap);align-items:center}
[data-view="home"] .hm-cap__viz{grid-column:1 / span 5;position:relative;aspect-ratio:1/1}
[data-view="home"] .hm-cap__geo{position:absolute;inset:0}
[data-view="home"] .hm-cap__copy{grid-column:7 / span 6}
[data-view="home"] .hm-cap__t{margin:0;max-width:20ch}
[data-view="home"] .hm-cap__sub{margin:24px 0 0;font-size:18px;line-height:1.55;color:var(--fg-2);max-width:46ch}
[data-view="home"] .hm-cap__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}

/* ---- The lab: big geometry + a short paragraph ---- */

/* ---- Contact: Earth's limb, full bleed ---- */
[data-view="home"] .hm-close{position:relative;overflow:hidden;min-height:clamp(560px,56vw,810px);display:flex;align-items:flex-start;background:#050505;color:#FFFFFF}
[data-view="home"] .hm-close__fig.ph{position:absolute;inset:0;height:100%;aspect-ratio:auto;background:#050505}
[data-view="home"] .hm-close__fig.ph>img{filter:grayscale(1)}

[data-view="home"] .hm-close__inner{position:relative;z-index:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hm-gap);width:100%;padding-top:clamp(56px,6vw,96px)}
[data-view="home"] .hm-close__t{grid-column:1 / span 6;margin:0;color:#FFFFFF;max-width:14ch}
[data-view="home"] .hm-close__l{grid-column:1 / span 6;margin:20px 0 0;font-size:18px;line-height:1.55;color:rgba(255,255,255,.78);max-width:36ch}
[data-view="home"] .hm-close__ctas{grid-column:1 / span 6;display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ---- Responsive (shell breakpoints: 1024, 768) ---- */
@media (max-width:1023px){
  [data-view="home"] .hm-praus__copy{grid-column:1 / span 8}
  [data-view="home"] .hm-plate{grid-column:1 / -1;margin-top:48px;aspect-ratio:auto;place-items:center;padding:72px 32px 80px}
  [data-view="home"] .hm-plate .hm-ui{width:min(100%,520px)}
  [data-view="home"] .hm-dep__viz{grid-column:1 / span 6}
  [data-view="home"] .hm-steps{grid-column:8 / span 5}
}
@media (max-width:767px){
  [data-view="home"] .hm-hero{min-height:max(640px,100svh)}
  [data-view="home"] .hm-hero__media .vid__poster,[data-view="home"] .hm-hero__media video{object-position:42% 80%}
  [data-view="home"] .hm-hero__inner{padding-top:calc(var(--nav-h,64px) + 64px)}
  [data-view="home"] .hm-hero__title{font-size:clamp(40px,11.4vw,52px)}
  [data-view="home"] .hm-hero__ctas .btn{flex:1 1 auto}
  [data-view="home"] .hm-hero__foot{grid-template-columns:1fr;gap:0}
  [data-view="home"] .hm-hero__arm{padding:14px 0}
  [data-view="home"] .hm-hero__gv{display:none}
  [data-view="home"] .hm-hero__lines{inset:10px}
  [data-view="home"] .hm-arms__head{flex-direction:column;align-items:flex-start}
  [data-view="home"] .hm-arms__grid{grid-template-columns:1fr;gap:48px}
  [data-view="home"] .hm-arm__media.ph{aspect-ratio:4/3}
  [data-view="home"] .hm-praus__copy,[data-view="home"] .hm-plate{grid-column:1 / -1}
  [data-view="home"] .hm-plate{margin-top:40px;aspect-ratio:4/5;margin-inline:calc(-1 * var(--hm-edge))}
  [data-view="home"] .hm-plate{display:block;aspect-ratio:auto;padding:48px 16px 56px}
  [data-view="home"] .hm-plate .hm-ui{width:100%;font-size:12px}
  [data-view="home"] .hm-plate__cap{right:auto;left:16px;bottom:20px}
  [data-view="home"] .hm-dep__fig,[data-view="home"] .hm-steps{grid-column:1 / -1}
  [data-view="home"] .hm-dep__fig{margin-inline:calc(-1 * var(--hm-edge))}
  [data-view="home"] .hm-dep__viz{border-inline:0}
  [data-view="home"] .hm-dep__cap{padding-inline:var(--hm-edge)}
  [data-view="home"] .hm-steps{margin-top:40px}
  [data-view="home"] .hm-cap__viz{grid-column:1 / -1;grid-row:2;margin-top:40px;max-width:420px;width:100%;justify-self:center}
  [data-view="home"] .hm-cap__copy{grid-column:1 / -1;grid-row:1}
  [data-view="home"] .hm-close{align-items:flex-end;min-height:720px}
  [data-view="home"] .hm-close__fig.ph>img{object-position:20% 50%}
  [data-view="home"] .hm-close__fig::after{background:linear-gradient(180deg,rgba(5,5,5,0) 20%,rgba(5,5,5,.7) 55%,rgba(5,5,5,.92) 100%)}
  [data-view="home"] .hm-close__inner{padding-bottom:56px}
  [data-view="home"] .hm-close__t,[data-view="home"] .hm-close__l,[data-view="home"] .hm-close__ctas{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){
  [data-view="home"] *,[data-view="home"] *::before,[data-view="home"] *::after{transition-duration:0s!important;animation:none!important}
}
html.motion-off [data-view="home"] *,html.motion-off [data-view="home"] *::before,html.motion-off [data-view="home"] *::after{transition-duration:0s!important;animation:none!important}


/* ---- v13 flow: the lab is introduced right after the hero; tighter rhythm between ink sections ---- */
[data-view="home"] .hm-intro{padding-bottom:var(--sec-sm)}
[data-view="home"] .hm-intro__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hm-gap);align-items:center}
[data-view="home"] .hm-intro__copy{grid-column:1 / span 7;position:relative;z-index:2}
[data-view="home"] .hm-intro__k{margin:0 0 28px;padding-top:22px;position:relative;font-size:13px;color:var(--fg-2)}
[data-view="home"] .hm-intro__k::before{content:"";position:absolute;left:0;top:0;width:48px;height:1px;background:var(--hm-blue)}
[data-view="home"] .hm-intro__t{margin:0;max-width:22ch;font-size:clamp(30px,3.3vw,50px);line-height:1.08;letter-spacing:-.017em;text-wrap:balance}
[data-view="home"] .hm-intro__lead{color:var(--fg)}
[data-view="home"] .hm-intro__rest{color:rgba(245,245,244,.46)}
[data-view="home"] .hm-intro__foot{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(32px,3.4vw,48px);padding-top:24px;border-top:1px solid var(--line-2);max-width:560px}
[data-view="home"] .hm-intro__l{margin:0;font-size:17px;line-height:1.6;color:var(--fg-2)}
[data-view="home"] .hm-intro__lk{color:var(--fg);font-weight:500}
[data-view="home"] .hm-intro__foot .hm-link{justify-self:start}
[data-view="home"] .hm-intro__viz{grid-column:8 / span 5;position:relative;aspect-ratio:1/1;width:100%;max-width:520px;justify-self:end}
[data-view="home"] .hm-intro__geo{position:absolute;inset:0}
[data-view="home"] .hm-arms{padding-top:0}
[data-view="home"] .hm-arms__head{padding-top:var(--sec-sm)}
[data-view="home"] .hm-arm__t{font-size:clamp(24px,2vw,30px);white-space:nowrap}
[data-view="home"] .hm-arm__l{max-width:38ch;min-height:calc(2 * 1.55em)}

/* Deployments: footage instead of a drawn diagram */
[data-view="home"] .hm-dep__grid{align-items:center}
[data-view="home"] .hm-dep__media.vid{aspect-ratio:4/3;border-radius:2px;background:#050505}
[data-view="home"] .hm-dep__media .vid__poster,[data-view="home"] .hm-dep__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1) contrast(1.04)}

/* Contact: a compact closing band, not a tall empty block */
[data-view="home"] .hm-close{min-height:0;align-items:center}
[data-view="home"] .hm-close__inner{padding-block:clamp(88px,9vw,136px)}
[data-view="home"] .hm-close__fig.ph>img{object-position:var(--pos,50% 50%)}
[data-view="home"] .hm-close__fig::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.35) 48%,rgba(5,5,5,0) 75%)}
[data-view="home"] .hm-close__t{max-width:16ch}

@media (max-width:1023px){
  [data-view="home"] .hm-intro__copy{grid-column:1 / span 8}
  [data-view="home"] .hm-intro__viz{grid-column:9 / span 4}
}
@media (max-width:767px){
  [data-view="home"] .hm-intro__copy,[data-view="home"] .hm-intro__viz{grid-column:1 / -1}
  [data-view="home"] .hm-intro__viz{max-width:340px;justify-self:center;margin-top:40px}
  [data-view="home"] .hm-intro__t{font-size:clamp(26px,7.2vw,34px);max-width:none}
  [data-view="home"] .hm-arm__t{white-space:normal}
  [data-view="home"] .hm-arm__l{min-height:0}
  [data-view="home"] .hm-dep__media.vid{margin-inline:0;aspect-ratio:4/3}
  [data-view="home"] .hm-close{min-height:0;align-items:flex-end}
  [data-view="home"] .hm-close__inner{padding-block:200px 56px}
}
@media (max-width:767px){
  [data-view="home"] .hm-close__fig.ph{inset:0 0 auto 0;height:250px}
  [data-view="home"] .hm-close__fig.ph>img{object-position:28% 50%}
  [data-view="home"] .hm-close__fig::after{background:linear-gradient(180deg,rgba(5,5,5,0) 40%,#050505 100%)}
  [data-view="home"] .hm-close__inner{padding-block:330px 56px}
}

/* v13 hero: the copy sits lower, with more air between the lines */
[data-view="home"] .hm-hero__inner{padding-top:calc(var(--nav-h,64px) + clamp(96px,18vh,200px) + 136px)}
[data-view="home"] .hm-hero__sub{margin-top:clamp(24px,2.4vw,36px)}
[data-view="home"] .hm-hero__ctas{margin-top:clamp(32px,3.2vw,48px)}
@media (max-width:767px){[data-view="home"] .hm-hero__inner{padding-top:calc(var(--nav-h,64px) + clamp(64px,12vh,112px) + 60px)}}

/* v14: the hero sub is now the full positioning line; a wider measure keeps it to three lines */
[data-view="home"] .hm-hero__sub{max-width:46ch}
@media (max-width:767px){[data-view="home"] .hm-hero__sub{max-width:none}}

/* v15: no blue bars, single-colour statements */
[data-view="home"] .hm-praus__s::before,[data-view="home"] .hm-intro__k::before,[data-view="home"] .hm-cap::before{display:none}
[data-view="home"] .hm-intro__k{padding-top:0}
[data-view="home"] .hm-steps__i:first-child{border-top-color:var(--line-2)}
[data-view="home"] .hm-intro__rest{color:var(--fg)}

/* v16 responsive: the arm titles stay on one line (as designed) by scaling with the card width, so
   "Early-stage investment" no longer runs past its card in the three-up layout at 768-900px. */
[data-view="home"] .hm-arm{container-type:inline-size;min-width:0}
[data-view="home"] .hm-arm__t{font-size:min(clamp(24px,2vw,30px),9.6cqi)}

/* v16: the Praus plate grows with its window so the window never touches the frame and the caption sits clear below it */
@media (min-width:1024px){
  [data-view="home"] .hm-plate{aspect-ratio:auto;min-height:clamp(480px,40vw,600px);padding:56px clamp(24px,4vw,64px) 68px;place-items:center}
  [data-view="home"] .hm-plate .hm-ui{width:min(80%,480px)}
  [data-view="home"] .hm-plate__cap{bottom:24px;right:28px}
}
[data-view="home"] .hm-praus__more{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:36px 0 0;padding-top:18px;border-top:1px solid var(--line-2);max-width:40ch}
[data-view="home"] .hm-praus__more>span{font-size:14px;color:var(--fg-3)}
[data-view="home"] .hm-praus__more .hm-link{width:fit-content;max-width:100%;gap:8px;font-size:14px}
[data-view="home"] .hm-praus__more .hm-link__text{min-width:0;flex:0 1 auto}
[data-view="home"] .hm-praus__more .hm-arrow{flex:none}
@media(max-width:359px){[data-view="home"] .hm-praus__more .hm-link{font-size:13px}}

/* v17: light Praus app in the product highlight */
[data-view="home"] .hm-plate{place-items:center}
[data-view="home"] .hm-plate .pa{position:relative;z-index:3;width:min(90%,720px);transition:transform 600ms var(--hm-ease)}
@media (hover:hover){[data-view="home"] .hm-plate:hover .pa{transform:translateY(-6px)}}
@media (max-width:767px){[data-view="home"] .hm-plate .pa{width:100%}}

/* praus.css */
/* ---------- Praus ---------- */
[data-view="praus"] .pr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-view="praus"] .pr-hero{padding-bottom:clamp(56px,7vw,112px);padding-top:clamp(64px,9vw,136px)}
[data-view="praus"] .pr-hero__title{margin:14px 0 0;}
[data-view="praus"] .pr-hero__lead{margin:24px 0 0;max-width:44ch}

/* waitlist form */
[data-view="praus"] .pr-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;max-width:520px}
[data-view="praus"] .pr-form__input{flex:1 1 240px;height:44px;padding:0 18px;border-radius:3px;border:1px solid var(--line-2);background:transparent;color:var(--fg);font:400 15px/1 var(--f-text);transition:border-color .15s,background-color .15s}
[data-view="praus"] .pr-form__input::placeholder{color:var(--fg-3)}
@media (hover:hover){[data-view="praus"] .pr-form__input:hover{border-color:rgba(255,255,255,.32)}}
[data-view="praus"] .pr-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent;background:rgba(255,255,255,.03)}
[data-view="praus"] .pr-form__input[aria-invalid="true"]{border-color:#E5484D}
[data-view="praus"] .pr-form__note{flex-basis:100%;margin:4px 0 0 18px;font:400 14px/1.5 var(--f-text);color:var(--fg-3)}
[data-view="praus"] .pr-form.is-done .pr-form__input,[data-view="praus"] .pr-form.is-done .btn{display:none}
[data-view="praus"] .pr-form.is-done .pr-form__note{margin-left:0;color:var(--fg);font-size:16px;animation:pr-fade .3s ease both}

/* stage + app frame */
[data-view="praus"] .pr-stage{margin-top:clamp(56px,7vw,96px)}
[data-view="praus"] .pr-app{display:grid;grid-template-columns:248px 1fr;height:clamp(560px,46vw,680px);border:1px solid var(--line);border-radius:4px;background:#0B0B0B;overflow:hidden;font-family:var(--f-text);color:var(--fg);box-shadow:0 40px 120px -40px rgba(0,0,0,.9)}
[data-view="praus"] .pr-iconbtn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--fg-2)}
[data-view="praus"] .pr-iconbtn svg{display:block}

[data-view="praus"] .pr-side{display:flex;flex-direction:column;background:#080808;border-right:1px solid var(--line);padding:14px 10px;font-size:13.5px;min-height:0}
[data-view="praus"] .pr-side__top{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px}
[data-view="praus"] .pr-logo{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px;letter-spacing:-.01em}
[data-view="praus"] .pr-side__search{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--fg-3);font-size:13px;margin-bottom:10px}
[data-view="praus"] .pr-side__group{margin:14px 10px 6px;font-size:12px;color:var(--fg-3)}
[data-view="praus"] .pr-side__list{list-style:none;margin:0;padding:0}
[data-view="praus"] .pr-side__list li{padding:7px 10px;border-radius:8px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="praus"] .pr-side__list li.is-active{background:rgba(255,255,255,.08);color:var(--fg)}
[data-view="praus"] .pr-side__me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px 2px;border-top:1px solid var(--line);color:var(--fg-2)}
[data-view="praus"] .pr-side__me svg{margin-left:auto}
[data-view="praus"] .pr-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2A2A2A;color:var(--fg);font-size:12px;font-weight:500}

[data-view="praus"] .pr-main{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}
[data-view="praus"] .pr-top{display:flex;align-items:center;gap:12px;height:52px;padding:0 14px;border-bottom:1px solid var(--line)}
[data-view="praus"] .pr-top__title{flex:1;text-align:center;font-size:13.5px;color:var(--fg-2)}
[data-view="praus"] .pr-mode{position:relative}
[data-view="praus"] .pr-mode__btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;font-size:14px;font-weight:500;background:rgba(255,255,255,.06)}
[data-view="praus"] .pr-mode__sub{color:var(--fg-3);font-weight:400}
[data-view="praus"] .pr-mode__menu{position:absolute;z-index:3;top:38px;left:0;width:236px;padding:6px;border-radius:4px;border:1px solid var(--line-2);background:#151515;box-shadow:0 16px 40px rgba(0,0,0,.6);opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s;pointer-events:none}
[data-view="praus"] .pr-app.is-menu .pr-mode__menu{opacity:1;transform:none}
[data-view="praus"] .pr-mode__item{position:relative;display:grid;gap:2px;padding:8px 10px;border-radius:8px;font-size:13px}
[data-view="praus"] .pr-mode__item b{font-weight:500}
[data-view="praus"] .pr-mode__item span{color:var(--fg-3);font-size:12.5px}
[data-view="praus"] .pr-mode__item.is-on{background:rgba(255,255,255,.07)}
[data-view="praus"] .pr-mode__item svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}

[data-view="praus"] .pr-thread{overflow:hidden;padding:28px clamp(20px,5vw,72px) 8px;display:flex;flex-direction:column;gap:22px;justify-content:flex-start}
[data-view="praus"] .pr-msg{font-size:14.5px;line-height:1.6;max-width:640px;width:100%;margin:0 auto}
[data-view="praus"] .pr-msg p{margin:0}
[data-view="praus"] .pr-msg p + p,[data-view="praus"] .pr-msg ul + p{margin-top:10px}
[data-view="praus"] .pr-msg--user{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
[data-view="praus"] .pr-msg--user p{background:#1C1C1C;padding:10px 16px;border-radius:4px 18px 4px 18px;max-width:80%}
[data-view="praus"] .pr-msg--ai{display:grid;grid-template-columns:24px 1fr;gap:14px;color:rgba(245,245,244,.9)}
[data-view="praus"] .pr-msg__mark{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--fg);margin-top:1px;position:relative}
[data-view="praus"] .pr-msg__mark::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--fg)}
[data-view="praus"] .pr-msg__h{margin-top:12px!important;color:var(--fg)}
[data-view="praus"] .pr-msg ul{margin:4px 0 0;padding-left:18px}
[data-view="praus"] .pr-msg li{margin:2px 0}
[data-view="praus"] .pr-msg li::marker{color:var(--fg-3)}

[data-view="praus"] .pr-composer{margin:8px auto 18px;width:calc(100% - 40px);max-width:680px;border:1px solid var(--line-2);border-radius:4px;background:#121212;padding:12px 12px 10px}
[data-view="praus"] .pr-composer__field{padding:2px 6px 14px;color:var(--fg-3);font-size:14.5px}
[data-view="praus"] .pr-composer__row{display:flex;align-items:center;gap:6px}
[data-view="praus"] .pr-composer__sp{flex:1}
[data-view="praus"] .pr-chip{font-size:12.5px;color:var(--fg-2);padding:4px 10px;border-radius:3px;border:1px solid var(--line)}
[data-view="praus"] .pr-send{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--fg);color:#000}

[data-view="praus"] .pr-stage__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
[data-view="praus"] .pr-stage__cap{font:400 13px/1.4 var(--f-text);color:var(--fg-3)}

/* demo loop states (JS adds .is-demo; reduced motion leaves everything visible) */
[data-view="praus"] .pr-app.is-demo [data-step]{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
[data-view="praus"] .pr-app.is-demo [data-step].is-in{opacity:1;transform:none}
[data-view="praus"] .pr-app.is-demo .pr-thread.is-out [data-step]{opacity:0;transform:none}
[data-view="praus"] .pr-composer__field.is-typing{color:var(--fg)}
@keyframes pr-fade{from{opacity:0}to{opacity:1}}

/* features */
[data-view="praus"] .pr-features{border-top:1px solid var(--line)}
[data-view="praus"] .pr-features__h{margin:0 0 clamp(56px,7vw,112px);max-width:16ch}
[data-view="praus"] .pr-feat{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:center}
[data-view="praus"] .pr-feat + .pr-feat{margin-top:clamp(80px,10vw,160px)}
[data-view="praus"] .pr-feat--flip .pr-feat__text{order:2}
[data-view="praus"] .pr-feat__text .h2{margin:12px 0 18px;}
[data-view="praus"] .pr-feat__text .body{color:var(--fg-2);margin:0}
[data-view="praus"] .pr-crop{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,3.4vw,44px);border:1px solid var(--line);border-radius:4px;background:#0B0B0B;font-family:var(--f-text);color:var(--fg);transition:border-color .2s}
@media (hover:hover){[data-view="praus"] .pr-crop:hover{border-color:var(--line-2)}}
[data-view="praus"] .pr-plan{display:grid;gap:6px}
[data-view="praus"] .pr-plan div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13.5px}
[data-view="praus"] .pr-plan b{width:40px;font-weight:500;color:var(--fg-2)}
[data-view="praus"] .pr-plan span{padding:3px 10px;border-radius:3px;border:1px solid var(--line);color:var(--fg-2)}
[data-view="praus"] .pr-plan span.is-key{border-color:var(--fg);color:var(--fg)}
[data-view="praus"] .pr-file{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:4px;border:1px solid var(--line-2);background:#141414;font-size:13px}
[data-view="praus"] .pr-file span{display:grid;line-height:1.35}
[data-view="praus"] .pr-file b{font-weight:500}
[data-view="praus"] .pr-file small{font-style:normal;color:var(--fg-3);font-size:12px}
[data-view="praus"] .pr-cite{display:inline-block;margin-top:10px;font-size:12px;color:var(--fg-2);padding:3px 10px;border-radius:3px;background:rgba(255,255,255,.07)}
[data-view="praus"] .pr-quiz{margin-top:14px;padding:12px;border-radius:4px;border:1px solid var(--line);font-size:13.5px}
[data-view="praus"] .pr-quiz > div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
[data-view="praus"] .pr-quiz small{font-style:normal;padding:5px 12px;border-radius:3px;border:1px solid var(--line-2);color:var(--fg-2)}
[data-view="praus"] .pr-quiz small.is-on{background:var(--fg);color:#000;border-color:var(--fg)}

/* availability (paper) */
[data-view="praus"] .pr-avail__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;margin-bottom:40px}
[data-view="praus"] .pr-avail__head .h2{margin:0;}
[data-view="praus"] .pr-avail__head .body{margin:0;color:var(--fg-2);max-width:44ch}
[data-view="praus"] .pr-avail__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
[data-view="praus"] .pr-avail__row li{display:grid;gap:4px;padding:24px;border-radius:4px;border:1px solid rgba(10,10,10,.12);background:#fff;font-family:var(--f-text)}
[data-view="praus"] .pr-avail__row svg{color:var(--ink,#0A0A0A);margin-bottom:28px}
[data-view="praus"] .pr-avail__row b{font-weight:500;font-size:17px;color:#0A0A0A}
[data-view="praus"] .pr-avail__row span{font-size:14px;color:rgba(10,10,10,.55)}

/* FAQ */
[data-view="praus"] .pr-faq__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px)}
[data-view="praus"] .pr-faq__grid > .h2{margin:0;}
[data-view="praus"] .pr-faq__list{border-top:1px solid var(--line)}
[data-view="praus"] .pr-q{border-bottom:1px solid var(--line)}
[data-view="praus"] .pr-q summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;list-style:none;cursor:pointer;font:500 clamp(17px,1.3vw,20px)/1.35 var(--f-text);color:var(--fg);border-radius:8px;transition:color .15s}
[data-view="praus"] .pr-q summary::-webkit-details-marker{display:none}
@media (hover:hover){[data-view="praus"] .pr-q summary:hover{color:#fff}}
@media (hover:hover){[data-view="praus"] .pr-q summary:hover .pr-q__i{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}}
[data-view="praus"] .pr-q summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-view="praus"] .pr-q__i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);transition:border-color .15s,background-color .15s,transform .2s}
[data-view="praus"] .pr-q__i::before,[data-view="praus"] .pr-q__i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
[data-view="praus"] .pr-q__i::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .15s}
[data-view="praus"] .pr-q[open] .pr-q__i::after{opacity:0}
[data-view="praus"] .pr-q__a{padding:0 4px 24px;max-width:62ch}
[data-view="praus"] .pr-q[open] .pr-q__a{animation:pr-fade .2s ease both}
[data-view="praus"] .pr-q__a p{margin:0;font:400 16px/1.65 var(--f-text);color:var(--fg-2)}

/* final CTA */
[data-view="praus"] .pr-cta{border-top:1px solid var(--line)}
[data-view="praus"] .pr-cta__in{display:flex;flex-direction:column;align-items:center;text-align:center}
[data-view="praus"] .pr-cta .h1{margin:0;}
[data-view="praus"] .pr-cta .lead{margin:18px auto 0}
[data-view="praus"] .pr-cta .pr-form{justify-content:center;width:100%}
[data-view="praus"] .pr-cta .pr-form__note{margin-left:0;text-align:center}

@media (max-width:1000px){
  [data-view="praus"] .pr-app{grid-template-columns:1fr}
  [data-view="praus"] .pr-side{display:none}
  [data-view="praus"] .pr-feat,[data-view="praus"] .pr-faq__grid{grid-template-columns:1fr}
  [data-view="praus"] .pr-feat--flip .pr-feat__text{order:0}
  [data-view="praus"] .pr-avail__row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  [data-view="praus"] .pr-app{height:600px}
  [data-view="praus"] .pr-thread{padding:20px 16px 6px;gap:16px}
  [data-view="praus"] .pr-msg{font-size:13.5px}
  [data-view="praus"] .pr-msg--ai{grid-template-columns:20px 1fr;gap:10px}
  [data-view="praus"] .pr-msg__mark{width:18px;height:18px}
  [data-view="praus"] .pr-msg__mark::after{inset:4px}
  [data-view="praus"] .pr-top__title{display:none}
  [data-view="praus"] .pr-top{justify-content:space-between}
  [data-view="praus"] .pr-composer{width:calc(100% - 24px);margin-bottom:12px}
  [data-view="praus"] .pr-stage__bar{flex-direction:column;align-items:flex-start}
  [data-view="praus"] .pr-avail__row{grid-template-columns:1fr}
  [data-view="praus"] .pr-avail__row li{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px}
  [data-view="praus"] .pr-avail__row svg{margin:0}
  [data-view="praus"] .pr-form .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  [data-view="praus"] *{transition:none!important;animation:none!important}
}

/* v3 copy additions */
[data-view="praus"] .pr-hero__title{max-width:13ch;font-size:clamp(48px,7vw,104px);}
[data-view="praus"] .pr-side__new{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;color:var(--fg);font-size:13.5px}
[data-view="praus"] .pr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;width:100%;margin:0 auto}
[data-view="praus"] .pr-chips span{padding:7px 14px;border-radius:3px;border:1px solid var(--line-2);font-size:13px;color:var(--fg-2);background:#101010}
[data-view="praus"] .pr-day{margin-top:14px;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;background:#101010;max-width:420px}
[data-view="praus"] .pr-day__h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}
[data-view="praus"] .pr-day__h b{}
[data-view="praus"] .pr-day__h span{font-size:12px;color:var(--fg-3)}
[data-view="praus"] .pr-day__r{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:8px 14px;font-size:13px;color:var(--fg-2)}
[data-view="praus"] .pr-day__r + .pr-day__r{border-top:1px solid rgba(255,255,255,.05)}
[data-view="praus"] .pr-day__r time{font-variant-numeric:tabular-nums;color:var(--fg-3)}
[data-view="praus"] .pr-day__r small{font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:3px;border:1px solid var(--line-2);color:var(--fg-2)}
[data-view="praus"] .pr-day__r.is-key span{color:var(--fg)}
[data-view="praus"] .pr-day__r.is-key{box-shadow:inset 2px 0 0 var(--fg)}
[data-view="praus"] .pr-draft{border:1px solid var(--line-2);border-radius:4px;background:#101010;padding:14px}
[data-view="praus"] .pr-draft__bar{display:flex;gap:8px;margin-top:12px}
[data-view="praus"] .pr-draft__bar span{font-size:12px;padding:4px 10px;border-radius:3px;border:1px solid var(--line-2);color:var(--fg-2)}
[data-view="praus"] .pr-draft__bar .is-key{margin-left:auto;background:var(--fg);color:#000;border-color:var(--fg)}
[data-view="praus"] .pr-features .eyebrow{margin-bottom:14px}
[data-view="praus"] .pr-details__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px)}
[data-view="praus"] .pr-details .h2{margin:12px 0 0;}
[data-view="praus"] .pr-dl{margin:0;border-top:1px solid rgba(10,10,10,.14)}
[data-view="praus"] .pr-dl div{display:grid;grid-template-columns:minmax(140px,3fr) 7fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(10,10,10,.14);font:400 16px/1.5 var(--f-text)}
[data-view="praus"] .pr-dl dt{color:rgba(10,10,10,.55)}
[data-view="praus"] .pr-dl dd{margin:0;color:#0A0A0A}
[data-view="praus"] .pr-again{margin-left:12px;font:500 14px/1 var(--f-text);color:var(--fg-2);text-decoration:underline;text-underline-offset:3px;border-radius:4px;transition:color .15s}
@media (hover:hover){[data-view="praus"] .pr-again:hover{color:var(--fg)}}
@media (max-width:1000px){[data-view="praus"] .pr-details__grid{grid-template-columns:1fr}}
@media (max-width:600px){[data-view="praus"] .pr-dl div{grid-template-columns:1fr;gap:4px}[data-view="praus"] .pr-hero__title{font-size:clamp(40px,11vw,56px)}}
@media (max-width:600px){[data-view="praus"] .pr-app{height:540px}}
[data-view="praus"] .pr-stage.is-static .pr-chips{display:none}
@media (max-width:600px){[data-view="praus"] .pr-thread{justify-content:flex-end}[data-view="praus"] .pr-day__r{padding:7px 12px}}
[data-view="praus"] .pr-features,[data-view="praus"] .pr-cta{border-top:0}

/* ===== v5 inner pages: shared surfaces + brand shapes (used by praus, begot, deployments, capital, mission, team, news, article, careers, contact) ===== */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-white{background:#FFFFFF;--card:#F4F4F2}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-host{position:relative;overflow:hidden;isolation:isolate}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-plate{position:absolute;z-index:-1;pointer-events:none;color:var(--accent);right:-14%;top:50%;width:min(64vw,920px);aspect-ratio:1;transform:translateY(-50%)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-plate svg{display:block;width:100%;height:100%}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-plate--ink{color:#0A0A0A}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-plate--low{top:auto;bottom:-38%;transform:none;right:-10%;width:min(52vw,760px)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-arc{position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:0;height:100%;color:var(--accent)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-arc svg{position:absolute;inset:0;width:100%;height:100%}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-band{text-align:left}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-band .ip-band__in{max-width:min(640px,56%)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-photo{margin-top:clamp(48px,6vw,88px)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-photo .media{aspect-ratio:21/9}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-photo .media img{transition:transform .4s var(--ease,ease)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-photo figcaption{margin-top:12px;font:400 13px/1.4 var(--f-text);color:var(--fg-3)}
@media (max-width:719px){
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-plate{top:auto;bottom:-34vw;right:-30vw;width:96vw;transform:none}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-band{padding-bottom:calc(clamp(72px,10vw,160px) + 58vw)}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-band .ip-band__in{max-width:none}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"],[data-view="mission"],[data-view="team"],[data-view="news"],[data-view="article"],[data-view="careers"],[data-view="contact"]) .ip-photo .media{aspect-ratio:4/3}
}
/* Praus v5: paper hero with the app front and centre; brand-shape CTA */
[data-view="praus"] .section--paper .pr-form__input{border-color:rgba(10,10,10,.2);color:#0A0A0A;background:#fff}
[data-view="praus"] .section--paper .pr-form__input::placeholder{color:rgba(10,10,10,.42)}
@media (hover:hover){[data-view="praus"] .section--paper .pr-form__input:hover{border-color:rgba(10,10,10,.4)}}
[data-view="praus"] .section--paper .pr-form__input:focus-visible{background:#fff}
[data-view="praus"] .pr-hero.section--paper .pr-app{box-shadow:0 1px 0 rgba(10,10,10,.06),0 30px 80px -40px rgba(10,10,10,.45)}
[data-view="praus"] .pr-cta.ip-band{border-top:0}
[data-view="praus"] .pr-cta.ip-band .pr-cta__in{align-items:flex-start;text-align:left}
[data-view="praus"] .pr-cta.ip-band .lead{margin-left:0}
[data-view="praus"] .pr-cta.ip-band .pr-form{justify-content:flex-start}
[data-view="praus"] .pr-cta.ip-band .pr-form__note{text-align:left}
[data-view="praus"] .section--paper .pr-app{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);color-scheme:dark;border-color:#0A0A0A;box-shadow:0 30px 70px -36px rgba(10,10,10,.5)}
/* hero-side plate: smaller, pushed right so it never sits under a headline */
:is([data-view="mission"],[data-view="team"]) .ip-plate--side{width:min(40vw,600px);right:-7%}
@media (max-width:719px){:is([data-view="mission"],[data-view="team"]) .ip-plate--side{width:70vw;right:-26vw;bottom:-30vw}
  :is([data-view="mission"],[data-view="team"]) .ip-host.mi-hero,:is([data-view="mission"],[data-view="team"]) .ip-host.tm-hero{padding-bottom:calc(clamp(72px,10vw,160px) + 36vw)}}
/* product link row (Anthropic product rows) */
:is([data-view="praus"],[data-view="begot"]) .ip-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:28px 0 0}
:is([data-view="praus"],[data-view="begot"]) .ip-link{display:inline-flex;align-items:center;gap:6px;font:500 15px/1.4 var(--f-text);color:var(--fg);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;border-radius:4px;transition:text-decoration-color .15s ease,color .15s ease}
:is([data-view="praus"],[data-view="begot"]) .ip-link span{transition:transform .18s ease}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"]) .ip-link:hover{text-decoration-color:currentColor}}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"]) .ip-link:hover span{transform:translateX(2px)}}
:is([data-view="praus"],[data-view="begot"]) .ip-link:active{color:var(--fg-2)}
:is([data-view="praus"],[data-view="begot"]) .ip-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ---- v6 Inner A (theme classes come from shell.css) ---- */
/* sections that sit next to each other in the same family get a hairline so the change reads as intentional */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .theme-mist + .grad-stone,
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .theme-white + .theme-mist{box-shadow:inset 0 1px 0 rgba(10,18,48,.08)}
/* light FAQ rows (Praus) */
@media (hover:hover){[data-view="praus"] .section--paper .pr-q summary:hover .pr-q__i{border-color:rgba(10,18,48,.4);background:rgba(10,18,48,.04)}}

/* ---- v6 Praus: example tabs over the product UI (x.ai tabbed product panel) ---- */
[data-view="praus"] .pr-tabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px;border-top:1px solid rgba(10,18,48,.14)}
[data-view="praus"] .pr-tab{position:relative;display:grid;gap:4px;text-align:left;padding:16px 18px 16px 0;background:none;border:0;color:rgba(10,18,48,.52);font:inherit;cursor:pointer;transition:color .2s cubic-bezier(.2,0,0,1)}
[data-view="praus"] .pr-tab__k{font:500 17px/1.2 var(--f-display);letter-spacing:-.01em;color:inherit;display:inline-flex;align-items:center;gap:10px}
[data-view="praus"] .pr-tab__k::before{content:"";width:6px;height:6px;background:currentColor;opacity:.35;transition:opacity .2s,background-color .2s}
[data-view="praus"] .pr-tab__d{font:400 13.5px/1.4 var(--f-text);color:rgba(10,18,48,.48)}
@media (hover:hover){[data-view="praus"] .pr-tab:hover{color:#0A0A0A}}
@media (hover:hover){[data-view="praus"] .pr-tab:hover .pr-tab__k::before{opacity:.8}}
[data-view="praus"] .pr-tab.is-on{color:#0A0A0A}
[data-view="praus"] .pr-tab.is-on .pr-tab__k::before{opacity:1;background:var(--meridian,#2F5BFF)}
[data-view="praus"] .pr-tab:active{transform:translateY(1px)}
[data-view="praus"] .pr-tab:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:3px;border-radius:2px}
[data-view="praus"] .pr-tabs__bar{position:absolute;top:-1px;left:0;height:2px;width:25%;background:#0A0A0A;transition:transform .32s cubic-bezier(.2,0,0,1)}
[data-view="praus"] .pr-app[data-tab]:not([data-tab="plan"]) [data-pr-thread]{display:none}
[data-view="praus"] .pr-alt{display:none}
[data-view="praus"] .pr-app[data-tab="read"] [data-pr-panel="read"],[data-view="praus"] .pr-app[data-tab="write"] [data-pr-panel="write"],[data-view="praus"] .pr-app[data-tab="learn"] [data-pr-panel="learn"]{display:flex;animation:pr-in .28s cubic-bezier(.2,0,0,1)}
@keyframes pr-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-view="praus"] .pr-side__list li{cursor:pointer;transition:background-color .15s,color .15s}
@media (hover:hover){[data-view="praus"] .pr-side__list li:hover{background:rgba(255,255,255,.05);color:var(--fg)}}
[data-view="praus"] .pr-msg--ai .pr-day__r time{min-width:2.6em}
[data-view="praus"] .pr-crop{transition:border-color .25s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s}
@media (hover:hover){[data-view="praus"] .pr-feat:hover .pr-crop{border-color:rgba(205,211,220,.3);transform:translateY(-2px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}}
@media (max-width:719px){[data-view="praus"] .pr-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}[data-view="praus"] .pr-tab{padding:12px 6px 12px 0}[data-view="praus"] .pr-tab__d{display:none}[data-view="praus"] .pr-tab__k{font-size:15px;gap:7px}}
html.motion-off [data-view="praus"] .pr-tabs__bar,html.motion-off [data-view="praus"] .pr-crop{transition:none}
html.motion-off [data-view="praus"] .pr-app [data-pr-panel]{animation:none!important}
@media (prefers-reduced-motion:reduce){[data-view="praus"] .pr-tabs__bar{transition:none}[data-view="praus"] .pr-app [data-pr-panel]{animation:none!important}}

/* ---- v6 Praus: four capabilities as a 2x2 card grid instead of stacked rows ---- */
[data-view="praus"] .pr-features .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:prf}
[data-view="praus"] .pr-features .wrap > .eyebrow,[data-view="praus"] .pr-features .wrap > .pr-features__h{grid-column:1/-1}
[data-view="praus"] .pr-features__h{margin-bottom:clamp(32px,4vw,56px)}
[data-view="praus"] .pr-feat,[data-view="praus"] .pr-feat + .pr-feat{counter-increment:prf;margin:0;grid-template-columns:1fr;align-items:start;align-content:start;gap:28px;padding:clamp(24px,2.6vw,36px);border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.025);transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s}
@media (hover:hover){[data-view="praus"] .pr-feat:hover{border-color:var(--line-2);background:rgba(255,255,255,.045)}}
[data-view="praus"] .pr-feat--flip .pr-feat__text{order:0}
[data-view="praus"] .pr-feat__text::before{content:counter(prf,decimal-leading-zero);display:block;margin:0 0 20px;font:500 13px/1 var(--f-text);color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="praus"] .pr-feat__text .h2{font-size:clamp(24px,2.2vw,32px);margin:0 0 10px}
[data-view="praus"] .pr-feat__text .body{margin:0;color:var(--fg-2)}
[data-view="praus"] .pr-feat .pr-crop{min-height:100%}
@media (hover:hover){[data-view="praus"] .pr-feat:hover .pr-crop{transform:none}}
@media (max-width:719px){[data-view="praus"] .pr-features .wrap{grid-template-columns:1fr}}

/* pl-rule fallback (zero specificity: shell.css wins once it ships .pl-rule) */

:where([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) :where(.pl-rule__meta){margin-left:auto}
[data-view="praus"] .pr-details .pl-rule{margin-bottom:clamp(40px,5vw,72px)}
[data-view="begot"] .bg-features .pl-rule,[data-view="capital"] .cap-process .pl-rule{margin-bottom:clamp(40px,5vw,64px)}
/* Praus: get started in three steps (x.ai quickstart) */
[data-view="praus"] .pr-start{list-style:none;counter-reset:prs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(40px,5vw,64px) 0 0;padding:0;border-top:1px solid var(--line-2);max-width:none}
[data-view="praus"] .pr-start li{counter-increment:prs;display:grid;gap:6px;padding:20px 24px 0 0;font:400 15px/1.45 var(--f-text);color:var(--fg-2)}
[data-view="praus"] .pr-start li::before{content:counter(prs,decimal-leading-zero);font:500 13px/1 var(--f-text);color:var(--meridian,#2F5BFF);margin-bottom:8px;font-variant-numeric:tabular-nums}
[data-view="praus"] .pr-start b{font:500 18px/1.3 var(--f-display);color:var(--fg);letter-spacing:-.01em}
@media (max-width:719px){[data-view="praus"] .pr-start{grid-template-columns:1fr}[data-view="praus"] .pr-start li{padding:16px 0;border-bottom:1px solid var(--line)}}
/* v6: longer COPY6 heroes; fields and small controls match the 2px plate geometry */
[data-view="praus"] .pr-hero__title{max-width:19ch;font-size:var(--t-l);text-wrap:balance}
[data-view="praus"] .pr-form__input{height:48px;border-radius:2px;transition:border-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s,background-color .2s}
@media (hover:hover){[data-view="praus"] .section--paper .pr-form__input:hover{border-color:rgba(10,10,10,.42)}}
[data-view="praus"] .pr-form__input:focus-visible{box-shadow:0 0 0 1px #2F5BFF}
[data-view="praus"] .pr-form__input[aria-invalid="true"]{border-color:#C8312B}
@media (max-width:600px){[data-view="praus"] .pr-hero__title{font-size:clamp(38px,10vw,52px)}}
/* v6 Praus: trust and control block (claude.com "stay in control", ElevenLabs safety trio) */
[data-view="praus"] .pr-trust{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px);margin:0 0 clamp(64px,8vw,120px)}
[data-view="praus"] .pr-trust__head .h2{margin:8px 0 14px}
[data-view="praus"] .pr-trust__head .body{margin:0 0 18px;color:var(--fg-2)}
[data-view="praus"] .pr-trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
[data-view="praus"] .pr-trust__list li{display:grid;align-content:start;gap:10px;padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--meridian-wash,#EAF0FF);font:400 15px/1.5 var(--f-text);color:var(--fg-2);transition:border-color .25s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="praus"] .pr-trust__list li:hover{border-color:rgba(47,91,255,.45);transform:translateY(-2px)}}
[data-view="praus"] .pr-trust__list b{font:500 18px/1.3 var(--f-display);color:var(--fg);letter-spacing:-.01em}
[data-view="praus"] .pr-trust__list b::before{content:"";display:block;width:8px;height:8px;background:var(--meridian,#2F5BFF);margin-bottom:22px}
[data-view="praus"] .pr-cross{margin:28px 0 0;font:400 15px/1.4 var(--f-text);color:var(--fg-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html.motion-off [data-view="praus"] .pr-trust__list li{transition:none}
@media (max-width:1000px){[data-view="praus"] .pr-trust{grid-template-columns:1fr}}
@media (max-width:719px){[data-view="praus"] .pr-trust__list{grid-template-columns:1fr}}

/* v6 related news row (DeepMind models page / x.ai news row): category chip, title, travelling arrow */
[data-view="praus"] .pr-rel{padding-block:clamp(56px,7vw,104px)}
[data-view="praus"] .pr-rel__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 28px}
[data-view="praus"] .pr-rel__head .h2{margin:0}
[data-view="praus"] .pr-rel__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
[data-view="praus"] .pr-rel__a{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:22px 12px;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;transition:background-color .2s cubic-bezier(.2,0,0,1)}
[data-view="praus"] .pr-rel__a .tag{justify-self:start}
[data-view="praus"] .pr-rel__t{font:500 clamp(18px,1.5vw,22px)/1.3 var(--f-display);letter-spacing:-.01em}
[data-view="praus"] .pr-rel__arr{transition:transform .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="praus"] .pr-rel__a:hover{background:rgba(10,10,10,.035)}}
@media (hover:hover){[data-view="praus"] .pr-rel__a:hover .pr-rel__arr{transform:translateX(4px)}}
[data-view="praus"] .pr-rel__a:active{background:rgba(10,10,10,.06)}
[data-view="praus"] .pr-rel__a:focus-visible{outline:2px solid #2F5BFF;outline-offset:-2px}
html.motion-off [data-view="praus"] .pr-rel__arr{transition:none}
@media (max-width:719px){[data-view="praus"] .pr-rel__a{grid-template-columns:1fr auto;gap:10px}[data-view="praus"] .pr-rel__a .tag{grid-column:1/-1}}

/* ===== v7 (Inner A): Plan becomes the live dayplan; three capabilities follow ===== */
[data-view="praus"]{--pr-eo:var(--ease-out,cubic-bezier(.16,1,.3,1))}
[data-view="praus"] .pr-features .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
[data-view="praus"] .pr-feat:first-of-type{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch;padding:clamp(24px,2.6vw,36px)}
[data-view="praus"] .pr-feat:first-of-type .pr-feat__text{grid-column:1/span 4;align-self:start}
[data-view="praus"] .pr-feat:first-of-type .pr-feat__text .h2{font-size:clamp(32px,3.2vw,48px)}
[data-view="praus"] .pr-dayplan{grid-column:5/span 8;margin:0;display:flex;flex-direction:column;gap:12px;position:relative}
[data-view="praus"] .pr-dayplan__viz{position:relative;width:100%;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.02)}
[data-view="praus"] .pr-feat,[data-view="praus"] .pr-feat + .pr-feat{border-radius:2px;transition:border-color .18s var(--pr-eo),background-color .18s var(--pr-eo)}
[data-view="praus"] .pr-crop{border-radius:2px;transition:border-color .18s var(--pr-eo)}
@media (max-width:1000px){[data-view="praus"] .pr-features .wrap{grid-template-columns:1fr}
  [data-view="praus"] .pr-feat:first-of-type .pr-feat__text,[data-view="praus"] .pr-dayplan{grid-column:1/-1}}
html.motion-off [data-view="praus"] .pr-feat{transition:none}
[data-view="praus"] .pr-msg__h{font-weight:500}
[data-view="praus"] .pr-day__h b{font-weight:500}

/* ===== v8 (Inner A): lean Praus. Tells off: tab squares, counters, hover lifts, wash cards ===== */
[data-view="praus"] .pr-tab__k::before{content:none;display:none}
[data-view="praus"] .pr-tab:active{transform:none}
[data-view="praus"] .pr-hero.section--paper .pr-app,[data-view="praus"] .section--paper .pr-app{box-shadow:none}
[data-view="praus"] .ip-link span{display:none}
[data-view="praus"] .pr8-plan__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(40px,5vw,72px)}
[data-view="praus"] .pr8-plan__head .h1{grid-column:1/span 7;margin:0;max-width:14ch;text-wrap:balance}
[data-view="praus"] .pr8-plan__head .lead{grid-column:8/span 5;margin:0;color:var(--fg-2)}
[data-view="praus"] .pr8-plan__fig{margin:0}
[data-view="praus"] .pr8-plan__viz{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-view="praus"] .pr8-note{margin:14px 0 0;font:400 13px/1.45 var(--f-text);color:var(--fg-3)}
[data-view="praus"] .pr8-also{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin:clamp(64px,8vw,120px) 0 0;padding-top:28px;border-top:1px solid var(--line)}
[data-view="praus"] .pr8-also .h3{margin:0 0 10px}
[data-view="praus"] .pr8-also .body{margin:0;color:var(--fg-2)}
[data-view="praus"] .pr8-facts__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="praus"] .pr8-facts__grid > div{grid-column:1/span 4}
[data-view="praus"] .pr8-facts__grid .h2{margin:0 0 16px;max-width:12ch}
[data-view="praus"] .pr8-facts__grid .body{margin:0;color:var(--fg-2)}
[data-view="praus"] .pr8-dl{grid-column:6/span 7;margin:0;border-top:1px solid var(--line-2)}
[data-view="praus"] .pr8-dl > div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
[data-view="praus"] .pr8-dl dt{font:500 15px/1.5 var(--f-text);color:var(--fg)}
[data-view="praus"] .pr8-dl dd{margin:0;font:400 15px/1.5 var(--f-text);color:var(--fg-2)}
[data-view="praus"] .pr8-cta .h1{margin:0;max-width:16ch;text-wrap:balance}
[data-view="praus"] .pr8-cta .lead{margin:20px 0 0;color:var(--fg-2)}
[data-view="praus"] .pr8-cta .pr-form{justify-content:flex-start;max-width:640px}
[data-view="praus"] .pr8-cta .pr-form__note{margin-left:0;text-align:left}
[data-view="praus"] .pr8-cta .pr-cross{display:block;margin-top:40px}
[data-view="praus"] .pr8-cta .pr-cross .ip-link{display:inline;text-decoration-color:currentColor}
@media (max-width:1000px){
  [data-view="praus"] .pr8-plan__head .h1,[data-view="praus"] .pr8-plan__head .lead,[data-view="praus"] .pr8-facts__grid > div,[data-view="praus"] .pr8-dl{grid-column:1/-1}
}
@media (max-width:719px){
  [data-view="praus"] .pr8-also{grid-template-columns:1fr}
  [data-view="praus"] .pr8-dl > div{grid-template-columns:1fr;gap:4px}
}
[data-view="praus"] .pr8-facts__grid > .pr8-qs{grid-column:6/span 7;display:grid;gap:28px;margin-top:clamp(32px,4vw,56px)}
[data-view="praus"] .pr8-qs .h4{margin:0 0 8px}
[data-view="praus"] .pr8-qs .body{margin:0;color:var(--fg-2)}
@media (max-width:1000px){[data-view="praus"] .pr8-facts__grid > .pr8-qs{grid-column:1/-1}}
@media (max-width:600px){[data-view="praus"] .pr-form__note{margin-left:0}}
/* v9: status line beside the eyebrow; two planning cards */
[data-view="praus"] .pr9-status{margin-left:16px;color:var(--fg-3)}
[data-view="praus"] .pr8-also{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
@media (max-width:719px){[data-view="praus"] .pr8-also{grid-template-columns:1fr}}
[data-view="praus"] .pr-hero .pr-form__note{margin-left:0;margin-top:8px}
@media (max-width:600px){[data-view="praus"] .pr-app{height:650px}}

/* ===== v10 shared (Inner A): fallback for the shell's .sticky-media (used only when shell.js has not bound it: .ip-fb), .ip-blue UI backdrop ===== */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .sticky-media.ip-fb{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__steps{grid-column:1/span 5}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__step{min-height:72svh;display:flex;flex-direction:column;justify-content:center;opacity:.4;transition:opacity 220ms var(--ease-out,ease)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__step.is-active{opacity:1}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__media{grid-column:7/-1;position:sticky;top:calc(var(--nav-h,64px) + (100svh - var(--nav-h,64px) - min(72svh,680px))/2)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__frame{position:relative;height:min(72svh,680px);aspect-ratio:auto!important}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 600ms var(--ease-out,ease),visibility 0s linear 600ms}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot.is-active{opacity:1;visibility:visible;transition:opacity 600ms var(--ease-out,ease),visibility 0s}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot>img{width:100%;height:100%;object-fit:cover;display:block}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot.is-active>img{animation:ip-settle 1000ms var(--ease-out,ease) both}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .ip-clone{display:none}
@keyframes ip-settle{from{transform:scale(1.03)}to{transform:none}}
@media (max-width:767px){
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .sticky-media.ip-fb{display:block}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__media{display:none}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__step{min-height:0;opacity:1;padding:0 0 48px}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .ip-clone{display:block;position:relative;aspect-ratio:4/5;margin-bottom:24px;overflow:hidden;border-radius:var(--radius,16px)}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .ip-clone>img{width:100%;height:100%;object-fit:cover;display:block}
}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-blue{background:#2F5BFF;border-radius:var(--radius,16px);padding:clamp(16px,4.5vw,64px) clamp(16px,4.5vw,64px) 0;overflow:hidden}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot,:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__step{transition:none}:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot.is-active>img{animation:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot{transition:none}
html.motion-off :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fb .sticky-media__slot.is-active>img{animation:none}
/* fallbacks for v10 shell blue utilities (identical values; shell rules win when present) */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .rule-meridian{position:relative}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .rule-meridian::before{content:"";position:absolute;left:0;top:-28px;width:64px;height:4px;background:#2F5BFF}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .band-meridian{background:#2F5BFF;color:#fff;--fg:#fff;--fg-2:rgba(255,255,255,.82);--fg-3:rgba(255,255,255,.82);--line:rgba(255,255,255,.28)}

/* ===== v10 Praus: hero = UI on a solid blue panel bleeding off the right edge; story windows; photo pair ===== */
[data-view="praus"] .pr10-hero{padding-bottom:0;overflow:hidden}
[data-view="praus"] .pr10-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-bottom:clamp(80px,10vw,144px)}
[data-view="praus"] .pr10-hero__text{grid-column:1/span 5}
[data-view="praus"] .pr10-hero .pr-hero__title{margin-top:16px;max-width:14ch}
[data-view="praus"] .pr10-hero .pr-hero__lead{margin-top:24px;max-width:40ch}
[data-view="praus"] .pr10-stage{grid-column:6/-1;margin:0;margin-right:calc(-1 * var(--gutter) - max(0px,(100vw - var(--maxw) - 2 * var(--gutter)) / 2));padding:0;max-width:none;width:auto}
[data-view="praus"] .pr10-blue{border-radius:var(--radius,16px) 0 0 var(--radius,16px);padding:clamp(24px,4.5vw,64px) 0 clamp(24px,4.5vw,64px) clamp(24px,4.5vw,64px)}
[data-view="praus"] .pr10-blue .pr-app{width:max(920px,100%);border-radius:8px 0 0 8px;border-right:0;box-shadow:0 40px 100px -40px rgba(10,18,48,.8)}
[data-view="praus"] .pr10-story__head{margin-bottom:64px}
[data-view="praus"] .pr10-story__head .h1{margin:0}
[data-view="praus"] .pr10-story .sticky-media__step .h2{font-size:clamp(28px,2.6vw,40px);line-height:1.08;margin:0 0 24px}
[data-view="praus"] .pr10-story .sticky-media__step .body{max-width:44ch;margin:0;color:var(--fg-2)}
[data-view="praus"] .pr10-frame{background:#F4F4F2;border-radius:var(--radius,16px);overflow:hidden}
[data-view="praus"] .pr10-frame .sticky-media__slot,[data-view="praus"] .ip-clone{display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px)}
[data-view="praus"] .ip-clone{background:#F4F4F2;aspect-ratio:auto!important}
[data-view="praus"] .pr10-win{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.66);--fg-3:rgba(245,245,244,.44);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);color-scheme:dark;color:var(--fg);width:100%;max-width:600px;background:#0B0B0B;border:1px solid rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;font-family:var(--f-text);box-shadow:0 32px 80px -40px rgba(0,0,0,.55)}
[data-view="praus"] .pr10-win__bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--fg-2)}
[data-view="praus"] .pr10-win__t{flex:1;text-align:center;color:var(--fg)}
[data-view="praus"] .pr10-win__mode{font-size:12px;color:var(--fg-3)}
[data-view="praus"] .pr10-win__body{padding:24px 24px 16px;display:flex;flex-direction:column;gap:16px}
[data-view="praus"] .pr10-win .pr-msg{font-size:13.5px;max-width:none}
[data-view="praus"] .pr10-win .pr-day{margin-top:12px}
[data-view="praus"] .pr10-win__comp{margin:0 16px 16px;height:44px;border:1px solid var(--line-2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;font-size:13px;color:var(--fg-3)}
[data-view="praus"] .pr10-src{margin-top:12px;padding:12px 16px;border:1px solid var(--line-2);border-radius:6px;font-size:13px;line-height:1.5}
[data-view="praus"] .pr10-src b{display:block;font-weight:500;color:var(--fg-2);margin-bottom:6px}
[data-view="praus"] .pr10-src p{margin:0;color:var(--fg)}
[data-view="praus"] .pr10-pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="praus"] .pr10-pair figure{margin:0}
[data-view="praus"] .pr10-pair__a{grid-column:1/span 5}
[data-view="praus"] .pr10-pair__a .ph{aspect-ratio:4/5}
[data-view="praus"] .pr10-pair__b{grid-column:6/span 7}
[data-view="praus"] .pr10-pair__b .ph{aspect-ratio:3/2}
[data-view="praus"] .pr10-pair img{width:100%;height:100%;object-fit:cover;display:block}
[data-view="praus"] .pr10-pair figcaption{margin-top:12px;font:400 13px/1.4 var(--f-text);color:var(--fg-3)}
@media (max-width:1023px){
  [data-view="praus"] .pr10-hero__grid{display:block}
  [data-view="praus"] .pr10-stage{margin-top:64px;margin-right:calc(-1 * var(--gutter))}
}
@media (max-width:767px){
  [data-view="praus"] .pr10-stage{margin-top:48px}
  [data-view="praus"] .pr10-blue{padding:24px 0 24px 20px}
  [data-view="praus"] .pr10-blue .pr-app{width:640px}
  [data-view="praus"] .pr10-pair{display:block}
  [data-view="praus"] .pr10-pair__a .ph,[data-view="praus"] .pr10-pair__b .ph{aspect-ratio:3/2}
  [data-view="praus"] .pr10-pair__b{margin-top:24px}
  [data-view="praus"] .pr10-win__body{padding:16px}
}
[data-view="praus"] .pr10-blue .pr-app{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.66);--fg-3:rgba(245,245,244,.44);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);color-scheme:dark;color:#F5F5F4}
[data-view="praus"] .pr10-hero .pr-hero__title{font-size:clamp(40px,4.6vw,68px);line-height:1.02}
[data-view="praus"] .pr10-hero__grid{align-items:center}
@media (max-width:767px){[data-view="praus"] .pr10-blue .pr-app{width:560px;grid-template-columns:1fr}[data-view="praus"] .pr10-blue .pr-side{display:none}}
[data-view="praus"] .pr10-day__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
[data-view="praus"] .pr10-day__head .h2{grid-column:1/span 6;margin:0}
[data-view="praus"] .pr10-day__head .lead{grid-column:8/span 5;margin:0}
@media (max-width:1023px){[data-view="praus"] .pr10-day__head .h2,[data-view="praus"] .pr10-day__head .lead{grid-column:1/-1}}
@media (max-width:767px){[data-view="praus"] .pr10-day__head{margin-bottom:48px}}

/* ===== v12 shared cinematic hero + helpers for praus / begot / deployments / capital ===== */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero{position:relative;margin-top:calc(-1 * var(--nav-h,64px));min-height:max(680px,100svh);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0A0A0A;color:#FFFFFF;isolation:isolate}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph{position:absolute;inset:0;margin:0;z-index:0}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph.ph-lines{--phl-c:rgba(255,255,255,.22);--phl-i:24px;position:absolute}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
/* Shared entrance for product, Team and About hero photographs. */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph img,[data-view="team"] header.tm-hero .tm-hero-media img,[data-view="mission"] header.mi-hero .mi-hero-media img{transform:scale(1.04);animation:ip-hero-in 2.4s cubic-bezier(.2,.7,.2,1) both}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,0) 30%,rgba(10,10,10,0) 48%,rgba(10,10,10,.78) 84%,#0A0A0A 100%),linear-gradient(90deg,rgba(10,10,10,.55) 0,rgba(10,10,10,0) 60%)}
@keyframes ip-hero-in{from{opacity:0;transform:scale(1.09)}to{opacity:1;transform:scale(1.04)}}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__inner{position:relative;z-index:3;width:100%;padding-top:calc(var(--nav-h,64px) + 120px);padding-bottom:clamp(64px,8vw,112px)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero .eyebrow{color:rgba(255,255,255,.72);display:flex;align-items:center;gap:14px}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero .eyebrow::before{content:"";width:28px;height:1px;background:var(--meridian,#2F5BFF)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__title{margin:20px 0 0;color:#FFFFFF;max-width:15ch;font-size:clamp(44px,6.4vw,96px);line-height:.98;letter-spacing:-.025em;font-weight:500}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__lead{margin:28px 0 0;max-width:46ch;color:rgba(255,255,255,.82)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__meta{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.14)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__meta .wrap{display:flex;flex-wrap:wrap;gap:8px 40px;padding-top:18px;padding-bottom:22px;font:400 13px/1.4 var(--f-text);color:rgba(255,255,255,.6)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__meta b{font-weight:500;color:rgba(255,255,255,.9);margin-right:8px}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__cap{position:absolute;right:var(--gutter,40px);bottom:86px;z-index:3;font:400 12px/1.4 var(--f-text);color:rgba(255,255,255,.5);max-width:30ch;text-align:right}
/* premium hover on in-page links */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-arrow{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.4 var(--f-text);color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:3px;transition:background-size .24s cubic-bezier(.2,.7,.2,1)}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-arrow::after{content:"\2192";transition:transform .24s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-arrow:is(:hover,:focus-visible){background-size:100% 1px}}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-arrow:is(:hover,:focus-visible)::after{transform:translateX(4px)}}
/* image figure hover: slow scale + caption */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fig{margin:0}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fig .ph img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s ease}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fig:hover .ph img{transform:scale(1.03)}}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fig figcaption{margin-top:12px;font:400 13px/1.45 var(--f-text);color:var(--fg-3);opacity:.7;transform:translateY(2px);transition:opacity .3s ease,transform .3s ease}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-fig:hover figcaption{opacity:1;transform:none}}
/* ink statement band with geometry */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband{background:#0A0A0A;color:#fff}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband__geo{max-width:560px;width:100%;justify-self:end}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband h2{color:#fff;max-width:18ch}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband .lead,:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband .body{color:rgba(255,255,255,.74);max-width:48ch;margin-top:24px}
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-cap{display:block;margin-top:14px;font:400 12px/1.4 var(--f-text);color:var(--fg-3);letter-spacing:.01em}
@media (max-width:899px){
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband__grid{grid-template-columns:1fr}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-geoband__geo{justify-self:center;max-width:420px}
}
@media (max-width:719px){
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero{min-height:max(620px,100svh)}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__inner{padding-top:calc(var(--nav-h,64px) + 72px);padding-bottom:48px}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__title{font-size:clamp(40px,11.5vw,56px);max-width:none}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__acts .btn{flex:1 1 auto;justify-content:center}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__cap{display:none}
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph.ph-lines{--phl-i:12px}
}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph img,[data-view="team"] header.tm-hero .tm-hero-media img,[data-view="mission"] header.mi-hero .mi-hero-media img{animation:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph img,html.motion-off [data-view="team"] header.tm-hero .tm-hero-media img,html.motion-off [data-view="mission"] header.mi-hero .mi-hero-media img{animation:none}
/* v12 Praus */
:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-blue{background:transparent;padding:0;border-radius:0;overflow:visible}
[data-view="praus"] .pr12-use{background:#0A0A0A;color:#fff;padding-top:clamp(40px,5vw,72px);position:relative;overflow:hidden}
[data-view="praus"] .pr12-use::before{content:"";position:absolute;left:50%;top:38%;width:min(1400px,120vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(47,91,255,.55),transparent)}
[data-view="praus"] .pr12-use__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
[data-view="praus"] .pr12-use__head .h1{grid-column:1/span 6;margin:0;color:#fff}
[data-view="praus"] .pr12-use__head .lead{grid-column:8/span 5;margin:0;color:rgba(255,255,255,.72)}
[data-view="praus"] .pr12-use__stage{position:relative}
[data-view="praus"] .pr12-use .pr-stage{margin:0;max-width:1120px;margin-inline:auto}
[data-view="praus"] .pr12-use .pr-app{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 60px 120px -40px rgba(0,0,0,.9);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease}
@media (hover:hover){[data-view="praus"] .pr12-use .pr-app:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(47,91,255,.55),0 70px 130px -40px rgba(0,0,0,.95)}}
[data-view="praus"] .pr12-cap{margin:16px 0 0;font:400 12px/1.4 var(--f-text);color:rgba(255,255,255,.5);text-align:center}
[data-view="praus"] .pr12-cap--ink{color:var(--fg-3);text-align:left;margin-top:24px}
[data-view="praus"] .pr12-band{background:#0A0A0A;color:#fff;position:relative}
[data-view="praus"] .pr12-band__fig .ph{width:100%}
[data-view="praus"] .pr12-band__text{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px 40px;padding-top:28px;padding-bottom:clamp(56px,6vw,96px)}
[data-view="praus"] .pr12-band__line{margin:0;font:500 clamp(22px,2.2vw,32px)/1.2 var(--f-display,inherit);letter-spacing:-.014em;color:#fff;max-width:30ch}
[data-view="praus"] .pr12-cta .h1{margin:0;color:#fff;max-width:16ch}
[data-view="praus"] .pr12-cta .lead{margin:20px 0 0;color:rgba(255,255,255,.72)}
[data-view="praus"] .pr12-cta .pr-cross{display:block;margin-top:48px;color:rgba(255,255,255,.64)}
[data-view="praus"] .pr8-dl dd .ip-arrow{font-weight:400}
@media (max-width:899px){
  [data-view="praus"] .pr12-use__head .h1,[data-view="praus"] .pr12-use__head .lead{grid-column:1/-1}
}
@media (max-width:719px){
  [data-view="praus"] .pr12-use .pr-stage{margin-right:0}
  [data-view="praus"] .pr12-band__fig .ph{aspect-ratio:4/5}
}
[data-view="praus"] .pr12-use .pr-stage.pr10-stage{margin:0 auto!important;width:100%;max-width:1120px}
[data-view="praus"] .pr12-use .pr-app{grid-template-columns:248px minmax(0,1fr);width:100%}
[data-view="praus"] .pr12-use .pr-main{min-width:0}
@media (max-width:1000px){[data-view="praus"] .pr12-use .pr-app{grid-template-columns:minmax(0,1fr)}}
@media (max-width:719px){
  :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,0) 22%,rgba(10,10,10,.35) 40%,rgba(10,10,10,.86) 62%,#0A0A0A 100%)}
}
@media (max-width:719px){:is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__ph .phl-gv{opacity:0}}

/* ===== v16 shared (praus / begot): visitor-controlled product tabs [data-pc], replacing the scroll-driven sticky stack.
   Tabs on the left, one interface frame on the right; panels share one grid cell and crossfade. Instant under reduced motion. ===== */
:is([data-view="praus"],[data-view="begot"]) .pc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap,24px);align-items:start}
:is([data-view="praus"],[data-view="begot"]) .pc-tabs{grid-column:1/span 5;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
:is([data-view="praus"],[data-view="begot"]) .pc-stage{grid-column:7/span 6;min-width:0}
:is([data-view="praus"],[data-view="begot"]) .pc-tab{appearance:none;-webkit-appearance:none;display:grid;gap:10px;width:100%;margin:0;padding:26px 0 28px;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out,ease)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab__t{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,1.9vw,28px);line-height:1.15;letter-spacing:-.01em;color:var(--fg-3);transition:color .2s var(--ease-out,ease)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab__d{max-width:44ch;font-size:16px;line-height:1.55;color:var(--fg-3);transition:color .2s var(--ease-out,ease)}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"]) .pc-tab:hover .pc-tab__t{color:var(--fg-2)}}
:is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]{border-top-color:var(--fg)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"] .pc-tab__t{color:var(--fg)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"] .pc-tab__d{color:var(--fg-2)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:4px;border-radius:2px}
:is([data-view="praus"],[data-view="begot"]) .pc-frame{display:grid;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius,16px)}
:is([data-view="praus"],[data-view="begot"]) .pc-panel{grid-area:1/1;display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(16px,3vw,44px);opacity:0;visibility:hidden;transition:opacity .28s var(--ease-out,ease),visibility 0s linear .28s}
:is([data-view="praus"],[data-view="begot"]) .pc-panel.is-active{opacity:1;visibility:visible;transition:opacity .28s var(--ease-out,ease) .04s,visibility 0s}
:is([data-view="praus"],[data-view="begot"]) .pc-panel:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:-4px}
:is([data-view="praus"],[data-view="begot"]) .pc-shot{display:flex;justify-content:center;width:100%;min-width:0}
:is([data-view="praus"],[data-view="begot"]) .pc-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
:is([data-view="praus"],[data-view="begot"]) .pc-nav__b{appearance:none;-webkit-appearance:none;margin:0;padding:11px 18px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--fg);font:500 14px/1 var(--f-text);cursor:pointer;transition:border-color .2s var(--ease-out,ease),background-color .2s var(--ease-out,ease)}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"]) .pc-nav__b:hover:not(:disabled){border-color:var(--fg)}}
:is([data-view="praus"],[data-view="begot"]) .pc-nav__b:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:3px}
:is([data-view="praus"],[data-view="begot"]) .pc-nav__b:disabled{opacity:.38;cursor:default}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"]) :is(.pc-panel,.pc-panel.is-active,.pc-tab,.pc-tab__t,.pc-tab__d){transition:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"]) :is(.pc-panel,.pc-panel.is-active,.pc-tab,.pc-tab__t,.pc-tab__d){transition:none}
@media (max-width:899px){
  :is([data-view="praus"],[data-view="begot"]) .pc{display:block}
  :is([data-view="praus"],[data-view="begot"]) .pc-tabs{margin-bottom:24px}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab{padding:16px 0 18px;gap:8px}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab__t{font-size:20px}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab__d{font-size:15px}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab:not([aria-selected="true"]) .pc-tab__d{display:none}
  :is([data-view="praus"],[data-view="begot"]) .pc-frame{aspect-ratio:auto}
  :is([data-view="praus"],[data-view="begot"]) .pc-panel{padding:16px}
}

/* ===== v16 client style rules for Praus (and the shared rules above that also apply to Lost Tribes) =====
   No blue bars, rules, underlines, borders or fills (blue stays in 3D geometry and focus rings only).
   No monospace labels: --f-mono maps to Inter; labels are Inter 12 to 13px, weight 500, sentence case, no tracking. */
:is([data-view="praus"],[data-view="begot"]){--f-mono:var(--f-text)}
:is([data-view="praus"],[data-view="begot"]) .ip-hero .eyebrow::before{display:none}
:is([data-view="praus"],[data-view="begot"]) .ip-cap{font-weight:500;letter-spacing:0}
[data-view="praus"] .pr12-use::before{display:none}
@media (hover:hover){[data-view="praus"] .pr12-use .pr-app:hover{box-shadow:0 0 0 1px rgba(255,255,255,.24),0 70px 130px -40px rgba(0,0,0,.95)}}
[data-view="praus"] .pr12-cap{font-weight:500;letter-spacing:0}
:is([data-view="praus"],[data-view="begot"]) .pc-stage :is(.pr12-cap--ink,.bg12-cap--ink){margin-top:16px;text-align:left}
:is([data-view="praus"],[data-view="begot"]) .pc-frame{aspect-ratio:5/4}@media (max-width:899px){:is([data-view="praus"],[data-view="begot"]) .pc-frame{aspect-ratio:auto}}

/* ===== v17 shared (praus / begot): one fixed stage for every tab. Ink stage, fixed height per breakpoint, the window
   fills the stage at the same width and position (top-aligned); content clips inside the window, so switching a tab
   changes only what is inside it. On phones the tabs become a horizontal row of 44px pills with the active description
   shown once below; a horizontal swipe on the stage also switches tabs. Nothing depends on hover. ===== */
:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:600px;--pc-pad:40px}
@media (max-width:1279px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:540px;--pc-pad:32px}}
@media (max-width:899px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:520px;--pc-pad:24px}}
@media (max-width:599px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:452px;--pc-pad:14px}}
:is([data-view="praus"],[data-view="begot"]) .pc-frame,
:is([data-view="praus"],[data-view="begot"]) .pc-frame.pr10-frame,
:is([data-view="praus"],[data-view="begot"]) .pc-frame.bg12-frame{display:grid;aspect-ratio:auto;height:var(--pc-h);background:#0A0A0A;border-radius:var(--radius,16px);overflow:hidden;touch-action:pan-y;align-items:stretch;justify-content:stretch}
:is([data-view="praus"],[data-view="begot"]) .pc-frame .pc-panel{align-items:stretch;justify-content:center;padding:var(--pc-pad);min-height:0}
:is([data-view="praus"],[data-view="begot"]) .pc-shot{height:100%;min-height:0;align-items:stretch}
/* the window: identical box on every tab, filling the stage; its content clips above the composer */
[data-view="praus"] .pc .pr10-win{width:100%;max-width:600px;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:none;background:#111}
[data-view="praus"] .pc .pr10-win__bar{flex:none}
[data-view="praus"] .pc .pr10-win__body{flex:1 1 auto;min-height:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}
[data-view="praus"] .pc .pr10-win__comp{flex:none;margin-top:auto}
[data-view="begot"] .pc .bg12-card{width:100%;max-width:600px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;box-shadow:none;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}
[data-view="begot"] .pc .bg12-card>*{flex:none}
:is([data-view="praus"],[data-view="begot"]) .pc-desc{display:none}
:is([data-view="praus"],[data-view="begot"]) .pc-nav__b{min-height:44px;padding:0 18px}
@media (max-width:899px){
  :is([data-view="praus"],[data-view="begot"]) .pc-tabs{flex-direction:row;gap:8px;margin:0;padding:2px 0 6px;border-bottom:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  :is([data-view="praus"],[data-view="begot"]) .pc-tabs::-webkit-scrollbar{display:none}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab,
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]{flex:0 0 auto;display:flex;align-items:center;width:auto;min-height:44px;padding:0 16px;gap:0;border:1px solid var(--line-2);border-radius:999px;scroll-snap-align:start}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab__t{font:500 14px/1.2 var(--f-text);letter-spacing:0;white-space:nowrap;color:var(--fg-2)}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab .pc-tab__d,
  :is([data-view="praus"],[data-view="begot"]) .pc-tab:not([aria-selected="true"]) .pc-tab__d{display:none}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]{background:var(--fg);border-color:var(--fg)}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"] .pc-tab__t{color:var(--bg,#fff)}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab:focus-visible{outline-offset:2px;border-radius:999px}
  :is([data-view="praus"],[data-view="begot"]) .pc-desc{display:grid;margin:14px 0 20px}
  :is([data-view="praus"],[data-view="begot"]) .pc-desc__p{grid-area:1/1;margin:0;max-width:52ch;font-size:15px;line-height:1.55;color:var(--fg-2);visibility:hidden}
  :is([data-view="praus"],[data-view="begot"]) .pc-desc__p.is-active{visibility:visible}
  :is([data-view="praus"],[data-view="begot"]) .pc-nav{justify-content:space-between}
  :is([data-view="praus"],[data-view="begot"]) .pc-nav__b{flex:1 1 0}
}
/* v17 fixes after the width sweep */
@media (max-width:899px){
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]{background:#0A0A0A;border-color:#0A0A0A}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"] .pc-tab__t{color:#F5F5F4}
}
[data-view="praus"] .pc .pr10-win__t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:439px){[data-view="praus"] .pc .pr10-win__mode{display:none}[data-view="praus"] .pc .pr10-win__t{text-align:right}}
/* v17: at phone widths the row status ("No owner") drops below the row text instead of squeezing it to one word per line */
@media (max-width:439px){
  [data-view="praus"] .pr-day__r{grid-template-columns:52px minmax(0,1fr);row-gap:4px}
  [data-view="praus"] .pr-day__r small{grid-column:2;justify-self:start}
}

/* ===== v17 responsive pass (window sizing) ===== */
/* touch: "Explore Lost Tribes" is a 44px target; negative margins keep the line where it was and the underline under the text */
@media (max-width:767px),(pointer:coarse),(max-height:500px){
  [data-view="praus"] .pr-cross .ip-arrow{padding:10px 0 13px;margin-block:-10px;background-position:0 calc(100% - 10px)}
}
/* The hero conversation is a fixed-height frame (it must not change size between conversations), so each width band
   gets the height its longest thread needs: on phones the question at the top was cut off, and between 601 and 1279
   the last row of "From the notes" ran under the composer. */
@media (max-width:359px){[data-view="praus"] .pr-app{height:820px}}
@media (min-width:360px) and (max-width:413px){[data-view="praus"] .pr-app{height:716px}}
@media (min-width:414px) and (max-width:479px){[data-view="praus"] .pr-app{height:672px}}
@media (min-width:601px){[data-view="praus"] .pr-app{height:clamp(640px,46vw,680px)}}
/* Tabbed "in use" frames (shared with Lost Tribes): the frame height stays one value per width band, so all tabs keep
   the same frame, but the band values now fit the longest tab (on narrow phones whole messages were cut off). */
@media (min-width:900px) and (max-width:1023px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:590px}}
@media (min-width:414px) and (max-width:479px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:476px}}
@media (min-width:390px) and (max-width:413px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:516px}}
@media (min-width:360px) and (max-width:389px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:560px}}
@media (max-width:359px){:is([data-view="praus"],[data-view="begot"]) .pc{--pc-h:580px}}
/* 320: the draft's Warmer / Longer / Copy row wraps instead of pushing "Copy" out of the window */
[data-view="praus"] .pr-draft__bar{flex-wrap:wrap}
[data-view="praus"] .pr-draft,[data-view="praus"] .pr-msg > div{min-width:0}

/* v16 (praus + begot): smoother tab list. The active rule wipes in from the left while the old one wipes out,
   colours ease over 450ms, the frame crossfades with a small lift, and the list sits centred on the frame. */
@media (min-width:900px){
  :is([data-view="praus"],[data-view="begot"]) .pc{align-items:center}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab,
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]{position:relative;border-top-color:var(--line)}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
  :is([data-view="praus"],[data-view="begot"]) .pc-tab[aria-selected="true"]::before{transform:scaleX(1);transform-origin:0 50%;transition:transform .75s cubic-bezier(.16,1,.3,1) .06s}
}
:is([data-view="praus"],[data-view="begot"]) .pc-tab__t,
:is([data-view="praus"],[data-view="begot"]) .pc-tab__d{transition:color .45s cubic-bezier(.16,1,.3,1)}
:is([data-view="praus"],[data-view="begot"]) .pc-tab{transition:border-color .45s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1)}
:is([data-view="praus"],[data-view="begot"]) .pc-panel{transform:translateY(8px);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),visibility 0s linear .42s}
:is([data-view="praus"],[data-view="begot"]) .pc-panel.is-active{transform:none;transition:opacity .5s cubic-bezier(.16,1,.3,1) .08s,transform .7s cubic-bezier(.16,1,.3,1) .08s,visibility 0s}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"]) :is(.pc-panel,.pc-panel.is-active,.pc-tab,.pc-tab::before,.pc-tab__t,.pc-tab__d){transition:none!important;transform:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"]) :is(.pc-panel,.pc-panel.is-active,.pc-tab,.pc-tab::before,.pc-tab__t,.pc-tab__d){transition:none!important}
html.motion-off :is([data-view="praus"],[data-view="begot"]) .pc-panel{transform:none}

/* =========================================================================
   v16 Praus: features, benchmark carousel, API
   ========================================================================= */
[data-view="praus"] .pr16-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap,24px);row-gap:20px;align-items:end;margin:0 0 clamp(40px,4.4vw,64px)}
[data-view="praus"] .pr16-head .h1{grid-column:1/span 7;margin:0;max-width:16ch}
[data-view="praus"] .pr16-head>.pr16-lead,[data-view="praus"] .pr16-head__r{grid-column:8/span 5}
[data-view="praus"] .pr16-lead{margin:0;max-width:44ch;font-size:17px;line-height:1.55;color:var(--fg-2);text-wrap:pretty}
[data-view="praus"] .pr16-hf{margin-top:18px}
@media (max-width:1023px){
  [data-view="praus"] .pr16-head{display:block}
  [data-view="praus"] .pr16-head .h1{max-width:none}
  [data-view="praus"] .pr16-head>.pr16-lead,[data-view="praus"] .pr16-head__r{margin-top:20px}
}

/* features: ruled typographic grid */
[data-view="praus"] .pr16-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap,24px);row-gap:clamp(36px,3.6vw,56px)}
[data-view="praus"] .pr16-grid>li{min-width:0;padding-top:20px;border-top:1px solid var(--line-2)}
[data-view="praus"] .pr16-t{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.012em;color:var(--fg)}
[data-view="praus"] .pr16-d{margin:10px 0 0;max-width:38ch;font-size:16px;line-height:1.55;color:var(--fg-2);text-wrap:pretty}
@media (max-width:899px){[data-view="praus"] .pr16-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){[data-view="praus"] .pr16-grid{grid-template-columns:minmax(0,1fr);row-gap:28px}[data-view="praus"] .pr16-d{font-size:15px}}

[data-view="praus"] .pr16-bench{overflow:hidden;overflow:clip}
[data-view="praus"] .pr16-note{margin:clamp(32px,3.2vw,48px) 0 0;max-width:96ch;font-size:13px;line-height:1.6;color:var(--fg-3);text-wrap:pretty}
[data-view="praus"] .pr16-note .link{color:var(--fg-2)}
@media (max-width:639px){
}

/* API */
[data-view="praus"] .pr16-api .lead{max-width:34ch}
[data-view="praus"] .pr16-rows{list-style:none;margin:36px 0 0;padding:0;border-bottom:1px solid rgba(255,255,255,.12);max-width:640px}
[data-view="praus"] .pr16-rows>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:24px;align-items:baseline;padding:16px 0 17px;border-top:1px solid rgba(255,255,255,.12)}
[data-view="praus"] .pr16-rt{margin:0;font:500 15px/1.4 var(--f-text);color:#F5F5F4}
[data-view="praus"] .pr16-rd{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.64)}
[data-view="praus"] .pr16-api .ip-hero__acts{margin-top:36px}
@media (max-width:559px){[data-view="praus"] .pr16-rows>li{display:block}[data-view="praus"] .pr16-rd{margin-top:6px}}
@media (max-width:899px),(pointer:coarse){[data-view="praus"] .pr16-hf{padding:10px 0 13px;margin-block:8px -10px;background-position:0 calc(100% - 10px)}}

/* =========================================================================
   v16b benchmark showcase: one benchmark at a time, tabs with a selection line, a bar chart per benchmark
   ========================================================================= */
[data-view="praus"] .pr16-bench .pr16-head{margin-bottom:clamp(32px,3.6vw,52px)}
[data-view="praus"] .bm{--bm-e:cubic-bezier(.16,1,.3,1);position:relative}
[data-view="praus"] .bm-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:16px;margin:0 0 20px}
[data-view="praus"] .bm-tab{appearance:none;-webkit-appearance:none;position:relative;display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:16px 0 4px;border:0;background:none;color:var(--fg-3);font:500 14px/1.3 var(--f-text);text-align:left;cursor:pointer;transition:color .45s var(--bm-e)}
[data-view="praus"] .bm-tab__bar{position:absolute;left:0;right:0;top:0;height:2px;background:var(--line-2);overflow:hidden}
[data-view="praus"] .bm-tab__bar>i{position:absolute;inset:0;background:var(--fg);transform:scaleX(0);transform-origin:0 50%}
[data-view="praus"] .bm-tab[aria-selected="true"]{color:var(--fg)}
[data-view="praus"] .bm-tab[aria-selected="true"] .bm-tab__bar>i{transform:scaleX(1);transition:transform .7s var(--bm-e)}
@media (hover:hover){[data-view="praus"] .bm-tab:hover{color:var(--fg-2)}[data-view="praus"] .bm-tab[aria-selected="true"]:hover{color:var(--fg)}}
[data-view="praus"] .bm-tab:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:4px;border-radius:2px}

/* Navigation stays above variable-height results, so switching never moves the controls. */
[data-view="praus"] .bm-stage{position:relative}
[data-view="praus"] .bm-panel{display:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap,24px);align-items:start;min-width:0}
[data-view="praus"] .bm-panel.is-active{display:grid;animation:bm-enter 180ms ease-out}
@keyframes bm-enter{from{opacity:.6}to{opacity:1}}
[data-view="praus"] .bm-sum{grid-column:1/span 4;min-width:0}
[data-view="praus"] .bm-name{margin:0;font-size:15px;line-height:1.4;color:var(--fg-2)}
[data-view="praus"] .bm-score{display:flex;align-items:baseline;gap:4px;margin:18px 0 0;font-family:var(--f-display);font-weight:500;font-size:clamp(72px,7.6vw,124px);line-height:.9;letter-spacing:-.04em;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--fg);white-space:nowrap}
[data-view="praus"] .bm-chart--cost~* ,[data-view="praus"] .bm-panel:has(.bm-charts--cost) .bm-score,[data-view="praus"] .bm-panel:has(.bm-chart--cost) .bm-score{font-size:clamp(52px,5.4vw,88px)}
[data-view="praus"] .bm-charts--cost{grid-column:6/span 7;display:flex;flex-direction:column;gap:clamp(36px,4vw,56px);min-width:0}
[data-view="praus"] .bm-cost-k{margin:0 0 12px;font-family:var(--f-mono);font-size:11.5px;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="praus"] .bm-chart--cost-wide .bm-track{background:linear-gradient(90deg,transparent calc(25% - .5px),var(--line) calc(25% - .5px),var(--line) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),var(--line) calc(75% - .5px),var(--line) calc(75% + .5px),transparent calc(75% + .5px))}
[data-view="praus"] .bm-u{font-size:.42em;letter-spacing:0;color:var(--fg-2)}
[data-view="praus"] .bm-rank{display:inline-flex;align-items:center;min-height:32px;margin:22px 0 0;padding:0 12px;border:1px solid var(--line-2);border-radius:2px;font-size:14px;line-height:1.2;color:var(--fg)}
[data-view="praus"] .bm-d{margin:20px 0 0;max-width:34ch;font-size:16px;line-height:1.55;color:var(--fg-2);text-wrap:pretty}

[data-view="praus"] .bm-chart{grid-column:6/span 7;min-width:0;--bm-cols:28px minmax(120px,190px) minmax(0,1fr) 84px}
[data-view="praus"] .bm-axis{display:grid;grid-template-columns:var(--bm-cols);column-gap:16px;height:22px;margin:0 0 6px;font-size:12px;line-height:1;color:var(--fg-3);font-feature-settings:"tnum" 1}
[data-view="praus"] .bm-axis__in{grid-column:3;position:relative}
[data-view="praus"] .bm-axis__in>span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
[data-view="praus"] .bm-axis__in>span:first-child{transform:none}
[data-view="praus"] .bm-axis__in>span:last-child{transform:translateX(-100%)}
[data-view="praus"] .bm-rows{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
[data-view="praus"] .bm-row{display:grid;grid-template-columns:var(--bm-cols);column-gap:16px;align-items:center;min-height:44px;padding:6px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.3;color:var(--fg-2)}
[data-view="praus"] .bm-r{font-feature-settings:"tnum" 1;color:var(--fg-3)}
[data-view="praus"] .bm-n{min-width:0;overflow-wrap:anywhere}
[data-view="praus"] .bm-track{position:relative;height:10px;background:linear-gradient(90deg,transparent calc(25% - .5px),var(--line) calc(25% - .5px),var(--line) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),var(--line) calc(75% - .5px),var(--line) calc(75% + .5px),transparent calc(75% + .5px))}
[data-view="praus"] .bm-chart--cost .bm-track{background:linear-gradient(90deg,transparent calc(33.333% - .5px),var(--line) calc(33.333% - .5px),var(--line) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),var(--line) calc(66.667% - .5px),var(--line) calc(66.667% + .5px),transparent calc(66.667% + .5px))}
[data-view="praus"] .bm-track>i{position:absolute;left:0;top:0;bottom:0;width:var(--w);min-width:3px;border-radius:1px;background:rgba(255,255,255,.26);transform:none}
[data-view="praus"] .bm-panel.is-active .bm-track>i{transform:none}
[data-view="praus"] .bm-v{text-align:right;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--fg-2)}
[data-view="praus"] .bm-row.is-us{color:var(--fg);font-weight:500}
[data-view="praus"] .bm-row.is-us .bm-r,[data-view="praus"] .bm-row.is-us .bm-v{color:var(--fg)}
[data-view="praus"] .bm-row.is-us .bm-track>i{background:#F5F5F4}
[data-view="praus"] .bm-gap{height:10px;border-top:1px dashed var(--line-2)}
[data-view="praus"] .bm-scale{margin:14px 0 0;font-size:13px;line-height:1.4;color:var(--fg-3)}

[data-view="praus"] .bm-ctl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px}
[data-view="praus"] .bm-count{margin:0;font:400 12px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="praus"] .bm-btns{display:flex;gap:8px}
[data-view="praus"] .bm-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--fg);font:500 16px/1 var(--f-text);cursor:pointer;transition:border-color .25s var(--bm-e)}
@media (hover:hover){[data-view="praus"] .bm-btn:hover{border-color:var(--fg)}}
[data-view="praus"] .bm-btn:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:2px}

@media (max-width:1179px){
  [data-view="praus"] .bm-sum{grid-column:1/span 5}
  [data-view="praus"] .bm-chart{grid-column:6/span 7;--bm-cols:24px minmax(110px,150px) minmax(0,1fr) 72px}
  [data-view="praus"] .bm-row,[data-view="praus"] .bm-axis{column-gap:12px}
}
@media (max-width:1023px){
  [data-view="praus"] .bm-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin:0 0 20px}
  [data-view="praus"] .bm-tabs::-webkit-scrollbar{display:none}
  [data-view="praus"] .bm-tab{min-width:0;padding:12px 0 4px;font-size:12px;white-space:normal}
  [data-view="praus"] .bm-panel.is-active{display:block}
  [data-view="praus"] .bm-sum{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:32px;align-items:end}
  [data-view="praus"] .bm-name{grid-column:1/-1}
  [data-view="praus"] .bm-score{grid-column:1;grid-row:2}
  [data-view="praus"] .bm-rank{grid-column:1;grid-row:3;justify-self:start}
  [data-view="praus"] .bm-d{grid-column:2;grid-row:2/span 2;align-self:end;margin:0}
  [data-view="praus"] .bm-chart,[data-view="praus"] .bm-charts--cost{margin-top:36px}
}
@media (max-width:639px){
  [data-view="praus"] .bm-sum{display:block}
  [data-view="praus"] .bm-score{font-size:clamp(64px,19vw,88px)}
  [data-view="praus"] .bm-panel:has(.bm-charts--cost) .bm-score,[data-view="praus"] .bm-panel:has(.bm-chart--cost) .bm-score{font-size:clamp(44px,13vw,60px)}
  [data-view="praus"] .bm-d{margin-top:18px}
  [data-view="praus"] .bm-chart{--bm-cols:20px minmax(0,1fr) 64px}
  [data-view="praus"] .bm-axis{display:none}
  [data-view="praus"] .bm-row{grid-template-columns:var(--bm-cols);row-gap:8px;padding:10px 0 12px}
  [data-view="praus"] .bm-track{grid-column:2/-1;grid-row:2;height:8px}
  [data-view="praus"] .bm-ctl{justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){[data-view="praus"] :is(.bm-panel,.bm-panel.is-active,.bm-track>i,.bm-tab__bar>i,.bm-tab){transition:none!important;animation:none!important}[data-view="praus"] .bm-panel{transform:none}}
html.motion-off [data-view="praus"] :is(.bm-panel,.bm-panel.is-active,.bm-track>i,.bm-tab__bar>i,.bm-tab){transition:none!important;animation:none!important}
html.motion-off [data-view="praus"] .bm-panel{transform:none}

/* Quiet photography behind product feature illustrations. */
:is([data-view="praus"],[data-view="begot"]) .pf-v{isolation:isolate}
:is([data-view="praus"],[data-view="begot"]) .pf-v>.pf-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--crop,50% 65%);filter:grayscale(1);opacity:.62;pointer-events:none;z-index:-2}
:is([data-view="praus"],[data-view="begot"]) .pf-v::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.12),rgba(10,10,10,.04) 45%,rgba(10,10,10,.42));pointer-events:none;z-index:-1}
[data-view="begot"] .pf-v>.pf-backdrop{opacity:.27}
:is([data-view="praus"],[data-view="begot"]) .pf:nth-child(3n+1) .pf-backdrop{--pf-bg-scale:1}
:is([data-view="praus"],[data-view="begot"]) .pf:nth-child(3n+2) .pf-backdrop{--pf-bg-scale:1.35;transform:scale(var(--pf-bg-scale));transform-origin:85% 70%}
:is([data-view="praus"],[data-view="begot"]) .pf:nth-child(3n) .pf-backdrop{--pf-bg-scale:1.65;transform:scale(var(--pf-bg-scale));transform-origin:20% 80%}
:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v>.pf-backdrop{
  transition:none}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v>.pf-backdrop{transition:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v>.pf-backdrop{transition:none}
:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v.praus-reference{transition:none}
@media (hover:hover){:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf:hover .pf-v.praus-reference{transform:none}}
@media (prefers-reduced-motion:reduce){:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v.praus-reference{transition:none}}
html.motion-off :is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v.praus-reference{transition:none}
:is([data-view="praus"],[data-view="begot"]) .pf-v>.pf-win,
:is([data-view="praus"],[data-view="begot"]) .pf-v>.pf-files,
[data-view="begot"] .pf-v>.bgx-stack{filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}

/* v16c features: each item leads with a small interface vignette on an ink plate */
[data-view="praus"] .pr16-feat .pr16-grid{row-gap:clamp(48px,4.4vw,72px)}
[data-view="praus"] .pr16-feat .pr16-grid>li{padding-top:0;border-top:0}
[data-view="praus"] .pf-v{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;margin:0 0 22px;padding:clamp(18px,2vw,28px);border-radius:2px;background:#0A0A0A;color:#F5F5F4;overflow:hidden;font:400 12px/1.35 var(--f-text)}
[data-view="praus"] .pf-v::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
[data-view="praus"] .pf-v p{margin:0}
[data-view="praus"] .pf-win{position:relative;width:100%;max-width:340px;padding:14px 16px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111213;transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .4s}
@media (hover:hover){[data-view="praus"] .pf:hover .pf-win{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}[data-view="praus"] .pf:hover .pf-file{transform:translateY(-2px)}}
[data-view="praus"] .pf-bar{display:flex;justify-content:space-between;gap:12px;color:#F5F5F4;font-weight:500}
[data-view="praus"] .pf-bar em{font-style:normal;font-weight:400;color:rgba(255,255,255,.46)}
[data-view="praus"] .pf-prog{height:2px;margin:10px 0 12px;background:rgba(255,255,255,.1);overflow:hidden}
[data-view="praus"] .pf-prog>i{display:block;height:100%;width:64%;background:#F5F5F4;transform-origin:0 50%;animation:pf-prog 4.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes pf-prog{0%{transform:scaleX(.15)}70%,100%{transform:scaleX(1.5)}}
[data-view="praus"] .pf-src{display:flex;align-items:center;gap:10px;height:22px;border-top:1px solid rgba(255,255,255,.06)}
[data-view="praus"] .pf-src>b{flex:none;width:12px;height:12px;border:1px solid rgba(255,255,255,.3);border-radius:2px}
[data-view="praus"] .pf-src>span,[data-view="praus"] .pf-lines>span{display:block;height:5px;width:var(--l);border-radius:3px;background:rgba(255,255,255,.18)}
[data-view="praus"] .pf-src.is-dim{opacity:.45}
[data-view="praus"] .pf-q{display:flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#F5F5F4}
[data-view="praus"] .pf-caret{display:inline-block;width:1px;height:13px;margin-left:2px;background:#F5F5F4;animation:pf-blink 1.1s steps(1) infinite}
@keyframes pf-blink{50%{opacity:0}}
[data-view="praus"] .pf-chip{display:inline-flex;align-items:center;gap:8px;margin:12px 0 12px!important;color:rgba(255,255,255,.64)}
[data-view="praus"] .pf-dot{width:6px;height:6px;border-radius:50%;background:#F5F5F4;animation:pf-pulse 1.6s ease-in-out infinite}
@keyframes pf-pulse{50%{opacity:.25}}
[data-view="praus"] .pf-lines{display:grid;gap:7px}
[data-view="praus"] .pf-files{display:grid;gap:8px;width:100%;max-width:300px}
[data-view="praus"] .pf-file{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#111213;color:#F5F5F4;transition:transform .6s cubic-bezier(.16,1,.3,1)}
[data-view="praus"] .pf-file:nth-child(2){margin-left:18px;transition-delay:.04s}
[data-view="praus"] .pf-file:nth-child(3){margin-left:36px;transition-delay:.08s}
[data-view="praus"] .pf-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:3px;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.72)}
[data-view="praus"] .pf-proj{display:grid;grid-template-columns:42% minmax(0,1fr);gap:14px;padding:0;overflow:hidden}
[data-view="praus"] .pf-side{padding:12px 0 14px 12px;border-right:1px solid rgba(255,255,255,.08)}
[data-view="praus"] .pf-note{padding:12px 14px 14px 0}
[data-view="praus"] .pf-h{margin:0 0 8px!important;color:rgba(255,255,255,.46)}
[data-view="praus"] .pf-it{padding:5px 8px;margin-right:10px!important;border-radius:4px;color:rgba(255,255,255,.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="praus"] .pf-it.is-on{background:rgba(255,255,255,.08);color:#F5F5F4}
[data-view="praus"] .pf-audio{display:flex;align-items:center;gap:14px}
[data-view="praus"] .pf-play{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:#F5F5F4}
[data-view="praus"] .pf-play::after{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #0A0A0A}
[data-view="praus"] .pf-wave{flex:1 1 auto;display:flex;align-items:center;gap:3px;height:36px;min-width:0}
[data-view="praus"] .pf-wave>i{flex:1 1 0;min-width:2px;height:var(--h);border-radius:2px;background:rgba(255,255,255,.28);transform-origin:50% 50%;animation:pf-wave 1.8s ease-in-out infinite}
[data-view="praus"] .pf-wave>i:nth-child(-n+9){background:#F5F5F4}
[data-view="praus"] .pf-wave>i:nth-child(3n){animation-delay:-.6s}[data-view="praus"] .pf-wave>i:nth-child(3n+1){animation-delay:-1.2s}
@keyframes pf-wave{50%{transform:scaleY(.55)}}
[data-view="praus"] .pf-speed{flex:none;color:rgba(255,255,255,.64)}
[data-view="praus"] .pf-priv{display:grid;gap:0;padding:4px 16px}
[data-view="praus"] .pf-set{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:#F5F5F4}
[data-view="praus"] .pf-set+.pf-set{border-top:1px solid rgba(255,255,255,.08)}
[data-view="praus"] .pf-set em{font-style:normal;color:rgba(255,255,255,.64)}
[data-view="praus"] .pf-sw{flex:none;position:relative;width:30px;height:18px;border-radius:9px;background:rgba(255,255,255,.14)}
[data-view="praus"] .pf-sw::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.7)}
[data-view="praus"] .pr16-cap{margin:clamp(28px,3vw,40px) 0 0;font-size:13px;color:var(--fg-3)}
@media (max-width:559px){[data-view="praus"] .pf-v{aspect-ratio:16/11}}
@media (prefers-reduced-motion:reduce){[data-view="praus"] :is(.pf-prog>i,.pf-caret,.pf-dot,.pf-wave>i){animation:none}}
html.motion-off [data-view="praus"] :is(.pf-prog>i,.pf-caret,.pf-dot,.pf-wave>i){animation:none}
[data-view="praus"] .pf-proj{grid-template-columns:minmax(112px,44%) minmax(0,1fr)}

/* v16c: one heading size and one text column for Praus inner sections */
[data-view="praus"] :is(.pr16-feat,.pr16-orch,.pr16-bench,.pr16-api) .h1{font-size:clamp(36px,4.4vw,64px);line-height:1.02;max-width:none;text-wrap:balance}
[data-view="praus"] .pr16-head{align-items:end}
[data-view="praus"] .pr16-head .h1{grid-column:1/span 7}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .ip-geoband__grid>div:first-child{max-width:640px}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .h1{max-width:none}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .lead{max-width:none;margin-top:24px}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .pr16-rows{max-width:none}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .pr16-rows>li{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .pr16-rd{max-width:none}
[data-view="praus"] :is(.pr16-orch,.pr16-api) .eyebrow{margin:0 0 20px}
[data-view="praus"] :is(.pr16-orch,.pr16-bench,.pr16-api){border-top:1px solid rgba(255,255,255,.08)}
[data-view="praus"] .pr16-orch .ip-geoband__geo{max-width:600px}

/* v17: light Praus app (components/praus-ui.css) replaces the dark chat mockup */
[data-view="praus"] .pr12-use::before{display:none}
[data-view="praus"] .pr17-stage{max-width:1240px;margin-inline:auto}
[data-view="praus"] .pr17-stage .pa{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){[data-view="praus"] .pr17-stage .pa:hover{transform:translateY(-4px)}}

/* begot.css */
/* ---------- Lost Tribes ---------- */
[data-view="begot"] .bg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-view="begot"] .bg-hero{padding-top:clamp(64px,9vw,136px);padding-bottom:clamp(56px,7vw,112px)}
[data-view="begot"] .bg-hero__title{margin:14px 0 0;}
[data-view="begot"] .bg-hero__lead{margin:24px 0 0;max-width:46ch}

[data-view="begot"] .bg-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;max-width:560px}
[data-view="begot"] .bg-form__input{flex:1 1 240px;height:44px;padding:0 18px;border-radius:3px;border:1px solid var(--line-2);background:transparent;color:var(--fg);font:400 15px/1 var(--f-text);transition:border-color .15s,background-color .15s}
[data-view="begot"] .bg-form__input::placeholder{color:var(--fg-3)}
@media (hover:hover){[data-view="begot"] .bg-form__input:hover{border-color:rgba(255,255,255,.32)}}
[data-view="begot"] .section--paper .bg-form__input{border-color:rgba(10,10,10,.2);color:#0A0A0A;background:#fff}
[data-view="begot"] .section--paper .bg-form__input::placeholder{color:rgba(10,10,10,.42)}
@media (hover:hover){[data-view="begot"] .section--paper .bg-form__input:hover{border-color:rgba(10,10,10,.4)}}
[data-view="begot"] .bg-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}
[data-view="begot"] .bg-form__input[aria-invalid="true"]{border-color:#E5484D}
[data-view="begot"] .bg-form__note{flex-basis:100%;margin:4px 0 0 18px;font:400 14px/1.5 var(--f-text);color:var(--fg-3)}
[data-view="begot"] .section--paper .bg-form__note{color:rgba(10,10,10,.55)}
[data-view="begot"] .bg-form.is-done .bg-form__input,[data-view="begot"] .bg-form.is-done .btn{display:none}
[data-view="begot"] .bg-form.is-done .bg-form__note{margin-left:0;font-size:16px;color:var(--fg)}
[data-view="begot"] .section--paper .bg-form.is-done .bg-form__note{color:#0A0A0A}

/* app frame */
[data-view="begot"] .bg-stage{margin-top:clamp(56px,7vw,96px)}
[data-view="begot"] .bg-app{display:grid;grid-template-rows:54px 1fr;height:clamp(560px,46vw,680px);border:1px solid var(--line);border-radius:4px;background:#0B0B0B;overflow:hidden;font-family:var(--f-text);color:var(--fg);box-shadow:0 40px 120px -40px rgba(0,0,0,.9)}
[data-view="begot"] .bg-bar{display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--line);font-size:13.5px;min-width:0}
[data-view="begot"] .bg-logo{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px}
[data-view="begot"] .bg-crumb{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.06);white-space:nowrap}
[data-view="begot"] .bg-search{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 12px;width:min(340px,32%);border-radius:8px;border:1px solid var(--line);color:var(--fg-3);white-space:nowrap;overflow:hidden}
[data-view="begot"] .bg-search kbd{margin-left:auto;font:500 11px/1 var(--f-text);padding:3px 6px;border-radius:4px;border:1px solid var(--line-2);color:var(--fg-2)}
[data-view="begot"] .bg-bar__sp{flex:1}
[data-view="begot"] .bg-faces{display:flex}
[data-view="begot"] .bg-faces small{display:grid;place-items:center;width:26px;height:26px;margin-left:-6px;border-radius:50%;background:#2A2A2A;border:2px solid #0B0B0B;font:500 11px/1 var(--f-text);font-style:normal}
[data-view="begot"] .bg-share{height:30px;padding:0 14px;display:inline-flex;align-items:center;border-radius:3px;background:var(--fg);color:#000;font-weight:500;font-size:13px}

[data-view="begot"] .bg-body{display:grid;grid-template-columns:1fr 320px;min-height:0}
[data-view="begot"] .bg-canvas{position:relative;overflow:hidden;background-color:#0B0B0B;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}
[data-view="begot"] .bg-tree{position:absolute;inset:4% 3% 6%}
[data-view="begot"] .bg-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
[data-view="begot"] .bg-lines path{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1.2;vector-effect:non-scaling-stroke}
[data-view="begot"] .bg-tree .bg-p{position:absolute;width:20%;transform:translate(-50%,-50%)}
[data-view="begot"] .bg-p{display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;border-radius:4px;border:1px solid var(--line-2);background:#141414;font-size:13px;min-width:0}
[data-view="begot"] .bg-p > span:last-child{display:grid;min-width:0;line-height:1.3}
[data-view="begot"] .bg-p b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="begot"] .bg-p small{font-style:normal;font-size:12px;color:var(--fg-3);white-space:nowrap}
[data-view="begot"] .bg-p__a{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#262626;font:500 11px/1 var(--f-text);color:var(--fg-2)}
[data-view="begot"] .bg-p.is-sel{border-color:var(--fg);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
[data-view="begot"] .bg-p.is-sel .bg-p__a{background:var(--fg);color:#000}
[data-view="begot"] .bg-p--empty{border-style:dashed;background:transparent}
[data-view="begot"] .bg-p--empty .bg-p__a{background:transparent;border:1px dashed var(--line-2);font-size:15px}
[data-view="begot"] .bg-p--empty b{color:var(--fg-2)}
[data-view="begot"] .bg-tools{position:absolute;z-index:2;left:14px;bottom:14px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#121212;overflow:hidden}
[data-view="begot"] .bg-tools span{display:grid;place-items:center;width:32px;height:32px;color:var(--fg-2)}
[data-view="begot"] .bg-tools span + span{border-top:1px solid var(--line)}
[data-view="begot"] .bg-minimap{position:absolute;right:14px;bottom:14px;width:112px;height:70px;border:1px solid var(--line);border-radius:8px;background:#121212}
[data-view="begot"] .bg-minimap small{position:absolute;left:30%;top:26%;width:44%;height:50%;border:1px solid var(--fg-2);border-radius:3px}

[data-view="begot"] .bg-panel{border-left:1px solid var(--line);background:#0E0E0E;padding:18px;font-size:13.5px;overflow:hidden}
[data-view="begot"] .bg-panel__head{display:flex;align-items:center;gap:12px}
[data-view="begot"] .bg-panel__head > div{display:grid;flex:1}
[data-view="begot"] .bg-panel__head b{font:500 17px/1.3 var(--f-text)}
[data-view="begot"] .bg-panel__head small{font-style:normal;font-size:12.5px;color:var(--fg-3)}
[data-view="begot"] .bg-panel__a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--fg);color:#000;font-weight:500;font-size:14px}
[data-view="begot"] .bg-x{color:var(--fg-3);align-self:flex-start}
[data-view="begot"] .bg-tabs{display:flex;gap:18px;margin:18px 0 0;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg-tabs span{padding:0 0 10px;color:var(--fg-3)}
[data-view="begot"] .bg-tabs span.is-on{color:var(--fg);box-shadow:inset 0 -1.5px 0 var(--fg)}
[data-view="begot"] .bg-facts{margin:6px 0 0}
[data-view="begot"] .bg-facts div{display:grid;grid-template-columns:76px 1fr;padding:11px 0;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg-facts dt{color:var(--fg-3)}
[data-view="begot"] .bg-facts dd{margin:0;display:grid}
[data-view="begot"] .bg-facts small{font-size:12.5px;color:var(--fg-2)}
[data-view="begot"] .bg-panel__lbl{margin:18px 0 8px;font-size:12px;color:var(--fg-3)}
[data-view="begot"] .bg-recs,[data-view="begot"] .bg-res{list-style:none;margin:0;padding:0;display:grid;gap:6px}
[data-view="begot"] .bg-recs li,[data-view="begot"] .bg-res li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
[data-view="begot"] .bg-recs li span:last-child,[data-view="begot"] .bg-res li > span:nth-child(2){display:grid;line-height:1.35;min-width:0}
[data-view="begot"] .bg-recs b,[data-view="begot"] .bg-res b{font-weight:500}
[data-view="begot"] .bg-recs small,[data-view="begot"] .bg-res small{font-style:normal;font-size:12px;color:var(--fg-3)}
[data-view="begot"] .bg-doc{flex:none;position:relative;width:24px;height:30px;border-radius:3px;border:1px solid var(--line-2);background:#1A1A1A}
[data-view="begot"] .bg-doc::before{content:"";position:absolute;left:5px;right:5px;top:8px;height:1px;background:var(--fg-3);box-shadow:0 4px 0 var(--fg-3),0 8px 0 var(--fg-3),0 12px 0 rgba(245,245,244,.25)}
[data-view="begot"] .bg-doc--img::before{inset:5px;height:auto;box-shadow:none;background:linear-gradient(160deg,#444,#222);border-radius:1px}
[data-view="begot"] .bg-add{display:flex;justify-content:center;margin-top:12px;padding:9px;border-radius:10px;border:1px dashed var(--line-2);color:var(--fg-2)}

[data-view="begot"] .bg-stage__cap{margin-top:14px;font:400 13px/1.4 var(--f-text);color:var(--fg-3)}

/* features */
[data-view="begot"] .bg-features{border-top:1px solid var(--line)}
[data-view="begot"] .bg-features__h{margin:0 0 clamp(56px,7vw,112px);max-width:18ch}
[data-view="begot"] .bg-feat{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:center}
[data-view="begot"] .bg-feat + .bg-feat{margin-top:clamp(80px,10vw,160px)}
[data-view="begot"] .bg-feat--flip .bg-feat__text{order:2}
[data-view="begot"] .bg-feat__text .h2{margin:12px 0 18px;}
[data-view="begot"] .bg-feat__text .body{color:var(--fg-2);margin:0}
[data-view="begot"] .bg-crop{display:grid;gap:18px;padding:clamp(24px,3.4vw,44px);border:1px solid var(--line);border-radius:4px;background:#0B0B0B;font-family:var(--f-text);color:var(--fg);font-size:13.5px;transition:border-color .2s}
@media (hover:hover){[data-view="begot"] .bg-crop:hover{border-color:var(--line-2)}}
[data-view="begot"] .bg-mini{display:flex;align-items:center;gap:0}
[data-view="begot"] .bg-mini .bg-p{flex:1}
[data-view="begot"] .bg-mini__link{flex:0 0 40px;height:1px;background:rgba(255,255,255,.3)}
[data-view="begot"] .bg-p--hint{border-color:var(--fg-2)}
[data-view="begot"] .bg-sheet{display:grid;gap:12px;padding:16px;border-radius:4px;border:1px solid var(--line-2);background:#121212}
[data-view="begot"] .bg-sheet label{display:grid;gap:6px;font-size:12px;color:var(--fg-3)}
[data-view="begot"] .bg-sheet label span{height:36px;display:flex;align-items:center;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#0B0B0B;color:var(--fg);font-size:13.5px}
[data-view="begot"] .bg-sheet__2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-view="begot"] .bg-q{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--fg-2);color:var(--fg)}
[data-view="begot"] .bg-q__n{margin-left:auto;color:var(--fg-3);font-size:12.5px}
[data-view="begot"] .bg-res em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--fg-2);padding:2px 8px;border-radius:3px;border:1px solid var(--line-2)}
[data-view="begot"] .bg-inv__h{margin:0;font-size:16px}
[data-view="begot"] .bg-inv__field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:10px;border:1px solid var(--line-2);background:#121212}
[data-view="begot"] .bg-inv__field > span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
[data-view="begot"] .bg-inv__role{display:inline-flex;align-items:center;gap:4px;color:var(--fg-2);white-space:nowrap}
[data-view="begot"] .bg-inv__go{padding:7px 14px;border-radius:3px;background:var(--fg);color:#000;font-weight:500}
[data-view="begot"] .bg-ppl{list-style:none;margin:0;padding:0;display:grid}
[data-view="begot"] .bg-ppl li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
[data-view="begot"] .bg-ppl small{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#262626;font:500 12px/1 var(--f-text);font-style:normal}
[data-view="begot"] .bg-ppl span{display:grid;line-height:1.35}
[data-view="begot"] .bg-ppl b{font-weight:500}
[data-view="begot"] .bg-ppl small{font-size:12px;color:var(--fg-3)}

/* FAQ */
[data-view="begot"] .bg-faq{border-top:1px solid var(--line)}
[data-view="begot"] .bg-faq__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px)}
[data-view="begot"] .bg-faq__grid > .h2{margin:0;}
[data-view="begot"] .bg-faq__list{border-top:1px solid var(--line)}
[data-view="begot"] .bg-q2{border-bottom:1px solid var(--line)}
[data-view="begot"] .bg-q2 summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;list-style:none;cursor:pointer;font:500 clamp(17px,1.3vw,20px)/1.35 var(--f-text);border-radius:8px}
[data-view="begot"] .bg-q2 summary::-webkit-details-marker{display:none}
@media (hover:hover){[data-view="begot"] .bg-q2 summary:hover .bg-q2__i{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}}
[data-view="begot"] .bg-q2 summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-view="begot"] .bg-q2__i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);transition:border-color .15s,background-color .15s}
[data-view="begot"] .bg-q2__i::before,[data-view="begot"] .bg-q2__i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
[data-view="begot"] .bg-q2__i::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .15s}
[data-view="begot"] .bg-q2[open] .bg-q2__i::after{opacity:0}
[data-view="begot"] .bg-q2__a{padding:0 4px 24px;max-width:62ch}
[data-view="begot"] .bg-q2__a p{margin:0;font:400 16px/1.65 var(--f-text);color:var(--fg-2)}

/* CTA */
[data-view="begot"] .bg-cta__in{display:flex;flex-direction:column;align-items:center;text-align:center}
[data-view="begot"] .bg-cta .h1{margin:0;}
[data-view="begot"] .bg-cta .lead{margin:18px auto 0}
[data-view="begot"] .bg-cta .bg-form{justify-content:center;width:100%}
[data-view="begot"] .bg-cta .bg-form__note{margin-left:0;text-align:center}

@media (max-width:1000px){
  [data-view="begot"] .bg-body{grid-template-columns:1fr 280px}
  [data-view="begot"] .bg-feat,[data-view="begot"] .bg-faq__grid{grid-template-columns:1fr}
  [data-view="begot"] .bg-feat--flip .bg-feat__text{order:0}
  [data-view="begot"] .bg-search{display:none}
}
@media (max-width:760px){
  [data-view="begot"] .bg-app{height:auto;grid-template-rows:54px auto}
  [data-view="begot"] .bg-body{grid-template-columns:1fr}
  [data-view="begot"] .bg-canvas{height:380px}
  [data-view="begot"] .bg-tree{inset:auto;left:50%;top:50%;width:720px;height:420px;transform:translate(-50%,-50%)}
  [data-view="begot"] .bg-minimap,[data-view="begot"] .bg-faces,[data-view="begot"] .bg-crumb{display:none}
  [data-view="begot"] .bg-panel{border-left:0;border-top:1px solid var(--line)}
  [data-view="begot"] .bg-form .btn{flex:1 1 100%}
  [data-view="begot"] .bg-mini__link{flex-basis:16px}
}
@media (prefers-reduced-motion:reduce){
  [data-view="begot"] *{transition:none!important;animation:none!important}
}

/* v3 copy additions */
[data-view="begot"] .bg-hero__title{max-width:14ch;font-size:clamp(48px,7vw,104px);}
[data-view="begot"] .bg-p__a svg{display:block}
[data-view="begot"] .bg-p--root{border-color:rgba(255,255,255,.4)}
[data-view="begot"] .bg-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);padding:6px 12px;border-radius:3px;background:#151515;border:1px solid var(--line);font-size:12.5px;color:var(--fg-2);white-space:nowrap}
[data-view="begot"] .bg-src{display:inline-flex;align-items:center;gap:10px}
[data-view="begot"] .bg-src .bg-doc{width:18px;height:22px}
[data-view="begot"] .bg-src .bg-doc::before{top:6px;left:4px;right:4px;box-shadow:0 3px 0 var(--fg-3),0 6px 0 var(--fg-3)}
[data-view="begot"] .bg-features .eyebrow{margin-bottom:14px}
[data-view="begot"] .bg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
[data-view="begot"] .bg-step{display:flex;flex-direction:column;padding:28px;border-radius:4px;border:1px solid var(--line);background:var(--card);min-height:260px;transition:border-color .2s,background-color .2s}
@media (hover:hover){[data-view="begot"] .bg-step:hover{border-color:var(--line-2);background:#141414}}
[data-view="begot"] .bg-step__i{display:grid;place-items:center;width:40px;height:40px;border-radius:4px;border:1px solid var(--line-2);color:var(--fg);margin-bottom:auto}
[data-view="begot"] .bg-step .h3{margin:48px 0 10px;}
[data-view="begot"] .bg-step .body{margin:0;color:var(--fg-2);font-size:15.5px}
[data-view="begot"] .bg-details__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px)}
[data-view="begot"] .bg-details .h2{margin:12px 0 0;}
[data-view="begot"] .bg-dl{margin:0;border-top:1px solid rgba(10,10,10,.14)}
[data-view="begot"] .bg-dl div{display:grid;grid-template-columns:minmax(140px,3fr) 7fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(10,10,10,.14);font:400 16px/1.5 var(--f-text)}
[data-view="begot"] .bg-dl dt{color:rgba(10,10,10,.55)}
[data-view="begot"] .bg-dl dd{margin:0;color:#0A0A0A}
[data-view="begot"] .bg-cta{border-top:1px solid var(--line)}
[data-view="begot"] .bg-again{margin-left:12px;font:500 14px/1 var(--f-text);color:var(--fg-2);text-decoration:underline;text-underline-offset:3px;border-radius:4px;transition:color .15s}
@media (hover:hover){[data-view="begot"] .bg-again:hover{color:var(--fg)}}
@media (max-width:1000px){[data-view="begot"] .bg-steps{grid-template-columns:repeat(2,1fr)}[data-view="begot"] .bg-details__grid{grid-template-columns:1fr}}
@media (max-width:600px){[data-view="begot"] .bg-steps{grid-template-columns:1fr}[data-view="begot"] .bg-step{min-height:0}[data-view="begot"] .bg-step .h3{margin-top:28px}[data-view="begot"] .bg-dl div{grid-template-columns:1fr;gap:4px}[data-view="begot"] .bg-hero__title{font-size:clamp(40px,11vw,56px)}}
[data-view="begot"] .bg-tree .bg-p{width:21%}
@media (max-width:760px){
  [data-view="begot"] .bg-tree{left:-8px;width:600px;height:400px;transform:translateY(-50%)}
  [data-view="begot"] .bg-tree .bg-p{width:20%;padding:0 10px}
  [data-view="begot"] .bg-hint{top:auto;bottom:12px;left:auto;right:12px;transform:none}
  [data-view="begot"] .bg-tools{display:none}
}
@media (max-width:760px){
  [data-view="begot"] .bg-canvas{height:400px}
  [data-view="begot"] .bg-tree{width:640px;height:360px;top:200px}
  [data-view="begot"] .bg-tree .bg-p{width:21%}
}
@media (max-width:760px){[data-view="begot"] .bg-tree .bg-p b{font-size:12px}[data-view="begot"] .bg-tree .bg-p__a{width:26px;height:26px}[data-view="begot"] .bg-tree .bg-p{gap:8px;padding:0 8px}}
@media (max-width:760px){[data-view="begot"] .bg-tree{width:680px}}
[data-view="begot"] .bg-features,[data-view="begot"] .bg-faq,[data-view="begot"] .bg-cta{border-top:0}
/* v5: paper hero with the app front and centre; brand-shape CTA */
[data-view="begot"] .section--paper .bg-app{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);color-scheme:dark;border-color:#0A0A0A;box-shadow:0 30px 70px -36px rgba(10,10,10,.5)}
[data-view="begot"] .bg-cta.ip-band{border-top:0}
[data-view="begot"] .bg-cta.ip-band .bg-cta__in{align-items:flex-start;text-align:left}
[data-view="begot"] .bg-cta.ip-band .lead{margin-left:0}
[data-view="begot"] .bg-cta.ip-band .bg-form{justify-content:flex-start}
[data-view="begot"] .bg-cta.ip-band .bg-form__note{text-align:left}

/* ---- v6 Lost Tribes: interactive tree + panel tabs (ElevenLabs-style selectable demo) ---- */
[data-view="begot"] .bg-tree .bg-p{cursor:pointer;transition:border-color .2s cubic-bezier(.2,0,0,1),background-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="begot"] .bg-tree .bg-p:hover{border-color:rgba(255,255,255,.5);background:#1A1A1A;transform:translate(-50%,calc(-50% - 2px))}}
@media (hover:hover){[data-view="begot"] .bg-tree .bg-p--empty:hover{background:rgba(255,255,255,.04)}}
@media (hover:hover){[data-view="begot"] .bg-tree .bg-p.is-sel:hover{border-color:var(--fg)}}
[data-view="begot"] .bg-tabs span{cursor:pointer;transition:color .15s,box-shadow .2s}
@media (hover:hover){[data-view="begot"] .bg-tabs span:hover{color:var(--fg)}}
[data-view="begot"] .bg-pane{display:none}
[data-view="begot"] .bg-pane.is-on{display:block;animation:bg-in .26s cubic-bezier(.2,0,0,1)}
@keyframes bg-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
[data-view="begot"] .bg-srcs{list-style:none;margin:6px 0 0;padding:0}
[data-view="begot"] .bg-srcs li{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg-srcs li > span:last-child{display:grid;line-height:1.35}
[data-view="begot"] .bg-srcs b{font-weight:500}
[data-view="begot"] .bg-srcs small{font-style:normal;font-size:12px;color:var(--fg-3)}
[data-view="begot"] .bg-srcs--empty{opacity:.6}
[data-view="begot"] .bg-note{margin:14px 0 0;color:var(--fg-2);line-height:1.55}
[data-view="begot"] .bg-note b{color:var(--fg);font-weight:500}
[data-view="begot"] .bg-add{cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
@media (hover:hover){[data-view="begot"] .bg-add:hover{color:var(--fg);border-color:rgba(255,255,255,.4)}}
html.motion-off [data-view="begot"] .bg-pane.is-on{animation:none}
html.motion-off [data-view="begot"] .bg-tree .bg-p{transition:none}
@media (prefers-reduced-motion:reduce){[data-view="begot"] .bg-pane.is-on{animation:none}@media (hover:hover){[data-view="begot"] .bg-tree .bg-p:hover{transform:translate(-50%,-50%)}}}

/* ---- v6 Lost Tribes: numbered steps joined by a proportion line (x.ai quickstart) ---- */
[data-view="begot"] .bg-steps{counter-reset:bgs;position:relative}
[data-view="begot"] .bg-step{counter-increment:bgs;position:relative;transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s,transform .35s cubic-bezier(.2,0,0,1)}
[data-view="begot"] .bg-step::after{content:counter(bgs,decimal-leading-zero);position:absolute;top:22px;right:22px;font:500 13px/1 var(--f-text);color:var(--fg-3);font-variant-numeric:tabular-nums;transition:color .2s}
@media (hover:hover){[data-view="begot"] .bg-step:hover{transform:translateY(-3px);border-color:rgba(205,211,220,.32)}}
@media (hover:hover){[data-view="begot"] .bg-step:hover::after{color:#9DB4FF}}
html.motion-off [data-view="begot"] .bg-step{transition:none}
[data-view="begot"] .bg-hero__title{max-width:19ch;font-size:var(--t-l);text-wrap:balance}
[data-view="begot"] .bg-form__input{height:48px;border-radius:2px;transition:border-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s}
@media (hover:hover){[data-view="begot"] .section--paper .bg-form__input:hover{border-color:rgba(10,10,10,.42)}}
[data-view="begot"] .bg-form__input:focus-visible{box-shadow:0 0 0 1px #2F5BFF}
[data-view="begot"] .bg-form__input[aria-invalid="true"]{border-color:#C8312B}
@media (max-width:600px){[data-view="begot"] .bg-hero__title{font-size:clamp(38px,10vw,52px)}}
/* v6 Lost Tribes: trust block (ElevenLabs safety trio) */
[data-view="begot"] .bg-trust{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px);margin:0 0 clamp(64px,8vw,120px)}
[data-view="begot"] .bg-trust__head .h2{margin:8px 0 18px}
[data-view="begot"] .bg-trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
[data-view="begot"] .bg-trust__list li{display:grid;align-content:start;gap:10px;padding:24px;border:1px solid var(--line);border-radius:4px;background:#F1EFEA;font:400 15px/1.5 var(--f-text);color:var(--fg-2);transition:border-color .25s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="begot"] .bg-trust__list li:hover{border-color:rgba(10,10,10,.3);transform:translateY(-2px)}}
[data-view="begot"] .bg-trust__list b{font:500 18px/1.3 var(--f-display);color:var(--fg);letter-spacing:-.01em}
[data-view="begot"] .bg-trust__list b::before{content:"";display:block;width:8px;height:8px;background:var(--meridian,#2F5BFF);margin-bottom:22px}
[data-view="begot"] .bg-cross{margin:28px 0 0;font:400 15px/1.4 var(--f-text);color:var(--fg-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html.motion-off [data-view="begot"] .bg-trust__list li{transition:none}
@media (max-width:1000px){[data-view="begot"] .bg-trust{grid-template-columns:1fr}}
@media (max-width:719px){[data-view="begot"] .bg-trust__list{grid-template-columns:1fr}}

/* v6 related news row (DeepMind models page / x.ai news row): category chip, title, travelling arrow */
[data-view="begot"] .bg-rel{padding-block:clamp(56px,7vw,104px)}
[data-view="begot"] .bg-rel__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 28px}
[data-view="begot"] .bg-rel__head .h2{margin:0}
[data-view="begot"] .bg-rel__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
[data-view="begot"] .bg-rel__a{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:22px 12px;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;transition:background-color .2s cubic-bezier(.2,0,0,1)}
[data-view="begot"] .bg-rel__a .tag{justify-self:start}
[data-view="begot"] .bg-rel__t{font:500 clamp(18px,1.5vw,22px)/1.3 var(--f-display);letter-spacing:-.01em}
[data-view="begot"] .bg-rel__arr{transition:transform .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="begot"] .bg-rel__a:hover{background:rgba(10,10,10,.035)}}
@media (hover:hover){[data-view="begot"] .bg-rel__a:hover .bg-rel__arr{transform:translateX(4px)}}
[data-view="begot"] .bg-rel__a:active{background:rgba(10,10,10,.06)}
[data-view="begot"] .bg-rel__a:focus-visible{outline:2px solid #2F5BFF;outline-offset:-2px}
html.motion-off [data-view="begot"] .bg-rel__arr{transition:none}
@media (max-width:719px){[data-view="begot"] .bg-rel__a{grid-template-columns:1fr auto;gap:10px}[data-view="begot"] .bg-rel__a .tag{grid-column:1/-1}}

/* ===== v7 (Inner A): live lineage beside a typographic step list ===== */
[data-view="begot"]{--bg-eo:var(--ease-out,cubic-bezier(.16,1,.3,1))}
[data-view="begot"] .bg-how{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="begot"] .bg-lin{grid-column:1/span 7;margin:0;display:flex;flex-direction:column;gap:12px;position:relative}
[data-view="begot"] .bg-lin__viz{position:relative;width:100%;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.02)}
[data-view="begot"] .bg-how .bg-steps{grid-column:9/span 4;display:block;border-top:1px solid var(--line)}
[data-view="begot"] .bg-how .bg-step{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;row-gap:6px;min-height:0;padding:24px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;transform:none;transition:padding .28s var(--bg-eo)}
@media (hover:hover){[data-view="begot"] .bg-how .bg-step:hover{transform:none;background:transparent;border-color:var(--line);padding-left:8px}}
[data-view="begot"] .bg-how .bg-step__i{grid-row:1/span 2;margin:2px 0 0;color:var(--fg-3)}
[data-view="begot"] .bg-how .bg-step .h3{margin:0;font-size:clamp(18px,1.5vw,21px)}
[data-view="begot"] .bg-how .bg-step .body{grid-column:2;font-size:15px}
[data-view="begot"] .bg-how .bg-step::after{top:26px;right:0}
@media (max-width:1000px){[data-view="begot"] .bg-lin,[data-view="begot"] .bg-how .bg-steps{grid-column:1/-1}}
html.motion-off [data-view="begot"] .bg-how .bg-step{transition:none}
[data-view="begot"] .bg-inv__h{font-weight:500}
[data-view="begot"] .bg-how .bg-step{grid-template-columns:40px minmax(0,1fr);column-gap:20px;padding-right:32px}
[data-view="begot"] .bg-how .bg-step__i{margin:0;align-self:start}

/* ===== v8 (Inner A): lean Lost Tribes ===== */
[data-view="begot"] .bg-app,[data-view="begot"] .section--paper .bg-app{box-shadow:none}
@media (hover:hover){[data-view="begot"] .bg-tree .bg-p:hover{transform:translate(-50%,-50%)}}
[data-view="begot"] .ip-link span{display:none}
[data-view="begot"] .bg8-how__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(40px,5vw,72px)}
[data-view="begot"] .bg8-how__head .h1{grid-column:1/span 7;margin:0;max-width:14ch;text-wrap:balance}
[data-view="begot"] .bg8-how__head .lead{grid-column:8/span 5;margin:0;color:var(--fg-2)}
[data-view="begot"] .bg8-lin{margin:0}
[data-view="begot"] .bg8-lin__viz{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-view="begot"] .bg8-note{margin:14px 0 0;font:400 13px/1.45 var(--f-text);color:var(--fg-3)}
[data-view="begot"] .bg8-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin:clamp(64px,8vw,120px) 0 0;padding-top:28px;border-top:1px solid var(--line)}
[data-view="begot"] .bg8-steps .h3{margin:0 0 10px}
[data-view="begot"] .bg8-steps .body{margin:0;color:var(--fg-2)}
[data-view="begot"] .bg8-facts__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="begot"] .bg8-facts__grid > div{grid-column:1/span 4}
[data-view="begot"] .bg8-facts__grid .h2{margin:0 0 16px;max-width:12ch}
[data-view="begot"] .bg8-facts__grid .body{margin:0;color:var(--fg-2)}
[data-view="begot"] .bg8-dl{grid-column:6/span 7;margin:0;border-top:1px solid var(--line-2)}
[data-view="begot"] .bg8-dl > div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg8-dl dt{font:500 15px/1.5 var(--f-text);color:var(--fg)}
[data-view="begot"] .bg8-dl dd{margin:0;font:400 15px/1.5 var(--f-text);color:var(--fg-2)}
[data-view="begot"] .bg8-cta .h1{margin:0;max-width:16ch;text-wrap:balance}
[data-view="begot"] .bg8-cta .lead{margin:20px 0 0;color:var(--fg-2)}
[data-view="begot"] .bg8-cta .bg-form{justify-content:flex-start;max-width:640px}
[data-view="begot"] .bg8-cta .bg-form__note{margin-left:0;text-align:left}
[data-view="begot"] .bg8-cta .bg-cross{display:block;margin-top:40px}
[data-view="begot"] .bg8-cta .bg-cross .ip-link{display:inline;text-decoration-color:currentColor}
@media (max-width:1000px){
  [data-view="begot"] .bg8-how__head .h1,[data-view="begot"] .bg8-how__head .lead,[data-view="begot"] .bg8-facts__grid > div,[data-view="begot"] .bg8-dl{grid-column:1/-1}
  [data-view="begot"] .bg8-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:719px){
  [data-view="begot"] .bg8-steps{grid-template-columns:1fr}
  [data-view="begot"] .bg8-dl > div{grid-template-columns:1fr;gap:4px}
}
[data-view="begot"] .bg8-facts__grid > .bg8-qs{grid-column:6/span 7;display:grid;gap:28px;margin-top:clamp(32px,4vw,56px)}
[data-view="begot"] .bg8-qs .h4{margin:0 0 8px}
[data-view="begot"] .bg8-qs .body{margin:0;color:var(--fg-2)}
@media (max-width:1000px){[data-view="begot"] .bg8-facts__grid > .bg8-qs{grid-column:1/-1}}
@media (max-width:600px){[data-view="begot"] .bg-form__note{margin-left:0}}
/* v9: CTA with one photograph (Library of Congress reading room) */
[data-view="begot"] .bg8-steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
[data-view="begot"] .bg9-cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
[data-view="begot"] .bg9-cta__text{grid-column:1/span 6}
[data-view="begot"] .bg9-ph{grid-column:8/span 5;margin:0}
@media (max-width:1000px){
  [data-view="begot"] .bg9-cta__text,[data-view="begot"] .bg9-ph{grid-column:1/-1}
  [data-view="begot"] .bg9-ph{margin-top:clamp(40px,8vw,64px)}
  [data-view="begot"] .bg9-ph .ph--port{aspect-ratio:3/2}
}
@media (max-width:719px){[data-view="begot"] .bg8-steps{grid-template-columns:1fr}}
[data-view="begot"] .bg9-status{margin-left:16px;color:var(--fg-3)}
[data-view="begot"] .bg-hero .bg-form__note{margin-left:0;margin-top:8px}

/* ===== v10 Lost Tribes: hero UI on solid blue, story states, offset-overlap CTA ===== */
[data-view="begot"] .bg-hero .bg-hero__title{font-size:clamp(40px,5vw,76px);line-height:1.02;max-width:16ch}
[data-view="begot"] .bg10-blue{padding:clamp(16px,4.5vw,64px)}
[data-view="begot"] .bg10-blue .bg-app{border-color:#0A0A0A;box-shadow:0 40px 100px -40px rgba(10,18,48,.8)}
[data-view="begot"] .bg10-app{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);color-scheme:dark;color:#F5F5F4;border-color:#0A0A0A;pointer-events:none}
[data-view="begot"] .bg10-story__head{margin-bottom:64px}
[data-view="begot"] .bg10-story__head .h1{margin:0}
[data-view="begot"] .bg10-story .sticky-media__step .h2{font-size:clamp(28px,2.6vw,40px);line-height:1.08;margin:0 0 24px}
[data-view="begot"] .bg10-story .sticky-media__step .body{max-width:44ch;margin:0;color:var(--fg-2)}
[data-view="begot"] .bg10-frame{background:#E7E4DE;border-radius:var(--radius,16px);overflow:hidden}
[data-view="begot"] .bg10-frame .sticky-media__slot{display:flex;align-items:center;justify-content:center;overflow:hidden}
[data-view="begot"] .bg10-zoom{width:1040px;zoom:.6;flex:none}
@media (max-width:1279px){[data-view="begot"] .bg10-zoom{zoom:.46}}
@media (max-width:1023px){[data-view="begot"] .bg10-zoom{zoom:.42}}
[data-view="begot"] .ip-clone{background:#E7E4DE;aspect-ratio:auto!important;padding:16px}
[data-view="begot"] .ip-clone .bg10-zoom{zoom:1;width:auto}
[data-view="begot"] .bg10-s1 .bg-panel{display:none}
[data-view="begot"] .bg10-s1 .bg-body{grid-template-columns:1fr}
[data-view="begot"] .bg10-s1 .bg-p.is-sel{outline:0}
[data-view="begot"] .bg10-s1 .bg-p--root{box-shadow:0 0 0 2px #2F5BFF}
[data-view="begot"] .bg10-note-q,[data-view="begot"] .bg10-q{display:block;margin-top:12px;color:var(--fg);text-decoration:underline;text-underline-offset:3px;font-size:13px}
[data-view="begot"] .bg-note small{display:block;margin-top:8px;color:var(--fg-3);font-size:12px}
[data-view="begot"] .bg10-dim{position:absolute;inset:0;background:#050505;opacity:.72;z-index:3}
[data-view="begot"] .bg10-share{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;background:#141414;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:20px;display:grid;gap:16px;font-size:14px}
[data-view="begot"] .bg10-share b{font-weight:500;font-size:16px}
[data-view="begot"] .bg10-share__row{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:6px}
[data-view="begot"] .bg10-share__row small{color:var(--fg-3)}
[data-view="begot"] .bg10-share__btn{justify-self:end;height:36px;display:inline-flex;align-items:center;padding:0 16px;border-radius:2px;background:#F5F5F4;color:#0A0A0A;font-weight:500;font-size:13px}
[data-view="begot"] .bg10-s4 .bg-canvas{position:relative}
[data-view="begot"] .bg10-cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="begot"] .bg10-cta .bg10-ph{grid-column:1/span 9;grid-row:1;margin:0}
[data-view="begot"] .bg10-cta .bg10-ph .ph{aspect-ratio:16/9}
[data-view="begot"] .bg10-cta .bg10-ph img{width:100%;height:100%;object-fit:cover;display:block}
[data-view="begot"] .bg10-cta .bg9-cta__text{grid-column:8/span 5;grid-row:1;position:relative;z-index:2;margin-top:96px;background:#F4F4F2;padding:48px;border-radius:2px}
[data-view="begot"] .bg10-cta .bg9-cta__text .h1{font-size:clamp(32px,3.4vw,52px);margin:0}
@media (max-width:1023px){
  [data-view="begot"] .bg10-cta .bg10-ph{grid-column:1/span 10}
  [data-view="begot"] .bg10-cta .bg9-cta__text{grid-column:5/span 8;margin-top:40%}
}
@media (max-width:767px){
  [data-view="begot"] .bg10-cta{display:block}
  [data-view="begot"] .bg10-cta .bg10-ph .ph{aspect-ratio:4/5}
  [data-view="begot"] .bg10-cta .bg10-ph img{object-position:50% 60%!important}
  [data-view="begot"] .bg10-cta .bg9-cta__text{margin:-64px 0 0 24px;padding:32px 24px 0 24px}
  [data-view="begot"] .bg10-blue{padding:12px}
}
[data-view="begot"] .bg10-zoom{width:860px;zoom:.72}
@media (max-width:1279px){[data-view="begot"] .bg10-zoom{width:860px;zoom:.54}}
@media (max-width:1023px){[data-view="begot"] .bg10-zoom{width:860px;zoom:.5}}
[data-view="begot"] .ip-clone .bg10-zoom{zoom:1;width:auto}
@media (max-width:767px){
  [data-view="begot"] .bg10-cta{display:flex;flex-direction:column-reverse}
  [data-view="begot"] .bg10-cta .bg9-cta__text{margin:-64px 0 0 24px;padding:32px 24px 0}
}
@media (max-width:767px){[data-view="begot"] .sticky-media__inline .bg10-zoom{zoom:1;width:auto}[data-view="begot"] .sticky-media__inline{background:#E7E4DE;padding:12px;border-radius:var(--radius,16px);aspect-ratio:auto!important;height:auto!important}}
[data-view="begot"] .bg10-facts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="begot"] .bg10-facts__text{grid-column:1/span 5}
[data-view="begot"] .bg10-facts__text .h2{margin:0 0 48px}
[data-view="begot"] .bg10-facts__text .bg8-dl{margin:0}
[data-view="begot"] .bg10-facts__text .ip-links{margin-top:32px}
[data-view="begot"] .bg10-plate{grid-column:7/span 6;margin:0;padding-bottom:12px;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg10-plate .ph{aspect-ratio:3/2}
[data-view="begot"] .bg10-plate img{width:100%;height:100%;object-fit:cover;display:block}
[data-view="begot"] .bg10-plate figcaption{margin-top:12px;font:400 13px/1.4 var(--f-text);color:var(--fg-3)}
@media (max-width:767px){[data-view="begot"] .bg10-facts{display:block}[data-view="begot"] .bg10-plate{margin-top:48px}[data-view="begot"] .bg10-plate img{object-position:30% 50%!important}}
/* v12 Lost Tribes */
[data-view="begot"] .bg12-q{background:#0A0A0A;color:#fff;padding-top:clamp(40px,5vw,72px);position:relative;overflow:hidden}
[data-view="begot"] .bg12-q::before{content:"";position:absolute;left:50%;top:34%;width:min(1400px,120vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(47,91,255,.55),transparent)}
[data-view="begot"] .bg12-q__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
[data-view="begot"] .bg12-q__head .h1{grid-column:1/span 6;margin:0;color:#fff}
[data-view="begot"] .bg12-q__head .lead{grid-column:8/span 5;margin:0;color:rgba(255,255,255,.72)}
[data-view="begot"] .bg12-q .bg-stage{position:relative}
[data-view="begot"] .bg12-q .bg10-blue{padding:0}
[data-view="begot"] .bg12-q .bg-app{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 60px 120px -40px rgba(0,0,0,.9);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease}
@media (hover:hover){[data-view="begot"] .bg12-q .bg-app:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(47,91,255,.55),0 70px 130px -40px rgba(0,0,0,.95)}}
[data-view="begot"] .bg12-cap{margin:16px 0 0;font:400 12px/1.4 var(--f-text);color:rgba(255,255,255,.5)}
[data-view="begot"] .bg12-cap--ink{color:var(--fg-3);margin-top:24px}
[data-view="begot"] .bg12-maybe{border-color:rgba(47,91,255,.6)}
[data-view="begot"] .bg12-maybe .bg-p__a{border-color:rgba(47,91,255,.7);color:var(--meridian,#2F5BFF)}
[data-view="begot"] .bg12-unc dd{color:var(--fg)}
[data-view="begot"] .bg12-unc dd small{display:block;margin-top:4px;color:var(--fg-3);font-size:12px;line-height:1.4}
[data-view="begot"] .bg12-facts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="begot"] .bg12-facts .h2{grid-column:1/span 4;margin:0}
[data-view="begot"] .bg12-facts .bg8-dl{grid-column:6/span 7;margin:0}
[data-view="begot"] .bg12-cta .h1{margin:0;color:#fff;max-width:16ch}
[data-view="begot"] .bg12-cta .lead{margin:20px 0 0;color:rgba(255,255,255,.72)}
[data-view="begot"] .bg12-cta .bg-cross{display:block;margin-top:48px;color:rgba(255,255,255,.64)}
@media (max-width:899px){
  [data-view="begot"] .bg12-q__head .h1,[data-view="begot"] .bg12-q__head .lead,[data-view="begot"] .bg12-facts .h2,[data-view="begot"] .bg12-facts .bg8-dl{grid-column:1/-1}
}
[data-view="begot"] .bg12-sub{margin:20px 0 0;max-width:52ch;color:var(--fg-2)}
[data-view="begot"] .bg12-qbar{display:inline-flex;gap:10px;align-items:baseline;color:var(--fg)}
[data-view="begot"] .bg12-qbar b{font-weight:500;color:var(--meridian,#2F5BFF);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
[data-view="begot"] .bg12-unc dd small,[data-view="begot"] dd .bg-src{display:flex;margin-top:6px}
[data-view="begot"] .bg12-band{background:#0A0A0A}
[data-view="begot"] .bg12-frame{background:#0A0A0A;display:flex;align-items:center;justify-content:center}
[data-view="begot"] .bg12-frame .sticky-media__slot{display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px)}
[data-view="begot"] .bg12-card{width:100%;max-width:520px;background:#111;color:#F5F5F4;border:1px solid rgba(255,255,255,.12);border-radius:6px;font:400 14px/1.45 var(--f-text);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
[data-view="begot"] .bg12-card__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
[data-view="begot"] .bg12-card .bg-logo{display:inline-flex;align-items:center;gap:8px;font-weight:500}
[data-view="begot"] .bg12-card__crumb{font-size:12px;color:rgba(245,245,244,.55)}
[data-view="begot"] .bg12-card__q{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}
[data-view="begot"] .bg12-card small{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(245,245,244,.5);margin-bottom:6px}
[data-view="begot"] .bg12-card__q b{font-weight:500;font-size:16px}
[data-view="begot"] .bg12-card__sec{padding:16px}
[data-view="begot"] .bg12-card__sec+.bg12-card__sec{border-top:1px solid rgba(255,255,255,.1)}
[data-view="begot"] .bg12-card__sec p{margin:0}
[data-view="begot"] .bg12-card__sec--dim p{color:rgba(245,245,244,.5)}
[data-view="begot"] .bg12-rec{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;margin-top:8px}
[data-view="begot"] .bg12-rec b{display:block;font-weight:500}
[data-view="begot"] .bg12-rec small{text-transform:none;letter-spacing:0;font-size:12px;margin:2px 0 0}
[data-view="begot"] .bg12-rec.is-open{border-color:rgba(47,91,255,.6)}
[data-view="begot"] .bg12-read{margin:8px 0 0 0;padding:12px;border-left:1px solid var(--meridian,#2F5BFF);background:rgba(255,255,255,.03);font-size:13px;color:rgba(245,245,244,.8)}
[data-view="begot"] .bg12-cmp{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
[data-view="begot"] .bg12-cmp>span:first-child{color:rgba(245,245,244,.55);font-size:13px}
[data-view="begot"] .bg12-ok,[data-view="begot"] .bg12-unk{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(245,245,244,.8);white-space:nowrap}
[data-view="begot"] .bg12-unk{border-style:dashed;border-color:rgba(47,91,255,.7);color:#F5F5F4}
[data-view="begot"] .bg12-cmp.is-unc>span:nth-child(2){color:#F5F5F4}
[data-view="begot"] .bg12-note{margin-top:12px!important;font-size:13px;color:rgba(245,245,244,.66)}
@media (max-width:719px){[data-view="begot"] .bg12-cmp{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}}
[data-view="begot"] .bg12-card{max-width:none;font-size:15px}
[data-view="begot"] .bg12-frame .sticky-media__slot{padding:clamp(16px,3.2vw,48px)}
[data-view="begot"] .bg12-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,.1) 24%,rgba(10,10,10,.15) 52%,rgba(10,10,10,.82) 74%,#0A0A0A 100%)}
[data-view="begot"] .bg12-hero .ip-hero__ph img{inset:auto 0 auto 0;top:-24%;height:118%;object-position:50% 50%}
@media (max-width:719px){[data-view="begot"] .bg12-hero .ip-hero__ph img{top:-18%;height:100%}}
[data-view="begot"] .bg12-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.82) 0,rgba(10,10,10,.35) 13%,rgba(10,10,10,.12) 30%,rgba(10,10,10,.2) 50%,rgba(10,10,10,.84) 72%,#0A0A0A 100%)}

/* ===== v16 client style rules for Lost Tribes: no blue bars, borders or fills (blue only in 3D geometry and focus rings);
   labels in Inter 12px, weight 500, sentence case, no tracking. The tab control itself is styled in praus.css (shared). ===== */
[data-view="begot"] .bg12-q::before{display:none}
@media (hover:hover){[data-view="begot"] .bg12-q .bg-app:hover{box-shadow:0 0 0 1px rgba(255,255,255,.24),0 70px 130px -40px rgba(0,0,0,.95)}}
[data-view="begot"] .bg10-s1 .bg-p--root{box-shadow:0 0 0 2px rgba(245,245,244,.85)}
[data-view="begot"] .bg12-maybe{border-color:rgba(255,255,255,.34)}
[data-view="begot"] .bg12-maybe .bg-p__a{border-color:rgba(255,255,255,.4);color:#F5F5F4}
[data-view="begot"] .bg12-qbar b{color:rgba(245,245,244,.72);font-size:12px;letter-spacing:0;text-transform:none}
[data-view="begot"] .bg12-card small{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
[data-view="begot"] .bg12-rec.is-open{border-color:rgba(255,255,255,.34)}
[data-view="begot"] .bg12-read{border-left-color:rgba(255,255,255,.3)}
[data-view="begot"] .bg12-unk{border-color:rgba(255,255,255,.45)}
[data-view="begot"] .bg12-cap{font-weight:500;letter-spacing:0}
[data-view="begot"] .pc-panel{padding:clamp(16px,3.2vw,48px)}
@media (max-width:899px){[data-view="begot"] .pc-panel{padding:16px}}
[data-view="begot"] .pc-frame.bg12-frame{display:grid;align-items:stretch;justify-content:stretch}
/* v17: at phone widths the status pill drops below the value instead of crowding it */
@media (max-width:439px){
  [data-view="begot"] .pc .bg12-cmp{grid-template-columns:60px minmax(0,1fr);row-gap:6px}
  [data-view="begot"] .pc .bg12-cmp>:nth-child(3){grid-column:2;justify-self:start}
}

/* ===== v17 responsive pass (window sizing) ===== */
/* Family-tree nodes are placed in % of the tree, so between ~760 and ~1440 a node is narrower than its text and
   "Grandmother · b. 1931" / "Two candidates · Uncertain" ran into the next node. Each node is now a size container:
   the detail line wraps inside the node and, when the node gets narrow, the initial disc drops out first (under 168px). */
[data-view="begot"] .bg-tree .bg-p{container-type:inline-size;height:auto;min-height:56px;padding-block:8px}
[data-view="begot"] .bg-tree .bg-p > span:last-child{grid-template-columns:minmax(0,1fr)}
[data-view="begot"] .bg-tree .bg-p small{white-space:normal;line-height:1.25}
@container (max-width:167px){[data-view="begot"] .bg-tree .bg-p__a{display:none}}
@container (max-width:150px){[data-view="begot"] .bg-tree .bg-p b{font-size:12px;white-space:normal}[data-view="begot"] .bg-tree .bg-p small{font-size:11px}}
/* touch: "Explore Praus" is a 44px target without moving the line */
@media (max-width:767px),(pointer:coarse),(max-height:500px){
  [data-view="begot"] .bg-cross .ip-arrow{padding:10px 0 13px;margin-block:-10px;background-position:0 calc(100% - 10px)}
}
/* 761-899: beside a 280px panel the canvas was ~420px wide and the nodes shrank to ~85px (names cut to
   "Margar…"). Here the panel moves under the canvas, as it already does on phones, so the tree gets the full width. */
@media (min-width:761px) and (max-width:899px){
  [data-view="begot"] .bg-app{height:auto;grid-template-rows:54px auto}
  [data-view="begot"] .bg-body{grid-template-columns:minmax(0,1fr)}
  [data-view="begot"] .bg-canvas{height:440px}
  [data-view="begot"] .bg-panel{border-left:0;border-top:1px solid var(--line)}
}
/* 900-1000: a slightly narrower panel leaves the tree enough width for "Possible parent" on one line */
@media (min-width:900px) and (max-width:1000px){[data-view="begot"] .bg-body{grid-template-columns:minmax(0,1fr) 248px}}
/* 900-1023: the record panel beside the tree needs 640px, or "Add a source" is cut off at the bottom */
@media (min-width:900px) and (max-width:1023px){[data-view="begot"] .bg-app{height:640px}}
[data-view="begot"] .oc-close{--oc-b:.74}
/* v16: the delta photo is bright and detailed; grade it down so the headline reads */
/* Already monochrome: avoid image filters while inheriting the shared hero entrance. */
[data-view="begot"] .bg12-hero .ip-hero__ph img{filter:none}
[data-view="begot"] .oc-close{--oc-b:.8}


/* v16: capabilities grid, shared with the Praus features layout */
[data-view="begot"] .pr16-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap,24px);row-gap:20px;align-items:end;margin:0 0 clamp(40px,4.4vw,64px)}
[data-view="begot"] .pr16-head .h1{grid-column:1/span 7;margin:0;max-width:16ch}
[data-view="begot"] .pr16-head>.pr16-lead,[data-view="begot"] .pr16-head__r{grid-column:8/span 5}
[data-view="begot"] .pr16-lead{margin:0;max-width:44ch;font-size:17px;line-height:1.55;color:var(--fg-2);text-wrap:pretty}
  [data-view="begot"] .pr16-head{display:block}
  [data-view="begot"] .pr16-head .h1{max-width:none}
  [data-view="begot"] .pr16-head>.pr16-lead,[data-view="begot"] .pr16-head__r{margin-top:20px}
[data-view="begot"] .pr16-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap,24px);row-gap:clamp(36px,3.6vw,56px)}
[data-view="begot"] .pr16-grid>li{min-width:0;padding-top:20px;border-top:1px solid var(--line-2)}
[data-view="begot"] .pr16-t{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.012em;color:var(--fg)}
[data-view="begot"] .pr16-d{margin:10px 0 0;max-width:38ch;font-size:16px;line-height:1.55;color:var(--fg-2);text-wrap:pretty}
@media (max-width:899px){[data-view="begot"] .pr16-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){[data-view="begot"] .pr16-grid{grid-template-columns:minmax(0,1fr);row-gap:28px}[data-view="begot"] .pr16-d{font-size:15px}}
[data-view="begot"] .pr16-feat .pr16-grid{row-gap:clamp(48px,4.4vw,72px)}
[data-view="begot"] .pr16-feat .pr16-grid>li{padding-top:0;border-top:0}
[data-view="begot"] .pr16-cap{margin:clamp(28px,3vw,40px) 0 0;font-size:13px;color:var(--fg-3)}
[data-view="begot"] :is(.pr16-feat,.pr16-orch,.pr16-bench,.pr16-api) .h1{font-size:clamp(36px,4.4vw,64px);line-height:1.02;max-width:none;text-wrap:balance}
[data-view="begot"] .pr16-head{align-items:end}
[data-view="begot"] .pr16-head .h1{grid-column:1/span 7}
/* v16c features: each item leads with a small interface vignette on an ink plate */
[data-view="begot"] .pr16-feat .pr16-grid{row-gap:clamp(48px,4.4vw,72px)}
[data-view="begot"] .pr16-feat .pr16-grid>li{padding-top:0;border-top:0}
[data-view="begot"] .pf-v{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;margin:0 0 22px;padding:clamp(18px,2vw,28px);border-radius:2px;background:#0A0A0A;color:#F5F5F4;overflow:hidden;font:400 12px/1.35 var(--f-text)}
[data-view="begot"] .pf-v::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
[data-view="begot"] .pf-v p{margin:0}
[data-view="begot"] .pf-win{position:relative;width:100%;max-width:340px;padding:14px 16px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111213;transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .4s}
@media (hover:hover){[data-view="begot"] .pf:hover .pf-win{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}[data-view="begot"] .pf:hover .pf-file{transform:translateY(-2px)}}
[data-view="begot"] .pf-bar{display:flex;justify-content:space-between;gap:12px;color:#F5F5F4;font-weight:500}
[data-view="begot"] .pf-bar em{font-style:normal;font-weight:400;color:rgba(255,255,255,.46)}
[data-view="begot"] .pf-prog{height:2px;margin:10px 0 12px;background:rgba(255,255,255,.1);overflow:hidden}
[data-view="begot"] .pf-prog>i{display:block;height:100%;width:64%;background:#F5F5F4;transform-origin:0 50%;animation:pf-prog 4.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes pf-prog{0%{transform:scaleX(.15)}70%,100%{transform:scaleX(1.5)}}
[data-view="begot"] .pf-src{display:flex;align-items:center;gap:10px;height:22px;border-top:1px solid rgba(255,255,255,.06)}
[data-view="begot"] .pf-src>b{flex:none;width:12px;height:12px;border:1px solid rgba(255,255,255,.3);border-radius:2px}
[data-view="begot"] .pf-src>span,[data-view="begot"] .pf-lines>span{display:block;height:5px;width:var(--l);border-radius:3px;background:rgba(255,255,255,.18)}
[data-view="begot"] .pf-src.is-dim{opacity:.45}
[data-view="begot"] .pf-q{display:flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#F5F5F4}
[data-view="begot"] .pf-caret{display:inline-block;width:1px;height:13px;margin-left:2px;background:#F5F5F4;animation:pf-blink 1.1s steps(1) infinite}
@keyframes pf-blink{50%{opacity:0}}
[data-view="begot"] .pf-chip{display:inline-flex;align-items:center;gap:8px;margin:12px 0 12px!important;color:rgba(255,255,255,.64)}
[data-view="begot"] .pf-dot{width:6px;height:6px;border-radius:50%;background:#F5F5F4;animation:pf-pulse 1.6s ease-in-out infinite}
@keyframes pf-pulse{50%{opacity:.25}}
[data-view="begot"] .pf-lines{display:grid;gap:7px}
[data-view="begot"] .pf-files{display:grid;gap:8px;width:100%;max-width:300px}
[data-view="begot"] .pf-file{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#111213;color:#F5F5F4;transition:transform .6s cubic-bezier(.16,1,.3,1)}
[data-view="begot"] .pf-file:nth-child(2){margin-left:18px;transition-delay:.04s}
[data-view="begot"] .pf-file:nth-child(3){margin-left:36px;transition-delay:.08s}
[data-view="begot"] .pf-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:3px;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.72)}
[data-view="begot"] .pf-proj{display:grid;grid-template-columns:42% minmax(0,1fr);gap:14px;padding:0;overflow:hidden}
[data-view="begot"] .pf-side{padding:12px 0 14px 12px;border-right:1px solid rgba(255,255,255,.08)}
[data-view="begot"] .pf-note{padding:12px 14px 14px 0}
[data-view="begot"] .pf-h{margin:0 0 8px!important;color:rgba(255,255,255,.46)}
[data-view="begot"] .pf-it{padding:5px 8px;margin-right:10px!important;border-radius:4px;color:rgba(255,255,255,.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="begot"] .pf-it.is-on{background:rgba(255,255,255,.08);color:#F5F5F4}
[data-view="begot"] .pf-audio{display:flex;align-items:center;gap:14px}
[data-view="begot"] .pf-play{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:#F5F5F4}
[data-view="begot"] .pf-play::after{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #0A0A0A}
[data-view="begot"] .pf-wave{flex:1 1 auto;display:flex;align-items:center;gap:3px;height:36px;min-width:0}
[data-view="begot"] .pf-wave>i{flex:1 1 0;min-width:2px;height:var(--h);border-radius:2px;background:rgba(255,255,255,.28);transform-origin:50% 50%;animation:pf-wave 1.8s ease-in-out infinite}
[data-view="begot"] .pf-wave>i:nth-child(-n+9){background:#F5F5F4}
[data-view="begot"] .pf-wave>i:nth-child(3n){animation-delay:-.6s}[data-view="begot"] .pf-wave>i:nth-child(3n+1){animation-delay:-1.2s}
@keyframes pf-wave{50%{transform:scaleY(.55)}}
[data-view="begot"] .pf-speed{flex:none;color:rgba(255,255,255,.64)}
[data-view="begot"] .pf-priv{display:grid;gap:0;padding:4px 16px}
[data-view="begot"] .pf-set{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:#F5F5F4}
[data-view="begot"] .pf-set+.pf-set{border-top:1px solid rgba(255,255,255,.08)}
[data-view="begot"] .pf-set em{font-style:normal;color:rgba(255,255,255,.64)}
[data-view="begot"] .pf-sw{flex:none;position:relative;width:30px;height:18px;border-radius:9px;background:rgba(255,255,255,.14)}
[data-view="begot"] .pf-sw::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.7)}
[data-view="begot"] .pr16-cap{margin:clamp(28px,3vw,40px) 0 0;font-size:13px;color:var(--fg-3)}
@media (max-width:559px){[data-view="begot"] .pf-v{aspect-ratio:16/11}}
@media (prefers-reduced-motion:reduce){[data-view="begot"] :is(.pf-prog>i,.pf-caret,.pf-dot,.pf-wave>i){animation:none}}
html.motion-off [data-view="begot"] :is(.pf-prog>i,.pf-caret,.pf-dot,.pf-wave>i){animation:none}
/* Lost Tribes-only vignettes */
[data-view="begot"] .pr16-feat .h1{font-size:clamp(36px,4.4vw,64px);line-height:1.02;max-width:none}
[data-view="begot"] .bgx-hit{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);color:#F5F5F4}
[data-view="begot"] .bgx-hit em{font-style:normal;color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-hit.is-dim{opacity:.5}
[data-view="begot"] .bgx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0!important}
[data-view="begot"] .bgx-chips span{padding:5px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(255,255,255,.72)}
[data-view="begot"] .bgx-chips span.is-on{background:#F5F5F4;border-color:#F5F5F4;color:#0A0A0A}
[data-view="begot"] .bgx-note{margin-top:12px!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-hand{display:block;width:100%;height:54px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#17181A;box-sizing:border-box}
[data-view="begot"] .bgx-hand path{fill:none;stroke:rgba(255,255,255,.62);stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
[data-view="begot"] .bgx-tr{margin-top:12px!important;color:#F5F5F4}
[data-view="begot"] .bgx-tr span{display:block;margin-bottom:4px;color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-tree{display:flex;flex-direction:column;align-items:center;gap:0}
[data-view="begot"] .bgx-row{display:flex;justify-content:center;gap:10px;width:100%}
[data-view="begot"] .bgx-p{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#F5F5F4;white-space:nowrap}
[data-view="begot"] .bgx-p small{font-size:11px;color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-p.is-new{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05)}
[data-view="begot"] .bgx-link{display:block;width:1px;height:14px;background:rgba(255,255,255,.3)}
[data-view="begot"] .bgx-acts{display:flex;gap:6px;margin-top:10px!important}
[data-view="begot"] .bgx-btn{padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#F5F5F4;font-size:11.5px}
[data-view="begot"] .bgx-btn.is-pri{background:#F5F5F4;color:#0A0A0A;border-color:#F5F5F4}
/* read aloud: the transcription is read word by word (different from the Praus waveform) */
[data-view="begot"] .bgx-read{display:flex;flex-direction:column;gap:12px}
[data-view="begot"] .bgx-read__k{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-spk{position:relative;width:12px;height:10px}
[data-view="begot"] .bgx-spk::before{content:"";position:absolute;left:0;top:3px;width:4px;height:4px;background:rgba(255,255,255,.7)}
[data-view="begot"] .bgx-spk::after{content:"";position:absolute;left:3px;top:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent rgba(255,255,255,.7) transparent transparent}
[data-view="begot"] .bgx-read__t{font-size:14px;line-height:1.55;color:rgba(255,255,255,.38)}
[data-view="begot"] .bgx-read__t .is-read{color:#F5F5F4}
[data-view="begot"] .bgx-read__t mark{padding:1px 3px;border-radius:2px;background:#F5F5F4;color:#0A0A0A}
[data-view="begot"] .bgx-read__bar{display:flex;align-items:center;gap:10px;font-size:11px;color:rgba(255,255,255,.46);font-feature-settings:"tnum" 1}
[data-view="begot"] .bgx-read__bar i{position:relative;flex:1 1 auto;height:2px;background:rgba(255,255,255,.12)}
[data-view="begot"] .bgx-read__bar b{position:absolute;left:0;top:0;bottom:0;width:38%;background:#F5F5F4;animation:bgx-read 6s linear infinite}
@keyframes bgx-read{from{width:30%}to{width:46%}}
@media (prefers-reduced-motion:reduce){[data-view="begot"] .bgx-read__bar b{animation:none}}
html.motion-off [data-view="begot"] .bgx-read__bar b{animation:none}
/* record search: a fanned stack of record sheets with one matching row (not a list with a progress bar) */
[data-view="begot"] .bgx-stack{position:relative;width:min(66%,290px);aspect-ratio:4/3;margin-top:8px}
[data-view="begot"] .bgx-doc{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#141517}
[data-view="begot"] .bgx-doc--back{transform:translate(-14px,-12px) rotate(-6deg);opacity:.45}
[data-view="begot"] .bgx-doc--mid{transform:translate(-6px,-5px) rotate(-2.5deg);opacity:.7}
[data-view="begot"] .bgx-doc--front{display:flex;flex-direction:column;padding:12px 14px;background:#17181A;transition:transform .7s cubic-bezier(.16,1,.3,1)}
/* The record stack keeps its crop and position on hover. */
[data-view="begot"] .bgx-doc--back,[data-view="begot"] .bgx-doc--mid{transition:transform .7s cubic-bezier(.16,1,.3,1)}
[data-view="begot"] .bgx-doc__h{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);color:#F5F5F4;font-weight:500}
[data-view="begot"] .bgx-doc__h em{font-style:normal;font-weight:400;color:rgba(255,255,255,.46)}
[data-view="begot"] .bgx-doc__rows{display:grid;gap:0;margin-top:4px}
[data-view="begot"] .bgx-doc__rows p{display:flex;justify-content:space-between;align-items:center;gap:8px;height:22px;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.06)}
[data-view="begot"] .bgx-doc__rows p span:empty{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
[data-view="begot"] .bgx-doc__rows p span:empty:nth-child(1){width:38%}[data-view="begot"] .bgx-doc__rows p span:empty:nth-child(2){width:22%}[data-view="begot"] .bgx-doc__rows p span:empty:nth-child(3){width:14%}
[data-view="begot"] .bgx-doc__rows p.is-hit{margin:0 -6px;padding:0 12px;border-radius:3px;background:#F5F5F4;color:#0A0A0A;font-size:11.5px}
[data-view="begot"] .bgx-doc__tag{margin-top:auto!important;align-self:flex-start;padding:3px 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:11px;color:rgba(255,255,255,.72)}

/* deployments.css */
/* Deployments + shared Solutions components (also used by the Capital view) */
:is([data-view="deployments"],[data-view="capital"]) .dp-hero{padding-top:clamp(96px,14vw,200px);padding-bottom:clamp(64px,8vw,120px)}
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__title{max-width:14ch;margin:20px 0 28px;}
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__lead{max-width:44ch;margin:0}
:is([data-view="deployments"],[data-view="capital"]) .dp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
:is([data-view="deployments"],[data-view="capital"]) .dp-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
:is([data-view="deployments"],[data-view="capital"]) .dp-head>.dp-head__t{grid-column:1/span 7}
:is([data-view="deployments"],[data-view="capital"]) .dp-head .eyebrow{margin:0 0 16px}
:is([data-view="deployments"],[data-view="capital"]) .dp-head .h2{margin:0;max-width:20ch;text-wrap:balance}
:is([data-view="deployments"],[data-view="capital"]) .dp-head>.body{grid-column:9/span 4;margin:0;color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp-arr{display:inline-block;transition:transform .18s ease}
:is([data-view="deployments"],[data-view="capital"]) a:focus-visible .dp-arr{transform:translateX(2px)}@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) a:hover .dp-arr{transform:translateX(2px)}}

/* What we build */
[data-view="deployments"] .dp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
[data-view="deployments"] .dp-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:border-color .18s ease,background-color .18s ease}
[data-view="deployments"] .dp-vig{padding:28px 28px 0;background:#0A0A0A;border-bottom:1px solid var(--line);overflow:hidden;height:300px}
[data-view="deployments"] .dp-ui{height:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;transition:transform .4s ease;transform-origin:50% 100%;font-family:var(--f-text);font-size:12px;color:var(--fg);display:flex;flex-direction:column;overflow:hidden}
@media (hover:hover){[data-view="deployments"] .dp-card:hover .dp-ui{transform:scale(1.02)}}
[data-view="deployments"] .dp-ui__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);flex:none}
[data-view="deployments"] .dp-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.14)}
[data-view="deployments"] .dp-ui__title{margin-left:10px;color:var(--fg-2);font-size:12px}
[data-view="deployments"] .dp-ui__body{flex:1;min-height:0}
[data-view="deployments"] .dp-muted{color:var(--fg-3);font-size:11px}
[data-view="deployments"] .dp-card__text{padding:28px}
[data-view="deployments"] .dp-card__text .h3{margin:0 0 8px}
[data-view="deployments"] .dp-card__text .body{margin:0;color:var(--fg-2)}

/* vignette: chat */
[data-view="deployments"] .dp-chat{display:grid;grid-template-columns:132px 1fr}
[data-view="deployments"] .dp-chat__side{border-right:1px solid var(--line);padding:10px 8px;display:flex;flex-direction:column;gap:2px}
[data-view="deployments"] .dp-chat__item{padding:6px 8px;border-radius:6px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="deployments"] .dp-chat__item.is-on{background:rgba(255,255,255,.07);color:var(--fg)}
[data-view="deployments"] .dp-chat__main{padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
[data-view="deployments"] .dp-msg{max-width:88%;padding:8px 11px;border-radius:10px;line-height:1.45}
[data-view="deployments"] .dp-msg--user{align-self:flex-end;background:#1E1E1E}
[data-view="deployments"] .dp-msg--bot{align-self:flex-start;border:1px solid var(--line);color:var(--fg)}
[data-view="deployments"] .dp-cite{display:block;margin-top:6px;color:var(--fg-3);font-size:11px}
[data-view="deployments"] .dp-input{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line-2);border-radius:10px;padding:8px 8px 8px 11px;color:var(--fg-3)}
[data-view="deployments"] .dp-send{width:20px;height:20px;border-radius:6px;background:var(--fg)}

/* vignette: document review */
[data-view="deployments"] .dp-doc{display:grid;grid-template-columns:1fr 1fr;gap:0}
[data-view="deployments"] .dp-doc__page{padding:16px;display:flex;flex-direction:column;gap:9px;border-right:1px solid var(--line)}
[data-view="deployments"] .dp-ln{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
[data-view="deployments"] .dp-ln--hl{background:rgba(255,255,255,.32)}
[data-view="deployments"] .dp-ln--hl2{background:rgba(255,255,255,.22)}
[data-view="deployments"] .dp-doc__panel{padding:12px;display:flex;flex-direction:column;gap:8px}
[data-view="deployments"] .dp-flag{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;line-height:1.35}
[data-view="deployments"] .dp-flag small{color:var(--fg-3);font-size:11px}
[data-view="deployments"] .dp-pill{justify-self:start;font-size:10px;padding:2px 7px;border-radius:3px;border:1px solid var(--line-2);color:var(--fg-2)}
[data-view="deployments"] .dp-pill--warn{background:var(--fg);color:var(--ink);border-color:var(--fg)}
[data-view="deployments"] .dp-pill--ok{color:var(--fg)}

/* vignette: support */
[data-view="deployments"] .dp-sup{display:grid;grid-template-columns:1fr 1.1fr}
[data-view="deployments"] .dp-sup__list{border-right:1px solid var(--line)}
[data-view="deployments"] .dp-tk{display:grid;gap:3px;padding:11px 12px;border-bottom:1px solid var(--line)}
[data-view="deployments"] .dp-tk b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="deployments"] .dp-tk small{color:var(--fg-3);font-size:11px}
[data-view="deployments"] .dp-tk.is-on{background:rgba(255,255,255,.05);box-shadow:inset 2px 0 0 var(--fg)}
[data-view="deployments"] .dp-sup__draft{padding:14px;display:flex;flex-direction:column;gap:8px}
[data-view="deployments"] .dp-sup__draft p{margin:0;line-height:1.5;padding:10px;border:1px solid var(--line);border-radius:8px}
[data-view="deployments"] .dp-sup__btns{display:flex;gap:6px}
[data-view="deployments"] .dp-mini{font-size:11px;padding:4px 10px;border-radius:3px;border:1px solid var(--line-2)}
[data-view="deployments"] .dp-mini--pri{background:var(--fg);color:var(--ink);border-color:var(--fg)}

/* vignette: analysis */
[data-view="deployments"] .dp-ana{padding:14px;display:flex;flex-direction:column;gap:10px}
[data-view="deployments"] .dp-ana__q{padding:8px 11px;border:1px solid var(--line-2);border-radius:8px}
[data-view="deployments"] .dp-ana__code{margin:0;padding:9px 11px;border-radius:8px;background:#151515;color:var(--fg-2);font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;overflow:hidden}
[data-view="deployments"] .dp-ana__chart{flex:1;display:flex;align-items:flex-end;gap:5px;min-height:60px;border-bottom:1px solid var(--line);padding-top:4px}
[data-view="deployments"] .dp-ana__chart span{flex:1;background:rgba(255,255,255,.28);border-radius:2px 2px 0 0}
[data-view="deployments"] .dp-ana__chart span:last-child{background:var(--fg)}

/* Steps (shared) */
:is([data-view="deployments"],[data-view="capital"]) .dp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
:is([data-view="deployments"],[data-view="capital"]) .dp-step{padding-top:24px;border-top:1px solid var(--line-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp-step__n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);font:500 14px var(--f-text);color:var(--fg)}
:is([data-view="deployments"],[data-view="capital"]) .dp-step .h3{margin:20px 0 10px}
:is([data-view="deployments"],[data-view="capital"]) .dp-step .body{margin:0;color:var(--fg-2)}

/* Security */
[data-view="deployments"] .dp-sec__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="deployments"] .dp-sec__grid>div{grid-column:1/span 5}
[data-view="deployments"] .dp-sec__grid>div .h2{margin:0 0 20px;}
[data-view="deployments"] .dp-sec__grid>div .body{color:var(--fg-2);margin:0 0 28px}
[data-view="deployments"] .dp-facts{grid-column:7/span 6;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
[data-view="deployments"] .dp-fact{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .18s ease}
@media (hover:hover){[data-view="deployments"] .dp-fact:hover{border-color:var(--line-2)}}
[data-view="deployments"] .dp-fact dt{font:500 16px var(--f-text);margin-bottom:10px}
[data-view="deployments"] .dp-fact dd{margin:0;color:var(--fg-2);font-size:15px;line-height:1.55}

/* Plans */
[data-view="deployments"] .dp-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
[data-view="deployments"] .dp-plan{padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start}
[data-view="deployments"] .dp-plan .h3{margin:0 0 12px}
[data-view="deployments"] .dp-plan>.body{margin:0 0 28px;color:var(--fg-2)}
[data-view="deployments"] .dp-plan .btn{margin-top:auto}
[data-view="deployments"] .dp-plan--full{background:#141414;border-color:var(--line-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp-list{list-style:none;margin:0 0 36px;padding:0;display:grid;gap:12px;width:100%}
:is([data-view="deployments"],[data-view="capital"]) .dp-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:var(--fg)}
:is([data-view="deployments"],[data-view="capital"]) .dp-list li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:5px;border-left:1.5px solid var(--fg-2);border-bottom:1.5px solid var(--fg-2);transform:translateY(-50%) rotate(-45deg)}

/* FAQ (shared) */
:is([data-view="deployments"],[data-view="capital"]) .dp-faq__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:is([data-view="deployments"],[data-view="capital"]) .dp-faq__grid>.h2{grid-column:1/span 4;margin:0;}
:is([data-view="deployments"],[data-view="capital"]) .dp-acc{grid-column:6/span 7;border-top:1px solid var(--line)}
:is([data-view="deployments"],[data-view="capital"]) .dp-q{border-bottom:1px solid var(--line)}
:is([data-view="deployments"],[data-view="capital"]) .dp-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 4px;font:500 18px/1.4 var(--f-text);color:var(--fg);border-radius:8px;transition:color .15s ease}
:is([data-view="deployments"],[data-view="capital"]) .dp-q summary::-webkit-details-marker{display:none}
@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) .dp-q summary:hover{color:var(--fg)}}
:is([data-view="deployments"],[data-view="capital"]) .dp-q:not([open]) summary{color:var(--fg-2)}
@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) .dp-q:not([open]) summary:hover{color:var(--fg)}}
:is([data-view="deployments"],[data-view="capital"]) .dp-q summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:is([data-view="deployments"],[data-view="capital"]) .dp-q__i{position:relative;flex:none;width:14px;height:14px}
:is([data-view="deployments"],[data-view="capital"]) .dp-q__i::before,:is([data-view="deployments"],[data-view="capital"]) .dp-q__i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.5px;background:currentColor;transition:transform .18s ease}
:is([data-view="deployments"],[data-view="capital"]) .dp-q__i::after{transform:rotate(90deg)}
:is([data-view="deployments"],[data-view="capital"]) .dp-q[open] .dp-q__i::after{transform:rotate(0)}
:is([data-view="deployments"],[data-view="capital"]) .dp-q .body{margin:0;padding:0 40px 24px 4px;color:var(--fg-2)}

/* Forms (shared) */
:is([data-view="deployments"],[data-view="capital"]) .dp-contact__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:is([data-view="deployments"],[data-view="capital"]) .dp-contact__grid>div{grid-column:1/span 5}
:is([data-view="deployments"],[data-view="capital"]) .dp-contact__grid>div .h2{margin:0 0 20px;}
:is([data-view="deployments"],[data-view="capital"]) .dp-contact__grid>div .body{margin:0;color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp-form{grid-column:7/span 6;display:grid;gap:16px;align-content:start}
:is([data-view="deployments"],[data-view="capital"]) .dp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is([data-view="deployments"],[data-view="capital"]) .dp-field{display:grid;gap:8px;font:500 14px var(--f-text);color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp-field :is(input,select,textarea){width:100%;box-sizing:border-box;font:400 16px/1.4 var(--f-text);color:var(--fg);background:transparent;border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;min-height:48px;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none}
:is([data-view="deployments"],[data-view="capital"]) .dp-field select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
:is([data-view="deployments"],[data-view="capital"]) .dp-field textarea{resize:vertical;min-height:120px}
@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) .dp-field :is(input,select,textarea):hover{border-color:var(--fg-3)}}
:is([data-view="deployments"],[data-view="capital"]) .dp-field :is(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,91,255,.22)}
:is([data-view="deployments"],[data-view="capital"]) .dp-field [aria-invalid="true"]{border-color:#C2412D}
:is([data-view="deployments"],[data-view="capital"]) .dp-form .btn{justify-self:start;margin-top:8px}
:is([data-view="deployments"],[data-view="capital"]) .dp-err{margin:0;font-size:14px;color:#B3261E}
:is([data-view="deployments"],[data-view="capital"]) .dp-ok{margin:0;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;font-size:15px;color:var(--fg)}

@media (max-width:960px){
  :is([data-view="deployments"],[data-view="capital"]) .dp-head>.dp-head__t,
  :is([data-view="deployments"],[data-view="capital"]) .dp-head>.body,
  :is([data-view="deployments"],[data-view="capital"]) .dp-faq__grid>.h2,
  :is([data-view="deployments"],[data-view="capital"]) .dp-acc,
  :is([data-view="deployments"],[data-view="capital"]) .dp-contact__grid>div,
  :is([data-view="deployments"],[data-view="capital"]) .dp-form,
  [data-view="deployments"] .dp-sec__grid>div,[data-view="deployments"] .dp-facts{grid-column:1/-1}
  [data-view="deployments"] .dp-cards,[data-view="deployments"] .dp-plan-grid{grid-template-columns:1fr}
  :is([data-view="deployments"],[data-view="capital"]) .dp-steps{grid-template-columns:1fr 1fr;row-gap:40px}
}
@media (max-width:600px){
  [data-view="deployments"] .dp-vig{padding:16px 16px 0;height:260px}
  [data-view="deployments"] .dp-chat{grid-template-columns:1fr}
  [data-view="deployments"] .dp-chat__side{display:none}
  [data-view="deployments"] .dp-card__text{padding:22px}
  [data-view="deployments"] .dp-facts,:is([data-view="deployments"],[data-view="capital"]) .dp-row,
  :is([data-view="deployments"],[data-view="capital"]) .dp-steps{grid-template-columns:1fr}
  :is([data-view="deployments"],[data-view="capital"]) .dp-q summary{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  :is([data-view="deployments"],[data-view="capital"]) *{transition:none!important}
}

/* hero additions */
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__title{max-width:16ch;text-wrap:balance}
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__lead{max-width:52ch}
[data-view="capital"] .cap-hero__meta{margin:20px 0 0;font-size:14px;color:var(--fg-3)}

/* What you get (Deployments) */
[data-view="deployments"] .dp-get__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
[data-view="deployments"] .dp-get__item{padding-top:24px;border-top:1px solid var(--line-2)}
[data-view="deployments"] .dp-get__item .h3{margin:0 0 10px}
[data-view="deployments"] .dp-get__item .body{margin:0;color:var(--fg-2)}
[data-view="deployments"] .dp-build{padding-bottom:clamp(40px,5vw,80px)}

/* step extras */
:is([data-view="deployments"],[data-view="capital"]) .dp-step__d{display:block;margin-top:6px;font:400 14px var(--f-text);color:var(--fg-3);letter-spacing:0}
:is([data-view="deployments"],[data-view="capital"]) .dp-step__get{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--fg);font-weight:500}

/* Where it runs diagram */
[data-view="deployments"] .dp-dia{margin:40px 0 0;position:relative;border:1px solid var(--line-2);border-radius:var(--radius);padding:44px 20px 20px;display:grid;gap:14px;max-width:460px}
[data-view="deployments"] .dp-dia__label{position:absolute;top:14px;left:20px;font-size:13px;color:var(--fg-3)}
[data-view="deployments"] .dp-dia__inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
[data-view="deployments"] .dp-dia__inputs span{position:relative;text-align:center;font-size:13px;padding:9px 6px;border:1px solid var(--line);border-radius:10px;color:var(--fg-2);background:var(--card)}
[data-view="deployments"] .dp-dia__inputs span::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:14px;background:var(--line-2)}
[data-view="deployments"] .dp-dia__core{display:grid;gap:2px;text-align:center;padding:16px;border-radius:4px;background:var(--fg);color:var(--ink)}
[data-view="deployments"] .dp-dia__core b{font:500 16px var(--f-text)}
[data-view="deployments"] .dp-dia__core small{font-size:13px;opacity:.64}

/* form extras */
:is([data-view="deployments"],[data-view="capital"]) .dp-opt{font-weight:400;color:var(--fg-3)}
:is([data-view="deployments"],[data-view="capital"]) .dp-field ::placeholder{color:var(--fg-3)}
:is([data-view="deployments"],[data-view="capital"]) .dp-again{margin-left:6px;padding:0;border:0;background:none;font:500 15px var(--f-text);color:var(--fg);text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:4px}
@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) .dp-again:hover{text-decoration-thickness:2px}}
:is([data-view="deployments"],[data-view="capital"]) .dp-again:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:960px){[data-view="deployments"] .dp-get__grid{grid-template-columns:1fr 1fr;row-gap:40px}}
@media (max-width:600px){[data-view="deployments"] .dp-get__grid{grid-template-columns:1fr}}
[data-view="deployments"] .dp-sec__grid>div .eyebrow{margin:0 0 16px}
[data-view="deployments"] .dp-facts{align-content:start;align-self:start}
[data-view="deployments"] .dp-sec__grid>div .btn--ghost{margin-top:28px}
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__media{margin:clamp(56px,7vw,96px) 0 0;aspect-ratio:21/9}
:is([data-view="deployments"],[data-view="capital"]) .dp-hero__media img{width:100%;height:100%;display:block;object-fit:cover}
:is([data-view="deployments"],[data-view="capital"]) .dp-head .h2{max-width:22ch}
[data-view="capital"] .cap-hero__title{max-width:18ch}
[data-view="deployments"] .dp-hero__title{max-width:17ch}
@media (max-width:600px){:is([data-view="deployments"],[data-view="capital"]) .dp-hero__media{aspect-ratio:4/3}}
/* v5: paper/white rhythm — keep product UI dark and legible on light sections */
[data-view="deployments"] .section--paper .dp-vig{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);--press:rgba(255,255,255,.1);color-scheme:dark}
[data-view="deployments"] .section--paper .dp-vig .ui{border-color:#0A0A0A}
[data-view="deployments"] .section--paper .dp-card{background:#fff}
[data-view="deployments"] .ip-white .dp-plan{background:var(--paper)}
[data-view="deployments"] .ip-white .dp-plan--full{background:#0A0A0A;color:#F5F5F4;border-color:#0A0A0A;--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);--press:rgba(255,255,255,.1);color-scheme:dark}
[data-view="deployments"] .ip-white .dp-plan--full .btn--primary{--b-bg:#F5F5F4;--b-fg:#0A0A0A;--b-bd:#F5F5F4}
@media (hover:hover){[data-view="deployments"] .ip-white .dp-plan--full .btn--primary:hover{--b-bg:#FFFFFF;--b-bd:#FFFFFF}}

/* ---- v6 Deployments: use-case tag chips (Lowe's project cards), ticked process rule, meridian plan card (x.ai plan cards) ---- */
[data-view="deployments"] .dp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 12px}
[data-view="deployments"] .dp-card{transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s,transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s}
@media (hover:hover){[data-view="deployments"] .dp-card:hover{transform:translateY(-3px);box-shadow:0 28px 56px -32px rgba(10,10,10,.35)}}
[data-view="deployments"] .ip-white .dp-plan--rec{background:#0A0A0A;color:#F5F5F4;border-color:#0A0A0A;--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;--hover:rgba(255,255,255,.06);--press:rgba(255,255,255,.1);color-scheme:dark}
[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary{--b-bg:#F5F5F4;--b-fg:#0A0A0A;--b-bd:#F5F5F4}
@media (hover:hover){[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary:hover{--b-bg:#FFFFFF;--b-bd:#FFFFFF}}

/* ---- v6 Deployments: use-case tag chips (Lowe's project cards), ticked process rule, meridian plan card (x.ai plan cards) ---- */
[data-view="deployments"] .dp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 12px}
[data-view="deployments"] .dp-card{transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s,transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s}
@media (hover:hover){[data-view="deployments"] .dp-card:hover{transform:translateY(-3px);box-shadow:0 28px 56px -32px rgba(10,10,10,.35)}}
:where([data-view="deployments"]) :where(.pl-rule){position:relative;display:flex;justify-content:space-between;gap:16px;padding-top:14px;margin:0 0 clamp(28px,3vw,44px);border-top:1px solid var(--line-2);font:400 13px/1.3 var(--f-text);color:var(--fg-3)}
:where([data-view="deployments"]) :where(.pl-rule)::before{content:"";position:absolute;left:0;right:0;top:-4px;height:7px;background-image:linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:calc(100% / 12) 7px;background-repeat:repeat-x;pointer-events:none}
:where([data-view="deployments"]) :where(.pl-rule__label){color:var(--fg-2);font-weight:500}
[data-view="deployments"] .ip-white .dp-plan--rec{background:linear-gradient(135deg,#1B3ACC 0%,#2F5BFF 100%);border-color:transparent;color:#fff;--fg:#fff;--fg-2:rgba(255,255,255,.82);--fg-3:rgba(255,255,255,.64);--line:rgba(255,255,255,.24);--line-2:rgba(255,255,255,.4)}
@media (hover:hover){[data-view="deployments"] .ip-white .dp-plan--rec:hover{background:linear-gradient(135deg,#1B3ACC 0%,#3A66FF 100%);border-color:transparent}}
[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary{--b-bg:#FFFFFF;--b-fg:#0A1230;--b-bd:#FFFFFF}
@media (hover:hover){[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary:hover{--b-bg:#EAF0FF;--b-bd:#EAF0FF}}
[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary:active{--b-bg:#DCE5FF;--b-bd:#DCE5FF}
[data-view="deployments"] .ip-white .dp-plan--rec .btn--primary:focus-visible{outline-color:#fff}
html.motion-off [data-view="deployments"] .dp-card{transition:none}
[data-view="deployments"] .dp-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
[data-view="deployments"] .dp-hero__media{position:relative}
/* v6 hero: moving image + HD still as a hardware diptych (Figure/SpaceX motion; video kept <= 50% wide per VIDEO.md) */
[data-view="deployments"] .dp-hero__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:clamp(56px,7vw,96px) 0 0}
[data-view="deployments"] .dp-hero__pair .media{position:relative;margin:0;aspect-ratio:4/3;border-radius:4px;overflow:hidden}
[data-view="deployments"] .dp-hero__pair img,[data-view="deployments"] .dp-hero__pair video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-view="deployments"] .dp-pair__img img{object-position:50% 60%;transition:transform .6s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="deployments"] .dp-pair__img:hover img{transform:scale(1.03)}}
html.motion-off [data-view="deployments"] .dp-pair__img img{transition:none;transform:none}
@media (max-width:719px){[data-view="deployments"] .dp-hero__pair{grid-template-columns:1fr;gap:12px}[data-view="deployments"] .dp-pair__vid{aspect-ratio:16/10}[data-view="deployments"] .dp-pair__img{aspect-ratio:16/10}}

/* full deployment card: outline plate on white (x.ai plan cards: one filled, one outline) */
[data-view="deployments"] .ip-white .dp-plan.dp-plan--full{background:transparent;color:#0A0A0A;border:1px solid rgba(10,10,10,.16);--fg:#0A0A0A;--fg-2:rgba(10,10,10,.64);--fg-3:rgba(10,10,10,.46);--line:rgba(10,10,10,.12);--line-2:rgba(10,10,10,.22);color-scheme:light}
@media (hover:hover){[data-view="deployments"] .ip-white .dp-plan.dp-plan--full:hover{border-color:rgba(10,10,10,.36);background:#FAFAF9}}
[data-view="deployments"] .ip-white .dp-plan--rec{position:relative}
[data-view="deployments"] .dp-rec{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border:1px solid rgba(255,255,255,.4);border-radius:3px;font:500 12px/1 var(--f-text);color:#fff}
[data-view="deployments"] .dp-rec::before{content:"";width:6px;height:6px;background:#fff}
[data-view="deployments"] .dp-meta{margin:10px 0 0;font:400 13.5px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="deployments"] .dp-privacy{margin:0;font:400 13.5px/1.5 var(--f-text);color:var(--fg-3)}

/* ===== v7 (Inner A): photo system, hardware-board, system viz, motion tokens ===== */
[data-view="deployments"]{--dp-eo:var(--ease-out,cubic-bezier(.16,1,.3,1));--dp-eio:var(--ease-in-out,cubic-bezier(.65,0,.35,1))}
[data-view="deployments"] .dp-hero__pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch;margin:clamp(64px,8vw,112px) 0 0}
[data-view="deployments"] .dp-hero__pair .ph-fig{margin:0;display:flex;flex-direction:column;min-width:0;aspect-ratio:auto;overflow:visible;border-radius:0}
[data-view="deployments"] .dp-pair__vid{grid-column:1/span 8}
[data-view="deployments"] .dp-pair__img{grid-column:9/span 4}
[data-view="deployments"] .dp-pair__img .ph{flex:1 1 auto;aspect-ratio:auto;min-height:0}
[data-view="deployments"] .dp-hero__pair .ph-label{margin-top:12px}
/* system viz: the centrepiece of How it works */
[data-view="deployments"] .dp-system{position:relative;margin:clamp(40px,5vw,72px) 0 clamp(56px,6vw,88px);display:grid;gap:14px}
[data-view="deployments"] .dp-system__viz{position:relative;width:100%;border:1px solid var(--line);border-radius:2px;background:var(--card)}
[data-view="deployments"] .dp-sec__grid>div .btn--ghost{margin-top:8px}
@media (max-width:719px){
  [data-view="deployments"] .dp-hero__pair{grid-template-columns:minmax(0,1fr);gap:28px}
  [data-view="deployments"] .dp-pair__vid,[data-view="deployments"] .dp-pair__img{grid-column:1/-1}
  [data-view="deployments"] .dp-pair__img .ph{flex:none;aspect-ratio:4/5}
  [data-view="deployments"] .dp-system__cap{flex-direction:column;gap:4px}
  [data-view="deployments"] .dp-system__cap span:last-child{display:none}
}
[data-view="deployments"] .dp-ui__title{letter-spacing:0;line-height:1.3}
[data-view="deployments"] .dp-hero__pair .pl-frame,[data-view="deployments"] .dp-system .pl-frame{position:relative}
[data-view="deployments"] .dp-system__viz{border:0;background:transparent}
@media (min-width:900px){[data-view="deployments"] .dp-system__viz{--viz-ratio:21 / 9}}
[data-view="deployments"] .dp-system{grid-template-columns:minmax(0,1fr)}[data-view="deployments"] .dp-system>*,[data-view="deployments"] .dp-system__viz{min-width:0;max-width:100%}
[data-view="capital"] .cap-fly>*,[data-view="praus"] .pr-dayplan>*,[data-view="begot"] .bg-lin>*{min-width:0;max-width:100%}

/* ===== v8 (Inner A): lean Deployments + Capital shared helpers ===== */
:is([data-view="deployments"],[data-view="capital"]) .dp8-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(40px,5vw,72px)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-head .h1{grid-column:1/span 7;margin:0;max-width:15ch;text-wrap:balance}
:is([data-view="deployments"],[data-view="capital"]) .dp8-head .lead{grid-column:8/span 5;margin:0;color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:is([data-view="deployments"],[data-view="capital"]) .dp8-split > :first-child{grid-column:1/span 4}
:is([data-view="deployments"],[data-view="capital"]) .dp8-split .h2{margin:0 0 16px;max-width:12ch}
:is([data-view="deployments"],[data-view="capital"]) .dp8-split > div .body{margin:0 0 24px;color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-dl{grid-column:6/span 7;margin:0;border-top:1px solid var(--line-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-dl > div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-dl dt{font:500 17px/1.45 var(--f-text);color:var(--fg)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-dl dd{margin:0;font:400 16px/1.55 var(--f-text);color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin:clamp(56px,7vw,104px) 0 0;padding-top:28px;border-top:1px solid var(--line-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-stages .h3{margin:0 0 10px}
:is([data-view="deployments"],[data-view="capital"]) .dp8-stages .body{margin:0;color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-when{margin:14px 0 0;font:400 14px/1.4 var(--f-text);color:var(--fg-3)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-note{margin:14px 0 0;font:400 13px/1.45 var(--f-text);color:var(--fg-3)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-start{margin-top:20px!important}
[data-view="deployments"] .dp8-hero .dp-hero__title{max-width:17ch}
[data-view="deployments"] .dp8-vid{margin:clamp(64px,8vw,112px) 0 0}
[data-view="deployments"] .dp8-vid .ph{width:100%}
[data-view="deployments"] .dp8-how .dp-system{margin:0}
[data-view="deployments"] .dp8-how .dp-system__viz{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (hover:hover){:is([data-view="deployments"],[data-view="capital"]) .dp-fact:hover,:is([data-view="deployments"],[data-view="capital"]) .dp-card:hover .dp-ui{transform:none}}
@media (max-width:1000px){
  :is([data-view="deployments"],[data-view="capital"]) .dp8-head .h1,:is([data-view="deployments"],[data-view="capital"]) .dp8-head .lead,:is([data-view="deployments"],[data-view="capital"]) .dp8-split > :first-child,:is([data-view="deployments"],[data-view="capital"]) .dp8-dl{grid-column:1/-1}
  :is([data-view="deployments"],[data-view="capital"]) .dp8-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:719px){
  :is([data-view="deployments"],[data-view="capital"]) .dp8-stages{grid-template-columns:1fr}
  :is([data-view="deployments"],[data-view="capital"]) .dp8-dl > div{grid-template-columns:1fr;gap:4px}
}
[data-view="deployments"] .dp8-plans{border:0;margin:0 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-view="deployments"] .dp8-plans legend{padding:0;margin:0 0 10px;font:500 14px/1.4 var(--f-text);color:var(--fg)}
[data-view="deployments"] .dp8-plan{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:16px;border:1px solid var(--line-2);border-radius:2px;cursor:pointer;transition:border-color .18s var(--ease-out,ease)}
[data-view="deployments"] .dp8-plan:has(input:checked){border-color:var(--fg)}
[data-view="deployments"] .dp8-plan input{margin:3px 0 0;accent-color:var(--fg)}
[data-view="deployments"] .dp8-plan span{font:400 14px/1.5 var(--f-text);color:var(--fg-2)}
[data-view="deployments"] .dp8-plan b{display:block;margin:0 0 4px;font:500 16px/1.3 var(--f-text);color:var(--fg)}
[data-view="deployments"] .dp-build .dp-card{background:var(--card)}
@media (max-width:719px){[data-view="deployments"] .dp8-plans{grid-template-columns:1fr}}
[data-view="deployments"] .dp-vig{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.66);--fg-3:rgba(245,245,244,.44);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.2);--card:#111;color:var(--fg);color-scheme:dark}
[data-view="deployments"] .dp-vig .dp-ui{background:#111;color:var(--fg)}
:is([data-view="deployments"],[data-view="capital"]) .dp-privacy{font:400 14px/1.5 var(--f-text);color:var(--fg-2)}
:is([data-view="deployments"],[data-view="capital"]) .dp8-hero,[data-view="capital"] .cap8-hero{padding-top:clamp(72px,9vw,136px)}
[data-view="deployments"] .dp8-vid,[data-view="capital"] .cap8-ph{margin-top:clamp(56px,6vw,88px)}
/* v9: hero photo crop (Brooklyn Bridge): a band through the arches and cables, flag out of frame */
[data-view="deployments"] .dp9-img{object-position:50% 59%}
@media (max-width:699px){[data-view="deployments"] .dp9-img{object-position:50% 70%}}

/* ===== v10 Deployments: split hero with edge-bleed photo, sticky story ===== */
[data-view="deployments"] .dp10-hero{position:relative;padding:0;overflow:hidden}
[data-view="deployments"] .dp10-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;min-height:min(calc(100svh - var(--nav-h,64px)),920px)}
[data-view="deployments"] .dp10-hero__text{grid-column:1/span 6;align-self:end;padding-block:clamp(120px,14vw,200px) clamp(72px,8vw,120px);position:relative;z-index:1}
[data-view="deployments"] .dp10-hero__title{margin:20px 0 0;max-width:11ch}
[data-view="deployments"] .dp10-hero__lead{margin-top:28px;max-width:36ch}
[data-view="deployments"] .dp10-hero .dp-actions{margin-top:40px}
[data-view="deployments"] .dp10-hero__media{position:absolute;margin:0;top:0;bottom:0;right:0;left:calc(50% + 12px)}
[data-view="deployments"] .dp10-hero__ph{height:100%;border-radius:0}
[data-view="deployments"] .dp10-hero__ph img{width:100%;height:100%;object-fit:cover}
[data-view="deployments"] .dp10-story{--ip-story-bg:#F4F4F2}
[data-view="deployments"] .dp10-frame-viz{background:#FFFFFF;border-radius:var(--radius,16px);display:flex;align-items:center;padding:24px;border:1px solid var(--line)}
[data-view="deployments"] .dp10-frame-viz .viz{width:100%}
@media (max-width:899px){
  [data-view="deployments"] .dp10-hero__grid{display:block;min-height:0}
  [data-view="deployments"] .dp10-hero__text{padding-block:72px 48px}
  [data-view="deployments"] .dp10-hero__media{position:relative;left:auto;right:auto;top:auto;bottom:auto;aspect-ratio:4/5;max-height:72svh;width:100%}
  [data-view="deployments"] .dp10-hero__title{max-width:none}
  [data-view="deployments"] .dp10-frame-viz{padding:8px;overflow:hidden}
}
[data-view="deployments"] .dp10-story .sticky-media__step .h2{font-size:clamp(28px,2.6vw,40px);line-height:1.08;margin:0 0 24px}
[data-view="deployments"] .dp10-story .sticky-media__step .body{max-width:44ch;margin:0;color:var(--fg-2)}
[data-view="deployments"] .dp10-end{margin:24px 0 0;max-width:44ch;font:400 15px/1.5 var(--f-text);color:var(--fg);padding-top:16px;border-top:1px solid var(--line)}
[data-view="deployments"] .dp10-slot-viz{background:#FFFFFF;display:flex;align-items:center;padding:24px;border-radius:inherit;border:1px solid var(--line)}
[data-view="deployments"] .dp10-slot-viz .viz{width:100%}
[data-view="deployments"] .dp10-slot-ui{background:#2F5BFF;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px)}
[data-view="deployments"] .dp10-slot-ui .dp-ui{width:100%;max-width:560px;height:auto;min-height:0}
[data-view="deployments"] .sticky-media__frame{border-radius:var(--radius,16px);overflow:hidden;background:#0B0B0B}
[data-view="deployments"] .ip-clone.dp10-slot-viz,[data-view="deployments"] .ip-clone.dp10-slot-ui{aspect-ratio:auto;min-height:0}
[data-view="deployments"] .dp10-slot-ui .dp-ui{--fg:#F5F5F4;--fg-2:rgba(245,245,244,.64);--fg-3:rgba(245,245,244,.42);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.18);--card:#0F0F0F;color-scheme:dark;background:#0B0B0B;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:14px;min-height:420px;box-shadow:0 32px 80px -32px rgba(10,18,48,.6)}
[data-view="deployments"] .dp10-slot-ui .dp-chat{flex:1}
[data-view="deployments"] .dp10-slot-viz{justify-content:center}
[data-view="deployments"] .dp10-slot-viz .viz{width:100%;max-width:540px}
[data-view="deployments"] .dp10-end{border-top:0;padding-top:0}
[data-view="deployments"] .dp10-sec{position:relative;overflow:hidden}
[data-view="deployments"] .dp10-sec__media{position:absolute;margin:0;top:0;bottom:0;right:0;left:calc(50% + 12px)}
[data-view="deployments"] .dp10-sec__media .ph{height:100%;border-radius:0}
[data-view="deployments"] .dp10-sec__media img{width:100%;height:100%;object-fit:cover}
[data-view="deployments"] .dp10-sec__grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;position:relative;z-index:1}
[data-view="deployments"] .dp10-sec__grid>div{grid-column:1/span 5}
[data-view="deployments"] .dp10-sec__grid>.dp8-dl{grid-column:1/span 5;margin-top:48px}
@media (max-width:767px){
  [data-view="deployments"] .dp10-sec__media{position:relative;inset:auto;aspect-ratio:4/5;width:100%}
  [data-view="deployments"] .dp10-sec{padding-top:0}
  [data-view="deployments"] .dp10-sec__grid{display:block!important;padding-top:56px}
}
[data-view="deployments"] .dp10-hero__title{max-width:15ch}
/* D1 full-bleed night bridge, text in the sky band */
[data-view="deployments"] .dp10-hero--full .dp10-hero__media{left:0}
[data-view="deployments"] .dp10-hero--full .dp10-hero__ph img{object-position:50% 40%}
[data-view="deployments"] .dp10-hero--full .dp10-hero__grid{min-height:max(80vh,calc(56.25vw));align-items:start}
[data-view="deployments"] .dp10-hero--full .dp10-hero__text{align-self:start;padding-block:clamp(56px,6.4vw,96px) 0}
[data-view="deployments"] .dp10-hero--full .dp10-hero__title{font-size:clamp(36px,4vw,60px);line-height:1.04;max-width:18ch}
[data-view="deployments"] .dp10-hero--full .dp10-hero__lead{color:rgba(255,255,255,.86);max-width:44ch}
@media (max-width:767px){
  [data-view="deployments"] .dp10-hero--full .dp10-hero__grid{min-height:0}
  [data-view="deployments"] .dp10-hero--full .dp10-hero__text{padding-block:56px 48px}
  [data-view="deployments"] .dp10-hero--full .dp10-hero__media{position:relative;inset:auto;aspect-ratio:4/5}
  [data-view="deployments"] .dp10-hero--full .dp10-hero__ph img{object-position:45% 50%}
}
[data-view="deployments"] .dp10-hero__title{font-size:clamp(40px,4.6vw,68px);line-height:1.02;max-width:16ch}
@media (max-width:767px){[data-view="deployments"] .dp10-hero__media{aspect-ratio:4/5}[data-view="deployments"] .dp10-hero__ph img{object-position:30% 50%!important}}
/* v12 Deployments */
[data-view="deployments"] .dp10-end b{display:block;font:500 12px/1.4 var(--f-text);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}
[data-view="deployments"] .dp10-end{border-top:1px solid var(--line)!important;padding-top:16px!important}
[data-view="deployments"] .dp12-arch .ip-geoband__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
[data-view="deployments"] .dp12-arch .eyebrow{color:rgba(255,255,255,.6)}
[data-view="deployments"] .dp12-arch__fig{margin:0;min-width:0}
[data-view="deployments"] .dp12-arch__viz{--viz-ratio:16 / 10;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px;padding:clamp(12px,2vw,28px);transition:border-color .3s ease}
@media (hover:hover){[data-view="deployments"] .dp12-arch__fig:hover .dp12-arch__viz{border-color:rgba(47,91,255,.6)!important}}
[data-view="deployments"] .dp12-arch .ip-cap{color:rgba(255,255,255,.5)}
[data-view="deployments"] .dp12-links{margin:32px 0 0}
[data-view="deployments"] .dp12-contact{padding-top:0;background:#0A0A0A;color:#fff}
[data-view="deployments"] .dp12-contact__fig .ph{max-height:64vh}
[data-view="deployments"] .dp12-contact__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:clamp(48px,6vw,96px)}
[data-view="deployments"] .dp12-contact__grid .h1{grid-column:1/span 5;margin:0;color:#fff}
[data-view="deployments"] .dp12-contact__grid>div{grid-column:7/span 6}
[data-view="deployments"] .dp12-contact__grid .lead{margin:0;color:rgba(255,255,255,.74);max-width:44ch}
@media (max-width:899px){
  [data-view="deployments"] .dp12-arch .ip-geoband__grid{grid-template-columns:1fr}
  [data-view="deployments"] .dp12-contact__grid .h1,[data-view="deployments"] .dp12-contact__grid>div{grid-column:1/-1}
}
@media (max-width:719px){[data-view="deployments"] .dp12-contact__fig .ph{aspect-ratio:4/5}}
[data-view="deployments"] .dp12-contact__fig .ph{max-height:none}
[data-view="deployments"] .dp12-vcap{margin:14px 0 0;font:400 12px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="deployments"] .dp12-ccap{margin:0 0 10px;font:400 12px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="deployments"] .dp-card{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .3s ease}
@media (hover:hover){[data-view="deployments"] .dp-card:hover{transform:translateY(-4px);border-color:rgba(47,91,255,.45);box-shadow:0 30px 60px -36px rgba(10,10,10,.35)}}
[data-view="deployments"] .dp-card .dp-vig{overflow:hidden}
[data-view="deployments"] .dp-card .dp-vig .ui{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){[data-view="deployments"] .dp-card:hover .dp-vig .ui{transform:scale(1.02)}}
[data-view="deployments"] .dp12-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,0) 26%,rgba(10,10,10,.1) 55%,rgba(10,10,10,.8) 86%,#0A0A0A 100%),linear-gradient(90deg,rgba(10,10,10,.78) 0,rgba(10,10,10,.5) 32%,rgba(10,10,10,0) 62%)}
[data-view="deployments"] .dp12-arch__fig{max-width:520px;width:100%;justify-self:end}
[data-view="deployments"] .dp12-arch__viz{--viz-ratio:4 / 5}
@media (max-width:899px){[data-view="deployments"] .dp12-arch__fig{justify-self:stretch;max-width:none}}
@media (max-width:719px){[data-view="deployments"] .dp12-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,.1) 20%,rgba(10,10,10,.55) 40%,rgba(10,10,10,.9) 62%,#0A0A0A 100%)}}

/* v13: real footage and photographs instead of drawn diagrams */
[data-view="deployments"] .dp12-arch__media.vid{position:relative;aspect-ratio:4/5;border-radius:2px;background:#050505;overflow:hidden}
[data-view="deployments"] .dp12-arch__media .vid__poster,[data-view="deployments"] .dp12-arch__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}

/* v13b: geometry in place of stock photos — the hero field of columns and the engagement story (scan / blocks / mobius) */
[data-view="deployments"] .dp12-hero{background:#0A0A0A;overflow:hidden}
[data-view="deployments"] .dp12-hero__geo{position:absolute;z-index:1;top:calc(var(--nav-h,64px) + 8px);right:0;bottom:0;width:min(58vw,1040px);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}
[data-view="deployments"] .dp12-hero__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
[data-view="deployments"] .dp12-hero .ip-hero__inner{pointer-events:none}
[data-view="deployments"] .dp12-hero .ip-hero__inner a{pointer-events:auto}
@media (max-width:899px){
  [data-view="deployments"] .dp12-hero__geo{left:0;width:100%;top:calc(var(--nav-h,56px));bottom:auto;height:min(40svh,380px);
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%)}
}
[data-view="deployments"] .dp12-gslot{background:#0A0A0A}
[data-view="deployments"] .dp12-gslot .geo{position:absolute;inset:5%;width:auto;height:auto;aspect-ratio:auto}
[data-view="deployments"] .sticky-media .dp12-gslot.sticky-media__inline{aspect-ratio:1 / 1;position:relative}

/* v13c: case studies ("Proven in production.") — editorial blocks on ink */
[data-view="deployments"] .dp13-cases{padding-block:clamp(96px,11vw,168px) clamp(48px,6vw,96px)}
[data-view="deployments"] .dp13-cases__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(56px,6vw,96px)}
[data-view="deployments"] .dp13-cases__head .eyebrow{grid-column:1/-1;margin:0;color:var(--fg-2)}
[data-view="deployments"] .dp13-cases__head .h1{grid-column:1/span 7;margin:0;max-width:14ch}
[data-view="deployments"] .dp13-cases__head .lead{grid-column:8/span 5;margin:0;color:var(--fg-2);max-width:40ch}
[data-view="deployments"] .dp13-cs{border-top:1px solid var(--line-2);padding:clamp(40px,4.4vw,64px) 0 clamp(56px,6vw,96px)}
[data-view="deployments"] .dp13-cs+.dp13-cs{margin-top:0}
[data-view="deployments"] .dp13-cs__top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
[data-view="deployments"] .dp13-cs__id{grid-column:1/span 7}
[data-view="deployments"] .dp13-cs__client{margin:0 0 18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);display:flex;align-items:center;gap:12px}
[data-view="deployments"] .dp13-cs__client::before{content:"";width:24px;height:1px;background:var(--meridian,#2F5BFF)}
[data-view="deployments"] .dp13-cs__title{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3.4vw,48px);line-height:1.06;letter-spacing:-.017em;max-width:20ch;text-wrap:balance;color:var(--fg)}
[data-view="deployments"] .dp13-cs__geo{grid-column:9/span 4;position:relative;aspect-ratio:16/10;min-width:0}
[data-view="deployments"] .dp13-cs__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
[data-view="deployments"] .dp13-cs__figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(40px,4.4vw,64px) 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-view="deployments"] .dp13-cs__fig{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:12px;padding:28px 24px 30px;border-left:1px solid var(--line);margin:0}
[data-view="deployments"] .dp13-cs__fig:first-child{border-left:0;padding-left:0}
[data-view="deployments"] .dp13-cs__fig dd{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(44px,5.2vw,80px);line-height:.95;letter-spacing:-.025em;color:var(--fg);font-variant-numeric:tabular-nums}
[data-view="deployments"] .dp13-cs__fig dt{font-size:14px;line-height:1.4;color:var(--fg-2);max-width:22ch}
[data-view="deployments"] .dp13-cs__body{margin-top:clamp(32px,3.6vw,56px)}
[data-view="deployments"] .dp13-cs__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
[data-view="deployments"] .dp13-cs__row:last-child{border-bottom:0}
[data-view="deployments"] .dp13-cs__k{grid-column:1/span 3;margin:0;font-family:var(--f-mono);font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding-top:4px}
[data-view="deployments"] .dp13-cs__row p{grid-column:4/span 8;margin:0;font-size:17px;line-height:1.62;color:var(--fg-2);max-width:68ch}
@media (max-width:899px){
  [data-view="deployments"] .dp13-cases__head .h1,[data-view="deployments"] .dp13-cases__head .lead,[data-view="deployments"] .dp13-cs__id,[data-view="deployments"] .dp13-cs__geo{grid-column:1/-1}
  [data-view="deployments"] .dp13-cs__geo{aspect-ratio:16/9;max-height:240px;width:100%}
  [data-view="deployments"] .dp13-cs__k,[data-view="deployments"] .dp13-cs__row p{grid-column:1/-1}
  [data-view="deployments"] .dp13-cs__row{gap:10px}
}
@media (max-width:719px){
  [data-view="deployments"] .dp13-cs__figs{grid-template-columns:1fr}
  [data-view="deployments"] .dp13-cs__fig{border-left:0;border-top:1px solid var(--line);padding:22px 0}
  [data-view="deployments"] .dp13-cs__fig:first-child{border-top:0}
  [data-view="deployments"] .dp13-cs__row p{font-size:16px}
}

/* v13c: examples of systems we build — interface concepts on ink, editorial 7/5 then 5/7 */
[data-view="deployments"] .dp13-ex{padding-block:clamp(48px,6vw,96px) clamp(96px,11vw,168px);border-top:1px solid var(--line)}
[data-view="deployments"] .dp13-ex .dp8-head .lead{color:var(--fg-2)}
[data-view="deployments"] .dp13-ex__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(56px,6vw,96px)}
[data-view="deployments"] .dp13-ex__item{grid-column:span 7;display:flex;flex-direction:column;min-width:0;margin:0}
[data-view="deployments"] .dp13-ex__item--md{grid-column:span 5}
[data-view="deployments"] .dp13-ex .dp13-ex__stage{position:relative;height:clamp(340px,33vw,480px);padding:0;border:1px solid rgba(255,255,255,.09);border-radius:2px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,#151618 0%,#0C0D0E 55%,#0A0A0A 100%)}
[data-view="deployments"] .dp13-ex .dp13-ex__stage .dp-ui{position:absolute;left:9%;right:9%;top:14%;height:auto;min-height:0;bottom:-14px;font-size:13px;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:8px 8px 0 0;
  background:#111214;transform:none;transition:transform .9s cubic-bezier(.2,.7,.2,1),border-color .4s ease}
[data-view="deployments"] .dp13-ex__item--md .dp13-ex__stage .dp-ui{left:8%;right:8%}
@media (hover:hover){[data-view="deployments"] .dp13-ex__item:hover .dp13-ex__stage .dp-ui{transform:translateY(-8px);border-color:rgba(255,255,255,.24)}}
[data-view="deployments"] .dp13-ex .dp-card__text{padding:24px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:52ch}
[data-view="deployments"] .dp13-ex .dp12-ccap{margin:0 0 6px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="deployments"] .dp13-ex .dp-card__text .h3{margin:0;color:var(--fg);font-size:clamp(22px,1.9vw,28px);letter-spacing:-.015em;position:relative;justify-self:start}
[data-view="deployments"] .dp13-ex .dp-card__text .h3::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--meridian,#2F5BFF);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){[data-view="deployments"] .dp13-ex__item:hover .dp-card__text .h3::after{transform:scaleX(1)}}
[data-view="deployments"] .dp13-ex .dp-card__text .body{margin:0;color:var(--fg-2)}
@media (max-width:899px){
  [data-view="deployments"] .dp13-ex__item,[data-view="deployments"] .dp13-ex__item--md{grid-column:1/-1}
  [data-view="deployments"] .dp13-ex .dp13-ex__stage{height:clamp(300px,70vw,420px)}
  [data-view="deployments"] .dp13-ex .dp13-ex__stage .dp-ui{left:6%;right:6%;top:10%}
}
@media (max-width:719px){
  [data-view="deployments"] .dp13-ex .dp13-ex__stage .dp-ui{font-size:12px}
}
html.motion-off [data-view="deployments"] .dp13-ex__stage .dp-ui,html.motion-off [data-view="deployments"] .dp13-ex .dp-card__text .h3::after{transition:none}
[data-view="deployments"] .dp13-ex__stage>.phl>:is(.phl-gv,.phl-gh){display:none}
[data-view="deployments"] .dp13-ex__stage>.phl{z-index:3}

/* ===================== v15: calmer Deployments page =====================
   hero (balanced, hyperboloid) · engagement as a static row of three with the architecture note
   · compact case-study cards with an expandable full study · examples restyled · no blue outside the geometry,
   no mono labels (Inter 13/500, sentence case) */
[data-view="deployments"] .dp14-label{display:block;margin:0;font-family:var(--f-text);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--fg-2)}

/* hero */
[data-view="deployments"] .dp14-hero{position:relative;margin-top:calc(-1 * var(--nav-h,64px));padding:calc(var(--nav-h,64px) + clamp(48px,6vw,96px)) 0 clamp(56px,6vw,96px);background:#0A0A0A;color:var(--fg);overflow:hidden}
[data-view="deployments"] .dp14-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
[data-view="deployments"] .dp14-hero__copy{grid-column:1/span 6}
[data-view="deployments"] .dp14-hero__title{margin:18px 0 0;font-family:var(--f-display);font-weight:500;font-size:clamp(44px,5.4vw,80px);line-height:1.02;letter-spacing:-.035em;max-width:12ch;color:var(--fg);text-wrap:balance}
[data-view="deployments"] .dp14-hero__lead{margin:24px 0 0;max-width:46ch;color:var(--fg-2)}
[data-view="deployments"] .dp14-hero__acts{margin-top:36px}
[data-view="deployments"] .dp14-hero__geo{grid-column:8/span 5;position:relative;aspect-ratio:1/1.08;max-height:620px;width:100%;justify-self:end}
[data-view="deployments"] .dp14-hero__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
@media (max-width:899px){
  [data-view="deployments"] .dp14-hero{padding:calc(var(--nav-h,56px) + 40px) 0 48px}
  [data-view="deployments"] .dp14-hero__copy,[data-view="deployments"] .dp14-hero__geo{grid-column:1/-1}
  [data-view="deployments"] .dp14-hero__geo{aspect-ratio:auto;height:min(80vw,360px);max-height:none;margin-top:8px}
}

/* shared section heads */
[data-view="deployments"] .dp14-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(40px,5vw,72px)}
[data-view="deployments"] .dp14-head .h1{grid-column:1/span 7;margin:0;max-width:15ch}
[data-view="deployments"] .dp14-head .lead{grid-column:8/span 5;margin:0;color:var(--fg-2);max-width:42ch}
@media (max-width:899px){[data-view="deployments"] .dp14-head .h1,[data-view="deployments"] .dp14-head .lead{grid-column:1/-1}}

/* engagement: a static row of three */
[data-view="deployments"] .dp14-how{padding-block:clamp(88px,10vw,152px)}
[data-view="deployments"] .dp14-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
[data-view="deployments"] .dp14-step{display:flex;flex-direction:column;min-width:0}
[data-view="deployments"] .dp14-step__geo{position:relative;aspect-ratio:4/3;margin:0 0 20px}
[data-view="deployments"] .dp14-step__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
[data-view="deployments"] .dp14-step__t{margin:0;padding-top:20px;border-top:1px solid var(--line-2);font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.02em;color:var(--fg)}
[data-view="deployments"] .dp14-step__p{margin:12px 0 0;max-width:40ch;color:var(--fg-2)}
[data-view="deployments"] .dp14-step__d{margin:auto 0 0;padding-top:20px;color:var(--fg)}
[data-view="deployments"] .dp14-step__d .dp14-label{margin:0 0 4px;color:var(--fg-3)}
[data-view="deployments"] .dp14-arch{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:clamp(56px,6vw,96px);padding-top:28px;border-top:1px solid var(--line)}
[data-view="deployments"] .dp14-arch__t{grid-column:1/span 5;margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.8vw,24px);line-height:1.2;letter-spacing:-.015em;color:var(--fg)}
[data-view="deployments"] .dp14-arch__p{grid-column:7/span 6;margin:0;max-width:56ch;color:var(--fg-2)}
@media (max-width:899px){
  [data-view="deployments"] .dp14-steps{grid-template-columns:1fr;gap:48px}
  [data-view="deployments"] .dp14-step__geo{aspect-ratio:auto;height:min(48vw,200px);margin-bottom:12px}
  [data-view="deployments"] .dp14-arch__t,[data-view="deployments"] .dp14-arch__p{grid-column:1/-1}
  [data-view="deployments"] .dp14-arch{gap:12px}
}

/* case studies: two compact cards, full study on request */
[data-view="deployments"] .dp14-cases{padding-block:clamp(88px,10vw,152px) clamp(56px,6vw,96px)}
[data-view="deployments"] .dp14-cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
[data-view="deployments"] .dp14-cs{margin:0;padding:clamp(24px,2.6vw,36px);background:#0F1011;border:1px solid var(--line);border-radius:4px;min-width:0}
[data-view="deployments"] .dp14-cs__geo{position:relative;height:clamp(150px,13vw,196px);margin:0 0 24px}
[data-view="deployments"] .dp14-cs__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
[data-view="deployments"] .dp14-cs__title{margin:10px 0 0;font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.3vw,32px);line-height:1.12;letter-spacing:-.022em;max-width:22ch;color:var(--fg);text-wrap:balance}
[data-view="deployments"] .dp14-cs__figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[data-view="deployments"] .dp14-cs__fig{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;margin:0;padding:20px 16px 22px;border-left:1px solid var(--line);min-width:0}
[data-view="deployments"] .dp14-cs__fig:first-child{border-left:0;padding-left:0}
[data-view="deployments"] .dp14-cs__fig dd{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
[data-view="deployments"] .dp14-cs__fig dt{font-size:13px;line-height:1.4;color:var(--fg-2)}
[data-view="deployments"] .dp14-cs__more{margin-top:24px}
[data-view="deployments"] .dp14-cs > .dp14-cs__btn{margin-top:24px}
[data-view="deployments"] .dp14-cs__btn{list-style:none;cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}
[data-view="deployments"] .dp14-cs__btn::-webkit-details-marker{display:none}
[data-view="deployments"] .dp14-cs__btn:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:3px}
[data-view="deployments"] .dp14-cs__close{display:none}
[data-view="deployments"] .dp14-cs__more[open] .dp14-cs__open{display:none}
[data-view="deployments"] .dp14-cs__more[open] .dp14-cs__close{display:inline}
[data-view="deployments"] .dp14-cs__ic{position:relative;width:11px;height:11px;flex:none}
[data-view="deployments"] .dp14-cs__ic::before,[data-view="deployments"] .dp14-cs__ic::after{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
[data-view="deployments"] .dp14-cs__ic::after{transform:rotate(90deg)}
[data-view="deployments"] .dp14-cs__more[open] .dp14-cs__ic::after{transform:rotate(0)}
[data-view="deployments"] .dp14-cs__body{margin-top:24px;padding-top:4px;border-top:1px solid var(--line)}
[data-view="deployments"] .dp14-cs__k{margin:20px 0 6px;font-family:var(--f-text);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fg-3)}
[data-view="deployments"] .dp14-cs__body p{margin:0;font-size:16px;line-height:1.62;color:var(--fg-2);max-width:62ch}
@media (max-width:899px){[data-view="deployments"] .dp14-cs-grid{grid-template-columns:1fr}}
@media (max-width:479px){
  [data-view="deployments"] .dp14-cs{padding:22px 18px}
  [data-view="deployments"] .dp14-cs__fig{padding:16px 8px 18px}
  [data-view="deployments"] .dp14-cs__fig dd{font-size:23px;letter-spacing:-.025em}
  [data-view="deployments"] .dp14-cs__fig dt{font-size:12px}
}

/* examples, restyled by the same rules */
[data-view="deployments"] .dp14-ex .dp12-ccap{font-family:var(--f-text);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fg-3)}
[data-view="deployments"] .dp14-ex .dp-card__text .h3::after{content:none}
[data-view="deployments"] .dp14-ex .dp8-head .h1{max-width:15ch}

/* v16 responsive: case-study figures scale with the card, not the window, so "On-prem" and "$12M+" stay inside
   their cells in the two-up layout (900-1440px). Below 480px the three figures stack as ruled rows. */
[data-view="deployments"] .dp14-cs{container-type:inline-size}
[data-view="deployments"] .dp14-cs__fig dd{font-size:clamp(22px,calc(8.6cqi - 10px),44px)}
@media (max-width:479px){
  [data-view="deployments"] .dp14-cs__figs{grid-template-columns:minmax(0,1fr)}
  [data-view="deployments"] .dp14-cs__fig,[data-view="deployments"] .dp14-cs__fig:first-child{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-left:0;border-top:1px solid var(--line)}
  [data-view="deployments"] .dp14-cs__fig:first-child{border-top:0}
  [data-view="deployments"] .dp14-cs__fig dd{font-size:28px}
  [data-view="deployments"] .dp14-cs__fig dt{font-size:13px;text-align:right;max-width:58%}
}

/* v16: section rhythm follows the shared --sec scale */
[data-view="deployments"] .dp14-how{padding-block:var(--sec)}
[data-view="deployments"] .dp14-cases{padding-block:var(--sec) clamp(48px,5vw,80px)}
[data-view="deployments"] .dp13-ex{padding-block:clamp(48px,5vw,80px) var(--sec)}
/* the hyperwall photo is bright and busy: darker on the text side */
[data-view="deployments"] .oc-close{--oc-b:.7;--oc-shade:linear-gradient(90deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.88) 30%,rgba(5,5,5,.45) 56%,rgba(5,5,5,.1) 82%)}

/* v16: universal page hero (same frame, type and spacing as the product and Capital heroes) */
[data-view="deployments"] header.dp14-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-height:max(680px,100svh)!important;margin-top:calc(-1 * var(--nav-h,64px))!important;padding:0!important;overflow:hidden;background:#0A0A0A;color:#FFFFFF}
[data-view="deployments"] header.dp14-hero .dp14-hero__grid{position:relative!important;z-index:3;display:block!important;width:100%;min-height:0!important;margin:0 auto!important;padding-top:calc(var(--nav-h,64px) + 120px)!important;padding-bottom:clamp(64px,8vw,112px)!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__grid > *{max-width:none;margin:0;grid-column:auto}
[data-view="deployments"] header.dp14-hero .dp14-hero__copy > .dp14-label{display:block!important;margin:0!important;padding:0!important;font:500 14px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.72)!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__copy > .dp14-label::before{display:none!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__title{margin:20px 0 0!important;max-width:15ch!important;font-family:var(--f-display)!important;font-weight:500!important;font-size:clamp(44px,6.4vw,96px)!important;line-height:.98!important;letter-spacing:-.025em!important;color:#FFFFFF!important;text-wrap:balance}
[data-view="deployments"] header.dp14-hero .dp14-hero__lead{margin:28px 0 0!important;max-width:46ch!important;color:rgba(255,255,255,.82)!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__acts{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__geo{position:absolute!important;z-index:1;top:calc(var(--nav-h,64px) + 48px)!important;bottom:clamp(64px,8vw,112px)!important;right:max(var(--gutter),calc((100% - var(--maxw)) / 2))!important;left:auto!important;width:min(40%,600px)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;grid-column:auto!important;transform:none!important}
[data-view="deployments"] header.dp14-hero .dp14-hero__geo .geo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
@media (max-width:899px){[data-view="deployments"] header.dp14-hero .dp14-hero__geo{top:calc(var(--nav-h,56px) + 16px)!important;bottom:auto!important;left:var(--gutter)!important;right:var(--gutter)!important;width:auto!important;height:min(44svh,380px)!important}}
@media (max-width:719px){[data-view="deployments"] header.dp14-hero{min-height:max(620px,100svh)!important}[data-view="deployments"] header.dp14-hero .dp14-hero__grid{padding-top:calc(var(--nav-h,56px) + 72px)!important;padding-bottom:48px!important}[data-view="deployments"] header.dp14-hero .dp14-hero__title{font-size:clamp(40px,11.5vw,56px)!important;max-width:none!important}}
/* v16: deliverables line up across the three steps */
@media (min-width:900px){
  [data-view="deployments"] .dp14-step{display:flex;flex-direction:column}
  [data-view="deployments"] .dp14-step__d{margin-top:auto!important;padding-top:20px}
}
@media (max-width:719px){
  [data-view="deployments"] header.dp14-hero{min-height:0!important}
  [data-view="deployments"] header.dp14-hero .dp14-hero__geo{top:calc(var(--nav-h,56px) + 8px)!important;height:min(72vw,300px)!important;bottom:auto!important}
  [data-view="deployments"] header.dp14-hero .dp14-hero__grid{padding-top:calc(var(--nav-h,56px) + min(72vw,300px) + 24px)!important}
}
[data-view="deployments"] header.dp14-hero .dp14-hero__geo{justify-self:stretch!important;align-self:stretch!important}
@media (max-width:479px){[data-view="deployments"] header.dp14-hero .dp14-hero__title{font-size:clamp(32px,10vw,44px)!important}}
/* v16b: steps share rows (shape, title, text, deliverable) so every line starts at the same height; deliverable sits closer to the text */
@media (min-width:900px){
  [data-view="deployments"] .dp14-steps{grid-template-rows:repeat(4,auto);row-gap:0}
  [data-view="deployments"] .dp14-step{display:grid!important;grid-row:span 4;grid-template-rows:subgrid;align-content:start}
  [data-view="deployments"] .dp14-step__d{margin-top:0!important;padding-top:20px!important;align-self:start}
}
@media (max-width:479px){[data-view="deployments"] .dp16-hero .ip-hero__title{font-size:clamp(32px,10vw,44px)}}
/* the display-wall photo is bright: grade it down and shade the text side */
[data-view="deployments"] .dp16-hero .ip-hero__ph img{filter:grayscale(1) brightness(.62) contrast(1.08)}
[data-view="deployments"] .dp16-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.6) 0,rgba(10,10,10,.2) 30%,rgba(10,10,10,.45) 55%,rgba(10,10,10,.9) 85%,#0A0A0A 100%),linear-gradient(90deg,rgba(10,10,10,.82) 0,rgba(10,10,10,.5) 45%,rgba(10,10,10,.1) 80%)}
[data-view="deployments"] .dp16-hero .ip-hero__ph img{filter:grayscale(1) brightness(.82) contrast(1.1)}
[data-view="deployments"] .oc-close{--oc-b:.9;--oc-shade:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.7) 34%,rgba(5,5,5,.25) 64%,rgba(5,5,5,.05) 100%)}

/* =========================================================================
   v16 examples: four client systems. Windows sit inside the frame; no blue hover rule.
   ========================================================================= */
[data-view="deployments"] .dp13-ex .dp13-ex__stage{height:clamp(380px,34vw,500px)}
[data-view="deployments"] .dp13-ex .dp13-ex__stage .dp-ui.dx-ui{top:10%;bottom:9%;left:7%;right:7%;border-bottom:1px solid rgba(255,255,255,.14);border-radius:8px}
[data-view="deployments"] .dp13-ex .dp-card__text .h3::after{background:currentColor;opacity:.5}
[data-view="deployments"] .dx-ui{font-size:12.5px;line-height:1.4}
[data-view="deployments"] .dx-ui p{margin:0}
[data-view="deployments"] .dx-k{color:var(--fg-3);font-size:11.5px;margin:0 0 8px!important}

/* engineering assistant */
[data-view="deployments"] .dx-chan{display:grid;grid-template-columns:30% minmax(0,1fr);min-height:0}
[data-view="deployments"] .dx-side{display:flex;flex-direction:column;gap:2px;padding:12px 8px;border-right:1px solid var(--line)}
[data-view="deployments"] .dx-ch{padding:6px 8px;border-radius:4px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="deployments"] .dx-ch.is-on{background:rgba(255,255,255,.07);color:var(--fg)}
[data-view="deployments"] .dx-feed{display:flex;flex-direction:column;gap:14px;padding:14px 16px;min-width:0;overflow:hidden}
[data-view="deployments"] .dx-post{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
[data-view="deployments"] .dx-av{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background:rgba(255,255,255,.1);font-size:10px;font-weight:500;color:var(--fg-2)}
[data-view="deployments"] .dx-av--bot{background:#F5F5F4;color:#0A0A0A}
[data-view="deployments"] .dx-who{font-weight:500;color:var(--fg)}
[data-view="deployments"] .dx-txt{margin-top:2px!important;color:var(--fg-2)}
[data-view="deployments"] .dx-card{margin-top:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:6px;background:rgba(255,255,255,.02)}
[data-view="deployments"] .dx-card__t{font-weight:500;color:var(--fg)}
[data-view="deployments"] .dx-diff{margin:8px 0 0;padding:8px 10px;border-radius:4px;background:#0B0B0C;font:400 11px/1.6 ui-monospace,'SFMono-Regular',Menlo,monospace;white-space:pre;overflow:hidden;text-overflow:ellipsis;color:var(--fg-2)}
[data-view="deployments"] .dx-del{color:rgba(255,255,255,.4);text-decoration:line-through}
[data-view="deployments"] .dx-add{color:#F5F5F4}
[data-view="deployments"] .dx-meta{margin-top:8px!important;color:var(--fg-3);font-size:11.5px}
[data-view="deployments"] .dx-btns{display:flex;gap:6px;margin-top:10px!important}

/* pricing */
[data-view="deployments"] .dx-price{display:flex;flex-direction:column;padding:14px 16px;min-height:0}
[data-view="deployments"] .dx-curve{display:block;width:100%;height:clamp(90px,9vw,140px);overflow:visible}
[data-view="deployments"] .dx-curve .dx-grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1;vector-effect:non-scaling-stroke}
[data-view="deployments"] .dx-curve .dx-band{fill:rgba(255,255,255,.06);stroke:none}
[data-view="deployments"] .dx-curve .dx-line{fill:none;stroke:#F5F5F4;stroke-width:1.5;vector-effect:non-scaling-stroke}
[data-view="deployments"] .dx-curve .dx-now{stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
[data-view="deployments"] .dx-curve .dx-rec{stroke:rgba(255,255,255,.6);stroke-width:1;vector-effect:non-scaling-stroke}
[data-view="deployments"] .dx-curve .dx-pt{fill:#F5F5F4}
[data-view="deployments"] .dx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 10px;padding-top:12px;border-top:1px solid var(--line)}
[data-view="deployments"] .dx-stats p{display:flex;flex-direction:column;gap:4px;min-width:0}
[data-view="deployments"] .dx-stats span{color:var(--fg-3);font-size:11px}
[data-view="deployments"] .dx-stats b{font-weight:500;color:var(--fg);white-space:nowrap}

/* operating platform */
[data-view="deployments"] .dx-ops{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;padding:14px 16px;min-height:0}
[data-view="deployments"] .dx-task{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="deployments"] .dx-cb{flex:none;width:12px;height:12px;border:1px solid rgba(255,255,255,.35);border-radius:3px}
[data-view="deployments"] .dx-task.is-done{color:var(--fg-3);text-decoration:line-through}
[data-view="deployments"] .dx-task.is-done .dx-cb{background:#F5F5F4;border-color:#F5F5F4}
[data-view="deployments"] .dx-right{display:flex;flex-direction:column;gap:10px;min-width:0}
[data-view="deployments"] .dx-opp{padding:10px 12px;border:1px solid var(--line-2);border-radius:6px}
[data-view="deployments"] .dx-opp__t{color:var(--fg)}
[data-view="deployments"] .dx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
[data-view="deployments"] .dx-kpis p{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px 30px;border:1px solid var(--line);border-radius:6px;min-width:0}
[data-view="deployments"] .dx-kpis span{color:var(--fg-3);font-size:11px;white-space:nowrap}
[data-view="deployments"] .dx-kpis b{font-weight:500;font-size:16px;color:var(--fg)}
[data-view="deployments"] .dx-kpis i{position:absolute;left:12px;right:12px;bottom:8px;height:16px;background:linear-gradient(90deg,rgba(255,255,255,.42) 0 7px,transparent 7px) 0 100%/20% var(--a) no-repeat,linear-gradient(90deg,rgba(255,255,255,.42) 0 7px,transparent 7px) 25% 100%/20% var(--b) no-repeat,linear-gradient(90deg,rgba(255,255,255,.42) 0 7px,transparent 7px) 50% 100%/20% var(--c) no-repeat,linear-gradient(90deg,rgba(255,255,255,.42) 0 7px,transparent 7px) 75% 100%/20% var(--d) no-repeat,linear-gradient(90deg,#F5F5F4 0 7px,transparent 7px) 100% 100%/20% var(--e) no-repeat}

/* next best action */
[data-view="deployments"] .dx-nba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
[data-view="deployments"] .dx-call{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-right:1px solid var(--line);min-width:0}
[data-view="deployments"] .dx-line2{color:var(--fg-2)}
[data-view="deployments"] .dx-line2 b{display:block;font-weight:500;font-size:11px;color:var(--fg-3);margin-bottom:2px}
[data-view="deployments"] .dx-cust{display:grid;gap:4px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
[data-view="deployments"] .dx-cust p{display:flex;justify-content:space-between;gap:10px;color:var(--fg)}
[data-view="deployments"] .dx-cust span{color:var(--fg-3)}
[data-view="deployments"] .dx-acts{display:flex;flex-direction:column;gap:8px;padding:14px 16px;min-width:0}
[data-view="deployments"] .dx-act{padding:9px 11px;border:1px solid var(--line);border-radius:6px}
[data-view="deployments"] .dx-act.is-on{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.04)}
[data-view="deployments"] .dx-act__t{color:var(--fg)}
[data-view="deployments"] .dx-act small{display:block;margin-top:3px;color:var(--fg-3);font-size:11px}

@media (max-width:899px){
  [data-view="deployments"] .dp13-ex .dp13-ex__stage{height:clamp(360px,80vw,460px)}
  [data-view="deployments"] .dp13-ex .dp13-ex__stage .dp-ui.dx-ui{top:8%;bottom:7%;left:5%;right:5%}
}
@media (max-width:559px){
  [data-view="deployments"] .dx-chan{grid-template-columns:minmax(0,1fr)}
  [data-view="deployments"] .dx-side{display:none}
  [data-view="deployments"] .dx-ops{grid-template-columns:minmax(0,1fr)}
  [data-view="deployments"] .dx-ops .dx-kpis{display:none}
  [data-view="deployments"] .dx-nba{grid-template-columns:minmax(0,1fr)}
  [data-view="deployments"] .dx-call{display:none}
  [data-view="deployments"] .dx-ui{font-size:12px}
}
@media (max-width:559px){[data-view="deployments"] .dx-diff,[data-view="deployments"] .dx-meta{display:none}}
[data-view="deployments"] .dx-task{white-space:normal}
[data-view="deployments"] .dx-kpis span{white-space:normal}
@media (min-width:900px) and (max-width:1279px){
  [data-view="deployments"] .dx-ops{grid-template-columns:minmax(0,1fr)}
  [data-view="deployments"] .dx-ops .dx-kpis{display:none}
  [data-view="deployments"] .dx-ops .dx-task:nth-of-type(4){display:none}
}

/* v16b examples: app panels without browser dots or construction lines; equal insets; content fills the panel */
[data-view="deployments"] .dp13-ex .dx-stage{height:auto;aspect-ratio:16/11;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:2px;background:linear-gradient(180deg,#121315 0%,#0B0C0D 100%)}
[data-view="deployments"] .dp13-ex__item--md .dx-stage{aspect-ratio:auto;height:100%}
[data-view="deployments"] .dp13-ex__grid{align-items:stretch}
[data-view="deployments"] .dp13-ex__item{display:grid!important;grid-template-rows:minmax(0,1fr) auto}
[data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{position:absolute;inset:clamp(18px,2.4vw,32px)!important;top:clamp(18px,2.4vw,32px)!important;bottom:clamp(18px,2.4vw,32px)!important;left:clamp(18px,2.4vw,32px)!important;right:clamp(18px,2.4vw,32px)!important;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#101113;box-shadow:none;transform:none}
@media (hover:hover){[data-view="deployments"] .dp13-ex__item:hover .dx-stage .dp-ui.dx-ui{transform:translateY(-4px);border-color:rgba(255,255,255,.22)}}
[data-view="deployments"] .dx-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);font-size:12.5px}
[data-view="deployments"] .dx-head__t{font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-view="deployments"] .dx-head__r{flex:none;color:var(--fg-3);font-size:11.5px}
[data-view="deployments"] .dx-ui>.dp-ui__body{flex:1 1 auto;min-height:0}
[data-view="deployments"] .dx-file{display:flex;justify-content:space-between;gap:12px;margin-top:8px!important;padding:6px 0;border-top:1px solid var(--line);color:var(--fg-2);font-size:11.5px}
[data-view="deployments"] .dx-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-view="deployments"] .dx-file em{flex:none;font-style:normal;color:var(--fg)}
[data-view="deployments"] .dx-file+.dx-file{margin-top:0!important}
[data-view="deployments"] .dx-price{justify-content:space-between}
[data-view="deployments"] .dx-curve{flex:1 1 auto;height:auto;min-height:80px}
[data-view="deployments"] .dx-ops{align-content:start}
[data-view="deployments"] .dx-nba,[data-view="deployments"] .dx-chan{height:100%}
@media (max-width:899px){
  [data-view="deployments"] .dp13-ex .dx-stage,[data-view="deployments"] .dp13-ex__item--md .dx-stage{aspect-ratio:4/3.4;height:auto}
}
@media (max-width:559px){
  [data-view="deployments"] .dp13-ex .dx-stage,[data-view="deployments"] .dp13-ex__item--md .dx-stage{aspect-ratio:auto;height:clamp(340px,96vw,420px)}
  [data-view="deployments"] .dx-file{display:none}
}
[data-view="deployments"] .dp13-ex .dx-stage,[data-view="deployments"] .dp13-ex__item--md .dx-stage{aspect-ratio:auto!important;height:clamp(360px,30vw,440px)!important}
[data-view="deployments"] .dp13-ex__item{display:flex!important;flex-direction:column}
[data-view="deployments"] .dx-note{margin-top:auto!important;padding-top:10px;border-top:1px solid var(--line);color:var(--fg-3);font-size:11.5px}
[data-view="deployments"] .dx-tasks{display:flex;flex-direction:column;min-height:0}
[data-view="deployments"] .dx-ops{height:100%}
[data-view="deployments"] .dx-ops .dx-tasks .dx-note{margin-top:auto!important}
@media (max-width:899px){[data-view="deployments"] .dp13-ex .dx-stage,[data-view="deployments"] .dp13-ex__item--md .dx-stage{height:clamp(340px,72vw,440px)!important}}
@media (max-width:559px){[data-view="deployments"] .dp13-ex .dx-stage,[data-view="deployments"] .dp13-ex__item--md .dx-stage{height:clamp(340px,100vw,420px)!important}[data-view="deployments"] .dx-ops .dx-task:nth-of-type(n+5){display:none}}
@media (min-width:900px) and (max-width:1279px){[data-view="deployments"] .dx-ops .dx-task:nth-of-type(n+4){display:none}}
[data-view="deployments"] .dx-ops{grid-template-rows:minmax(0,1fr);align-content:stretch}[data-view="deployments"] .dx-tasks{height:100%}
@media (max-width:379px){[data-view="deployments"] .dx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}[data-view="deployments"] .dx-stats p:nth-child(3){display:none}}

/* v16: case study dialog (shares the leadership profile frame) */
/* Keep the page's scroll container stable so Safari preserves the sticky nav. */
.csd::backdrop{overflow:hidden;overscroll-behavior:contain}
.csd .pf-sheet.csd-sheet{display:block;width:min(880px,100%);max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain}
.csd-body{padding:clamp(40px,4.4vw,64px) clamp(24px,4.4vw,64px) clamp(32px,3.6vw,52px)}
.csd .csd-k{margin:0 0 20px}
.csd-title{margin:0;max-width:22ch;padding-right:96px;font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-.024em;color:var(--fg);text-wrap:balance}
.csd-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.csd-dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:20px 16px 22px;border-left:1px solid var(--line)}
.csd-dl>div:first-child{border-left:0;padding-left:0}
.csd-dl dd{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.025em;color:var(--fg)}
.csd-dl dt{font-size:13px;line-height:1.4;color:var(--fg-2)}
.csd-text{margin-top:8px}
.csd-text .dp14-cs__k{margin:28px 0 8px;font:500 13px/1.4 var(--f-text);color:var(--fg-3)}
.csd-text p{margin:0;max-width:64ch;font-size:16.5px;line-height:1.65;color:var(--fg-2)}
.csd-foot{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
@media (max-width:767px){
  .csd .pf-sheet.csd-sheet{max-height:none;min-height:100%}
  .csd-title{padding-right:0;margin-top:44px}
  .csd-dl{grid-template-columns:minmax(0,1fr)}
  .csd-dl>div{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;padding:14px 0;border-left:0;border-top:1px solid var(--line)}
  .csd-dl>div:first-child{border-top:0}
  .csd-dl dd{font-size:26px}
}

/* capital.css */
/* Capital view (v13). Shared hero (.ip-hero) and geometry band (.ip-geoband) styles live in praus.css, scoped to this view too.
   One Meridian element per screen: the hero eyebrow rule, the thesis eyebrow rule, the accent line inside the tesseract. */

/* ---------- Hero ---------- */
[data-view="capital"] .cp12-hero{min-height:max(680px,100svh)}
[data-view="capital"] .cp12-hero .ip-hero__ph img{transform:scaleX(-1) scale(1.04);animation-name:cp12-in;object-position:30% 46%}
@keyframes cp12-in{from{opacity:0;transform:scaleX(-1) scale(1.09)}to{opacity:1;transform:scaleX(-1) scale(1.04)}}
@media (max-width:719px){
  [data-view="capital"] .cp12-hero .ip-hero__ph img{object-position:50% 40%;top:-8%;bottom:auto;height:100%}
  [data-view="capital"] .cp12-hero .ip-hero__ph::after{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,0) 18%,rgba(10,10,10,0) 50%,rgba(10,10,10,.78) 64%,rgba(10,10,10,.9) 76%,#0A0A0A 100%)}
}

/* ---------- Shared pieces ---------- */
[data-view="capital"]{--cp-ease:var(--ease-out,cubic-bezier(.16,1,.3,1));--cp-dim:rgba(245,245,244,.46)}
[data-view="capital"] .cp13-ph{border-radius:2px;margin:0;background:#050505}
[data-view="capital"] .cp13-ph img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
[data-view="capital"] .cp13-k{position:relative;margin:0 0 28px;padding-top:22px;font-size:13px;color:var(--fg-2)}
[data-view="capital"] .cp13-k::before{content:"";position:absolute;left:0;top:0;width:48px;height:1px;background:var(--meridian,#2F5BFF)}
[data-view="capital"] .cp13-rows{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
[data-view="capital"] .cp13-row__k{margin:0;font-family:var(--f-mono);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="capital"] .cp13-link{display:inline-flex;align-items:baseline;gap:6px;font-size:15px;font-weight:500;line-height:1.4;color:var(--fg);text-decoration:none;padding-bottom:3px;
  background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat,linear-gradient(color-mix(in srgb,currentColor 30%,transparent),color-mix(in srgb,currentColor 30%,transparent)) 0 100% / 100% 1px no-repeat;
  transition:background-size var(--d-hover,180ms) var(--cp-ease)}
[data-view="capital"] .cp13-link:focus-visible{background-size:100% 1px,100% 1px}@media (hover:hover){[data-view="capital"] .cp13-link:hover{background-size:100% 1px,100% 1px}}
[data-view="capital"] .cp13-link:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:4px;border-radius:2px}
[data-view="capital"] .cp13-arrow{display:inline-block;transition:transform var(--d-hover,180ms) var(--cp-ease)}
[data-view="capital"] .cp13-link:focus-visible .cp13-arrow{transform:translateX(4px)}@media (hover:hover){[data-view="capital"] .cp13-link:hover .cp13-arrow{transform:translateX(4px)}}

/* ---------- Thesis ---------- */
[data-view="capital"] .cp13-thesis{padding-block:var(--sec-lg) var(--sec);background:#0A0A0A}
[data-view="capital"] .cp13-thesis__top>*,[data-view="capital"] .cp13-eng__grid>*{min-width:0}
[data-view="capital"] .cp13-thesis__top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
[data-view="capital"] .cp13-thesis__copy{grid-column:1 / span 7}
[data-view="capital"] .cp13-thesis__t{margin:0;max-width:21ch;font-family:var(--f-display);font-weight:500;font-size:clamp(32px,3.6vw,56px);line-height:1.06;letter-spacing:-.02em;font-stretch:var(--wd-m,110%);text-wrap:balance}
[data-view="capital"] .cp13-thesis__lead{color:var(--fg)}
[data-view="capital"] .cp13-thesis__rest{color:var(--cp-dim)}
[data-view="capital"] .cp13-thesis__ph{grid-column:9 / span 4;aspect-ratio:4 / 5}
[data-view="capital"] .cp13-thesis__ph img{object-position:42% 50%;filter:grayscale(1) brightness(.84)}
[data-view="capital"] .cp13-points{margin-top:clamp(72px,8vw,128px)}
[data-view="capital"] .cp13-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding:clamp(28px,2.6vw,40px) 0;border-top:1px solid var(--line-2)}
[data-view="capital"] .cp13-row .cp13-row__k{grid-column:1 / span 2}
[data-view="capital"] .cp13-row__t{grid-column:3 / span 5;margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(22px,1.9vw,30px);line-height:1.16;letter-spacing:-.018em;font-stretch:var(--wd-s,106%);color:var(--fg);text-wrap:balance}
[data-view="capital"] .cp13-row__d{grid-column:9 / span 4;margin:0;font-size:17px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}

/* ---------- The engineers ---------- */
[data-view="capital"] .cp13-eng{padding-block:var(--sec) var(--sec)}
[data-view="capital"] .cp13-eng__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
[data-view="capital"] .cp13-eng__ph{grid-column:1 / span 7;aspect-ratio:4 / 3}
[data-view="capital"] .cp13-eng__ph img{object-position:22% 50%}
[data-view="capital"] .cp13-eng__copy{grid-column:9 / span 4}
[data-view="capital"] .cp13-h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3.2vw,48px);line-height:1.04;letter-spacing:-.018em;font-stretch:var(--wd-m,110%);color:var(--fg);text-wrap:balance}
[data-view="capital"] .cp13-lead{margin:24px 0 0;font-size:clamp(18px,1.35vw,21px);line-height:1.45;color:var(--fg-2);max-width:34ch;text-wrap:pretty}
[data-view="capital"] .cp13-arms{margin-top:clamp(40px,4vw,56px)}
[data-view="capital"] .cp13-arm{display:grid;gap:10px;padding:24px 0 26px;border-top:1px solid var(--line-2)}
[data-view="capital"] .cp13-arm__d{margin:0;font-size:17px;line-height:1.55;color:var(--fg);max-width:36ch;text-wrap:pretty}
[data-view="capital"] .cp13-arm .cp13-link{justify-self:start;margin-top:4px}

/* ---------- Close ---------- */
[data-view="capital"] .cp12-contact{padding-block:clamp(96px,11vw,176px)}
[data-view="capital"] .cp12-contact .h1{margin:0}
[data-view="capital"] .cp12-contact .lead{margin-top:20px}
[data-view="capital"] .cp12-geo .geo{width:100%;aspect-ratio:1/1}

[data-view="capital"] .cp13-facts{margin:clamp(36px,3.6vw,52px) 0 0;max-width:560px;border-bottom:1px solid var(--line)}
[data-view="capital"] .cp13-facts>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);column-gap:24px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line-2)}
[data-view="capital"] .cp13-facts dt{font-family:var(--f-mono);font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="capital"] .cp13-facts dd{margin:0;font-size:16px;line-height:1.5;color:var(--fg)}
[data-view="capital"] .cp13-close .ip-hero__acts{margin-top:36px}

/* ---------- Responsive ---------- */
@media (max-width:1099px){
  [data-view="capital"] .cp13-thesis__copy{grid-column:1 / span 8}
  [data-view="capital"] .cp13-thesis__ph{grid-column:9 / span 4}
  [data-view="capital"] .cp13-row__t{grid-column:3 / span 6}
  [data-view="capital"] .cp13-row__d{grid-column:3 / span 7;margin-top:10px}
  [data-view="capital"] .cp13-eng__ph{grid-column:1 / span 6}
  [data-view="capital"] .cp13-eng__copy{grid-column:8 / span 5}
}
@media (max-width:899px){
  [data-view="capital"] .cp13-thesis__top,[data-view="capital"] .cp13-eng__grid{display:block}
  [data-view="capital"] .cp13-thesis__ph{margin-top:48px;aspect-ratio:3 / 2}
  [data-view="capital"] .cp13-thesis__t{max-width:none}
  [data-view="capital"] .cp13-row{display:block}
  [data-view="capital"] .cp13-row__t{margin-top:12px}
  [data-view="capital"] .cp13-row__d{margin-top:10px;max-width:52ch}
  [data-view="capital"] .cp13-eng__copy{margin-top:48px}
}
@media (max-width:599px){
  [data-view="capital"] .cp13-thesis{padding-block:96px 72px}
  [data-view="capital"] .cp13-thesis__t{font-size:clamp(27px,7.4vw,34px);line-height:1.1;letter-spacing:-.017em}
  [data-view="capital"] .cp13-points{margin-top:56px}
  [data-view="capital"] .cp13-row{padding:24px 0 28px}
  [data-view="capital"] .cp13-row__t{font-size:22px}
  [data-view="capital"] .cp13-row__d{font-size:16px}
  [data-view="capital"] .cp13-eng{padding-block:72px}
  [data-view="capital"] .cp13-eng__ph{aspect-ratio:4 / 3}
  [data-view="capital"] .cp13-h2{font-size:clamp(28px,7.6vw,34px)}
  [data-view="capital"] .cp13-facts>div{grid-template-columns:1fr;row-gap:6px}
  [data-view="capital"] .cp12-contact{padding-block:88px 72px}
}
@media (prefers-reduced-motion:reduce){[data-view="capital"] :is(.cp13-link,.cp13-arrow){transition:none}}
html.motion-off [data-view="capital"] :is(.cp13-link,.cp13-arrow){transition:none}

/* v14: source line under the capability point, in small mono */
[data-view="capital"] .cp13-src{display:block;margin-top:14px;font-family:var(--f-mono);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--fg-3)}
/* v14: the thesis and the close now carry longer statements; a smaller size and wider measure keep them to a readable block */
[data-view="capital"] .cp13-thesis__t{font-size:clamp(30px,3vw,46px);line-height:1.08;max-width:25ch}
[data-view="capital"] .cp13-close .h1{font-size:clamp(34px,3.6vw,56px);line-height:1.04;max-width:18ch}
@media (max-width:599px){[data-view="capital"] .cp13-thesis__t{font-size:clamp(26px,7vw,32px)}[data-view="capital"] .cp13-close .h1{font-size:clamp(30px,8.4vw,36px)}}

/* v15: no blue bars, single-colour statements */
[data-view="capital"] .cp13-k::before{display:none}
[data-view="capital"] .cp13-k{padding-top:0}
[data-view="capital"] .cp13-thesis__rest{color:inherit}

/* v16 responsive: the photos keep their own aspect ratio. The shell gives .ph height:100%, so when the copy column
   was taller than the photo, the photo stretched to the row height and its aspect ratio pushed it wider than its
   columns, over the heading and text (900-1180px). Below 1024px the engineers split stacks to one column. */
[data-view="capital"] .cp13-eng__ph,[data-view="capital"] .cp13-thesis__ph{height:auto;width:100%;max-width:100%}
[data-view="capital"] .cp13-eng__ph{align-self:center}
@media (max-width:1023px){
  [data-view="capital"] .cp13-eng__grid{display:block}
  [data-view="capital"] .cp13-eng__copy{margin-top:48px}
}
/* v16 responsive: on short landscape phones the hero fits one screen, so the headline is visible without scrolling */
@media (max-height:520px) and (orientation:landscape){
  [data-view="capital"] .cp12-hero{min-height:100svh}
  [data-view="capital"] .cp12-hero .ip-hero__inner{padding-top:calc(var(--nav-h,64px) + 24px);padding-bottom:36px}
  [data-view="capital"] .cp12-hero .ip-hero__ph img{object-position:50% 100%}
}

/* v16: tighter close */
[data-view="capital"] .cp12-contact{padding-block:var(--sec)}
@media (max-width:719px){[data-view="capital"] .cp12-contact{padding-block:72px 64px}}
[data-view="capital"] .cp13-close .ip-geoband__geo{max-width:440px}
@media (max-width:899px),(pointer:coarse){[data-view="capital"] .cp13-link{display:inline-flex;align-items:center;min-height:44px}}

/* v16: thesis points as three ruled columns: label, statement, explanation, all top-aligned */
[data-view="capital"] .cp13-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap,24px);border-bottom:0;margin-top:clamp(56px,6vw,96px)}
[data-view="capital"] .cp13-points .cp13-row{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 0;border-top:1px solid var(--line-2)}
[data-view="capital"] .cp13-points .cp13-row__k{font-size:14px!important;color:var(--fg-3)}
[data-view="capital"] .cp13-points .cp13-row__t{margin:20px 0 0;max-width:19ch;font-size:clamp(24px,2.1vw,32px);line-height:1.12}
[data-view="capital"] .cp13-points .cp13-row__d{margin:16px 0 0;max-width:38ch;font-size:16px;line-height:1.6;color:var(--fg-2)}
@media(min-width:900px){[data-view="capital"] .cp13-points .cp13-row__t{min-height:2lh}}
@media (max-width:899px){
  [data-view="capital"] .cp13-points{grid-template-columns:minmax(0,1fr);row-gap:40px}
  [data-view="capital"] .cp13-points .cp13-row__t{max-width:22ch}
}

/* v16: Capital close with the theodolite and three facts */
[data-view="capital"] .cp16-close{position:relative;overflow:hidden;overflow:clip;padding-block:var(--sec);background:#0A0A0A;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
[data-view="capital"] .cp16-close__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap,24px);align-items:center}
[data-view="capital"] .cp16-close__copy{grid-column:1/span 7;min-width:0}
[data-view="capital"] .cp16-close .eyebrow{margin:0 0 20px;color:rgba(255,255,255,.64)}
[data-view="capital"] .cp16-close .h1{margin:0;max-width:15ch;color:#fff}
[data-view="capital"] .cp16-close .lead{margin:24px 0 0;max-width:44ch;color:rgba(255,255,255,.72)}
[data-view="capital"] .cp16-facts{margin:40px 0 0;max-width:720px;border-bottom:1px solid rgba(255,255,255,.12)}
[data-view="capital"] .cp16-facts>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:24px;padding:18px 0 19px;border-top:1px solid rgba(255,255,255,.12)}
[data-view="capital"] .cp16-facts dt{font-size:14px;color:rgba(255,255,255,.5)}
[data-view="capital"] .cp16-facts dd{margin:0;font-size:16px;line-height:1.55;color:#F5F5F4}
[data-view="capital"] .cp16-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
[data-view="capital"] .cp16-close__geo{grid-column:8/span 5;position:relative;height:clamp(420px,44vw,640px)}
[data-view="capital"] .cp16-close__geo .geo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
@media (max-width:1023px){
  [data-view="capital"] .cp16-close__copy{grid-column:1/-1;grid-row:2}
  [data-view="capital"] .cp16-close__geo{grid-column:1/-1;grid-row:1;height:clamp(260px,52vw,380px);margin-bottom:24px}
}
@media (max-width:559px){[data-view="capital"] .cp16-facts>div{display:block}[data-view="capital"] .cp16-facts dd{margin-top:6px}[data-view="capital"] .cp16-acts .btn{flex:1 1 auto;justify-content:center}}

/* mission.css */

/* ===== Mission view (v7) — all rules scoped to [data-view="mission"] ===== */
[data-view="mission"]{--mi-ease:var(--ease-out,cubic-bezier(.16,1,.3,1));--mi-ease-io:var(--ease-in-out,cubic-bezier(.65,0,.35,1))}
[data-view="mission"] .mi-cap{margin:0;font-family:var(--f-text);font-size:13px;line-height:1.45;color:var(--fg-3);text-wrap:pretty}
[data-view="mission"] cite{font-style:normal;font-family:inherit}

/* hero */
[data-view="mission"] .mi-hero,[data-view="mission"] .mi-cta{position:relative;overflow:hidden;overflow:clip}
[data-view="mission"] .mi-hero{padding-block:clamp(96px,12vw,184px) clamp(48px,6vw,88px)}
[data-view="mission"] .mi-hero .ip-plate{color:rgba(10,10,10,.06)}
[data-view="mission"] .mi-hero-in{position:relative;z-index:2}
[data-view="mission"] .mi-kicker{margin:0 0 28px;color:var(--fg)}
[data-view="mission"] .mi-statement{max-width:13ch;margin:0}
[data-view="mission"] .mi-hero-foot{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px;align-items:end;margin-top:clamp(48px,6vw,96px)}
[data-view="mission"] .mi-lead{grid-column:1/span 6;margin:0;max-width:48ch;color:var(--fg-2)}
[data-view="mission"] .mi-anchors{grid-column:8/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-anchors a{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 0 4px;font:500 15px/1.3 var(--f-text);color:var(--fg-2);text-decoration:none;transition:color .18s var(--mi-ease)}
[data-view="mission"] .mi-anchors a span{font-size:12px;font-weight:400;font-feature-settings:var(--tnum,"tnum" 1);color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="mission"] .mi-anchors a::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--fg);transition:width .28s var(--mi-ease)}
[data-view="mission"] .mi-anchors a:focus-visible{color:var(--fg)}@media (hover:hover){[data-view="mission"] .mi-anchors a:hover{color:var(--fg)}}
[data-view="mission"] .mi-anchors a:focus-visible::before{width:calc(100% - 16px)}@media (hover:hover){[data-view="mission"] .mi-anchors a:hover::before{width:calc(100% - 16px)}}
[data-view="mission"] .mi-anchors a:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:3px}

/* purpose: typographic trio */
[data-view="mission"] .mi-parts{position:relative}
[data-view="mission"] .mi-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
[data-view="mission"] .mi-head .h2{grid-column:1/span 7;margin:0;max-width:16ch}
[data-view="mission"] .mi-head-sub{grid-column:9/-1;margin:0;color:var(--fg-2)}
[data-view="mission"] .mi-trio{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-trio__item{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;height:100%;padding:20px 0 0;border-top:1px solid var(--line-2);color:var(--fg);text-decoration:none}
[data-view="mission"] .mi-trio__item::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--fg);transition:width .6s var(--mi-ease)}
[data-view="mission"] .mi-trio__item:focus-visible::before{width:100%}@media (hover:hover){[data-view="mission"] .mi-trio__item:hover::before{width:100%}}
[data-view="mission"] .mi-trio__item:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:6px}
[data-view="mission"] .mi-trio__n{font-size:13px;font-feature-settings:var(--tnum,"tnum" 1);color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="mission"] .mi-trio__name{font-family:var(--f-display);font-weight:500;font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.017em}
[data-view="mission"] .mi-trio__text{max-width:32ch;font-size:16px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}
[data-view="mission"] .mi-trio__go{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:14px;font-weight:500;color:var(--fg)}
[data-view="mission"] .mi-trio__go::after{content:"";width:18px;height:1px;background:currentColor;transition:width .28s var(--mi-ease)}
@media (hover:hover){[data-view="mission"] .mi-trio__item:hover .mi-trio__go::after{width:36px}}

/* moving image band */
[data-view="mission"] .mi-vid{position:relative;aspect-ratio:21/9;max-height:78vh;width:100%;margin:0}
[data-view="mission"] .mi-vid::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,0) 40%,rgba(10,10,10,.55) 100%)}
[data-view="mission"] .mi-vid__cap{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;padding:0 var(--gutter) clamp(24px,3vw,44px);max-width:calc(var(--maxw) + var(--gutter)*2);margin-inline:auto;color:#fff;pointer-events:none}
[data-view="mission"] .mi-vid__line{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,3.6vw,56px);line-height:1.04;letter-spacing:-.014em;text-wrap:balance}
[data-view="mission"] .mi-vid__credit{color:rgba(255,255,255,.72);margin-right:56px}[data-view="mission"] .mi-vid__credit b{font-weight:500;color:#fff}
@media (max-width:719px){[data-view="mission"] .mi-vid{aspect-ratio:4/5}}

/* ===== deep dive ===== */
[data-view="mission"] .mi-deep{display:block;scroll-margin-top:var(--nav-h,64px)}

/* the name */
[data-view="mission"] .mi-name{padding-block:clamp(88px,10vw,160px)}
[data-view="mission"] .mi-name-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,56px) 24px;align-items:start}
[data-view="mission"] .mi-name-head{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:end}
[data-view="mission"] .mi-name-h{grid-column:1/span 8;margin:0;max-width:12ch}
[data-view="mission"] .mi-pron{grid-column:10/-1;margin:0;display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-pron__word{font-family:var(--f-display);font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--fg)}
[data-view="mission"] .mi-pron__say{font-size:26px;line-height:1.1;color:var(--fg)}
[data-view="mission"] .mi-pron__say::before{content:"/";margin-right:4px;color:var(--fg-3)}
[data-view="mission"] .mi-pron__say::after{content:"/";margin-left:4px;color:var(--fg-3)}
[data-view="mission"] .mi-name-body{grid-column:1/span 6;grid-row:2}
[data-view="mission"] .mi-name-body .lead{max-width:30ch;margin:0 0 28px;color:var(--fg);font-size:clamp(22px,1.9vw,28px);line-height:1.32;letter-spacing:-.01em}
[data-view="mission"] .mi-name-body .body{max-width:58ch;margin:0 0 18px;color:var(--fg-2)}
[data-view="mission"] .mi-dropcap::first-letter{float:left;font-family:var(--f-display);font-weight:500;font-size:3.6em;line-height:.8;margin:.06em .1em 0 -.02em;color:var(--fg)}
[data-view="mission"] .mi-name-ph{grid-column:8/-1;grid-row:2/span 2;margin:0;position:relative}
[data-view="mission"] .ph__cap{font-family:var(--f-text)}
[data-view="mission"] .mi-ledger{grid-column:1/span 6;grid-row:3;align-self:end;margin:0 0 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-ledger div{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
[data-view="mission"] .mi-ledger dt{font-size:12.5px;line-height:1.6;color:var(--fg-3)}
[data-view="mission"] .mi-ledger dd{margin:0;font-size:15px;line-height:1.45;color:var(--fg)}
[data-view="mission"] .mi-num{font-variant-numeric:tabular-nums}
[data-view="mission"] .mi-pull{margin:clamp(72px,9vw,136px) 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-pull p{grid-column:2/span 10;margin:0;max-width:24ch;font-size:clamp(34px,4.4vw,68px);line-height:1.06;letter-spacing:-.017em;color:var(--fg);text-wrap:balance;hanging-punctuation:first last}
[data-view="mission"] .mi-pull__cap{grid-column:2/span 6;display:flex;align-items:center;gap:12px;margin:0;color:var(--fg-3)}
[data-view="mission"] .mi-pull__cap::before{content:"";width:32px;height:1px;background:var(--fg-3)}

/* what we took */
[data-view="mission"] .mi-took{padding-block:clamp(88px,10vw,152px)}
[data-view="mission"] .mi-took-h{margin:0 0 clamp(48px,6vw,88px);max-width:18ch}
[data-view="mission"] .mi-took-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-took-list li{padding-top:20px;border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-took-verb{margin:0 0 14px;font-family:var(--f-display);font-weight:500;font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.014em;color:var(--fg)}
[data-view="mission"] .mi-took-def{margin:0 0 28px;max-width:28ch;font-size:clamp(17px,1.3vw,19px);line-height:1.4;color:var(--fg-2);text-wrap:pretty}
[data-view="mission"] .mi-took-biz{margin:0;max-width:34ch;padding-top:14px;border-top:1px dashed var(--line);font-size:15px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}
[data-view="mission"] .mi-took-biz .link{color:var(--fg);font-weight:500}

/* misuse */
[data-view="mission"] .mi-misuse{margin-top:clamp(72px,8vw,120px)}
[data-view="mission"] .mi-misuse-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line-2);margin-bottom:24px}
[data-view="mission"] .mi-misuse-head .h3{margin:0}
[data-view="mission"] .mi-misuse-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-misuse-row figure{margin:0}
[data-view="mission"] .mi-mu-tile{position:relative;aspect-ratio:1/1;background:var(--paper,#F4F4F2);display:grid;place-items:center;overflow:hidden}
[data-view="mission"] .mi-mu-tile svg{width:52%;height:auto;overflow:visible}
[data-view="mission"] .mu-fill{fill:var(--fg)}
[data-view="mission"] .mu-line{fill:none;stroke:var(--fg);stroke-width:1.2;vector-effect:non-scaling-stroke}
[data-view="mission"] .mu-off{fill:#D9622B}
[data-view="mission"] .mi-mu-x{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .5px),var(--fg-3) calc(50% - .5px),var(--fg-3) calc(50% + .5px),transparent calc(50% + .5px))}
[data-view="mission"] .mi-misuse-row figcaption{margin-top:12px;font-size:14px;line-height:1.45;color:var(--fg-2);max-width:26ch;text-wrap:pretty}

/* colour and type */
[data-view="mission"] .mi-spec{padding-block:clamp(88px,10vw,152px)}
[data-view="mission"] .mi-spec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
[data-view="mission"] .mi-spec-head .h2{grid-column:1/span 6;margin:0}
[data-view="mission"] .mi-spec-head .body{grid-column:8/-1;margin:0}
[data-view="mission"] .mi-swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:2fr 1.4fr 1fr .6fr;gap:2px}
[data-view="mission"] .mi-sw{position:relative;display:grid;grid-template-rows:1fr auto auto auto;min-height:clamp(200px,22vw,300px);padding:16px;gap:4px}
[data-view="mission"] .mi-sw__chip{display:none}
[data-view="mission"] .mi-sw__name{font-family:var(--f-display);font-weight:500;font-size:20px;letter-spacing:-.01em}
[data-view="mission"] .mi-sw__hex{font-family:var(--f-text);font-size:12px;letter-spacing:.04em}
[data-view="mission"] .mi-sw__role{font-size:13px;line-height:1.4;opacity:.72;max-width:24ch}
[data-view="mission"] .mi-sw--ink{background:#0A0A0A;color:#F4F4F2}
[data-view="mission"] .mi-sw--paper{background:#F4F4F2;color:#0A0A0A;box-shadow:inset 0 0 0 1px rgba(10,10,10,.08)}
[data-view="mission"] .mi-sw--grat{background:#8A8C8E;color:#0A0A0A}
[data-view="mission"] .mi-type{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-type__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
[data-view="mission"] .mi-type__glyph{grid-column:1/span 2;margin:0;font-size:clamp(56px,6vw,96px);line-height:.9;letter-spacing:-.021em;color:var(--fg)}
[data-view="mission"] .mi-type__row--d .mi-type__glyph,[data-view="mission"] .mi-type__row--d .mi-type__sample{font-family:var(--f-display);font-weight:500}
[data-view="mission"] .mi-type__row--s .mi-type__sample{font-family:var(--f-text);font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.014em}
[data-view="mission"] .mi-type__row--s .mi-type__glyph{font-weight:400}
[data-view="mission"] .mi-type__row--t .mi-type__glyph,[data-view="mission"] .mi-type__row--t .mi-type__sample{font-family:var(--f-text)}
[data-view="mission"] .mi-type__row--m .mi-type__glyph,[data-view="mission"] .mi-type__row--m .mi-type__sample{font-family:var(--f-text);font-variant-numeric:tabular-nums}
[data-view="mission"] .mi-type__row--m .mi-type__glyph{letter-spacing:0}
[data-view="mission"] .mi-type__meta{grid-column:3/span 3}
[data-view="mission"] .mi-type__name{margin:0 0 4px;font-weight:500;font-size:15px;color:var(--fg)}
[data-view="mission"] .mi-type__sample{grid-column:7/-1;margin:0;color:var(--fg);text-wrap:balance}
[data-view="mission"] .mi-type__row--d .mi-type__sample{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.014em}
[data-view="mission"] .mi-type__row--t .mi-type__sample{font-size:17px;line-height:1.6;max-width:52ch;text-wrap:pretty}
[data-view="mission"] .mi-type__row--m .mi-type__sample{font-size:13px;letter-spacing:.04em}
[data-view="mission"] .mi-spec-cta{margin-top:40px}

/* principles */
[data-view="mission"] .mi-how-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px}
[data-view="mission"] .mi-how-side{grid-column:1/span 4}
[data-view="mission"] .mi-how-side .h2{margin:0;max-width:12ch}
[data-view="mission"] .mi-principles{grid-column:6/-1;list-style:none;margin:0;padding:0;display:grid}
[data-view="mission"] .mi-principles li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:28px 0;border-top:1px solid var(--line-2);transition:background-color .28s var(--mi-ease),padding .28s var(--mi-ease)}
[data-view="mission"] .mi-principles li:last-child{border-bottom:1px solid var(--line-2)}
@media (hover:hover){[data-view="mission"] .mi-principles li:hover{background:rgba(255,255,255,.5);padding-inline:12px}}
[data-view="mission"] .mi-pn{font-size:14px;line-height:1.9;font-feature-settings:var(--tnum,"tnum" 1);color:var(--fg-3)}
[data-view="mission"] .mi-principles .h3{margin:0 0 10px}
[data-view="mission"] .mi-principles .body{margin:0;color:var(--fg-2)}

/* cta */
[data-view="mission"] .mi-cta{padding-block:clamp(88px,11vw,176px);color:#FFFFFF}
[data-view="mission"] .mi-arc{color:rgba(255,255,255,.28)}
[data-view="mission"] .mi-cta-in{position:relative;z-index:2}
[data-view="mission"] .mi-sign{margin:0;max-width:14ch;color:#FFFFFF}
[data-view="mission"] .mi-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(28px,3vw,44px)}
[data-view="mission"] .mi-cta .btn--ghost{color:#FFFFFF}

/* responsive */
@media (max-width:900px){
  [data-view="mission"] .mi-lead,[data-view="mission"] .mi-anchors,
  [data-view="mission"] .mi-head .h2,[data-view="mission"] .mi-head-sub,
  [data-view="mission"] .mi-name-h,[data-view="mission"] .mi-pron,
  [data-view="mission"] .mi-name-body,[data-view="mission"] .mi-name-ph,[data-view="mission"] .mi-ledger,
  [data-view="mission"] .mi-mark-head .h2,[data-view="mission"] .mi-mark-head .body,
  [data-view="mission"] .mi-cx-stage,[data-view="mission"] .mi-cx-side,
  [data-view="mission"] .mi-spec-head .h2,[data-view="mission"] .mi-spec-head .body,
  [data-view="mission"] .mi-how-side,[data-view="mission"] .mi-principles{grid-column:1/-1;grid-row:auto}
  [data-view="mission"] .mi-name-ph{max-width:520px}
  [data-view="mission"] .mi-ledger{margin-bottom:0}
  [data-view="mission"] .mi-pull p,[data-view="mission"] .mi-pull__cap{grid-column:1/-1}
  [data-view="mission"] .mi-trio,[data-view="mission"] .mi-took-list{grid-template-columns:1fr;gap:40px}
  [data-view="mission"] .mi-misuse-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-view="mission"] .mi-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-view="mission"] .mi-type__glyph{grid-column:1/span 3}
  [data-view="mission"] .mi-type__meta{grid-column:4/-1}
  [data-view="mission"] .mi-type__sample{grid-column:1/-1}
}
@media (max-width:719px){
  [data-view="mission"] .mi-anchors{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-view="mission"] .mi-ledger{grid-template-columns:1fr}
  [data-view="mission"] .mi-principles li{grid-template-columns:36px minmax(0,1fr)}
  [data-view="mission"] .mi-misuse-row{gap:16px}
  [data-view="mission"] .mi-sw{min-height:150px}
}
@media (prefers-reduced-motion:reduce){
  [data-view="mission"] *,[data-view="mission"] *::before,[data-view="mission"] *::after{transition-duration:0s !important;transition-delay:0s !important;animation:none !important}
}
html.motion-off [data-view="mission"] *,html.motion-off [data-view="mission"] *::before,html.motion-off [data-view="mission"] *::after{transition-duration:0s !important;transition-delay:0s !important;animation:none !important}

/* ===== v8 (Inner B): lean Mission, no numerals, no blue band ===== */
[data-view="mission"] .mi-anchors{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-view="mission"] .mi-took-verb{font-size:clamp(22px,1.9vw,28px);line-height:1.15;letter-spacing:-.014em;max-width:18ch;font-stretch:var(--wd-s,106%)}
[data-view="mission"] .mi-took-def{max-width:34ch;margin:0}
[data-view="mission"] .mi-principles li{grid-template-columns:minmax(0,1fr);gap:0;padding:28px 0;transition:none}
@media (hover:hover){[data-view="mission"] .mi-principles li:hover{background:none;padding-inline:0}}
[data-view="mission"] .mi-principles .h3{max-width:28ch}
[data-view="mission"] .mi-principles .body{max-width:56ch}
[data-view="mission"] .mi-how-intro{margin:20px 0 0;max-width:34ch;color:var(--fg-2)}
[data-view="mission"] .mi-how-side .h2{max-width:none}
[data-view="mission"] .mi-cta{color:var(--fg)}
[data-view="mission"] .mi-sign{color:var(--fg)}
[data-view="mission"] .mi-cta .btn--ghost{color:var(--fg)}
[data-view="mission"] .mi-name-body .body:last-child{margin-bottom:0}
@media (max-width:899px){
  [data-view="mission"] .mi-principles li{grid-template-columns:minmax(0,1fr)}
}
[data-view="mission"] .mi-how-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:clamp(40px,5vw,72px) 0 0}
[data-view="mission"] .mi-name-body .body{font-size:clamp(17px,1.3vw,19px);line-height:1.62}
[data-view="mission"] .mi-statement{max-width:15ch}
[data-view="mission"] .mi-name-h{grid-column:1/-1;max-width:18ch}
[data-view="mission"] .mi-name-body .lead{max-width:34ch}

/* ===== v10: full-bleed hero (white type in the dark sky), offset overlap, full-bleed close ===== */
[data-view="mission"] .mi-hero{position:relative;display:flex;align-items:flex-start;min-height:min(88vh,880px);padding:var(--sec-lg,clamp(104px,13vw,192px)) 0 var(--sec,clamp(80px,10vw,144px));overflow:hidden;overflow:clip;background:#0B0B0C;color:#fff}
[data-view="mission"] .mi-hero-media{position:absolute;inset:0;margin:0;border-radius:0}
[data-view="mission"] .mi-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
[data-view="mission"] .mi-hero-in{position:relative;z-index:2;width:100%}
[data-view="mission"] .mi-hero-copy{max-width:calc((100% - 264px) * 7 / 12 + 144px)}
[data-view="mission"] .mi-statement{margin:0;color:#fff}
[data-view="mission"] .mi-lead{margin:var(--s-24,24px) 0 0;max-width:44ch;color:rgba(255,255,255,.86)}
/* How the lab runs: image cols 4-12, text plate cols 1-5 overlapping two columns, dropped 96px */
[data-view="mission"] .mi-runs-comp{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
[data-view="mission"] .mi-runs-ph{grid-column:4 / 13;grid-row:1;margin:0;aspect-ratio:3/2}
[data-view="mission"] .mi-runs-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
[data-view="mission"] .mi-runs-card{grid-column:1 / 6;grid-row:1;position:relative;z-index:2;margin-top:96px;background:var(--paper);padding:48px 48px 48px 0}
[data-view="mission"] .mi-runs-card .h2{margin:0 0 24px}
[data-view="mission"] .mi-runs-card .lead{margin:0}
[data-view="mission"] .mi-runs-cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:64px}
[data-view="mission"] .mi-runs-col{grid-column:span 4;border-top:1px solid var(--line-2);padding-top:24px}
[data-view="mission"] .mi-runs-col .h3{margin:0 0 16px}
[data-view="mission"] .mi-runs-col .body{margin:0;color:var(--fg-2)}
[data-view="mission"] .mi-runs-foot{margin:64px 0 0;max-width:60ch;color:var(--fg-2)}
/* Name */
[data-view="mission"] .mi-name-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="mission"] .mi-name-head{grid-column:1 / 6}
[data-view="mission"] .mi-name-h{margin:0}
[data-view="mission"] .mi-name-body{grid-column:7 / 13}
[data-view="mission"] .mi-name-body .lead{margin:0 0 24px}
[data-view="mission"] .mi-name-body .body{margin:0 0 16px;max-width:60ch;color:var(--fg-2)}
/* Close: full-bleed, statement on the cloud mass */
[data-view="mission"] .mi-close{position:relative;min-height:min(80vh,760px);display:flex;align-items:flex-start;padding:var(--sec-lg,clamp(104px,13vw,192px)) 0;overflow:hidden;overflow:clip;background:#0B0B0C;color:#fff}
[data-view="mission"] .mi-close-media{position:absolute;inset:0;margin:0;border-radius:0}
[data-view="mission"] .mi-close-media img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
[data-view="mission"] .mi-close-in{position:relative;z-index:2;width:100%}
[data-view="mission"] .mi-close-h{margin:0;color:#fff;max-width:14ch}
[data-view="mission"] .mi-close-links{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 0}
@media (max-width:1023px){
  [data-view="mission"] .mi-runs-card{grid-column:1 / 8;padding-right:32px}
  [data-view="mission"] .mi-runs-col{grid-column:1 / -1}
  [data-view="mission"] .mi-name-head,[data-view="mission"] .mi-name-body{grid-column:1 / -1}
}
@media (max-width:767px){
  [data-view="mission"] .mi-hero{min-height:min(88svh,760px);padding-top:120px}
  [data-view="mission"] .mi-hero-media img{object-position:50% 45%}
  [data-view="mission"] .mi-hero-copy{max-width:none}
  [data-view="mission"] .mi-runs-comp{display:block}
  [data-view="mission"] .mi-runs-ph{aspect-ratio:4/5;margin-right:calc(var(--gutter) * -1);border-radius:var(--radius) 0 0 var(--radius)}
  [data-view="mission"] .mi-runs-ph img{object-position:52% 62%}
  [data-view="mission"] .mi-runs-card{margin:-64px 24px 0 0;padding:32px 24px 0 0}
  [data-view="mission"] .mi-runs-cols{margin-top:48px}
  [data-view="mission"] .mi-close{min-height:0;aspect-ratio:auto;padding:var(--sec,80px) 0 calc(var(--sec,80px) * 2.4)}
  [data-view="mission"] .mi-close-media img{object-position:55% 40%}
}
/* v10 hero tune: headline and lede stay inside the sky (top 40%) */
[data-view="mission"] .mi-hero{padding-top:var(--sec,clamp(80px,10vw,144px));min-height:min(90vh,900px)}
[data-view="mission"] .mi-hero-copy{max-width:calc((100% - 264px) * 8 / 12 + 168px)}
[data-view="mission"] .mi-hero-media img{object-position:50% 30%}
@media (max-width:767px){[data-view="mission"] .mi-hero{padding-top:96px;min-height:min(92svh,780px)}[data-view="mission"] .mi-hero-media img{object-position:50% 20%}}
[data-view="mission"] .mi-hero{padding-top:var(--sec-sm,clamp(56px,6.4vw,96px))}
[data-view="mission"] .mi-hero-copy{max-width:calc((100% - 264px) * 9 / 12 + 192px)}
[data-view="mission"] .mi-hero-media img{object-position:50% 0%}
[data-view="mission"] .mi-hero-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,0) 60%)}
[data-view="mission"] .mi-lead{max-width:52ch;color:#fff}
[data-view="mission"] .mi-hero-media::before{display:none}
[data-view="mission"] .mi-hero-media img{object-position:50% 40%}
@media (max-width:767px){[data-view="mission"] .mi-hero-media img{object-position:50% 45%}}
[data-view="mission"] .mi-statement{max-width:22ch}
@media (max-width:767px){
  [data-view="mission"] .mi-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:0;background:#0B0B0C}
  [data-view="mission"] .mi-hero-in,[data-view="mission"] .mi-hero-copy{display:contents}
  [data-view="mission"] .mi-hero-media{position:relative;inset:auto;grid-row:1;grid-column:1;aspect-ratio:4/5}
  [data-view="mission"] .mi-hero-media img{object-position:50% 0%}
  [data-view="mission"] .mi-kicker{grid-row:1;grid-column:1;align-self:start;position:relative;z-index:2;margin:40px var(--gutter) 0}
  [data-view="mission"] .mi-statement{grid-row:1;grid-column:1;align-self:start;position:relative;z-index:2;margin:80px var(--gutter) 0;max-width:none}
  [data-view="mission"] .mi-lead{grid-row:2;grid-column:1;margin:0;padding:32px var(--gutter) var(--sec,80px);max-width:none;color:rgba(255,255,255,.86)}
}

/* ===== v12: space hero under the nav, ink name section with the extruded symbol ===== */
[data-view="mission"] .mi-hero{padding-top:calc(var(--nav-h,64px) + clamp(104px,13vw,192px));min-height:min(100vh,960px)}
[data-view="mission"] .mi-hero-media::after,[data-view="mission"] .mi-close-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,7,.62) 0%,rgba(6,6,7,.18) 46%,rgba(6,6,7,.55) 100%)}
[data-view="mission"] .mi-hero-media img{object-position:50% 70%;filter:grayscale(1) contrast(1.06)}
[data-view="mission"] .mi-close-media img{object-position:50% 50%;filter:grayscale(1) contrast(1.05)}
[data-view="mission"] .mi-runs-ph img{object-position:50% 50%;filter:grayscale(1) contrast(1.05)}
[data-view="mission"] .mi-name{padding-bottom:clamp(64px,8vw,128px)}
[data-view="mission"] .mi-name .mi-name-body .body{color:var(--fg-2)}
[data-view="mission"] .mi-name-geo{margin-top:clamp(32px,4vw,64px);max-width:480px}
[data-view="mission"] .mi-name-geo .geo{width:100%;aspect-ratio:1/1}
@media (max-width:767px){
  [data-view="mission"] .mi-hero{padding-top:calc(var(--nav-h,56px) + 88px);min-height:88vh}
  [data-view="mission"] .mi-name-geo{max-width:320px;margin-inline:auto;margin-bottom:24px}
}
[data-view="mission"] .mi-close-media img{object-position:50% 60%}
@media (max-width:767px){[data-view="mission"] .mi-hero-media img{object-position:50% 80%}[data-view="mission"] .mi-close-media img{object-position:50% 62%}}
[data-view="mission"] .mi-name-head{display:block}
[data-view="mission"] .mi-name-geo{width:min(100%,460px)}
@media (min-width:768px){[data-view="mission"] .mi-name-body{grid-row:1;align-self:end;padding-bottom:clamp(16px,3vw,48px)}[data-view="mission"] .mi-name-head{grid-row:1}}
/* v12: About copy — linked arm columns, Leadership row */
[data-view="mission"] .mi-statement{max-width:12ch}
[data-view="mission"] a.mi-runs-col{display:block;color:inherit;text-decoration:none;padding-bottom:8px}
[data-view="mission"] .mi-runs-link{display:inline-flex;gap:8px;margin-top:16px;font:500 15px/1.4 var(--f-text);color:var(--fg)}
[data-view="mission"] .mi-runs-link .arrow{display:inline-block;transition:transform .3s var(--ease-nav,cubic-bezier(.2,.7,.2,1))}
[data-view="mission"] a.mi-runs-col:focus-visible .arrow{transform:translateX(3px)}@media (hover:hover){[data-view="mission"] a.mi-runs-col:hover .arrow{transform:translateX(3px)}}
[data-view="mission"] a.mi-runs-col .h3{transition:color .25s}
[data-view="mission"] .mi-team{padding-block:clamp(80px,9vw,144px)}
[data-view="mission"] .mi-team-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:baseline}
[data-view="mission"] .mi-team-grid .h2{grid-column:1 / 6;margin:0}
[data-view="mission"] .mi-team-list{grid-column:6 / 11;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
[data-view="mission"] .mi-team-row{padding:24px 0;border-bottom:1px solid var(--line)}
[data-view="mission"] .mi-team-name{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.017em;line-height:1.1}
[data-view="mission"] .mi-team-link{grid-column:11 / 13;justify-self:end;margin:0}
[data-view="mission"] .mi-team-link a{color:var(--fg)}
[data-view="mission"] .mi-team + .mi-deep .mi-name{border-top:1px solid var(--line)}
@media (max-width:767px){[data-view="mission"] .mi-team-grid .h2,[data-view="mission"] .mi-team-list,[data-view="mission"] .mi-team-link{grid-column:1 / -1;justify-self:start}}
@media (max-width:767px){
  [data-view="mission"] .mi-hero{display:flex;align-items:flex-start;min-height:640px;padding:calc(var(--nav-h,56px) + 96px) 0 72px}
  [data-view="mission"] .mi-hero-in{display:block;width:100%}
  [data-view="mission"] .mi-hero-copy{display:block}
  [data-view="mission"] .mi-hero-media{position:absolute;inset:0;aspect-ratio:auto}
  [data-view="mission"] .mi-hero-media img{object-position:50% 85%}
  [data-view="mission"] .mi-kicker,[data-view="mission"] .mi-statement{margin:0;position:static}
  [data-view="mission"] .mi-kicker{margin-bottom:16px}
  [data-view="mission"] .mi-lead{margin:20px 0 0;padding:0}
}

/* v13: brighter daylight images (Himalayas, aurora over cloud) toned down behind the type */
[data-view="mission"] .mi-hero-media img{filter:grayscale(1) brightness(.6) contrast(1.12)}
[data-view="mission"] .mi-hero-media::after{background:linear-gradient(90deg,rgba(6,6,7,.88) 0%,rgba(6,6,7,.6) 38%,rgba(6,6,7,.12) 72%),linear-gradient(180deg,rgba(6,6,7,.55) 0%,rgba(6,6,7,0) 28%)}
[data-view="mission"] .mi-close-media img{filter:grayscale(1) brightness(.68) contrast(1.08)}
[data-view="mission"] .mi-close-media::after{background:linear-gradient(90deg,rgba(6,6,7,.86) 0%,rgba(6,6,7,.45) 46%,rgba(6,6,7,.1) 80%)}

/* ===== v13: Leadership row with title + profile, name section with the Ortelius atlas, "The lab in practice" ===== */
/* Leadership */
[data-view="mission"] .mi-team-grid{align-items:start;row-gap:0}
[data-view="mission"] .mi-team-grid .h2{grid-column:1 / 6;padding-top:20px}
[data-view="mission"] .mi-team-list{grid-column:6 / 13;border-top:1px solid var(--line-2)}
[data-view="mission"] .mi-team-row{padding:0;border-bottom:1px solid var(--line-2)}
[data-view="mission"] .mi-person{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:28px;width:100%;margin:0;padding:24px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-view="mission"] .mi-person:focus-visible{outline:2px solid var(--meridian-line,#2F5BFF);outline-offset:6px}
[data-view="mission"] .mi-person__id{display:flex;flex-direction:column;gap:8px;min-width:0}
[data-view="mission"] .mi-team-name{color:var(--fg)}
[data-view="mission"] .mi-team-role{font:400 clamp(16px,1.2vw,18px)/1.4 var(--f-text);color:var(--fg-2)}
[data-view="mission"] .mi-person__go{display:inline-flex;align-items:center;gap:14px;font:500 15px/1 var(--f-text);color:var(--fg);white-space:nowrap}
[data-view="mission"] .mi-team-link{grid-column:6 / 13;justify-self:start;margin:24px 0 0}
/* The name: heading and text in one row, the atlas full width below */
[data-view="mission"] .mi-name{padding-block:var(--sec-lg,clamp(104px,13vw,192px)) var(--sec,clamp(80px,10vw,144px))}
[data-view="mission"] .mi-name-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 24px;align-items:start}
[data-view="mission"] .mi-name-h{grid-column:1 / 7;grid-row:1;margin:0;max-width:11ch}
[data-view="mission"] .mi-name-body{grid-column:8 / 13;grid-row:1;align-self:end;padding:0}
[data-view="mission"] .mi-name-body .lead{max-width:30ch;margin:0 0 28px;color:var(--fg)}
[data-view="mission"] .mi-name-body .body{max-width:52ch;margin:0 0 16px}
[data-view="mission"] .mi-name-body .body:last-child{margin-bottom:0}
[data-view="mission"] .mi-atlas{margin:clamp(72px,8vw,128px) 0 0}
[data-view="mission"] .mi-atlas-ph{height:auto;aspect-ratio:2560/1750;border-radius:2px;background:#1B1B1B}
[data-view="mission"] .mi-atlas-ph>img{filter:none}
[data-view="mission"] .mi-atlas-cap{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 32px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font:500 12.5px/1.5 var(--f-text);letter-spacing:0;color:var(--fg-3)}
[data-view="mission"] .mi-atlas-cap__t{color:var(--fg-2)}
/* The lab in practice */
[data-view="mission"] .mi-prac{padding-block:var(--sec-lg,clamp(104px,13vw,192px))}
[data-view="mission"] .mi-prac-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:clamp(64px,8vw,128px)}
[data-view="mission"] .mi-prac-k{grid-column:1 / -1;position:relative;margin:0;padding-top:22px;font-size:14px;color:var(--fg-2)}
[data-view="mission"] .mi-prac-h{grid-column:1 / 9;margin:0;max-width:13ch}
[data-view="mission"] .mi-prac-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(96px,11vw,168px)}
[data-view="mission"] .mi-prac-item{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="mission"] .mi-prac-fig{grid-row:1;margin:0;min-width:0}
[data-view="mission"] .mi-prac-ph{height:auto;aspect-ratio:3/2;border-radius:2px}
[data-view="mission"] .mi-prac-cap{margin:12px 0 0;font:500 12.5px/1.5 var(--f-text);letter-spacing:0;color:var(--fg-3)}
[data-view="mission"] .mi-prac-text{grid-row:1;margin:0;padding-top:20px;border-top:1px solid var(--line-2);font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(24px,2.1vw,32px);line-height:1.16;letter-spacing:-.014em;color:var(--fg);max-width:20ch;text-wrap:pretty}
[data-view="mission"] .mi-prac-item--a .mi-prac-fig{grid-column:1 / 8}
[data-view="mission"] .mi-prac-item--a .mi-prac-text{grid-column:9 / 13;align-self:end;margin-bottom:30px}
[data-view="mission"] .mi-prac-item--b .mi-prac-fig{grid-column:5 / 13}
[data-view="mission"] .mi-prac-item--b .mi-prac-ph{aspect-ratio:16/9}
[data-view="mission"] .mi-prac-item--b .mi-prac-ph>img{object-position:50% 40%}
[data-view="mission"] .mi-prac-item--b .mi-prac-text{grid-column:1 / 5;margin-top:clamp(0px,4vw,64px);max-width:16ch}
[data-view="mission"] .mi-prac-item--c .mi-prac-fig{grid-column:2 / 6}
[data-view="mission"] .mi-prac-item--c .mi-prac-ph{aspect-ratio:4/5}
[data-view="mission"] .mi-prac-item--c .mi-prac-text{grid-column:7 / 13;align-self:center;max-width:24ch;font-size:clamp(28px,2.6vw,40px);line-height:1.1;letter-spacing:-.017em;color:var(--fg-3)}
[data-view="mission"] .mi-prac-lead{color:var(--fg)}
@media (max-width:1023px){
  [data-view="mission"] .mi-name-h{grid-column:1 / -1;max-width:12ch}
  [data-view="mission"] .mi-name-body{grid-column:1 / -1;grid-row:2;max-width:640px}
  [data-view="mission"] .mi-prac-item--a .mi-prac-text{grid-column:8 / 13}
  [data-view="mission"] .mi-prac-item--c .mi-prac-fig{grid-column:1 / 6}
}
@media (max-width:767px){
  [data-view="mission"] .mi-team-grid .h2{padding-top:0;margin-bottom:28px}
  [data-view="mission"] .mi-team-list{grid-column:1 / -1;justify-self:stretch}
  [data-view="mission"] .mi-team-link{grid-column:1 / -1}
  [data-view="mission"] .mi-person{grid-template-columns:60px minmax(0,1fr);gap:8px 18px;padding:20px 0}
  [data-view="mission"] .mi-person .pf-portrait--thumb{width:60px;grid-row:1 / 3}
  [data-view="mission"] .mi-person__go{grid-column:2;justify-self:start;margin-top:6px;font-size:14px}
  [data-view="mission"] .mi-team-name{font-size:28px}
  [data-view="mission"] .mi-atlas{margin-top:56px;margin-inline:calc(var(--gutter) * -1)}
  [data-view="mission"] .mi-atlas-ph{border-radius:0}
  [data-view="mission"] .mi-atlas-cap{padding-inline:var(--gutter);border-top:0;padding-top:0}
  [data-view="mission"] .mi-prac-head{margin-bottom:56px}
  [data-view="mission"] .mi-prac-h{grid-column:1 / -1}
  [data-view="mission"] .mi-prac-list{gap:72px}
  [data-view="mission"] .mi-prac-item{grid-template-columns:minmax(0,1fr);gap:24px}
  [data-view="mission"] .mi-prac-item .mi-prac-fig,[data-view="mission"] .mi-prac-item .mi-prac-text{grid-column:1 / -1;margin:0;max-width:none;align-self:start}
  [data-view="mission"] .mi-prac-item .mi-prac-text{grid-row:2;max-width:22ch}
  [data-view="mission"] .mi-prac-item--b .mi-prac-ph{aspect-ratio:3/2}
  [data-view="mission"] .mi-prac-item--c .mi-prac-fig{width:78%}
  [data-view="mission"] .mi-prac-item--c .mi-prac-text{font-size:28px;max-width:none}
}
/* the engraving is busy edge to edge: the ink outline needs more weight than the 18% default to read */
[data-view="mission"] .mi-atlas-ph{--phl-c:rgba(10,10,10,.46);--phl-g:rgba(10,10,10,.3)}

/* ===== v15: About covers the company only (what we do, approach, results, the name); people live on #team =====
   No blue decoration, no two-tone statements, no monospace labels (Inter 12-13px / 500, sentence case). */
[data-view="mission"] .mi-prac-k{padding-top:0;margin-bottom:20px;font:500 13px/1.4 var(--f-text);letter-spacing:0;color:var(--fg-2)}
[data-view="mission"] .mi-prac-item--c .mi-prac-text{color:var(--fg)}
[data-view="mission"] .mi-prac-lead{color:inherit}
[data-view="mission"] .mi-prac .mi-prac-ph{background:#121314}
/* results from client work */
[data-view="mission"] .mi-proof{padding-block:var(--sec,clamp(80px,10vw,144px))}
[data-view="mission"] .mi-proof-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
[data-view="mission"] .mi-proof-head .h2{grid-column:1 / 7;margin:0}
[data-view="mission"] .mi-proof-head .body{grid-column:8 / 13;margin:0;color:var(--fg-2)}
[data-view="mission"] .mi-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-proof-case{padding-top:20px;border-top:1px solid var(--fg)}
[data-view="mission"] .mi-proof-client{margin:0 0 clamp(28px,3vw,44px);font:500 13px/1.4 var(--f-text);letter-spacing:0;color:var(--fg-2)}
[data-view="mission"] .mi-proof-figs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-view="mission"] .mi-proof-fig{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:12px;min-width:0}
[data-view="mission"] .mi-proof-fig dd{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(48px,5.6vw,88px);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg)}
[data-view="mission"] .mi-proof-fig dt{font:500 13px/1.45 var(--f-text);letter-spacing:0;color:var(--fg-2);max-width:22ch}
[data-view="mission"] .mi-proof-link{margin:clamp(40px,4vw,64px) 0 0}
[data-view="mission"] .mi-proof-link a{font:500 15px/1.4 var(--f-text);color:var(--fg)}
/* quiet link to the Team page */
[data-view="mission"] .mi-teamlink{background:var(--ink,#0A0A0A)}
[data-view="mission"] .mi-teamlink-in{padding-block:28px 32px;border-top:1px solid var(--line)}
[data-view="mission"] .mi-teamlink-a{font:500 15px/1.4 var(--f-text);color:var(--fg)}
[data-view="mission"] .mi-name{padding-bottom:clamp(72px,8vw,120px)}
@media (max-width:767px){
  [data-view="mission"] .mi-proof-head .h2,[data-view="mission"] .mi-proof-head .body{grid-column:1 / -1}
  [data-view="mission"] .mi-proof-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  [data-view="mission"] .mi-proof-figs{gap:16px}
  [data-view="mission"] .mi-proof-fig dd{font-size:44px}
}
/* phones: standalone text links get a 44px touch target */
@media (max-width:767px){
  [data-view="mission"] .mi-proof-link a,[data-view="mission"] .mi-teamlink-a{display:inline-flex;align-items:center;min-height:44px;background-position:0 calc(100% - 10px),0 calc(100% - 10px)}
  [data-view="mission"] .mi-teamlink-in{padding-block:18px 22px}
  [data-view="mission"] .mi-proof-link{margin-top:28px}
}
@media (max-width:767px){[data-view="mission"] .mi-proof-fig dd{font-size:clamp(34px,10.5vw,44px)}}
/* phones: the hero copy uses the full column (an older desktop max-width squeezed it to ~200px at 320) */
@media (max-width:767px){[data-view="mission"] .mi-hero-copy{max-width:none}[data-view="mission"] .mi-lead{max-width:36ch}}
@media (max-width:359px){[data-view="mission"] .mi-lead{font-size:17px}}

/* ===== v17 responsive pass: the hero lead wraps into even lines at in-between widths ===== */
[data-view="mission"] .mi-lead{text-wrap:balance}

/* v16: tighter rhythm in "How we operate" */
[data-view="mission"] .mi-prac{padding-block:var(--sec)}
[data-view="mission"] .mi-prac-head{margin-bottom:clamp(48px,5vw,80px)}
[data-view="mission"] .mi-prac-list{gap:clamp(64px,7vw,104px)}
[data-view="mission"] .mi-name{padding-block:var(--sec)}
@media (max-width:767px){[data-view="mission"] .mi-prac-list{gap:56px}[data-view="mission"] .mi-prac-head{margin-bottom:40px}}

/* v16: universal page hero (same frame, type and spacing as the product and Capital heroes) */
[data-view="mission"] header.mi-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-height:max(680px,100svh)!important;margin-top:calc(-1 * var(--nav-h,64px))!important;padding:0!important;overflow:hidden;background:#0A0A0A;color:#FFFFFF}
[data-view="mission"] header.mi-hero .mi-hero-in{position:relative!important;z-index:3;display:block!important;width:100%;min-height:0!important;margin:0 auto!important;padding-top:calc(var(--nav-h,64px) + 120px)!important;padding-bottom:clamp(64px,8vw,112px)!important}
[data-view="mission"] header.mi-hero .mi-hero-in > *{max-width:none;margin:0;grid-column:auto}
[data-view="mission"] header.mi-hero .mi-kicker{display:block!important;margin:0!important;padding:0!important;font:500 14px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.72)!important}
[data-view="mission"] header.mi-hero .mi-kicker::before{display:none!important}
[data-view="mission"] header.mi-hero .mi-statement{margin:20px 0 0!important;max-width:15ch!important;font-family:var(--f-display)!important;font-weight:500!important;font-size:clamp(44px,6.4vw,96px)!important;line-height:.98!important;letter-spacing:-.025em!important;color:#FFFFFF!important;text-wrap:balance}
[data-view="mission"] header.mi-hero .mi-lead{margin:28px 0 0!important;max-width:46ch!important;color:rgba(255,255,255,.82)!important}
[data-view="mission"] header.mi-hero .mi-hero-media{position:absolute!important;inset:0!important;z-index:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;grid-column:auto!important;grid-row:auto!important}
[data-view="mission"] header.mi-hero .mi-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-view="mission"] header.mi-hero .mi-hero-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,0) 30%,rgba(10,10,10,0) 46%,rgba(10,10,10,.8) 82%,#0A0A0A 100%),linear-gradient(90deg,rgba(10,10,10,.6) 0,rgba(10,10,10,0) 60%)!important}
@media (max-width:719px){[data-view="mission"] header.mi-hero{min-height:max(620px,100svh)!important}[data-view="mission"] header.mi-hero .mi-hero-in{padding-top:calc(var(--nav-h,56px) + 72px)!important;padding-bottom:48px!important}[data-view="mission"] header.mi-hero .mi-statement{font-size:clamp(40px,11.5vw,56px)!important;max-width:none!important}}

/* team.css */
/* Team view */
[data-view="team"] .tm-hero { padding-bottom: clamp(40px, 5vw, 80px); }
[data-view="team"] .tm-hero .eyebrow { margin: 0 0 24px; }
[data-view="team"] .tm-title { margin: 0; max-width: 16ch; }
[data-view="team"] .tm-lead { margin: 24px 0 0; }
[data-view="team"] .tm-lead-sec { padding-top: 0; }
[data-view="team"] .tm-sec-h { margin: 0 0 clamp(28px, 3vw, 44px); }

/* Person cards */
[data-view="team"] .tm-person {
  position: relative; display: flex; flex-direction: column;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--card);
  overflow: hidden; outline: none;
  transition: border-color .18s ease, background-color .18s ease;
}

[data-view="team"] .tm-person:focus-visible{ border-color: var(--line-2); background: #141414; }@media (hover:hover){[data-view="team"] .tm-person:hover{ border-color: var(--line-2); background: #141414; }}
[data-view="team"] .tm-person:focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent); }

[data-view="team"] .tm-portrait {
  position: relative; aspect-ratio: 4 / 3; margin: 8px 8px 0;
  border-radius: 10px; background: #171717; overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  display: grid; place-items: center;
}
[data-view="team"] .tm-mark { width: 44px; height: 44px; color: rgba(245,245,244,.16); transition: color .2s ease, transform .4s ease; }

[data-view="team"] .tm-person:focus-visible .tm-mark{ color: rgba(245,245,244,.28); }@media (hover:hover){[data-view="team"] .tm-person:hover .tm-mark{ color: rgba(245,245,244,.28); }}
[data-view="team"] .tm-initials {
  font-family: var(--f-display); font-weight: 500; letter-spacing: -0.04em; line-height: 1;
  font-size: clamp(96px, 11vw, 168px); color: rgba(245,245,244,.86);
  transition: transform .4s ease;
}
@media (hover:hover){[data-view="team"] .tm-person:hover .tm-initials{ transform: scale(1.02); }}

[data-view="team"] .tm-meta { padding: 20px 24px 24px; }
[data-view="team"] .tm-name { margin: 0; font-family: var(--f-display); font-weight: 500; font-size: 24px; letter-spacing: -0.02em; line-height: 1.2; color: var(--fg); }
[data-view="team"] .tm-role { margin: 4px 0 0; font-size: 15px; color: var(--fg-2); }
[data-view="team"] .tm-focus { margin: 2px 0 0; font-size: 14px; color: var(--fg-3); }

/* bio reveal */
[data-view="team"] .tm-bio { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .2s ease, opacity .2s ease, margin .2s ease; margin-top: 0; }
[data-view="team"] .tm-bio > p { overflow: hidden; margin: 0; font-size: 15px; line-height: 1.55; color: var(--fg-2); max-width: 44ch; }

[data-view="team"] .tm-person:focus-visible .tm-bio,
[data-view="team"] .tm-person:focus-within .tm-bio{ grid-template-rows: 1fr; opacity: 1; margin-top: 14px; }@media (hover:hover){[data-view="team"] .tm-person:hover .tm-bio{ grid-template-rows: 1fr; opacity: 1; margin-top: 14px; }}
@media (hover: none) {
  [data-view="team"] .tm-bio { grid-template-rows: 1fr; opacity: 1; margin-top: 14px; }
}

/* Lead card: horizontal */
[data-view="team"] .tm-person--lead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); margin-bottom: 16px; }
[data-view="team"] .tm-portrait--lead { aspect-ratio: auto; min-height: clamp(280px, 26vw, 380px); margin: 8px; }
[data-view="team"] .tm-person--lead .tm-meta { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(24px, 3vw, 44px); }
[data-view="team"] .tm-person--lead .tm-name { font-size: clamp(32px, 3vw, 48px); letter-spacing: -0.03em; }
[data-view="team"] .tm-person--lead .tm-role { font-size: 17px; margin-top: 8px; }
[data-view="team"] .tm-person--lead .tm-bio > p { font-size: 17px; }

[data-view="team"] .tm-partners { gap: 16px; }

/* Teams overview (paper) */
[data-view="team"] .tm-teams-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px 48px; margin-bottom: clamp(32px, 4vw, 56px); }
[data-view="team"] .tm-teams-head .h2 { margin: 0; }
[data-view="team"] .tm-teams-head .body { margin: 0; color: var(--fg-2); max-width: 42ch; }
[data-view="team"] .tm-team {
  display: flex; flex-direction: column; gap: 12px; min-height: 240px;
  padding: clamp(24px, 2.4vw, 32px); border-radius: var(--radius);
  background: #FFFFFF; border: 1px solid rgba(10,10,10,.08);
  color: var(--ink); text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
@media (hover:hover){[data-view="team"] .tm-team:hover{ border-color: rgba(10,10,10,.22); }}
[data-view="team"] .tm-team:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
[data-view="team"] .tm-team:active { border-color: rgba(10,10,10,.35); }
[data-view="team"] .tm-team .h3 { margin: 0; font-family: var(--f-display); font-weight: 500; letter-spacing: -0.02em; }
[data-view="team"] .tm-team p { margin: 0; font-size: 16px; line-height: 1.6; color: rgba(10,10,10,.64); max-width: 34ch; }
[data-view="team"] .tm-team-link { margin-top: auto; font-size: 14px; font-weight: 500; display: inline-flex; gap: 8px; }
[data-view="team"] .tm-arrow { display: inline-block; transition: transform .18s ease; }

[data-view="team"] .tm-team:focus-visible .tm-arrow{ transform: translateX(2px); }@media (hover:hover){[data-view="team"] .tm-team:hover .tm-arrow{ transform: translateX(2px); }}

/* Advisors */
[data-view="team"] .tm-adv-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px 24px; }
[data-view="team"] .tm-adv-grid > div { grid-column: 1 / span 4; }
[data-view="team"] .tm-adv-sub { margin: 0; color: var(--fg-2); max-width: 34ch; }
[data-view="team"] .tm-adv-list { grid-column: 6 / -1; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
[data-view="team"] .tm-adv-list li { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 0; border-bottom: 1px solid var(--line); }
[data-view="team"] .tm-adv-name { font-size: 18px; font-weight: 500; color: var(--fg); }
[data-view="team"] .tm-adv-aff { font-size: 15px; color: var(--fg-3); }

/* Careers CTA */
[data-view="team"] .tm-careers { padding-top: 0; }
[data-view="team"] .tm-careers-card { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 32px; padding: clamp(32px, 4vw, 64px); }
[data-view="team"] .tm-careers-card .h2 { margin: 0 0 12px; }
[data-view="team"] .tm-careers-card .lead { margin: 0; }
[data-view="team"] .tm-careers-actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 900px) {
  [data-view="team"] .tm-person--lead { grid-template-columns: 1fr; }
  [data-view="team"] .tm-portrait--lead { min-height: 0; aspect-ratio: 4 / 3; margin: 8px 8px 0; }
  [data-view="team"] .tm-adv-grid > div, [data-view="team"] .tm-adv-list { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  [data-view="team"] .tm-team { min-height: 0; }
  [data-view="team"] .tm-team-link { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-view="team"] .tm-bio, [data-view="team"] .tm-mark, [data-view="team"] .tm-initials, [data-view="team"] .tm-arrow { transition: none; }
}
/* v5: full-width people photo under the hero (Lowe's Labs "Who we are") */
[data-view="team"] .tm-photo{margin-top:0;padding-top:clamp(48px,6vw,88px)}
[data-view="team"] .tm-hero{padding-bottom:clamp(56px,7vw,112px)}
[data-view="team"] .tm-photo-band{background:var(--paper);padding-bottom:clamp(56px,7vw,112px)}
[data-view="team"] .tm-photo-band .tm-photo{padding-top:0}
[data-view="team"] .tm-photo-band figcaption{color:rgba(10,10,10,.44)}
[data-view="team"] .tm-hero{padding-bottom:clamp(40px,5vw,72px)}
[data-view="team"] .tm-lead-sec{padding-top:clamp(72px,9vw,140px)}
/* ===== v6: theme rhythm mist → graphite → video → stone → white → navy ===== */
[data-view="team"] .tm-hero{padding-block:clamp(96px,11vw,176px) clamp(56px,7vw,104px)}
[data-view="team"] .tm-hero .ip-plate{color:rgba(255,255,255,.06)}
[data-view="team"] .tm-kicker{color:var(--fg)}
[data-view="team"] .tm-title{max-width:14ch}
[data-view="team"] .tm-photo{margin-top:clamp(48px,6vw,88px);position:relative}
[data-view="team"] .tm-photo .media{aspect-ratio:21/9;background:#DAD8D3}
@media (hover:hover){[data-view="team"] .tm-photo:hover .media img{transform:scale(1.02)}}
[data-view="team"] .tm-lead-sec{padding-top:clamp(72px,9vw,140px)}
[data-view="team"] .tm-lead-sec .tm-sec-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[data-view="team"] .tm-person{background:var(--card);border-color:rgba(255,255,255,.08);transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s cubic-bezier(.2,0,0,1),transform .25s cubic-bezier(.2,0,0,1)}
[data-view="team"] .tm-person:focus-visible{background:#202227;border-color:rgba(255,255,255,.22)}@media (hover:hover){[data-view="team"] .tm-person:hover{background:#202227;border-color:rgba(255,255,255,.22)}}
[data-view="team"] .tm-person:active{transform:translateY(1px)}
[data-view="team"] .tm-person:focus-visible{box-shadow:0 0 0 2px var(--graphite,#141518),0 0 0 4px var(--meridian,#2F5BFF)}
[data-view="team"] .tm-portrait{background:linear-gradient(160deg,#23262C 0%,#16181C 100%)}
[data-view="team"] .tm-portrait--lead{background:#16181C}
@media (hover:hover){[data-view="team"] .tm-person:hover .tm-mark{transform:translateY(-2px)}}
[data-view="team"] .tm-vid{aspect-ratio:21/9;max-height:80vh;width:100%}
@media (max-width:719px){[data-view="team"] .tm-vid{aspect-ratio:4/3}}
[data-view="team"] .tm-team{background:rgba(255,255,255,.72);border-color:rgba(10,10,10,.08);transition:border-color .25s cubic-bezier(.2,0,0,1),background-color .25s cubic-bezier(.2,0,0,1),transform .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="team"] .tm-team:hover{background:#FFFFFF;border-color:rgba(10,10,10,.24)}}
[data-view="team"] .tm-team:active{transform:translateY(1px)}
[data-view="team"] .tm-team:focus-visible{outline-color:var(--meridian,#2F5BFF);outline-offset:3px}
[data-view="team"] .tm-team:focus-visible .tm-arrow{transform:translateX(4px)}@media (hover:hover){[data-view="team"] .tm-team:hover .tm-arrow{transform:translateX(4px)}}
[data-view="team"] .tm-arrow{transition:transform .25s cubic-bezier(.2,0,0,1)}
[data-view="team"] .tm-adv-list li{transition:background-color .2s ease,padding .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="team"] .tm-adv-list li:hover{background:#F4F4F2;padding-inline:12px}}
[data-view="team"] .tm-careers{padding-block:clamp(96px,12vw,192px);color:#F5F5F4}
[data-view="team"] .tm-arc{color:rgba(255,255,255,.18)}
[data-view="team"] .tm-careers-card{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:32px;padding:0}
[data-view="team"] .tm-careers-card .h2{font-size:clamp(40px,5vw,80px);line-height:1.02}
@media (max-width:719px){[data-view="team"] .tm-hero{padding-bottom:clamp(56px,7vw,104px)} [data-view="team"] .tm-photo .media{aspect-ratio:4/3}}
html.motion-off [data-view="team"] *{transition-duration:0s!important}
[data-view="team"] .tm-initials{font-size:clamp(72px,8vw,120px)}
[data-view="team"] .tm-teams-head .h2{max-width:18ch}
[data-view="team"] .tm-person--lead{margin-bottom:0}
[data-view="team"] .tm-plist{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
[data-view="team"] .tm-prow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:16px;align-items:baseline;padding:22px 12px;margin-inline:-12px;border-bottom:1px solid rgba(255,255,255,.12);border-radius:2px;transition:background-color .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="team"] .tm-prow:hover{background:rgba(255,255,255,.04)}}
[data-view="team"] .tm-prow__team{font:500 clamp(20px,1.7vw,26px)/1.2 var(--f-display);letter-spacing:-.015em;color:var(--fg)}
[data-view="team"] .tm-prow__role{font-size:15px;color:var(--fg-2)}
[data-view="team"] .tm-prow__name{font-size:15px;color:var(--fg-3);text-align:right}
@media (max-width:640px){[data-view="team"] .tm-prow{grid-template-columns:1fr auto;row-gap:4px}[data-view="team"] .tm-prow__role{grid-column:1}[data-view="team"] .tm-prow__name{grid-row:1;grid-column:2}}
@media (max-width:719px){[data-view="team"] .ip-host.tm-hero{padding-bottom:clamp(48px,8vw,80px)} [data-view="team"] .tm-hero .ip-plate{display:none}}
[data-view="team"] .tm-team{padding:10px 10px clamp(20px,2vw,28px)}
[data-view="team"] .tm-team > .h3,[data-view="team"] .tm-team > p,[data-view="team"] .tm-team > .tm-team-link{padding-inline:clamp(10px,1.2vw,18px)}
[data-view="team"] .tm-team-media{position:relative;display:block;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#DAD8D3;margin-bottom:8px}
[data-view="team"] .tm-team-media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .6s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="team"] .tm-team:hover .tm-team-media img{transform:scale(1.03)}}
[data-view="team"] .tm-team-n{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:2px;background:rgba(255,255,255,.88);font:500 12px/1 var(--f-text);color:#0A0A0A;font-variant-numeric:tabular-nums}
/* ===== v7: typographic team page; flywheel viz replaces the three stock photos; .ph hero with museum caption ===== */
[data-view="team"]{--e-out:var(--ease-out,cubic-bezier(.16,1,.3,1))}
[data-view="team"] .tm-title{font-family:var(--f-display);font-stretch:var(--wd-xl,114%);font-size:clamp(56px,7.6vw,120px);line-height:.94;letter-spacing:-.029em;max-width:12ch;text-wrap:balance}
[data-view="team"] .tm-lead{font-family:var(--f-text);font-size:var(--t-lead);line-height:1.42;max-width:38ch;text-wrap:pretty}
[data-view="team"] .tm-photo .media{border-radius:2px}
[data-view="team"] .tm-photo .media img{transition:transform .9s var(--e-out),filter .9s var(--e-out)}
@media (hover:hover){[data-view="team"] .tm-photo:hover .media img{transform:scale(1.04);filter:grayscale(1) brightness(1.05) contrast(1.05)}}
[data-view="team"] .tm-cap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:400 13px/1.45 var(--f-text);color:var(--fg-2)}
[data-view="team"] .tm-cap__n,[data-view="team"] .tm-fly__n{font-family:var(--f-text);font-size:11px;letter-spacing:.02em;color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="team"] .tm-cap__src{color:var(--fg-3)}
[data-view="team"] .tm-name{font-stretch:var(--wd-s,106%);font-size:clamp(28px,2.4vw,36px);letter-spacing:-.017em}
[data-view="team"] .tm-prow{font-variant-numeric:tabular-nums}
/* flywheel + index */
[data-view="team"] .tm-teams-head .h2{font-family:var(--f-display);font-stretch:var(--wd-m,110%);font-size:clamp(36px,4vw,64px);line-height:1;letter-spacing:-.025em;max-width:16ch;text-wrap:balance}
[data-view="team"] .tm-fly{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);align-items:start}
[data-view="team"] .tm-fly__fig{margin:0;position:relative}
[data-view="team"] .tm-fly__viz{position:relative;width:100%;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:2px;overflow:hidden}
[data-view="team"] .tm-fly__cap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:400 13px/1.45 var(--f-text);color:var(--fg-2)}
[data-view="team"] .tm-ix{list-style:none;margin:0;padding:0;border-top:1px solid var(--fg)}
[data-view="team"] .tm-ix li{border-bottom:1px solid var(--line-2)}
[data-view="team"] .tm-ix__row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"n name" ". d" ". go";gap:10px 0;padding:28px 12px 28px 0;color:var(--fg);text-decoration:none;transition:background-color .18s var(--e-out),padding .28s var(--e-out)}
[data-view="team"] .tm-ix__n{grid-area:n;font-family:var(--f-text);font-size:12px;line-height:2.4;color:var(--fg-3);font-variant-numeric:tabular-nums;transition:color .18s var(--e-out)}
[data-view="team"] .tm-ix__name{grid-area:name;font-family:var(--f-display);font-stretch:var(--wd-m,110%);font-size:clamp(30px,2.6vw,42px);line-height:1;letter-spacing:-.021em}
[data-view="team"] .tm-ix__d{grid-area:d;font-family:var(--f-text);font-size:16px;line-height:1.55;color:var(--fg-2);max-width:40ch;text-wrap:pretty}
[data-view="team"] .tm-ix__go{grid-area:go;display:inline-flex;align-items:center;gap:10px;margin-top:6px;font:500 14px/1 var(--f-text);color:var(--fg)}
[data-view="team"] .tm-ix__go::after{content:"";width:18px;height:1px;background:currentColor;transform-origin:0 50%;transform:scaleX(.6);transition:transform .28s var(--e-out)}
[data-view="team"] .tm-ix__row:focus-visible{background:rgba(255,255,255,.5);padding-left:12px}@media (hover:hover){[data-view="team"] .tm-ix__row:hover{background:rgba(255,255,255,.5);padding-left:12px}}
[data-view="team"] .tm-ix__row:focus-visible .tm-ix__n{color:var(--fg)}@media (hover:hover){[data-view="team"] .tm-ix__row:hover .tm-ix__n{color:var(--fg)}}
[data-view="team"] .tm-ix__row:focus-visible .tm-ix__go::after{transform:scaleX(1.6)}@media (hover:hover){[data-view="team"] .tm-ix__row:hover .tm-ix__go::after{transform:scaleX(1.6)}}
[data-view="team"] .tm-ix__row:active{background:rgba(255,255,255,.75)}
[data-view="team"] .tm-ix__row:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:-2px}
@media (max-width:900px){
  [data-view="team"] .tm-fly{grid-template-columns:1fr}
  [data-view="team"] .tm-cap{grid-template-columns:auto minmax(0,1fr)}
  [data-view="team"] .tm-cap__src{grid-column:2}
  [data-view="team"] .tm-photo .media{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){[data-view="team"] *{transition:none!important}}
html.motion-off [data-view="team"] *{transition-duration:0s!important}
/* v7: .ph tone + hover (view rules above set a flat filter; restore the shell's lift) */
[data-view="team"] .ph>img{filter:grayscale(1) brightness(.93) contrast(1.02);object-position:var(--pos,50% 50%);transition:transform var(--d-image,.9s) var(--ease-out),filter var(--d-image,.9s) var(--ease-out),opacity var(--d-reveal,.6s) var(--ease-out)}
[data-view="team"] .ph:focus-within>img,[data-view="team"] a:focus-visible .ph>img{transform:scale(1.04);filter:grayscale(1) brightness(1.03) contrast(1.08)}@media (hover:hover){[data-view="team"] .ph:hover>img,[data-view="team"] a:hover .ph>img{transform:scale(1.04);filter:grayscale(1) brightness(1.03) contrast(1.08)}}
html.motion-off [data-view="team"] .ph>img{transition:none;transform:none}
[data-view="team"] .tm-fly__viz{max-height:none}
[data-view="team"] .tm-fly{align-items:stretch}
[data-view="team"] .tm-fly__stage{position:relative}

[data-view="team"] .tm-photo{margin-inline:0}

/* ===== v8 (Inner B) ===== */
[data-view="team"] .tm-person{transform:none;box-shadow:none}@media (hover:hover){[data-view="team"] .tm-person:hover{transform:none;box-shadow:none}}
@media (hover:hover){[data-view="team"] .tm-person:hover .tm-mark{transform:none}}
@media (hover:hover){[data-view="team"] .tm-photo:hover .media img{transform:none}}
[data-view="team"] .tm-lead{max-width:44ch}
[data-view="team"] .tm-sec-h{margin:0 0 clamp(32px,4vw,56px)}
[data-view="team"] .tm-bio{grid-template-rows:1fr;opacity:1;margin-top:14px;transition:none}
[data-view="team"] .tm-portrait--lead{background:linear-gradient(160deg,#23262C 0%,#121418 100%)}
[data-view="team"] .tm-people{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
[data-view="team"] .tm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line-2)}
[data-view="team"] .tm-row__name{font-family:var(--f-display);font-stretch:var(--wd-m,110%);font-weight:500;font-size:clamp(28px,2.6vw,40px);line-height:1.08;letter-spacing:-.017em;color:var(--fg)}
[data-view="team"] .tm-row__role{font:400 clamp(17px,1.3vw,19px)/1.4 var(--f-text);color:var(--fg-2)}
[data-view="team"] .tm-lead-sec{padding-block:clamp(88px,10vw,152px)}
@media (max-width:599px){[data-view="team"] .tm-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:22px 0}}
/* ===== v9: shorter hiring row ===== */
[data-view="team"] .tm-careers{padding-block:clamp(72px,8vw,128px)}
[data-view="team"] .tm-careers-card{align-items:center}
[data-view="team"] .tm-careers-card .h2{margin:0}
[data-view="team"] .tm-lead-sec .tm-sec-h{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin:0 0 clamp(32px,4vw,56px)}

/* ===== v10: edge-bleed hero (image off the left edge), captioned plate beside Leadership, blue careers band ===== */
[data-view="team"] .tm-hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:center;padding:0;overflow:hidden;overflow:clip}
[data-view="team"] .tm-hero-media{position:absolute;top:0;bottom:0;left:0;width:calc(50vw + (min(100vw, var(--maxw) + var(--gutter) * 2) - var(--gutter) * 2 - 264px) / 12 + 12px);margin:0;border-radius:0}
[data-view="team"] .tm-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
[data-view="team"] .tm-hero-in{position:relative;z-index:2;width:100%;padding-block:var(--sec-lg,clamp(104px,13vw,192px))}
[data-view="team"] .tm-hero-copy{margin-left:calc((100% - 264px) * 7 / 12 + 168px);max-width:calc((100% - 264px) * 5 / 12 + 96px)}
[data-view="team"] .tm-title{margin:0;max-width:12ch}
[data-view="team"] .tm-line{margin:24px 0 0;color:var(--fg-2)}
[data-view="team"] .tm-lead-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
[data-view="team"] .tm-lead-text{grid-column:1 / 7}
[data-view="team"] .tm-plate{grid-column:8 / 13;margin:0}
[data-view="team"] .tm-plate .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
[data-view="team"] .tm-plate figcaption{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--fg-3)}
[data-view="team"] .tm-careers .h2{color:#fff}
@media (max-width:1023px){
  [data-view="team"] .tm-hero-copy{margin-left:calc((100% - 264px) * 6 / 12 + 144px);max-width:none}
}
@media (max-width:767px){
  [data-view="team"] .tm-hero{display:block;min-height:0}
  [data-view="team"] .tm-hero-media{position:relative;width:100%;aspect-ratio:4/5}
  [data-view="team"] .tm-hero-media img{object-position:55% 55%}
  [data-view="team"] .tm-hero-in{padding-block:48px var(--sec,80px)}
  [data-view="team"] .tm-hero-copy{margin-left:0}
  [data-view="team"] .tm-lead-text,[data-view="team"] .tm-plate{grid-column:1 / -1}
  [data-view="team"] .tm-plate{margin-top:24px}
}
[data-view="team"] .tm-lead-text{align-self:start}

/* ===== v12: ink hero under the nav with orbital night imagery; nested-solid geometry beside Leadership ===== */
[data-view="team"] .tm-hero{padding-top:var(--nav-h,64px);min-height:min(100vh,940px);background:var(--ink,#0A0A0A)}
[data-view="team"] .tm-hero-media img{filter:grayscale(1) contrast(1.08);object-position:50% 60%}
[data-view="team"] .tm-hero-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,10,0) 60%,rgba(10,10,10,.85) 100%)}
[data-view="team"] .tm-row{grid-template-columns:minmax(0,1fr)}
[data-view="team"] .tm-geo{grid-column:8 / 13;margin:0}
[data-view="team"] .tm-geo .geo{width:100%;aspect-ratio:4/5}
@media (max-width:1023px){[data-view="team"] .tm-geo{grid-column:1 / -1;width:100%;max-width:420px;margin:24px auto 0}}
@media (max-width:767px){[data-view="team"] .tm-hero{padding-top:0;min-height:0}[data-view="team"] .tm-hero-media::after{background:linear-gradient(180deg,rgba(10,10,10,0) 60%,rgba(10,10,10,.9) 100%)}}
[data-view="team"] .tm-hero-media img{object-position:33% 30%}
[data-view="team"] .tm-eyebrow{margin:0 0 24px;color:rgba(255,255,255,.64)}
[data-view="team"] .tm-close{padding-block:clamp(72px,8vw,128px)}
[data-view="team"] .tm-close-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:clamp(32px,4vw,56px)}
[data-view="team"] .tm-close-in .h2{margin:0;max-width:22ch}

/* ===== v16: leadership grid, Sequoia-style. One uniform list: compact portrait beside the profile text.
   2 columns from 760px, 1 column below; 1px rules between rows; the whole card opens the profile dialog.
   Type: Inter Tight (display) + Inter (text). Labels Inter 12-13px / 500, sentence case. No blue except focus rings. */
[data-view="team"] .tm-lead-sec{padding-block:clamp(56px,7vw,112px) clamp(80px,9vw,144px)}
[data-view="team"] .tm-grid{--ph-w:clamp(120px,10vw,152px);list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px);border-bottom:1px solid var(--line-2)}
[data-view="team"] .tm-card{position:relative;min-width:0;border-top:1px solid var(--line-2)}
[data-view="team"] .tm-card__open{display:grid;grid-template-columns:var(--ph-w) minmax(0,1fr);column-gap:clamp(20px,2vw,28px);align-items:start;width:100%;margin:0;padding:28px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-view="team"] .tm-card__open:focus-visible{outline:2px solid var(--meridian-line,#2F5BFF);outline-offset:4px}
[data-view="team"] .tm-card__ph{width:var(--ph-w);aspect-ratio:4/5;--phl-i:8px;--phl-x:4px;--phl-h:3px}
[data-view="team"] .tm-card__ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .9s var(--ease-out,ease)}
@media (hover:hover){[data-view="team"] .tm-card__open:is(:hover,:focus-visible) .tm-card__ph>img{transform:scale(1.04)}}
[data-view="team"] .tm-card__id{display:flex;flex-direction:column;min-width:0;padding:2px 0 56px}
[data-view="team"] .tm-card__name{align-self:flex-start;font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.02em;color:var(--fg);
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .35s var(--ease-out,ease);overflow-wrap:anywhere}
@media (hover:hover){[data-view="team"] .tm-card__open:is(:hover,:focus-visible) .tm-card__name{background-size:100% 1px}}
[data-view="team"] .tm-card__role{margin-top:6px;font:500 13px/1.4 var(--f-text);letter-spacing:0;color:var(--fg-2)}
[data-view="team"] .tm-card__bio{margin-top:14px;max-width:36ch;font:400 14px/1.5 var(--f-text);color:var(--fg-3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
[data-view="team"] .tm-card__bio.is-set{color:var(--fg-2)}
[data-view="team"] .tm-card__li{position:absolute;left:calc(var(--ph-w) + clamp(20px,2vw,28px));bottom:28px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-2);border-radius:2px;color:var(--fg);transition:border-color .2s ease,color .2s ease}
@media (hover:hover){[data-view="team"] .tm-card__li:hover{border-color:currentColor}}
[data-view="team"] .tm-card__li:focus-visible{outline:2px solid var(--meridian-line,#2F5BFF);outline-offset:3px}
[data-view="team"] .tm-card__li[data-pending]{color:var(--fg-3);border-color:var(--line);cursor:default}
/* the text column must reach the LinkedIn icon: keep cards the same height as the portrait or the text, whichever is taller */
[data-view="team"] .tm-card__ph{grid-row:1}
@media (max-width:759px){
  [data-view="team"] .tm-grid{grid-template-columns:minmax(0,1fr);--ph-w:clamp(96px,28vw,128px)}
  [data-view="team"] .tm-card__open{padding:24px 0;column-gap:18px}
  [data-view="team"] .tm-card__name{font-size:20px}
  [data-view="team"] .tm-card__bio{margin-top:10px}
  [data-view="team"] .tm-card__id{padding-bottom:60px}
  [data-view="team"] .tm-card__li{left:calc(var(--ph-w) + 18px);bottom:24px;width:44px;height:44px}
}
@media (max-width:359px){
  [data-view="team"] .tm-card__name{font-size:18px}
  [data-view="team"] .tm-card__bio{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){[data-view="team"] .tm-card__ph>img{transition:none}}

/* person portrait: image under the construction frame */
.pf-portrait{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:2px;background:#060606;color:#F5F5F4;
  --phl-c:rgba(255,255,255,.26);--phl-g:rgba(255,255,255,.14);--phl-i:16px;--phl-x:6px;--phl-h:4px}
.pf-portrait--lg{width:100%;aspect-ratio:4/5}
.pf-portrait>.phl{z-index:2}
.pf-portrait .pf-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1)}
/* dialog */
html.pf-lock{overflow:hidden}
dialog.pf{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(16px,4vw,56px);border:0;background:transparent;overflow:auto;overscroll-behavior:contain;
  color:#F5F5F4;color-scheme:dark;--fg:#F5F5F4;--fg-2:rgba(245,245,244,.66);--fg-3:rgba(245,245,244,.46);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.20)}
dialog.pf:not([open]){display:none}
dialog.pf[open]{display:grid;place-items:center}
dialog.pf::backdrop{background:rgba(5,5,5,.82);opacity:0;transition:opacity .22s ease}
dialog.pf.is-in::backdrop{opacity:1}
.pf-sheet{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);width:min(1080px,100%);margin:auto;background:#0A0A0A;border:1px solid rgba(255,255,255,.14);border-radius:2px;
  opacity:0;transform:translate3d(0,14px,0);transition:opacity .22s var(--ease-out,ease),transform .36s var(--ease-out,ease)}
dialog.pf.is-in .pf-sheet{opacity:1;transform:none}
.pf-media{padding:12px;min-width:0}
.pf-body{display:flex;flex-direction:column;min-width:0;padding:clamp(40px,4.4vw,64px) clamp(28px,4vw,64px) clamp(28px,3vw,44px) clamp(24px,3vw,48px)}
.pf-k{margin:0 0 28px;font:500 13px/1.4 var(--f-text);letter-spacing:0;color:var(--fg-2)}
.pf-name{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.032em;color:var(--fg)}
.pf-role{margin:14px 0 0;font:400 clamp(18px,1.4vw,21px)/1.4 var(--f-text);color:var(--fg-2)}
.pf-bio{margin:clamp(32px,3.4vw,48px) 0 0;padding-top:24px;border-top:1px solid var(--line-2)}
.pf-bio p{margin:0;max-width:38ch;font:400 clamp(17px,1.3vw,19px)/1.55 var(--f-text);color:var(--fg);text-wrap:pretty}
.pf-bio p.pf-bio__pending{color:var(--fg-3)}
.pf-links{margin:auto 0 0;padding-top:clamp(40px,4vw,64px)}
.pf-li{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 15px/1 var(--f-text);color:var(--fg);text-decoration:none}
.pf-li[data-pending]{color:var(--fg-3);cursor:default}
.pf-li__icon{flex:none;width:20px;height:20px}
.pf-li__t{flex:1}
.pf-li__ext{font-size:16px;transition:transform .25s var(--ease-out,ease)}
@media (hover:hover){.pf-li:not([data-pending]):is(:hover,:focus-visible) .pf-li__ext{transform:translate3d(3px,-3px,0)}}
@media (hover:hover){.pf-li:not([data-pending]):hover .pf-li__t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}}
.pf-close{position:absolute;z-index:4;top:16px;right:16px;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:rgba(10,10,10,.72);color:#F5F5F4;font:500 14px/1 var(--f-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
@media (hover:hover){.pf-close:hover{border-color:rgba(255,255,255,.5);background:rgba(20,20,20,.9)}}
.pf-close__x{position:relative;width:14px;height:14px}
.pf-close__x::before,.pf-close__x::after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:currentColor;transform:rotate(45deg)}
.pf-close__x::after{transform:rotate(-45deg)}
.pf :focus-visible{outline:2px solid var(--meridian-line,#2F5BFF);outline-offset:3px}
.pf-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:767px){
  dialog.pf{padding:0}
  dialog.pf[open]{display:block}
  .pf-sheet{display:block;width:100%;min-height:100%;border:0;border-radius:0;transform:translate3d(0,24px,0)}
  .pf-media{padding:8px}
  .pf-media .pf-portrait--lg{aspect-ratio:1/1}
  .pf-body{padding:32px var(--gutter,20px) 40px}
  .pf-close{position:fixed;top:16px;right:16px}
  .pf-links{padding-top:40px}
}
@media (prefers-reduced-motion:reduce){.pf-sheet,dialog.pf::backdrop{transition:none!important}}
html.motion-off .pf-sheet,html.motion-off dialog.pf::backdrop{transition:none!important}

/* v14: Inter Tight at the former display size set the longer title in four lines; one step down keeps it to three */
[data-view="team"] .tm-title{font-size:clamp(48px,6vw,92px);line-height:.98}
@media (max-width:767px){[data-view="team"] .tm-title{font-size:clamp(40px,11vw,52px)}}
/* short phones: keep the profile text in view under the portrait */
@media (max-width:767px){.pf-media .pf-portrait--lg{max-height:46vh;max-height:46svh}}

/* ===== v17 responsive pass (window sizing) =====
   768-1023: the copy column starts at 50% + 12px, so the absolutely placed photo now stops at 50% - 12px
   instead of running a column past the middle and under "Team / Leadership". */
@media (min-width:768px) and (max-width:1023px){
  [data-view="team"] .tm-hero-media{width:calc(50% - 12px)}
}
/* touch: the LinkedIn square is a 44px target on phones, landscape phones and coarse pointers */
@media (max-width:767px),(pointer:coarse),(max-height:500px){
  [data-view="team"] .tm-card__li{width:44px;height:44px}
}
/* profile dialog, 768+: the Close button sits top-right of the sheet; the kicker line keeps clear of it at every width */
@media (min-width:768px){.pf-k{margin-right:128px}}

/* v16: universal page hero (same frame, type and spacing as the product and Capital heroes) */
[data-view="team"] header.tm-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-height:max(680px,100svh)!important;margin-top:calc(-1 * var(--nav-h,64px))!important;padding:0!important;overflow:hidden;background:#0A0A0A;color:#FFFFFF}
[data-view="team"] header.tm-hero .tm-hero-in{position:relative!important;z-index:3;display:block!important;width:100%;min-height:0!important;margin:0 auto!important;padding-top:calc(var(--nav-h,64px) + 120px)!important;padding-bottom:clamp(64px,8vw,112px)!important}
[data-view="team"] header.tm-hero .tm-hero-in > *{max-width:none;margin:0;grid-column:auto}
[data-view="team"] header.tm-hero .tm-eyebrow{display:block!important;margin:0!important;padding:0!important;font:500 14px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.72)!important}
[data-view="team"] header.tm-hero .tm-eyebrow::before{display:none!important}
[data-view="team"] header.tm-hero .tm-title{margin:20px 0 0!important;max-width:15ch!important;font-family:var(--f-display)!important;font-weight:500!important;font-size:clamp(44px,6.4vw,96px)!important;line-height:.98!important;letter-spacing:-.025em!important;color:#FFFFFF!important;text-wrap:balance}
[data-view="team"] header.tm-hero .tm-hero-media{position:absolute!important;inset:0!important;z-index:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;grid-column:auto!important;grid-row:auto!important}
[data-view="team"] header.tm-hero .tm-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-view="team"] header.tm-hero .tm-hero-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,0) 30%,rgba(10,10,10,0) 46%,rgba(10,10,10,.8) 82%,#0A0A0A 100%),linear-gradient(90deg,rgba(10,10,10,.6) 0,rgba(10,10,10,0) 60%)!important}
@media (max-width:719px){[data-view="team"] header.tm-hero{min-height:max(620px,100svh)!important}[data-view="team"] header.tm-hero .tm-hero-in{padding-top:calc(var(--nav-h,56px) + 72px)!important;padding-bottom:48px!important}[data-view="team"] header.tm-hero .tm-title{font-size:clamp(40px,11.5vw,56px)!important;max-width:none!important}}

/* v16: hero lead under "Leadership"; long biographies read as paragraphs and the sheet scrolls */
[data-view="team"] header.tm-hero .tm-lead{margin:28px 0 0!important;max-width:46ch!important;color:rgba(255,255,255,.82)!important}
.pf-sheet{max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain}
.pf-bio__body p{max-width:56ch!important;font-size:16px!important;line-height:1.6!important;color:var(--fg-2)!important}
.pf-bio__body p:first-child{font-size:clamp(17px,1.3vw,19px)!important;color:var(--fg)!important}
.pf-bio__body p+p{margin-top:16px!important}
.pf-bio__body p.pf-bio__pending{color:var(--fg-3)!important}
.pf-prev{display:flex;flex-wrap:wrap;gap:4px 12px;margin:18px 0 0;font:400 15px/1.45 var(--f-text)}
.pf-prev[hidden]{display:none}
.pf-prev dt{color:var(--fg-3)}
.pf-prev dd{margin:0;color:var(--fg-2)}

/* v16: portraits stay black and white; colour returns on hover or keyboard focus */
[data-view="team"] .tm-card__ph>img{filter:grayscale(1);transition:transform .9s var(--ease-out,ease),filter .6s var(--ease-out,ease)}
@media (hover:hover){[data-view="team"] .tm-card__open:is(:hover,:focus-visible) .tm-card__ph>img{filter:grayscale(0)}}
[data-view="team"] .tm-card__open:focus-visible .tm-card__ph>img{filter:grayscale(0)}
.pf-portrait .pf-photo{filter:grayscale(1);transition:filter .6s var(--ease-out,ease)}
@media (hover:hover){.pf-portrait:hover .pf-photo{filter:grayscale(0)}}
[data-view="team"] .tm-card__bio{display:none!important}

/* v16: three leaders, three across */
@media (min-width:1024px){
  [data-view="team"] .tm-grid{grid-template-columns:repeat(3,minmax(0,1fr));--ph-w:clamp(104px,8vw,128px);column-gap:clamp(24px,2.6vw,40px)}
}
@media (max-width:1023px){
  [data-view="team"] .tm-grid{grid-template-columns:minmax(0,1fr);--ph-w:clamp(96px,14vw,128px)}
}
/* name and title centred on the portrait; LinkedIn sits at the right edge on the same line */
[data-view="team"] .tm-card__open{align-items:center}
[data-view="team"] .tm-card__id{padding:0 56px 0 0!important;justify-content:center}
[data-view="team"] .tm-card__li{left:auto!important;right:0;top:50%;bottom:auto!important;transform:translateY(-50%)}
@media (min-width:1024px) and (max-width:1279px){[data-view="team"] .tm-grid{--ph-w:84px;column-gap:24px}[data-view="team"] .tm-card__open{column-gap:16px}[data-view="team"] .tm-card__name{font-size:18px}[data-view="team"] .tm-card__id{padding-right:48px!important}}
/* v16: keep the three leaders in one row down to tablet; below 1024px each card stacks portrait over name */
@media (min-width:600px) and (max-width:1023px){
  [data-view="team"] .tm-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;--ph-w:100%}
  [data-view="team"] .tm-card__open{grid-template-columns:minmax(0,1fr);row-gap:16px;align-items:start;padding:24px 0 28px}
  [data-view="team"] .tm-card__ph{width:100%;max-width:220px}
  [data-view="team"] .tm-card__id{grid-row:2;padding:0 52px 0 0!important}
  [data-view="team"] .tm-card__li{top:auto!important;bottom:28px!important;transform:none}
  [data-view="team"] .tm-card__name{font-size:19px}
}

/* news.css */
/* ===== News v13: newsroom. Ink masthead + featured story, paper list (2-up stories, typographic index, press line) ===== */
[data-view="news"]{--nw-e:var(--ease-nav,cubic-bezier(.2,.7,.2,1))}
[data-view="news"] .ph{border-radius:2px}
[data-view="news"] .nowrap{white-space:nowrap}
[data-view="news"] .ph>img{filter:grayscale(1) brightness(.94) contrast(1.04)}

/* Mono type label: TYPE / qualifier */
[data-view="news"] .nw-type{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="news"] .nw-type>span:first-child{color:var(--fg)}
[data-view="news"] .nw-type>span+span::before{content:"/";margin:0 10px;color:var(--fg-3)}

/* Title underline that draws on hover */
[data-view="news"] .nw-u{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:.06em;transition:background-size .5s var(--nw-e)}
[data-view="news"] a:is(:focus-visible) .nw-u{background-size:100% 1px}@media (hover:hover){[data-view="news"] a:is(:hover,:focus-visible) .nw-u{background-size:100% 1px}}

[data-view="news"] .nw-go{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--f-text);color:var(--fg)}
[data-view="news"] .nw-go .arrow,[data-view="news"] .nw-row-go{display:inline-block;transition:transform .36s var(--nw-e)}
[data-view="news"] a:is(:focus-visible) .nw-go .arrow,[data-view="news"] a:is(:focus-visible) .nw-row-go{transform:translateX(4px)}@media (hover:hover){[data-view="news"] a:is(:hover,:focus-visible) .nw-go .arrow,[data-view="news"] a:is(:hover,:focus-visible) .nw-row-go{transform:translateX(4px)}}

/* ---------- Masthead (ink, under the nav) ---------- */
[data-view="news"] .nw-mast{padding:calc(var(--nav-h,64px) + clamp(56px,7vw,112px)) 0 0}
[data-view="news"] .nw-mast-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;padding-bottom:clamp(40px,4.4vw,64px);border-bottom:1px solid rgba(255,255,255,.18)}
[data-view="news"] .nw-mast-title{grid-column:1/span 7}
[data-view="news"] .nw-eyebrow{margin:0 0 clamp(24px,2.4vw,36px);font:400 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.64)}
[data-view="news"] .nw-eyebrow::before{content:"";display:block;width:48px;height:1px;margin:0 0 16px;background:var(--meridian,#2F5BFF)}
[data-view="news"] .nw-title{margin:0 0 -.08em;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-l,112%);font-size:clamp(88px,12.4vw,184px);line-height:.86;letter-spacing:-.032em;color:#F5F5F4;margin-left:-.045em}
[data-view="news"] .nw-statement{grid-column:8/span 5;margin:0;max-width:30ch;font:400 clamp(20px,1.7vw,26px)/1.3 var(--f-text);letter-spacing:-.012em;color:rgba(255,255,255,.46);text-wrap:pretty}
[data-view="news"] .nw-statement>span{color:#F5F5F4}

/* ---------- Featured story ---------- */
[data-view="news"] .nw-featsec{padding:clamp(40px,4.4vw,64px) 0 clamp(88px,10vw,144px)}
[data-view="news"] .nw-feat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;color:inherit;text-decoration:none}
[data-view="news"] .nw-feat-media{grid-column:1/span 8;height:auto;aspect-ratio:3/2;margin:0}
/* relief.jpg carries a dark strip and a white line on its last rows: anchor to the top and let the box clip them */
[data-view="news"] .nw-feat-media>img{top:0;bottom:auto;height:104.5%;object-position:50% 0}
[data-view="news"] .nw-feat-media.nw-publisher{display:grid;place-items:center;background:#fff;overflow:hidden}
[data-view="news"] .nw-publisher>img{position:static;width:clamp(92px,18vw,180px);height:auto;object-fit:contain;transform:none;filter:grayscale(1) contrast(3)}
[data-view="news"] .nw-feat-body{grid-column:9/span 4;display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.18)}
[data-view="news"] .nw-feat-title{margin:clamp(40px,5vw,88px) 0 0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:clamp(32px,3.2vw,50px);line-height:1.02;letter-spacing:-.021em;color:#F5F5F4;text-wrap:balance}
[data-view="news"] .nw-feat-dek{margin:20px 0 0;max-width:34ch;font:400 17px/1.55 var(--f-text);color:rgba(255,255,255,.64);text-wrap:pretty}
[data-view="news"] .nw-feat .nw-go{margin-top:32px;color:#F5F5F4}

/* ---------- Latest (paper) ---------- */
[data-view="news"] .nw-latest{padding:var(--sec,clamp(80px,10vw,144px)) 0}
[data-view="news"] .nw-sechead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(48px,4.4vw,64px)}
[data-view="news"] .nw-h2{grid-column:1/span 6;margin:0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:var(--t-m,clamp(32px,3.5vw,56px));line-height:1.02;letter-spacing:-.021em;color:var(--fg)}
[data-view="news"] .nw-sechead-note{grid-column:8/span 5;margin:0;max-width:38ch;font:400 17px/1.5 var(--f-text);color:var(--fg-2)}

[data-view="news"] .nw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,6.4vw,96px) 24px}
[data-view="news"] .nw-grid>li{min-width:0}
[data-view="news"] .nw-story{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding-top:14px;border-top:1px solid var(--line-2);color:inherit;text-decoration:none;transition:border-color .36s var(--nw-e)}
[data-view="news"] .nw-story:is(:focus-visible){border-top-color:var(--fg)}@media (hover:hover){[data-view="news"] .nw-story:is(:hover,:focus-visible){border-top-color:var(--fg)}}
[data-view="news"] .nw-story .ph{width:100%;height:auto;margin:16px 0 0}
[data-view="news"] .nw-story-title{margin:24px 0 0;max-width:28ch;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(24px,2.1vw,32px);line-height:1.1;letter-spacing:-.015em;color:var(--fg);text-wrap:balance}
[data-view="news"] .nw-story-dek{margin:14px 0 0;max-width:50ch;font:400 16px/1.55 var(--f-text);color:var(--fg-2);text-wrap:pretty}
[data-view="news"] .nw-story .nw-go{margin-top:auto;padding-top:28px}
[data-view="news"] .nw-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin:auto 0 0;padding-top:28px}
[data-view="news"] .nw-figs>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
[data-view="news"] .nw-figs dt{font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="news"] .nw-figs dd{margin:0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(28px,2.4vw,36px);line-height:1;letter-spacing:-.021em;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--fg)}

/* Typographic index */
[data-view="news"] .nw-index{margin-top:clamp(88px,9vw,136px)}
[data-view="news"] .nw-index-h{margin:0 0 24px;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:var(--t-h3,clamp(22px,1.75vw,28px));line-height:1.16;letter-spacing:-.014em;color:var(--fg)}
[data-view="news"] .nw-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--fg)}
[data-view="news"] .nw-rows>li{border-bottom:1px solid var(--line-2)}
[data-view="news"] .nw-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 24px;align-items:baseline;padding:28px 0 30px;color:inherit;text-decoration:none}
[data-view="news"] .nw-row-type{grid-column:1/span 3;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);transition:color .36s var(--nw-e)}
[data-view="news"] .nw-row-main{display:contents}
[data-view="news"] .nw-row-title{grid-column:4/span 4;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(22px,1.8vw,28px);line-height:1.12;letter-spacing:-.014em;color:var(--fg);text-wrap:balance}
[data-view="news"] .nw-row-dek{grid-column:8/span 4;font:400 16px/1.55 var(--f-text);color:var(--fg-2);text-wrap:pretty}
[data-view="news"] .nw-row-go{grid-column:12;justify-self:end;font:400 20px/1 var(--f-text);color:var(--fg-3)}
[data-view="news"] .nw-row:is(:focus-visible) .nw-row-type,[data-view="news"] .nw-row:is(:focus-visible) .nw-row-go{color:var(--fg)}@media (hover:hover){[data-view="news"] .nw-row:is(:hover,:focus-visible) .nw-row-type,[data-view="news"] .nw-row:is(:hover,:focus-visible) .nw-row-go{color:var(--fg)}}

/* Press line */
[data-view="news"] .nw-press{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 24px;align-items:baseline;margin-top:clamp(80px,8vw,120px);padding-top:20px;border-top:1px solid var(--line-2)}
[data-view="news"] .nw-press-k{grid-column:1/span 3;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
[data-view="news"] .nw-press-t{grid-column:4/span 5;margin:0;font:400 16px/1.55 var(--f-text);color:var(--fg-2)}
[data-view="news"] .nw-press-links{grid-column:9/span 4;display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font:500 15px/1.5 var(--f-text)}

/* ---------- Tablet ---------- */
@media (max-width:1023px){
  [data-view="news"] .nw-mast-title{grid-column:1/span 7}
  [data-view="news"] .nw-statement{grid-column:8/span 5;font-size:19px}
  [data-view="news"] .nw-feat{display:block}
  [data-view="news"] .nw-feat-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;margin-top:24px;padding-top:16px}
  [data-view="news"] .nw-feat-body .nw-type{grid-column:1/-1}
  [data-view="news"] .nw-feat-title{grid-column:1/span 7;margin-top:24px}
  [data-view="news"] .nw-feat-dek{grid-column:8/span 5;margin-top:28px}
  [data-view="news"] .nw-feat .nw-go{grid-column:8/span 5;margin-top:24px}
  [data-view="news"] .nw-row-type{grid-column:1/span 3}
  [data-view="news"] .nw-row-title{grid-column:4/span 8}
  [data-view="news"] .nw-row-dek{grid-column:4/span 8}
  [data-view="news"] .nw-row-go{grid-column:12;grid-row:1}
  [data-view="news"] .nw-press-t{grid-column:4/span 9}
  [data-view="news"] .nw-press-links{grid-column:4/span 9}
}

/* ---------- Phone ---------- */
@media (max-width:767px){
  [data-view="news"] .nw-mast{padding-top:calc(var(--nav-h,56px) + 56px)}
  [data-view="news"] .nw-mast-in{display:block;padding-bottom:36px}
  [data-view="news"] .nw-title{font-size:clamp(84px,26vw,120px)}
  [data-view="news"] .nw-statement{margin-top:32px;font-size:20px}
  [data-view="news"] .nw-featsec{padding:32px 0 80px}
  [data-view="news"] .nw-feat-body{display:flex}
  [data-view="news"] .nw-feat-title{margin-top:24px;font-size:clamp(30px,8.4vw,36px)}
  [data-view="news"] .nw-feat-dek{margin-top:16px}
  [data-view="news"] .nw-sechead{display:block;margin-bottom:40px}
  [data-view="news"] .nw-sechead-note{margin-top:16px}
  [data-view="news"] .nw-grid{grid-template-columns:minmax(0,1fr);gap:64px}
  [data-view="news"] .nw-story-title{font-size:clamp(24px,6.6vw,28px)}
  [data-view="news"] .nw-figs dd{font-size:30px}
  [data-view="news"] .nw-index{margin-top:88px}
  [data-view="news"] .nw-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:22px 0 26px}
  [data-view="news"] .nw-row-type{grid-column:1;grid-row:1}
  [data-view="news"] .nw-row-go{grid-column:2;grid-row:1}
  [data-view="news"] .nw-row-title{grid-column:1/-1;font-size:24px}
  [data-view="news"] .nw-row-dek{grid-column:1/-1;font-size:15.5px}
  [data-view="news"] .nw-press{display:block;margin-top:80px}
  [data-view="news"] .nw-press-t{margin-top:12px}
  [data-view="news"] .nw-press-links{margin-top:16px;flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){[data-view="news"] *{transition:none!important}}
html.motion-off [data-view="news"] *{transition-duration:0s!important}

/* v15: no blue bars */
[data-view="news"] .nw-eyebrow::before{display:none}

/* v16 responsive: the "/" separator belongs to the first label, so a wrapped label line never starts with "/" (phones) */
[data-view="news"] .nw-type>span+span::before{content:none}
[data-view="news"] .nw-type>span:not(:last-child)::after{content:"/";margin:0 10px;color:var(--fg-3)}

/* v16: photo first so the images line up across the row; one-line label below it; press row on one baseline */
[data-view="news"] .nw-story{padding-top:0;border-top:0}
[data-view="news"] .nw-story .ph{margin:0 0 20px}
[data-view="news"] .nw-story-title{margin-top:12px}
[data-view="news"] .nw-type>span:not(:last-child)::after{content:"\00B7";margin:0 8px}
[data-view="news"] .nw-press{align-items:center;padding-top:24px}
[data-view="news"] .nw-press-k{font-size:15px!important;color:var(--fg)}
[data-view="news"] .nw-press-t,[data-view="news"] .nw-press-links{font-size:15px;line-height:1.5}
[data-view="news"] .nw-featsec{padding-bottom:var(--sec)}
@media (max-width:719px){[data-view="news"] .nw-featsec{padding:32px 0 72px}}

/* article.css */
/* ===== Article v13: ink header on the 12-column grid, captioned lead plate, white reading column with a margin rail, paper related-news footer ===== */
[data-article]{--ar-e:var(--ease-nav,cubic-bezier(.2,.7,.2,1));background:#FFFFFF;color-scheme:light}
[data-article] .ar{--fg:#0A0A0A;--fg-2:rgba(10,10,10,.64);--fg-3:rgba(10,10,10,.46);--line:rgba(10,10,10,.10);--line-2:rgba(10,10,10,.18);background:#FFFFFF;color:#0A0A0A}
[data-article] .ph{border-radius:2px}
[data-article] .ph>img{filter:grayscale(1) brightness(.94) contrast(1.04)}

/* Mono type label (shared by header and related items) */
[data-article] .ar-type{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-article] .ar-type>span:first-child{color:var(--fg)}
[data-article] .ar-type>span+span::before{content:"/";margin:0 10px;color:var(--fg-3)}
[data-article] .ar-u{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:.06em;transition:background-size .5s var(--ar-e)}
[data-article] a:is(:focus-visible) .ar-u{background-size:100% 1px}@media (hover:hover){[data-article] a:is(:hover,:focus-visible) .ar-u{background-size:100% 1px}}

/* ---------- Header (ink, under the nav) ---------- */
[data-article] .ar-top{--fg:#F5F5F4;--fg-2:rgba(255,255,255,.64);--fg-3:rgba(255,255,255,.42);background:var(--ink,#0A0A0A);color:#F5F5F4;padding:calc(var(--nav-h,64px) + clamp(56px,7vw,112px)) 0 clamp(48px,5vw,72px)}
[data-article] .ar-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:baseline}
[data-article] .ar-crumb{grid-column:1/span 3}
[data-article] .nowrap{white-space:nowrap}
[data-article] .ar-crumb a{display:inline-flex;align-items:baseline;gap:10px;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.64);text-decoration:none;transition:color .24s var(--ar-e)}
[data-article] .ar-crumb-arrow{display:inline-block;font-family:var(--f-text);letter-spacing:0;transition:transform .36s var(--ar-e)}
[data-article] .ar-crumb a:is(:focus-visible){color:#F5F5F4}@media (hover:hover){[data-article] .ar-crumb a:is(:hover,:focus-visible){color:#F5F5F4}}
[data-article] .ar-crumb a:is(:focus-visible) .ar-crumb-arrow{transform:translateX(-4px)}@media (hover:hover){[data-article] .ar-crumb a:is(:hover,:focus-visible) .ar-crumb-arrow{transform:translateX(-4px)}}
[data-article] .ar-head-main{grid-column:4/span 9;min-width:0}
[data-article] .ar-title{margin:28px 0 0;max-width:15ch;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-l,112%);font-size:clamp(44px,5.6vw,84px);line-height:.98;letter-spacing:-.024em;color:#F5F5F4;text-wrap:balance}
[data-article] .ar-dek{margin:32px 0 0;max-width:44ch;font:400 clamp(19px,1.5vw,23px)/1.42 var(--f-text);letter-spacing:-.009em;color:rgba(255,255,255,.64);text-wrap:pretty}

/* ---------- Lead plate: photo bridges ink into the white page ---------- */
[data-article] .ar-plate{background:linear-gradient(180deg,var(--ink,#0A0A0A) 0 62%,#FFFFFF 62%)}
[data-article] .ar-hero{margin:0 auto}
[data-article] .ar-hero-media{height:auto;aspect-ratio:21/9;background:#111}
[data-article] .ar-hero-media>img{object-position:50% 34%}
[data-view="praus-launch"] .ar-hero-media.ar-publisher,[data-view="praus-launch-business-insider"] .ar-hero-media.ar-publisher{display:grid;place-items:center;background:#fff;overflow:hidden}
[data-view="praus-launch-business-insider"] .ar-publisher>img{position:static;width:70%;height:auto;object-fit:contain;transform:none;filter:grayscale(1) brightness(0)}
[data-view="praus-launch"] .ar-publisher>img{position:static;width:clamp(92px,18vw,180px);height:auto;max-height:70%;object-fit:contain;transform:none;filter:grayscale(1) contrast(3)}
/* the article is the view's over-nav first child; keep the lead photo's frame at its own top edge */
[data-article] .ar .ar-plate .ar-hero-media.ph-lines>.phl{top:0}
[data-article] .ar-cap{display:flex;justify-content:space-between;gap:24px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font:400 13px/1.45 var(--f-text);color:var(--fg-3)}
[data-article] .ar-cap-src{flex:none;font:400 11px/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}

/* ---------- Reading layout: rail in columns 1–3, text from column 4 ---------- */
[data-article] .ar-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:clamp(56px,6.4vw,96px);padding-bottom:clamp(72px,8vw,112px)}
[data-article] .ar-rail{grid-column:1/span 3;position:sticky;top:calc(var(--nav-h,64px) + 40px);align-self:start;max-width:240px}
[data-article] .ar-rail-k{margin:0 0 14px;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
[data-article] .ar-toc{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-2)}
[data-article] .ar-toc a{display:block;margin-left:-1px;padding:7px 0 7px 16px;border-left:1px solid transparent;font:400 14px/1.4 var(--f-text);color:var(--fg-3);text-decoration:none;transition:color .24s var(--ar-e),border-color .24s var(--ar-e),padding .36s var(--ar-e)}
@media (hover:hover){[data-article] .ar-toc a:hover{color:var(--fg);padding-left:20px}}
[data-article] .ar-toc a.is-active{color:var(--fg);border-left-color:var(--meridian,#2F5BFF)}
[data-article] .ar-toc a:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:2px;border-radius:2px}
[data-article] .ar-col{grid-column:4/span 7;min-width:0;max-width:680px}

[data-article] .ar-body{font:400 clamp(17px,1.3vw,19px)/1.68 var(--f-text);letter-spacing:-.003em;color:rgba(10,10,10,.8);hanging-punctuation:first last}
[data-article] .ar-body p{margin:0 0 1.15em;text-wrap:pretty}
[data-article] .ar-body>p:first-child{margin-bottom:0;font-size:clamp(21px,1.65vw,25px);line-height:1.42;letter-spacing:-.012em;color:var(--fg)}
[data-article] .ar-h2{margin:clamp(48px,4.4vw,64px) 0 20px;padding-top:20px;border-top:1px solid var(--line-2);font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:clamp(24px,2vw,30px);line-height:1.15;letter-spacing:-.015em;color:var(--fg);text-wrap:balance;scroll-margin-top:96px}
[data-article] .ar-body .link{color:var(--fg)}

/* Share */
[data-article] .ar-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--fg)}
[data-article] .ar-share-label{margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
[data-article] .ar-share-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-article] .ar-share-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--fg);font:500 14px/1 var(--f-text);text-decoration:none;cursor:pointer;transition:background-color .24s var(--ar-e),border-color .24s var(--ar-e),color .24s var(--ar-e)}
@media (hover:hover){[data-article] .ar-share-btn:hover{border-color:var(--fg);background:rgba(10,10,10,.04)}}
[data-article] .ar-share-btn:active{background:rgba(10,10,10,.08)}
[data-article] .ar-share-btn:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:2px}
[data-article] .ar-share-btn.is-done{background:#0A0A0A;border-color:#0A0A0A;color:#FFFFFF}
[data-article] .ar-share-status{flex-basis:100%;margin:0;min-height:1em;font:400 14px/1.4 var(--f-text);color:var(--fg-2)}
[data-article] .ar-share-status:empty{display:none}

/* ---------- Related news (paper) ---------- */
[data-article] .ar-related{padding:var(--sec,clamp(80px,10vw,144px)) 0}
[data-article] .ar-rel-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 0 clamp(40px,4vw,56px)}
[data-article] .ar-rel-h{margin:0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:var(--t-m,clamp(32px,3.5vw,56px));line-height:1.02;letter-spacing:-.021em;color:var(--fg)}
[data-article] .ar-rel-all{font:500 15px/1.5 var(--f-text)}
[data-article] .ar-rel-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px}
[data-article] .ar-rel-grid>li{min-width:0}
[data-article] .ar-rel{display:flex;flex-direction:column;height:100%;padding-top:14px;border-top:1px solid var(--line-2);color:inherit;text-decoration:none;transition:border-color .36s var(--ar-e)}
[data-article] .ar-rel:is(:focus-visible){border-top-color:var(--fg)}@media (hover:hover){[data-article] .ar-rel:is(:hover,:focus-visible){border-top-color:var(--fg)}}
[data-article] .ar-rel .ph{width:100%;height:auto;margin:16px 0 0}
[data-article] .ar-rel-title{margin:20px 0 0;max-width:26ch;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(20px,1.6vw,24px);line-height:1.16;letter-spacing:-.018em;color:var(--fg);text-wrap:balance}
[data-article] .ar-press{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 24px;align-items:baseline;margin-top:clamp(72px,7vw,112px);padding-top:20px;border-top:1px solid var(--line-2)}
[data-article] .ar-press-k{grid-column:1/span 3;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
[data-article] .ar-press-t{grid-column:4/span 9;margin:0;font:400 16px/1.55 var(--f-text);color:var(--fg-2)}
[data-article] .ar-press-t .link{margin-left:16px;font-weight:500;color:var(--fg)}

/* ---------- Tablet ---------- */
@media (max-width:1099px){
  [data-article] .ar-crumb{grid-column:1/-1}
  [data-article] .ar-head-main{grid-column:1/-1}
  [data-article] .ar-title{margin-top:24px}
  [data-article] .ar-layout{display:block;max-width:calc(680px + var(--gutter,20px)*2)}
  [data-article] .ar-rail{position:static;max-width:none;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid var(--line)}
  [data-article] .ar-toc{display:flex;flex-wrap:wrap;gap:0 24px;border-left:0}
  [data-article] .ar-toc a{margin:0;padding:6px 0;border-left:0}
  @media (hover:hover){[data-article] .ar-toc a:hover{padding-left:0}}
  [data-article] .ar-toc a.is-active{box-shadow:inset 0 -1px 0 var(--meridian,#2F5BFF)}
  [data-article] .ar-col{max-width:none}
}
@media (max-width:899px){
  [data-article] .ar-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-article] .ar-rel-grid>li:nth-child(3){display:none}
}

/* ---------- Phone ---------- */
@media (max-width:767px){
  [data-article] .ar-top{padding:calc(var(--nav-h,56px) + 48px) 0 40px}
  [data-article] .ar-head{display:block}
  [data-article] .ar-title{font-size:clamp(38px,10.6vw,46px);line-height:1.02;letter-spacing:-.021em;font-stretch:106%}
  [data-article] .ar-dek{margin-top:24px;font-size:19px}
  [data-article] .ar-head-main{margin-top:40px}
  [data-article] .ar-plate{background:linear-gradient(180deg,var(--ink,#0A0A0A) 0 50%,#FFFFFF 50%)}
  [data-article] .ar-hero-media{aspect-ratio:3/2}
  [data-article] .ar-cap{flex-direction:column;gap:4px}
  [data-article] .ar-layout{padding-top:40px;padding-bottom:88px}
  [data-article] .ar-rail{margin-bottom:40px}
  [data-article] .ar-toc{gap:0 20px}
  [data-article] .ar-body>p:first-child{font-size:21px}
  [data-article] .ar-h2{margin-top:44px}
  [data-article] .ar-share{display:block}
  [data-article] .ar-share-actions{margin-top:16px}
  [data-article] .ar-rel-head{margin-bottom:32px}
  [data-article] .ar-rel-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  [data-article] .ar-rel-grid>li:nth-child(3){display:block}
  [data-article] .ar-press{display:block;margin-top:72px}
  [data-article] .ar-press-t{margin-top:12px}
  [data-article] .ar-press-t .link{display:block;width:fit-content;margin:12px 0 0}
}
@media (prefers-reduced-motion:reduce){[data-article] *{transition:none!important}}
html.motion-off [data-article] *{transition-duration:0s!important}

/* v15: no blue bars */
[data-article] .ar-toc a.is-active{border-left-color:var(--fg)}
@media (max-width:1023px){[data-article] .ar-toc a.is-active{box-shadow:inset 0 -1px 0 var(--fg)}}

/* v16 responsive: 44px share buttons on touch screens and phones */
@media (pointer:coarse),(max-width:767px){[data-article] .ar-share-btn{height:44px;padding:0 16px}}


/* v16: related cards lead with the photo so every image lines up; label and title sit below it */
[data-article] .ar-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px}
[data-article] .ar-rel{padding-top:0;border-top:0}
[data-article] .ar-rel .ph{order:-1;margin:0 0 18px}
[data-article] .ar-rel-title{margin-top:10px}
[data-article] .ar-type>span+span::before{content:"\00B7";margin:0 8px}
@media (max-width:1023px){[data-article] .ar-rel-grid>li:nth-child(3){display:block}}
@media (max-width:719px){[data-article] .ar-rel-grid{grid-template-columns:minmax(0,1fr);gap:48px}}
/* key figures at the top of a case study */
[data-article] .ar-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 clamp(40px,4vw,56px);padding:0}
[data-article] .ar-figs>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--line-2);min-width:0}
[data-article] .ar-figs dt{font:400 14px/1.4 var(--f-text);color:var(--fg-2)}
[data-article] .ar-figs dd{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--fg)}
@media (max-width:479px){[data-article] .ar-figs{grid-template-columns:minmax(0,1fr);gap:0}[data-article] .ar-figs>div{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;padding:14px 0}}
[data-article] .ar-title{max-width:20ch;font-size:clamp(40px,4.8vw,72px);line-height:1.02}

/* careers.css */
[data-view="careers"] .cr-hero{padding-block:clamp(96px,14vw,200px) clamp(64px,8vw,120px)}
[data-view="careers"] .cr-hero__title{margin:16px 0 24px;max-width:14ch;letter-spacing:-.021em}
[data-view="careers"] .cr-hero .lead{max-width:44ch}
[data-view="careers"] .cr-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
[data-view="careers"] .cr-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="careers"] .cr-split>:first-child{grid-column:1/span 4;margin:0}
[data-view="careers"] .cr-split .h2{margin:8px 0 0}
[data-view="careers"] .cr-split>:last-child{grid-column:6/span 7}
[data-view="careers"] .cr-why__list{display:grid;gap:40px}
[data-view="careers"] .cr-why__item .h3{margin:0 0 8px}
[data-view="careers"] .cr-why__item .body{margin:0;color:var(--fg-2)}
[data-view="careers"] .cr-teams__title,[data-view="careers"] .cr-benefits__title{margin:0 0 40px}
[data-view="careers"] .cr-team{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:28px;min-height:240px;font:inherit;color:inherit;cursor:pointer;transition:border-color .18s,background-color .18s}
[data-view="careers"] .cr-team .body{color:var(--fg-2);margin:0}
[data-view="careers"] .cr-team__name{font-family:var(--f-display);font-weight:500;letter-spacing:-.014em}
[data-view="careers"] .cr-team__more{margin-top:auto;font-size:15px;font-weight:500;display:inline-flex;gap:6px;align-items:center}
[data-view="careers"] .cr-arrow{display:inline-block;transition:transform .18s}
[data-view="careers"] .cr-team:focus-visible .cr-arrow{transform:translateX(2px)}@media (hover:hover){[data-view="careers"] .cr-team:hover .cr-arrow{transform:translateX(2px)}}
[data-view="careers"] .section--paper .cr-team{background:#fff;border-color:rgba(10,10,10,.10)}
@media (hover:hover){[data-view="careers"] .section--paper .cr-team:hover{background:#fff;border-color:rgba(10,10,10,.32)}}
[data-view="careers"] .cr-team:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-view="careers"] .cr-team:active{transform:translateY(1px)}

[data-view="careers"] .cr-roles__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
[data-view="careers"] .cr-roles__head .h2{margin:0}
[data-view="careers"] .cr-count{margin:0;font-size:14px;color:var(--fg-2)}
[data-view="careers"] .cr-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}
[data-view="careers"] .cr-select{position:relative;display:inline-flex;align-items:center;height:44px;border:1px solid var(--line-2);border-radius:999px;padding:0 40px 0 18px;transition:border-color .15s,background-color .15s}
@media (hover:hover){[data-view="careers"] .cr-select:hover{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.03)}}
[data-view="careers"] .cr-select:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
[data-view="careers"] .cr-select::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.6;pointer-events:none}
[data-view="careers"] .cr-select__label{font-size:14px;color:var(--fg-3);margin-right:8px}
[data-view="careers"] .cr-select select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--fg);font:500 14px/1 var(--f-text);cursor:pointer;outline:none;padding:12px 0}
[data-view="careers"] .cr-select option{background:#111;color:#f5f5f4}
[data-view="careers"] .cr-reset{background:none;border:0;color:var(--fg-2);font:500 14px var(--f-text);cursor:pointer;padding:10px 8px;border-radius:8px;transition:color .15s}
@media (hover:hover){[data-view="careers"] .cr-reset:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}}
[data-view="careers"] .cr-reset:focus-visible,[data-view="careers"] .cr-empty .link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-view="careers"] .cr-empty .link{background:none;border:0;color:var(--fg);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}

[data-view="careers"] .cr-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
[data-view="careers"] .cr-row{border-bottom:1px solid var(--line)}
[data-view="careers"] .cr-row__btn{width:100%;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,2fr) minmax(0,2fr) 96px;gap:16px;align-items:center;padding:22px 12px;margin:0;background:transparent;border:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:10px;transition:background-color .15s}
@media (hover:hover){[data-view="careers"] .cr-row__btn:hover{background:rgba(255,255,255,.04)}}
[data-view="careers"] .cr-row__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
[data-view="careers"] .cr-row__title{display:flex;flex-direction:column;gap:4px;min-width:0}
[data-view="careers"] .cr-row__role{font:500 clamp(18px,1.4vw,21px)/1.25 var(--f-text);letter-spacing:-.01em}
[data-view="careers"] .cr-row__area{font-size:14px;color:var(--fg-2)}
[data-view="careers"] .cr-row__team,[data-view="careers"] .cr-row__loc{font-size:15px;color:var(--fg-2)}
[data-view="careers"] .cr-row__icon{position:relative;width:32px;height:32px;border:1px solid var(--line-2);border-radius:999px;transition:border-color .15s,background-color .15s,transform .2s}
[data-view="careers"] .cr-row__icon::before,[data-view="careers"] .cr-row__icon::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
[data-view="careers"] .cr-row__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
@media (hover:hover){[data-view="careers"] .cr-row__btn:hover .cr-row__icon{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}}
[data-view="careers"] .cr-row.is-open .cr-row__icon{background:var(--fg);color:var(--bg);border-color:var(--fg)}
[data-view="careers"] .cr-row.is-open .cr-row__icon::after{transform:translate(-50%,-50%) rotate(0deg)}
[data-view="careers"] .cr-detail{padding:8px 12px 40px}
[data-view="careers"] .cr-detail:not([hidden]){animation:cr-in .18s ease-out}
@keyframes cr-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
[data-view="careers"] .cr-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
[data-view="careers"] .cr-detail__h{font:500 15px var(--f-text);margin:24px 0 8px}
[data-view="careers"] .cr-detail__h:first-child{margin-top:8px}
[data-view="careers"] .cr-detail .body{margin:0;color:var(--fg-2)}
[data-view="careers"] .cr-bullets{margin:0;padding-left:18px;color:var(--fg-2);line-height:1.7}
[data-view="careers"] .cr-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:14px;align-content:start}
[data-view="careers"] .cr-form__title{margin:0 0 4px;font:500 17px var(--f-text)}
[data-view="careers"] .cr-field{display:grid;gap:6px;font-size:14px;color:var(--fg-2)}
[data-view="careers"] .cr-field input,[data-view="careers"] .cr-field textarea{width:100%;box-sizing:border-box;background:#0A0A0A;border:1px solid var(--line-2);border-radius:10px;color:var(--fg);font:15px/1.4 var(--f-text);padding:11px 14px;transition:border-color .15s,box-shadow .15s;resize:vertical}
@media (hover:hover){[data-view="careers"] .cr-field input:hover,[data-view="careers"] .cr-field textarea:hover{border-color:rgba(255,255,255,.32)}}
[data-view="careers"] .cr-field input:focus,[data-view="careers"] .cr-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
[data-view="careers"] .cr-field [aria-invalid="true"]{border-color:#E5484D}
[data-view="careers"] .cr-form .btn{justify-self:start;margin-top:4px}
[data-view="careers"] .cr-form__err{margin:0;font-size:14px;color:#FF8589}
[data-view="careers"] .cr-form__ok{margin:0;font-size:15px;line-height:1.5;color:var(--fg)}
[data-view="careers"] .cr-empty{padding:32px 12px;color:var(--fg-2);margin:0}
[data-view="careers"] .cr-note{margin:32px 0 0;color:var(--fg-2)}
[data-view="careers"] .cr-mono{color:var(--fg)}

[data-view="careers"] .cr-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
[data-view="careers"] .cr-steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
[data-view="careers"] .cr-steps li:last-child{border-bottom:1px solid var(--line)}
[data-view="careers"] .cr-steps__n{width:32px;height:32px;border-radius:999px;border:1px solid var(--line-2);display:grid;place-items:center;font-size:14px;color:var(--fg-2)}
[data-view="careers"] .cr-steps__t{font:500 18px var(--f-text);margin:4px 0 6px}
[data-view="careers"] .cr-steps .body{margin:0;color:var(--fg-2)}
[data-view="careers"] .cr-benefits{padding-top:0}
[data-view="careers"] .cr-benefit{padding:24px;min-height:140px}
[data-view="careers"] .cr-benefit__t{font:500 17px var(--f-text);margin:0 0 8px}
[data-view="careers"] .cr-benefit .body{margin:0;color:var(--fg-3)}

@media (max-width:900px){
  [data-view="careers"] .cr-split>:first-child,[data-view="careers"] .cr-split>:last-child{grid-column:1/-1}
  [data-view="careers"] .cr-detail__grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  [data-view="careers"] .cr-row__btn{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"t i" "m i";row-gap:6px;padding:18px 4px}
  [data-view="careers"] .cr-row__title{grid-area:t}
  [data-view="careers"] .cr-row__icon{grid-area:i}
  [data-view="careers"] .cr-row__team{grid-area:m;font-size:13px}
  [data-view="careers"] .cr-row__loc{grid-area:m;font-size:13px;margin-left:var(--cr-locoff,0)}
  [data-view="careers"] .cr-row__team::after{content:" · " attr(data-loc)}
  [data-view="careers"] .cr-row__loc{display:none}
  [data-view="careers"] .cr-detail{padding:4px 4px 32px}
  [data-view="careers"] .cr-select{flex:1 1 100%}
  [data-view="careers"] .cr-select select{flex:1}
}
@media (prefers-reduced-motion:reduce){
  [data-view="careers"] *{transition:none!important;animation:none!important}
}

[data-view="careers"] .cr-hero__meta{align-self:center;font-size:14px;color:var(--fg-2);margin-left:8px}
[data-view="careers"] .cr-teams .eyebrow{margin:0 0 8px}
[data-view="careers"] .cr-cols{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,2fr) minmax(0,2fr) 96px;gap:16px;padding:0 12px 12px;font-size:14px;color:var(--fg-3)}
[data-view="careers"] .cr-row__apply{justify-self:end;display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;font:500 14px var(--f-text);transition:background-color .15s,border-color .15s,color .15s}
[data-view="careers"] .cr-row__apply-c{display:none}
[data-view="careers"] .cr-row.is-open .cr-row__apply-o{display:none}
[data-view="careers"] .cr-row.is-open .cr-row__apply-c{display:inline}
[data-view="careers"] .cr-row__btn:focus-visible .cr-row__apply{background:var(--fg);color:var(--bg);border-color:var(--fg)}@media (hover:hover){[data-view="careers"] .cr-row__btn:hover .cr-row__apply{background:var(--fg);color:var(--bg);border-color:var(--fg)}}
@media (hover:hover){[data-view="careers"] .cr-row__btn:hover .cr-row__role{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}}
[data-view="careers"] .cr-form__head{display:grid;gap:4px}
[data-view="careers"] .cr-form__sub{margin:0;font-size:14px;color:var(--fg-3)}
[data-view="careers"] .cr-field .cr-opt{color:var(--fg-3)}
[data-view="careers"] .cr-ferr{font-size:13px;color:#FF8589;min-height:0}
[data-view="careers"] .cr-ferr:empty{display:none}
[data-view="careers"] .cr-selwrap{position:relative;display:block}
[data-view="careers"] .cr-selwrap::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);transform:translateY(-70%) rotate(45deg);opacity:.6;pointer-events:none}
[data-view="careers"] .cr-selwrap select{width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;background:#0A0A0A;border:1px solid var(--line-2);border-radius:10px;color:var(--fg);font:15px/1.4 var(--f-text);padding:11px 40px 11px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
@media (hover:hover){[data-view="careers"] .cr-selwrap select:hover{border-color:rgba(255,255,255,.32)}}
[data-view="careers"] .cr-selwrap select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
[data-view="careers"] .cr-form__ok p{margin:0 0 12px}
[data-view="careers"] .cr-again{background:none;border:0;padding:4px 0;color:var(--fg);font:500 14px var(--f-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
[data-view="careers"] .cr-again:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
[data-view="careers"] .cr-open{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
[data-view="careers"] .cr-open__t{margin:0;font:500 17px var(--f-text)}
[data-view="careers"] .cr-open__form{margin-top:16px;max-width:640px}
@media (max-width:640px){
  [data-view="careers"] .cr-cols{display:none}
  [data-view="careers"] .cr-row__btn{grid-template-columns:minmax(0,1fr) auto}
  [data-view="careers"] .cr-row__apply{grid-area:i}
}
/* v5: HD photo under the hero (Figure / Lowe's Labs people-and-place band) */
[data-view="careers"] .cr-photo{margin-bottom:clamp(64px,8vw,128px)}
[data-view="careers"] .cr-photo .media{aspect-ratio:21/8}
@media (max-width:719px){[data-view="careers"] .cr-photo .media{aspect-ratio:4/3}}
[data-view="careers"] .cr-benefits.section--paper{padding-top:clamp(72px,10vw,160px)}
/* v5: roles list on white — light hover/field states */
@media (hover:hover){[data-view="careers"] .section--paper .cr-select:hover{border-color:rgba(10,10,10,.40);background:rgba(10,10,10,.03)}}
[data-view="careers"] .section--paper .cr-select option{background:#FFFFFF;color:#0A0A0A}
@media (hover:hover){[data-view="careers"] .section--paper .cr-row__btn:hover{background:rgba(10,10,10,.035)}}
[data-view="careers"] .section--paper .cr-row__btn:active{background:rgba(10,10,10,.06)}
@media (hover:hover){[data-view="careers"] .section--paper .cr-row__btn:hover .cr-row__icon{border-color:rgba(10,10,10,.5);background:rgba(10,10,10,.06)}}
[data-view="careers"] .section--paper .cr-field input,[data-view="careers"] .section--paper .cr-field textarea,[data-view="careers"] .section--paper .cr-selwrap select{background:#FFFFFF}
@media (hover:hover){[data-view="careers"] .section--paper .cr-field input:hover,[data-view="careers"] .section--paper .cr-field textarea:hover,[data-view="careers"] .section--paper .cr-selwrap select:hover{border-color:rgba(10,10,10,.40)}}
[data-view="careers"] .section--paper .cr-row.is-open .cr-row__icon{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}@media (hover:hover){[data-view="careers"] .section--paper .cr-row.is-open .cr-row__btn:hover .cr-row__icon{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}}
/* ===== v6: dawn hero + loop → stone teams → dusk values → white roles (chips, smooth rows) → mist process → paper benefits ===== */
[data-view="careers"]{--ez:cubic-bezier(.2,0,0,1)}
[data-view="careers"] .cr-top{padding-bottom:clamp(64px,8vw,120px)}
[data-view="careers"] .cr-hero{padding-bottom:clamp(40px,5vw,72px)}
[data-view="careers"] .cr-kicker{color:var(--fg)}
[data-view="careers"] .cr-hero__meta{margin-left:4px}
[data-view="careers"] .cr-anchors{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:clamp(40px,5vw,64px);padding-top:16px;border-top:1px solid var(--line-2)}
[data-view="careers"] .cr-anchors a{position:relative;padding:6px 0;font:500 15px/1.4 var(--f-text);color:var(--fg-2);text-decoration:none;transition:color .2s ease}
[data-view="careers"] .cr-anchors a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:currentColor;transition:left .25s var(--ez),right .25s var(--ez)}
@media (hover:hover){[data-view="careers"] .cr-anchors a:hover{color:var(--fg)}}
[data-view="careers"] .cr-anchors a:focus-visible::after{left:0;right:0}@media (hover:hover){[data-view="careers"] .cr-anchors a:hover::after{left:0;right:0}}
[data-view="careers"] .cr-anchors a:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:3px}
[data-view="careers"] .cr-photo-wrap{position:relative}
[data-view="careers"] .cr-photo{aspect-ratio:21/9;border-radius:var(--radius);overflow:visible;margin:0}
[data-view="careers"] .cr-photo > img,[data-view="careers"] .cr-photo > video{border-radius:var(--radius)}
@media (max-width:719px){[data-view="careers"] .cr-photo{aspect-ratio:4/3}}
[data-view="careers"] .cr-team{transition:border-color .25s var(--ez),background-color .25s var(--ez),transform .25s var(--ez)}
[data-view="careers"] .cr-teams .cr-team{background:rgba(255,255,255,.7)}
@media (hover:hover){[data-view="careers"] .cr-teams .cr-team:hover{background:#FFFFFF}}
[data-view="careers"] .cr-team:active{transform:translateY(1px)}
[data-view="careers"] .cr-why{color:#F5F5F4}
/* chips */
[data-view="careers"] .cr-filters{gap:16px 32px;margin-bottom:28px}
[data-view="careers"] .cr-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
[data-view="careers"] .cr-chips__label{font:500 13px/1 var(--f-text);color:var(--fg-3);margin-right:6px}
[data-view="careers"] .cr-chip{appearance:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line-2);border-radius:3px;background:transparent;color:var(--fg-2);font:500 14px/1 var(--f-text);cursor:pointer;transition:border-color .2s var(--ez),background-color .2s var(--ez),color .2s var(--ez),transform .1s ease}
[data-view="careers"] .cr-chip::before{content:"";width:6px;height:6px;background:currentColor;opacity:.28;transition:opacity .2s ease,background-color .2s ease}
@media (hover:hover){[data-view="careers"] .cr-chip:hover{border-color:rgba(10,10,10,.42);color:var(--fg);background:rgba(10,10,10,.03)}}
[data-view="careers"] .cr-chip:active{transform:translateY(1px)}
[data-view="careers"] .cr-chip:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:2px}
[data-view="careers"] .cr-chip[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#FFFFFF}
[data-view="careers"] .cr-chip[aria-pressed="true"]::before{opacity:1;background:var(--meridian,#2F5BFF)}
/* smooth expanding rows */
[data-view="careers"] .cr-detail{display:grid;grid-template-rows:0fr;opacity:0;padding:0 12px;transition:grid-template-rows .4s var(--ez),opacity .3s ease,padding .4s var(--ez);animation:none}
[data-view="careers"] .cr-detail:not([hidden]){animation:none}
[data-view="careers"] .cr-detail > .cr-detail__grid{min-height:0;overflow:hidden}
[data-view="careers"] .cr-row.is-open .cr-detail{grid-template-rows:1fr;opacity:1;padding:8px 12px 40px}
[data-view="careers"] .cr-row{transition:background-color .25s ease}
[data-view="careers"] .cr-row.is-open{background:rgba(10,10,10,.025)}
[data-view="careers"] .cr-row__btn{transition:background-color .2s ease}
[data-view="careers"] .cr-row__btn:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:-2px}
@media (max-width:640px){[data-view="careers"] .cr-row.is-open .cr-detail{padding:4px 4px 32px}}
@media (prefers-reduced-motion:reduce){[data-view="careers"] *{transition:none!important}}
html.motion-off [data-view="careers"] *{transition-duration:0s!important}
[data-view="careers"] .cr-detail[hidden]{display:none}
/* plate-style Apply chip (radius 2px, no pills) with a sliding +/× icon plate */
[data-view="careers"] .cr-row__apply{border-radius:2px;gap:10px;padding:0 6px 0 14px;color:var(--fg);transition:background-color .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),color .22s cubic-bezier(.2,0,0,1)}
[data-view="careers"] .cr-row__apply::after{content:"";width:22px;height:22px;border-radius:2px;background:currentColor;-webkit-mask:linear-gradient(#000 0 0) center/10px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 10px no-repeat;mask:linear-gradient(#000 0 0) center/10px 1.5px no-repeat,linear-gradient(#000 0 0) center/1.5px 10px no-repeat;transition:transform .3s cubic-bezier(.2,0,0,1)}
[data-view="careers"] .cr-row.is-open .cr-row__apply::after{transform:rotate(45deg)}
[data-view="careers"] .cr-row__btn:focus-visible .cr-row__apply,[data-view="careers"] .cr-row.is-open .cr-row__apply{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}@media (hover:hover){[data-view="careers"] .cr-row__btn:hover .cr-row__apply{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}}
/* Benefits as a titled list (x.ai careers list) */
[data-view="careers"] .cr-benefits{padding-top:clamp(72px,10vw,160px)}
[data-view="careers"] .cr-benefits .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
[data-view="careers"] .cr-benefits__title{grid-column:1/span 4;margin:0}
[data-view="careers"] .cr-benefits__grid{grid-column:6/-1;display:block;border-top:1px solid var(--line-2)}
[data-view="careers"] .cr-benefit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:baseline;min-height:0;padding:20px 12px;margin-inline:-12px;background:transparent;border:0;border-bottom:1px solid var(--line-2);border-radius:2px;transition:background-color .25s cubic-bezier(.2,0,0,1)}
@media (hover:hover){[data-view="careers"] .cr-benefit:hover{background:rgba(10,10,10,.035);border-color:var(--line-2)}}
[data-view="careers"] .cr-benefit__t{margin:0;font:500 18px/1.3 var(--f-display);letter-spacing:-.01em}
@media (max-width:900px){[data-view="careers"] .cr-benefits__title,[data-view="careers"] .cr-benefits__grid{grid-column:1/-1}}
@media (max-width:540px){[data-view="careers"] .cr-benefit{grid-template-columns:1fr;gap:4px}}
[data-view="careers"] .cr-midcta{margin-top:32px}
[data-view="careers"] .cr-eeo{margin:48px 0 0;padding-top:20px;border-top:1px solid var(--line-2);font-size:14px;color:var(--fg-3);max-width:70ch}
[data-view="careers"] .cr-process .cr-steps li{transition:background-color .25s ease}
[data-view="careers"] .cr-steps__n{border-radius:2px;font-variant-numeric:tabular-nums;transition:background-color .25s cubic-bezier(.2,0,0,1),color .25s ease,border-color .25s ease}
@media (hover:hover){[data-view="careers"] .cr-steps li:hover .cr-steps__n{background:var(--meridian,#2F5BFF);border-color:var(--meridian,#2F5BFF);color:#FFFFFF}}
[data-view="careers"] .cr-steps li{border-color:var(--line-2)}
/* ===== v7: TYPE7 hierarchy, .ph wide media with museum caption, numbered team plates, square row icons ===== */
[data-view="careers"]{--e-out:var(--ease-out,cubic-bezier(.16,1,.3,1))}
[data-view="careers"] .cr-hero__title{font-family:var(--f-display);font-stretch:var(--wd-xl,114%);max-width:11ch;letter-spacing:-.028em;text-wrap:balance}
[data-view="careers"] .cr-photo{aspect-ratio:21/9;border-radius:2px}
[data-view="careers"] .cr-cap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:baseline;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font:400 13px/1.45 var(--f-text);color:var(--fg-2)}
[data-view="careers"] .cr-cap__n{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="careers"] .cr-cap__src{color:var(--fg-3)}
[data-view="careers"] .cr-anchors a{transition:color .18s var(--e-out)}
[data-view="careers"] .cr-team{position:relative;border-radius:2px;transition:border-color .18s var(--e-out),background-color .18s var(--e-out)}
[data-view="careers"] .cr-team__n{font-family:var(--f-mono);font-size:11px;line-height:1;color:var(--fg-3);font-variant-numeric:tabular-nums;transition:color .18s var(--e-out)}
[data-view="careers"] .cr-team__name{font-family:var(--f-display);font-stretch:var(--wd-m,110%);font-size:clamp(30px,2.6vw,42px);line-height:1;letter-spacing:-.021em}
[data-view="careers"] .cr-team:focus-visible .cr-team__n{color:var(--meridian-deep,#1B3ACC)}@media (hover:hover){[data-view="careers"] .cr-team:hover .cr-team__n{color:var(--meridian-deep,#1B3ACC)}}
[data-view="careers"] .cr-team .cr-arrow{display:inline-block;transition:transform .28s var(--e-out)}
@media (hover:hover){[data-view="careers"] .cr-team:hover .cr-arrow{transform:translateX(4px)}}
[data-view="careers"] .cr-team:active{transform:translateY(1px)}
[data-view="careers"] .cr-roles__head .h2,[data-view="careers"] .cr-benefits__title{font-stretch:var(--wd-m,110%)}
[data-view="careers"] .cr-count{font-family:var(--f-mono);font-size:12px;font-variant-numeric:tabular-nums}
[data-view="careers"] .cr-cols span{font-family:var(--f-display);font-stretch:118%;font-size:11px;font-weight:500;letter-spacing:.075em;text-transform:uppercase;color:var(--fg-3)}
[data-view="careers"] .cr-row__btn{border-radius:0;transition:background-color .18s var(--e-out)}
[data-view="careers"] .cr-row__icon{border-radius:2px;transition:border-color .18s var(--e-out),background-color .18s var(--e-out),transform .28s var(--e-out)}
[data-view="careers"] .cr-steps__n{font-family:var(--f-mono);font-size:12px}
[data-view="careers"] .cr-why__item .h3,[data-view="careers"] .cr-steps__t,[data-view="careers"] .cr-benefit__t{text-wrap:balance}
[data-view="careers"] .cr-chip{transition:border-color .18s var(--e-out),background-color .18s var(--e-out),color .18s var(--e-out),transform .1s var(--e-out)}
@media (max-width:700px){[data-view="careers"] .cr-photo{aspect-ratio:4/3}[data-view="careers"] .cr-cap{grid-template-columns:auto minmax(0,1fr)}[data-view="careers"] .cr-cap__src{grid-column:2}}
[data-view="careers"] .cr-fig{margin:0}
[data-view="careers"] .cr-photo{border-radius:2px;background:#0A0A0A}
[data-view="careers"] .ph>img{transition:transform var(--d-image,.9s) var(--ease-out),filter var(--d-image,.9s) var(--ease-out),opacity var(--d-reveal,.6s) var(--ease-out)}
[data-view="careers"] .cr-photo{overflow:hidden;margin:0}
[data-view="careers"] .cr-fig{margin-bottom:clamp(64px,8vw,128px)}

/* ===== v8 (Inner B) ===== */
[data-view="careers"] .cr-steps li{grid-template-columns:minmax(0,1fr);gap:0}
@media (hover:hover){[data-view="careers"] .cr-steps li:hover{background:none}}
[data-view="careers"] .cr-chip::before{content:none;display:none}
[data-view="careers"] .cr-chip:active,[data-view="careers"] .cr-team:active{transform:none}
[data-view="careers"] .cr-hero .lead{max-width:48ch}
[data-view="careers"] .cr-why .h2{margin:0}
/* v8: filters as text toggles; working-at grid */
[data-view="careers"] .cr-chip,[data-view="careers"] .cr-chip[aria-pressed="true"]{height:auto;padding:6px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:var(--fg-3);font:500 15px/1.3 var(--f-text);margin-right:18px}@media (hover:hover){[data-view="careers"] .cr-chip:hover{height:auto;padding:6px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:var(--fg-3);font:500 15px/1.3 var(--f-text);margin-right:18px}}
@media (hover:hover){[data-view="careers"] .cr-chip:hover{color:var(--fg)}}
[data-view="careers"] .cr-chip[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--fg)}
[data-view="careers"] .cr-chips__label{display:none}
[data-view="careers"] .cr-why__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
[data-view="careers"] .cr-why__item{margin:0;padding-top:20px;border-top:1px solid var(--line-2)}
[data-view="careers"] .cr-why__item .h3{margin:0 0 10px}
[data-view="careers"] .cr-why__item .body{margin:0;color:var(--fg-2)}
[data-view="careers"] .cr-hero__title{max-width:18ch}
@media (max-width:699px){[data-view="careers"] .cr-why__list{grid-template-columns:minmax(0,1fr);gap:28px}}
[data-view="careers"] .cr-row__apply{padding:0 14px;gap:6px}
[data-view="careers"] .cr-row__apply::after{content:"\2192";width:auto;height:auto;background:none;-webkit-mask:none;mask:none;border-radius:0;transform:none}
[data-view="careers"] .cr-row.is-open .cr-row__apply::after{content:none}
[data-view="careers"] .cr-count{font:400 14px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="careers"] .cr-top{padding-bottom:clamp(48px,5vw,80px)}
/* ===== v9: no location column, detail is the form only ===== */
@media (min-width:641px){[data-view="careers"] .cr-row__btn,[data-view="careers"] .cr-cols{grid-template-columns:minmax(0,6fr) minmax(0,3fr) 96px}}
[data-view="careers"] .cr-detail__grid{grid-template-columns:minmax(0,640px)}
[data-view="careers"] .cr-row__team::after{content:none!important}

/* ===== v10: edge-bleed hero, blue offset band, full-bleed close ===== */
[data-view="careers"] .cr-top{position:relative;padding:0;min-height:min(92vh,920px);display:flex;align-items:center;overflow:hidden;overflow:clip;background:#FFFFFF}
[data-view="careers"] .cr-hero-media{position:absolute;top:0;right:0;bottom:0;width:calc(50vw - 12px);margin:0;border-radius:0}
[data-view="careers"] .cr-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
[data-view="careers"] .cr-hero{position:relative;z-index:2;width:100%;padding-block:var(--sec-lg,clamp(104px,13vw,192px))}
[data-view="careers"] .cr-hero__copy{max-width:calc((100% - 264px) * 5 / 12 + 96px)}
[data-view="careers"] .cr-hero__title{margin:0 0 24px}
[data-view="careers"] .cr-hero .lead{margin:0;max-width:44ch}
[data-view="careers"] .cr-hero__actions{margin-top:32px}
[data-view="careers"] .cr-why__comp{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
[data-view="careers"] .cr-why__ph{grid-column:5 / 13;grid-row:1;margin:0;aspect-ratio:3/2}
[data-view="careers"] .cr-why__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
[data-view="careers"] .cr-why__card{grid-column:1 / 6;grid-row:1;position:relative;z-index:2;margin-top:96px;background:var(--meridian);padding:48px 48px 48px 0}
[data-view="careers"] .cr-why__card .h2{margin:0 0 24px;color:#fff}
[data-view="careers"] .cr-why__card .body{margin:0 0 16px;color:rgba(255,255,255,.88)}
[data-view="careers"] .cr-why__card .body:last-child{margin-bottom:0}
[data-view="careers"] .cr-close{position:relative;min-height:min(72vh,680px);display:flex;align-items:flex-end;padding:var(--sec-lg,clamp(104px,13vw,192px)) 0 var(--sec,clamp(80px,10vw,144px));overflow:hidden;overflow:clip;background:#0B0B0C;color:#fff}
[data-view="careers"] .cr-close-media{position:absolute;inset:0;margin:0;border-radius:0}
[data-view="careers"] .cr-close-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
[data-view="careers"] .cr-close-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.66) 100%);pointer-events:none}
[data-view="careers"] .cr-close-in{position:relative;z-index:2;width:100%}
[data-view="careers"] .cr-close-h{margin:0;color:#fff}
[data-view="careers"] .cr-close-links{margin:32px 0 0}
[data-view="careers"] .cr-close .btn--primary{--btn-p-bg:#FFFFFF;--btn-p-fg:#0A0A0A;background:#FFFFFF;color:#0A0A0A}
@media (max-width:1023px){
  [data-view="careers"] .cr-why__card{grid-column:1 / 8;padding-right:32px}
  [data-view="careers"] .cr-hero__copy{max-width:calc((100% - 264px) * 6 / 12 + 120px)}
}
@media (max-width:767px){
  [data-view="careers"] .cr-top{display:block;min-height:0}
  [data-view="careers"] .cr-hero{padding-block:120px 48px}
  [data-view="careers"] .cr-hero__copy{max-width:none}
  [data-view="careers"] .cr-hero-media{position:relative;width:100%;aspect-ratio:4/5}
  [data-view="careers"] .cr-hero-media img{object-position:50% 25%}
  [data-view="careers"] .cr-why__comp{display:block}
  [data-view="careers"] .cr-why__ph{margin-right:calc(var(--gutter) * -1);border-radius:var(--radius) 0 0 var(--radius)}
  [data-view="careers"] .cr-why__card{margin:-48px 24px 0 0;padding:32px 24px 0 0}
  [data-view="careers"] .cr-close{min-height:min(80svh,640px)}
}
@media (max-width:767px){[data-view="careers"] .cr-top{display:flex;flex-direction:column}[data-view="careers"] .cr-hero{order:-1}}
/* K3 bridge-night: CTA in the dark sky, top right */
[data-view="careers"] .cr-close{align-items:flex-start;padding:var(--sec,clamp(80px,10vw,144px)) 0 var(--sec-lg,clamp(104px,13vw,192px));min-height:min(80vh,760px)}
[data-view="careers"] .cr-close-media::after{display:none}
[data-view="careers"] .cr-close-media img{object-position:50% 0%}
[data-view="careers"] .cr-close-in>*{margin-left:calc((100% - 264px) * 7 / 12 + 168px)}
@media (max-width:767px){
  [data-view="careers"] .cr-close{min-height:min(84svh,700px);padding-top:64px}
  [data-view="careers"] .cr-close-media img{object-position:72% 50%}
  [data-view="careers"] .cr-close-in>*{margin-left:0}
}
/* K3 wind-ridge: one line plus the roles link in the sky, top-left, cols 1-6, white display text */
[data-view="careers"] .cr-close{padding:var(--sec-sm,clamp(56px,6.4vw,96px)) 0 0;min-height:min(72vw,820px)}
[data-view="careers"] .cr-close-media img{object-position:50% 45%}
[data-view="careers"] .cr-close-in>*{margin-left:0}
[data-view="careers"] .cr-close-h{max-width:12ch}
@media (max-width:767px){
  [data-view="careers"] .cr-close{min-height:auto;aspect-ratio:4/5;padding-top:48px}
  [data-view="careers"] .cr-close-media img{object-position:60% 45%}
}
@media (min-width:1024px){[data-view="careers"] .cr-hero__copy{max-width:calc((100% - 264px) * 6 / 12 + 96px)}}

/* ===== v12: ink hero under the nav with the orbit geometry; space close ===== */
[data-view="careers"] .cr-top{background:var(--ink,#0A0A0A);padding-top:var(--nav-h,64px);min-height:min(100vh,940px)}
[data-view="careers"] .cr-geo{display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h,64px) + 24px) clamp(24px,4vw,72px) 48px}
[data-view="careers"] .cr-geo .geo{width:min(100%,640px);aspect-ratio:1/1}
[data-view="careers"] .cr-geo::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--line,rgba(255,255,255,.12))}
[data-view="careers"] .cr-close-media img{filter:grayscale(1) contrast(1.06)}
@media (max-width:767px){
  [data-view="careers"] .cr-top{padding-top:0;min-height:0}
  [data-view="careers"] .cr-geo{position:relative;width:100%;padding:calc(var(--nav-h,56px) + 16px) 32px 0}
  [data-view="careers"] .cr-geo::before{display:none}
  [data-view="careers"] .cr-geo{aspect-ratio:auto}
  [data-view="careers"] .cr-geo .geo{width:min(100%,320px)}
  [data-view="careers"] .cr-hero{padding-block:24px 56px}
}
[data-view="careers"] .cr-close-media img{object-position:20% 50%}
@media (max-width:767px){[data-view="careers"] .cr-close-media img{object-position:12% 50%}}
[data-view="careers"] .cr-eyebrow{margin:0 0 24px;color:rgba(255,255,255,.64)}
[data-view="careers"] .cr-hero__title{max-width:9ch}
[data-view="careers"] .cr-geo .geo{width:min(100%,760px)}
@media (max-width:767px){
  [data-view="careers"] .cr-top{display:flex;flex-direction:column}
  [data-view="careers"] .cr-geo{order:2;padding:0 32px 40px}
  [data-view="careers"] .cr-hero{order:1;padding-block:calc(var(--nav-h,56px) + 64px) 16px}
}

/* v15: no blue fills or bars */
[data-view="careers"] .cr-chip[aria-pressed="true"]::before{background:var(--fg)}
@media (hover:hover){[data-view="careers"] .cr-steps li:hover .cr-steps__n{background:var(--fg);border-color:var(--fg);color:var(--ink,#0A0A0A)}}
[data-view="careers"] .cr-team:focus-visible .cr-team__n{color:var(--fg)}@media (hover:hover){[data-view="careers"] .cr-team:hover .cr-team__n{color:var(--fg)}}
[data-view="careers"] .cr-why__card{background:var(--card,#121314)}

/* v16: universal page hero (same frame, type and spacing as the product and Capital heroes) */
[data-view="careers"] header.cr-top{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;min-height:max(680px,100svh)!important;margin-top:calc(-1 * var(--nav-h,64px))!important;padding:0!important;overflow:hidden;background:#0A0A0A;color:#FFFFFF}
[data-view="careers"] header.cr-top .cr-hero{position:relative!important;z-index:3;display:block!important;width:100%;min-height:0!important;margin:0 auto!important;padding-top:calc(var(--nav-h,64px) + 120px)!important;padding-bottom:clamp(64px,8vw,112px)!important}
[data-view="careers"] header.cr-top .cr-hero > *{max-width:none;margin:0;grid-column:auto}
[data-view="careers"] header.cr-top .cr-eyebrow{display:block!important;margin:0!important;padding:0!important;font:500 14px/1.4 var(--f-text)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.72)!important}
[data-view="careers"] header.cr-top .cr-eyebrow::before{display:none!important}
[data-view="careers"] header.cr-top .cr-hero__title{margin:20px 0 0!important;max-width:15ch!important;font-family:var(--f-display)!important;font-weight:500!important;font-size:clamp(44px,6.4vw,96px)!important;line-height:.98!important;letter-spacing:-.025em!important;color:#FFFFFF!important;text-wrap:balance}
[data-view="careers"] header.cr-top .cr-hero__copy > .lead{margin:28px 0 0!important;max-width:46ch!important;color:rgba(255,255,255,.82)!important}
[data-view="careers"] header.cr-top .cr-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0!important}
[data-view="careers"] header.cr-top .cr-geo{position:absolute!important;z-index:1;top:calc(var(--nav-h,64px) + 48px)!important;bottom:clamp(64px,8vw,112px)!important;right:max(var(--gutter),calc((100% - var(--maxw)) / 2))!important;left:auto!important;width:min(40%,600px)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;grid-column:auto!important;transform:none!important}
[data-view="careers"] header.cr-top .cr-geo .geo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
@media (max-width:899px){[data-view="careers"] header.cr-top .cr-geo{top:calc(var(--nav-h,56px) + 16px)!important;bottom:auto!important;left:var(--gutter)!important;right:var(--gutter)!important;width:auto!important;height:min(44svh,380px)!important}}
@media (max-width:719px){[data-view="careers"] header.cr-top{min-height:max(620px,100svh)!important}[data-view="careers"] header.cr-top .cr-hero{padding-top:calc(var(--nav-h,56px) + 72px)!important;padding-bottom:48px!important}[data-view="careers"] header.cr-top .cr-hero__title{font-size:clamp(40px,11.5vw,56px)!important;max-width:none!important}}
@media (max-width:719px){
  [data-view="careers"] header.cr-top{min-height:0!important}
  [data-view="careers"] header.cr-top .cr-geo{top:calc(var(--nav-h,56px) + 8px)!important;height:min(72vw,300px)!important;bottom:auto!important}
  [data-view="careers"] header.cr-top .cr-hero{padding-top:calc(var(--nav-h,56px) + min(72vw,300px) + 24px)!important}
}

/* contact.css */
/* ===== contact: ink hero (unchanged since v13) ===== */
[data-view="contact"]{--e-out:var(--ease-out,cubic-bezier(.16,1,.3,1));background:var(--ink,#0A0A0A);color:var(--fg)}
[data-view="contact"] .ct-hero{padding-block:clamp(96px,12vw,180px) clamp(48px,6vw,80px)}
[data-view="contact"] .ct-hero__title{margin:16px 0 20px;letter-spacing:-.021em}
[data-view="contact"] .ct-hero__title{font-family:var(--f-display);font-stretch:var(--wd-xl,114%);font-size:var(--t-xl,clamp(56px,7.6vw,124px));line-height:.94;letter-spacing:-.028em;max-width:12ch;text-wrap:balance}
[data-view="contact"] .ct-top{padding-bottom:clamp(72px,9vw,140px)}
[data-view="contact"] .ct-top{background:var(--ink,#0A0A0A);background-image:none;color:#fff;padding-top:var(--nav-h,64px)}
[data-view="contact"] .ct-top .ct-hero__title{color:#fff}
[data-view="contact"] .ct-top .lead{color:rgba(255,255,255,.72)}
[data-view="contact"] .ct-top{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden;overflow:clip;padding-bottom:clamp(64px,8vw,120px)}
[data-view="contact"] .ct-hero{position:relative;z-index:2;width:100%;padding-block:calc(var(--nav-h,64px) + 96px) 0}
[data-view="contact"] .ct-hero__copy{max-width:640px}
[data-view="contact"] .ct-eyebrow{margin:0 0 24px;color:rgba(255,255,255,.64)}
[data-view="contact"] .ct-hero-media{position:absolute;inset:0;margin:0;border-radius:0;z-index:0}
[data-view="contact"] .ct-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.05)}
[data-view="contact"] .ct-hero-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.35) 0%,rgba(10,10,10,.1) 40%,rgba(10,10,10,.82) 100%)}
@media (max-width:767px){
  [data-view="contact"] .ct-top{min-height:640px}
  [data-view="contact"] .ct-hero-media img{object-position:40% 55%}
}
[data-view="contact"] .ct-hero-media::after{background:linear-gradient(180deg,rgba(10,10,10,.3) 0%,rgba(10,10,10,.15) 30%,rgba(10,10,10,.78) 62%,rgba(10,10,10,.94) 100%)}
[data-view="contact"] .ct-hero-media img{object-position:50% 22%}
[data-view="contact"] .ct-top{align-items:flex-start}
[data-view="contact"] .ct-hero{padding-top:calc(var(--nav-h,64px) + clamp(96px,11vw,168px))}
[data-view="contact"] .ct-hero-media img{object-position:50% 70%}
[data-view="contact"] .ct-hero-media::after{background:linear-gradient(90deg,rgba(10,10,10,.6),rgba(10,10,10,0) 70%),linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,0) 50%,rgba(10,10,10,.35) 100%)}
@media (max-width:767px){[data-view="contact"] .ct-hero-media img{object-position:50% 75%}[data-view="contact"] .ct-hero{padding-top:calc(var(--nav-h,56px) + 72px)}}
@media (min-width:768px){[data-view="contact"] .ct-top{min-height:min(100vh,940px)}[data-view="contact"] .ct-hero{padding-top:calc(var(--nav-h,64px) + clamp(56px,6vw,96px))}}
/* v13: the sunset band sits below the heading, in the lower part of the hero */
[data-view="contact"] .ct-top{margin-top:calc(-1 * var(--nav-h,64px));min-height:max(680px,100svh);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0}
[data-view="contact"] .ct-hero{padding-block:calc(var(--nav-h,64px) + 120px) clamp(64px,8vw,112px)}
[data-view="contact"] .ct-hero__copy{max-width:none}
[data-view="contact"] .ct-eyebrow{margin:0;font:500 14px/1.4 var(--f-text);color:rgba(255,255,255,.72)}
[data-view="contact"] .ct-hero__title{margin:20px 0 0;max-width:15ch;font-size:clamp(44px,6.4vw,96px);font-weight:500;line-height:.98}
[data-view="contact"] .ct-hero__copy>.lead{margin:28px 0 0;max-width:46ch;color:rgba(255,255,255,.82)}
@media(min-width:768px){[data-view="contact"] .ct-hero__copy>.lead{min-height:3lh}}
@media(max-width:719px){
 [data-view="contact"] .ct-top{min-height:max(620px,100svh)}
 [data-view="contact"] .ct-hero{padding-block:calc(var(--nav-h,64px) + 72px) 48px}
 [data-view="contact"] .ct-hero__title{font-size:clamp(40px,11.5vw,56px);max-width:none}
}
[data-view="contact"] .ct-hero-media{background:#030303}
[data-view="contact"] .ct-hero-media img{translate:0 30%}
@media (max-width:767px){[data-view="contact"] .ct-hero-media img{translate:0 34%}}

/* ===== v14 contact form: ink, two columns. Left: statement, topic, other ways in. Right: hairline fields. =====
   Meridian appears once as light (the 48px rule over the eyebrow) and otherwise only as the focus ring. */
[data-view="contact"] .ct-formsec{
  --ct-line:rgba(255,255,255,.14); --ct-field:rgba(255,255,255,.24); --ct-field-h:rgba(255,255,255,.52);
  --ct-err:#FF7A7E; --ct-t:var(--d-hover,180ms);
  position:relative;background-color:#050505;padding-block:clamp(88px,10vw,152px) clamp(104px,11vw,168px)}
[data-view="contact"] .ct-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:24px;align-items:start}
[data-view="contact"] .ct-formhead{grid-column:1 / 6;grid-row:1}
[data-view="contact"] .ct-more{grid-column:1 / 6;grid-row:2;align-self:end}
[data-view="contact"] .ct-form{grid-column:7 / 13;grid-row:1 / 3}

/* statement */
[data-view="contact"] .ct-k{position:relative;margin:0 0 28px;padding-top:22px;font-size:13px;color:var(--fg-2)}
[data-view="contact"] .ct-k::before{content:"";position:absolute;left:0;top:0;width:48px;height:1px;background:var(--meridian,#2F5BFF)}
[data-view="contact"] .ct-title{margin:0;max-width:19ch;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:clamp(30px,3.1vw,48px);line-height:1.07;letter-spacing:-.018em;color:var(--fg);text-wrap:balance}
[data-view="contact"] .ct-title__rest{color:rgba(245,245,244,.46)}

/* small mono labels */
[data-view="contact"] .ct-label,
[data-view="contact"] .ct-field>label{display:block;margin:0;padding:0;font-family:var(--f-mono);font-size:11.5px;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);transition:color var(--ct-t) var(--e-out)}
[data-view="contact"] .ct-opt{margin-left:8px;color:var(--fg-3);letter-spacing:.08em}

/* topic */
[data-view="contact"] .ct-topics{min-width:0;margin:0;padding:0;border:0}
[data-view="contact"] .ct-topics>.ct-label{margin-bottom:16px}
[data-view="contact"] .ct-chips{display:flex;flex-wrap:wrap;gap:8px}
[data-view="contact"] .ct-chip{position:relative;display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-view="contact"] .ct-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
[data-view="contact"] .ct-chip span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--ct-line);border-radius:2px;background:transparent;font-size:14.5px;font-weight:450;letter-spacing:-.005em;color:var(--fg-2);white-space:nowrap;
  transition:background-color var(--ct-t) var(--e-out),border-color var(--ct-t) var(--e-out),color var(--ct-t) var(--e-out)}
@media (hover:hover){[data-view="contact"] .ct-chip:hover span{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);color:var(--fg)}}
[data-view="contact"] .ct-chip:active span{transform:translateY(1px)}
[data-view="contact"] .ct-chip input:checked+span{background:#F5F5F4;border-color:#F5F5F4;color:#0A0A0A}
@media (hover:hover){[data-view="contact"] .ct-chip:hover input:checked+span{background:#FFFFFF;border-color:#FFFFFF}}
[data-view="contact"] .ct-chip input:focus-visible+span{outline:2px solid var(--ring,#2F5BFF);outline-offset:3px}

/* fields */
[data-view="contact"] .ct-form{display:grid;gap:48px;max-width:none;margin:0;padding:0;border:0;background:none}
[data-view="contact"] .ct-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 32px;align-items:start}
[data-view="contact"] .ct-field{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
[data-view="contact"] .ct-field input,
[data-view="contact"] .ct-field textarea{display:block;width:100%;margin:0;padding:6px 0 13px;border:0;border-bottom:1px solid var(--ct-field);border-radius:0;background:transparent;color:var(--fg);caret-color:#FFFFFF;
  font:400 19px/1.4 var(--f-text);letter-spacing:-.01em;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;
  transition:border-color var(--ct-t) var(--e-out),box-shadow var(--ct-t) var(--e-out),background-color 600000s 0s,color 600000s 0s}
[data-view="contact"] .ct-field textarea{min-height:176px;resize:none;overflow:hidden;line-height:1.5}
@media (hover:hover){[data-view="contact"] .ct-field input:hover,[data-view="contact"] .ct-field textarea:hover{border-bottom-color:var(--ct-field-h)}}
[data-view="contact"] .ct-field input:focus,
[data-view="contact"] .ct-field textarea:focus{border-bottom-color:var(--ring,#2F5BFF);box-shadow:0 1px 0 0 var(--ring,#2F5BFF)}
[data-view="contact"] .ct-field:focus-within>label{color:var(--fg)}
[data-view="contact"] .ct-field input:-webkit-autofill{-webkit-text-fill-color:#F5F5F4}
[data-view="contact"] .ct-field.is-invalid input,
[data-view="contact"] .ct-field.is-invalid textarea{border-bottom-color:var(--ct-err);box-shadow:0 1px 0 0 var(--ct-err)}
[data-view="contact"] .ct-field.is-invalid>label{color:var(--fg)}
/* errors sit under the line, out of flow, so the layout never jumps under the pointer */
[data-view="contact"] .ct-ferr{position:absolute;left:0;top:calc(100% + 9px);margin:0;font-size:13px;line-height:1.35;color:var(--ct-err)}
[data-view="contact"] .ct-ferr:empty{display:none}

/* send */
[data-view="contact"] .ct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:4px}
[data-view="contact"] .ct-preview{margin:0;max-width:30ch;font-size:14px;line-height:1.45;color:var(--fg-2)}
[data-view="contact"] .ct-result{margin:-16px 0 0;padding-left:14px;border-left:1px solid rgba(255,255,255,.5);font-size:15px;line-height:1.5;color:var(--fg)}
[data-view="contact"] .ct-result.is-error{border-left-color:var(--err,#FF6B70);color:#ffb4b6}
[data-view="contact"] .ct-result:empty{display:none}

/* other ways in: a typeset list on 1px rules */
[data-view="contact"] .ct-more{margin-top:72px}
[data-view="contact"] .ct-more__list{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--ct-line)}
[data-view="contact"] .ct-more__a{position:relative;display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:15px 0 16px;border-bottom:1px solid var(--ct-line);color:var(--fg);text-decoration:none}
[data-view="contact"] .ct-more__a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;transition:transform 420ms var(--e-out)}
[data-view="contact"] .ct-more__t{font-size:15px;font-weight:500;letter-spacing:-.005em}
[data-view="contact"] .ct-more__d{font-size:14.5px;line-height:1.45;color:var(--fg-3);transition:color var(--ct-t) var(--e-out)}
[data-view="contact"] .ct-more__go{color:var(--fg-3);transition:transform var(--ct-t) var(--e-out),color var(--ct-t) var(--e-out)}
@media (hover:hover){[data-view="contact"] .ct-more__a:hover::after{transform:scaleX(1)}}
@media (hover:hover){[data-view="contact"] .ct-more__a:hover .ct-more__d{color:var(--fg-2)}}
@media (hover:hover){[data-view="contact"] .ct-more__a:hover .ct-more__go{color:var(--fg);transform:translateX(4px)}}
[data-view="contact"] .ct-more__a:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:4px;border-radius:2px}

@media (max-width:1099px){
  [data-view="contact"] .ct-more__a{grid-template-columns:minmax(0,1fr) auto}
  [data-view="contact"] .ct-more__t{grid-column:1}
  [data-view="contact"] .ct-more__d{grid-column:1;grid-row:2}
  [data-view="contact"] .ct-more__go{grid-column:2;grid-row:1 / 3;align-self:center}
}
@media (max-width:899px){
  [data-view="contact"] .ct-split{display:flex;flex-direction:column;align-items:stretch}
  [data-view="contact"] .ct-more{align-self:stretch}
  [data-view="contact"] .ct-form{margin-top:48px}
  [data-view="contact"] .ct-more{margin-top:80px}
}
@media (max-width:599px){
  [data-view="contact"] .ct-formsec{padding-block:72px 88px}
  [data-view="contact"] .ct-k{margin-bottom:22px}
  [data-view="contact"] .ct-title{font-size:clamp(28px,8vw,34px);max-width:none}
  [data-view="contact"] .ct-row2{grid-template-columns:minmax(0,1fr);gap:44px}
  [data-view="contact"] .ct-form{gap:44px}
  [data-view="contact"] .ct-field input,[data-view="contact"] .ct-field textarea{font-size:18px}
  [data-view="contact"] .ct-field textarea{min-height:156px}
  [data-view="contact"] .ct-chip span{height:40px;padding:0 14px}
  [data-view="contact"] .ct-actions{flex-direction:column;align-items:stretch;gap:16px}
  [data-view="contact"] .ct-actions .btn{width:100%}
  [data-view="contact"] .ct-preview{max-width:none}
}

@media (prefers-reduced-motion:reduce){[data-view="contact"] *{transition:none!important}}
html.motion-off [data-view="contact"] *{transition-duration:0s!important}

/* v15: no blue bars, single-colour statements */
[data-view="contact"] .ct-k::before{display:none}
[data-view="contact"] .ct-k{padding-top:0}
[data-view="contact"] .ct-title__rest{color:inherit}

/* v16 responsive: 44px topic chips on touch screens and phones (Apple/WCAG target size) */
@media (pointer:coarse),(max-width:767px){
  [data-view="contact"] .ct-chip span{height:44px}
}
/* v16 responsive: on short landscape phones the bright horizon sat directly behind the headline; lower it under the copy */
@media (max-height:520px) and (orientation:landscape){
  [data-view="contact"] .ct-hero-media img{translate:0 52%}
}

/* privacy.css */
/* Shared legal-document layout for privacy, terms, security, brand */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg{padding-block:clamp(72px,9vw,140px) clamp(96px,10vw,160px)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-head{max-width:880px;margin-bottom:clamp(48px,6vw,88px)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft{display:inline-flex;align-items:center;gap:10px;margin:0 0 40px;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;font:500 14px var(--f-text);color:var(--fg)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft__dot{width:7px;height:7px;border-radius:50%;background:#F5A524}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-title{margin:12px 0 12px;letter-spacing:-.021em}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-meta{margin:0 0 28px;font-size:14px;color:var(--fg-3)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-intro{margin:0;max-width:44ch}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(40px,6vw,112px);align-items:start;border-top:1px solid var(--line);padding-top:48px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__label{margin:0 0 12px;font:500 14px var(--f-text);color:var(--fg-2)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__list{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{display:block;padding:7px 12px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;line-height:1.35;color:var(--fg-3);text-decoration:none;transition:color .15s,border-color .15s}
@media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{color:var(--fg)}}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;color:var(--fg)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{color:var(--fg);border-left-color:var(--fg)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-body{max-width:720px;min-width:0}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec{padding-bottom:48px;scroll-margin-top:96px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec+.lg-sec{padding-top:48px;border-top:1px solid var(--line)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2{font:500 clamp(22px,1.8vw,28px)/1.2 var(--f-display);letter-spacing:-.014em;margin:0 0 16px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-p{font-size:17px;line-height:1.65;color:var(--fg-2);margin:0 0 14px;max-width:62ch}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul{margin:0 0 14px;padding-left:20px;color:var(--fg-2);font-size:17px;line-height:1.65;max-width:62ch}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul li{margin-bottom:6px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-p .link{color:var(--fg)}
@media (max-width:900px){
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-layout{grid-template-columns:1fr;gap:32px;padding-top:32px}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc{position:static;max-height:none;padding-bottom:24px;border-bottom:1px solid var(--line)}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__list{grid-template-columns:1fr 1fr;border-left:0;gap:0 16px}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{padding:8px 0;border-left:0;margin:0}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{border-left:0}
}
@media (prefers-reduced-motion:reduce){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) *{transition:none!important}}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec:focus{outline:none}
/* ===== v6: stone gradient header band → white document with numbered sticky index ===== */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]){background:#FFFFFF}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band{padding-block:clamp(88px,10vw,160px) clamp(48px,6vw,88px);background-color:#E7E4DE}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band .lg-head{margin-bottom:0}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-paper .lg{padding-top:clamp(48px,6vw,88px)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-paper .lg-layout{border-top:0;padding-top:0}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-kicker{color:var(--fg)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sq{display:inline-block;width:6px;height:6px;background:var(--meridian,#2F5BFF);margin-right:10px;vertical-align:2px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft{border-radius:3px;background:rgba(255,255,255,.6)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc{top:calc(var(--nav-h,64px) + 32px)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__list{counter-reset:lgt}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{display:grid;grid-template-columns:24px minmax(0,1fr);transition:color .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1),background-color .2s ease}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a::before{counter-increment:lgt;content:counter(lgt) ".";color:var(--fg-3);font-variant-numeric:tabular-nums}
@media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{background:rgba(10,10,10,.035)}}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{border-left-color:var(--meridian,#2F5BFF);background:rgba(234,240,255,.7)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active::before{color:var(--meridian-deep,#1B3ACC)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-body{counter-reset:lgh}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2::before{counter-increment:lgh;content:counter(lgh) ". ";color:var(--fg-3)}
@media (max-width:900px){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{grid-template-columns:22px minmax(0,1fr)}}
html.motion-off :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) *{transition-duration:0s!important}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ask{padding-block:clamp(56px,6vw,96px)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ask__in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ask .h3{margin:0}
/* ===== v7: legal as a typeset document: hanging section numerals (tabular mono), measured 64ch text ===== */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]){--e-out:var(--ease-out,cubic-bezier(.16,1,.3,1))}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-title{font-family:var(--f-display);font-stretch:var(--wd-xl,114%);font-size:clamp(56px,7.2vw,112px);line-height:.94;letter-spacing:-.028em;text-wrap:balance}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-intro{font-family:var(--f-text);font-size:var(--t-lead);line-height:1.42;max-width:40ch;text-wrap:balance}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-meta{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.01em}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft{font-size:13px;height:32px;padding:0 12px;border-radius:2px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft__dot{border-radius:0;width:6px;height:6px}
@media (min-width:901px){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-layout{grid-template-columns:240px minmax(0,1fr)}}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-body{max-width:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec{display:grid;grid-template-columns:72px minmax(0,64ch);column-gap:0;position:relative}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec>*{grid-column:2}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec+.lg-sec{border-top:0;padding-top:48px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec::after{content:"";position:absolute;top:0;left:72px;right:0;height:1px;background:var(--line)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec:first-child::after{display:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2{position:relative;font-family:var(--f-display);font-stretch:var(--wd-s,106%);font-size:clamp(24px,2vw,30px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2::before{content:counter(lgh,decimal-leading-zero);position:absolute;left:-72px;top:.55em;font-family:var(--f-mono);font-size:12px;font-weight:400;line-height:1;letter-spacing:.02em;color:var(--meridian-deep,#1B3ACC);font-variant-numeric:tabular-nums lining-nums}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-p,:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul{font-family:var(--f-text);font-size:17px;line-height:1.65;max-width:64ch;text-wrap:pretty;hanging-punctuation:first last}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul{list-style:none;padding-left:0}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul li{position:relative;padding-left:22px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;background:var(--fg-3)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__label{font-size:13px;letter-spacing:.01em}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{grid-template-columns:30px minmax(0,1fr);transition:color .18s var(--e-out),border-color .18s var(--e-out),background-color .18s var(--e-out),padding .28s var(--e-out)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a::before{content:counter(lgt,decimal-leading-zero);font-family:var(--f-mono);font-size:11px;line-height:1.75;letter-spacing:.02em}
@media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{padding-left:16px}}
@media (max-width:900px){
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec{grid-template-columns:44px minmax(0,1fr)}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec::after{left:44px}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2::before{left:-44px}
  @media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{padding-left:0}}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-p,:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul{font-size:16px}
}

/* ===== v8 (Inner B): plain numbered clauses (legal only), no mono, no squares ===== */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec,
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec{grid-template-columns:minmax(0,64ch)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec>*{grid-column:1}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec::after{left:0}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h2::before{content:counter(lgh) ".\00a0";position:static;font:inherit;letter-spacing:inherit;color:var(--fg-3);font-variant-numeric:tabular-nums lining-nums}
[data-view="brand"] .lg-h2::before{content:none;display:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{grid-template-columns:minmax(0,1fr)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a::before{content:none;display:none}
@media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{padding-left:12px}}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{border-left-color:var(--fg);background:none;color:var(--fg)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-ul li::before{width:5px;height:5px;border-radius:50%}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-draft{gap:0}
@media (max-width:900px){
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec{grid-template-columns:minmax(0,1fr)}
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sec::after{left:0}
  @media (hover:hover){:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a:hover{padding-left:0}}
}

/* ===== v10: one blue moment on legal pages, a 4px Meridian rule on each section head ===== */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h2{position:relative;padding-top:24px}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h2::after{content:"";position:absolute;left:0;top:0;width:64px;height:4px;background:var(--meridian)}

/* v12: ink opening band under the nav (no stone tint) */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band{background-color:var(--ink,#0A0A0A);color:#fff;padding-top:calc(var(--nav-h,64px) + clamp(88px,10vw,160px));position:relative;overflow:hidden;overflow:clip}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band .lg-title{color:#fff}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band .lg-intro,:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band .lg-meta{color:rgba(255,255,255,.72)}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--meridian,#2F5BFF) 0 64px,rgba(255,255,255,.12) 64px)}
[data-view="brand"] .lg-band .wrap{position:relative;z-index:2}
[data-view="brand"] .lg-geo{position:absolute;right:0;bottom:0;width:min(58vw,880px);z-index:1;opacity:.9;pointer-events:none}
[data-view="brand"] .lg-geo .geo{width:100%;aspect-ratio:16/9}
@media (max-width:767px){[data-view="brand"] .lg-geo{position:relative;width:100%;margin-top:-24px}}
/* v12: no section numbering; neutral hairline heads (blue stays only on the band's bottom rule) */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2::before{content:none !important;display:none !important}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h2::after{height:1px;width:100%;background:var(--line,rgba(10,10,10,.12))}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{background:none}

/* v15: no blue squares, bars or decorative numbering */
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-sq{display:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active{border-left-color:currentColor;background:transparent}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a.is-active::before{color:inherit}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-h2::before{display:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h2::after{display:none}
:is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-band::after{display:none}

/* ===== v17 responsive pass: 44px contents links on phones, landscape phones and coarse pointers ===== */
@media (max-width:767px),(pointer:coarse),(max-height:500px){
  :is([data-view="privacy"],[data-view="terms"],[data-view="security"],[data-view="brand"]) .lg-toc__a{min-height:44px;align-content:center;padding-block:6px}
}

/* brand.css */
[data-view="brand"] .lg-logos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 28px}
[data-view="brand"] .lg-logo{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);transition:border-color .18s}
@media (hover:hover){[data-view="brand"] .lg-logo:hover{border-color:var(--line-2)}}
[data-view="brand"] .lg-logo__stage{aspect-ratio:4/3;display:grid;place-items:center;padding:24px;transition:background-color .18s}
[data-view="brand"] .lg-logo--dark .lg-logo__stage{background:#000;color:#F5F5F4}
[data-view="brand"] .lg-logo--paper .lg-logo__stage{background:#F4F4F2;color:#0A0A0A}
@media (hover:hover){[data-view="brand"] .lg-logo--dark:hover .lg-logo__stage{background:#060606}}
@media (hover:hover){[data-view="brand"] .lg-logo--paper:hover .lg-logo__stage{background:#EFEFEC}}
[data-view="brand"] .lg-logo__cap{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-top:1px solid var(--line)}
[data-view="brand"] .lg-logo__t{font:500 15px var(--f-text);color:var(--fg)}
[data-view="brand"] .lg-logo__n{font-size:14px;color:var(--fg-3)}
[data-view="brand"] .lg-sym svg{display:block;width:96px;height:96px}
[data-view="brand"] .lg-logo--paper .lg-sym svg{width:48px;height:48px}
[data-view="brand"] .lg-wm svg{display:block;width:min(220px,60vw);height:auto}
[data-view="brand"] .lg-lockup{display:flex;align-items:center;gap:11px}
[data-view="brand"] .lg-lockup .mark-symbol{width:36px;height:36px;flex:none}
[data-view="brand"] .lg-lockup .mark-wordmark{width:auto;height:16px}
[data-view="brand"] .lg-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
[data-view="brand"] .lg-sw{display:flex;flex-direction:column;gap:4px;font-size:14px}
[data-view="brand"] .lg-sw__c{aspect-ratio:1/1;border-radius:12px;border:1px solid var(--line-2);margin-bottom:8px}
[data-view="brand"] .lg-sw__n{color:var(--fg)}
[data-view="brand"] .lg-sw__h{color:var(--fg-3);font-variant-numeric:tabular-nums}
[data-view="brand"] .lg-type{display:grid;gap:12px;margin-top:20px}
[data-view="brand"] .lg-type__row{display:flex;align-items:center;gap:24px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
[data-view="brand"] .lg-type__s{font-size:56px;line-height:1;width:84px;flex:none}
[data-view="brand"] .lg-type__s--d{font-family:var(--f-display);font-weight:500;letter-spacing:-.021em}
[data-view="brand"] .lg-type__s--t{font-family:var(--f-text);font-weight:400}
[data-view="brand"] .lg-type__n{display:block;font:500 17px var(--f-text)}
[data-view="brand"] .lg-type__m{display:block;font-size:14px;color:var(--fg-3);margin-top:2px}
[data-view="brand"] .lg-req{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
[data-view="brand"] .lg-req__t{margin:0 0 4px;font:500 17px var(--f-text)}
[data-view="brand"] .lg-req__d{margin:0;font-size:15px;color:var(--fg-2);max-width:44ch}
@media (max-width:640px){
  [data-view="brand"] .lg-logos{grid-template-columns:1fr}
  [data-view="brand"] .lg-swatches{grid-template-columns:1fr 1fr}
}
/* ===== v7: TYPE7 specimen, deep-dive link to Mission #mission-name, square swatches ===== */
[data-view="brand"]{--e-out:var(--ease-out,cubic-bezier(.16,1,.3,1))}
[data-view="brand"] .bt-deep{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"k go" "t go";gap:8px 24px;align-items:center;max-width:720px;margin-top:40px;padding:22px 24px;border:1px solid var(--line-2);border-radius:2px;background:rgba(255,255,255,.55);color:var(--fg);text-decoration:none;transition:background-color .18s var(--e-out),border-color .18s var(--e-out)}
[data-view="brand"] .bt-deep__k{grid-area:k;font-family:var(--f-display);font-stretch:118%;font-size:11px;font-weight:500;letter-spacing:.075em;text-transform:uppercase;color:var(--fg-3)}
[data-view="brand"] .bt-deep__t{grid-area:t;font-family:var(--f-display);font-stretch:var(--wd-s,106%);font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.016em;font-weight:500;text-wrap:balance}
[data-view="brand"] .bt-deep__go{grid-area:go;width:48px;height:48px;border-radius:2px;background:var(--fg);position:relative;overflow:hidden}
[data-view="brand"] .bt-deep__go::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--stone,#E7E4DE);clip-path:polygon(0 45%,70% 45%,45% 15%,55% 5%,100% 50%,55% 95%,45% 85%,70% 55%,0 55%);transition:transform .28s var(--e-out)}
@media (hover:hover){[data-view="brand"] .bt-deep:hover{background:#FFFFFF;border-color:var(--fg)}}
@media (hover:hover){[data-view="brand"] .bt-deep:hover .bt-deep__go::before{transform:translateX(4px)}}
[data-view="brand"] .bt-deep:active{background:rgba(255,255,255,.8)}
[data-view="brand"] .bt-deep:focus-visible{outline:2px solid var(--meridian,#2F5BFF);outline-offset:3px}
[data-view="brand"] .bt-spec{margin-top:24px;border-top:1px solid var(--fg)}
[data-view="brand"] .bt-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0;border-bottom:1px solid var(--line)}
[data-view="brand"] .bt-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin:0;font:400 13px/1.4 var(--f-text);color:var(--fg-3)}
[data-view="brand"] .bt-n{font-family:var(--f-mono);font-size:11px;color:var(--meridian-deep,#1B3ACC);font-variant-numeric:tabular-nums}
[data-view="brand"] .bt-role{font-weight:500;color:var(--fg)}
[data-view="brand"] .bt-sample{margin:0;color:var(--fg);text-wrap:balance}
[data-view="brand"] .bt-sample--d{font-family:var(--f-display);font-stretch:var(--wd-xl,114%);font-weight:500;font-size:clamp(40px,4.6vw,72px);line-height:.96;letter-spacing:-.027em}
[data-view="brand"] .bt-sample--t{font-family:var(--f-text);font-size:17px;line-height:1.62;max-width:60ch;color:var(--fg-2);text-wrap:pretty}
[data-view="brand"] .bt-sample--s{font-family:var(--f-text);font-size:clamp(28px,2.6vw,40px);line-height:1.1;letter-spacing:-.014em}
[data-view="brand"] .bt-sample--m{font-family:var(--f-mono);font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--fg-2)}
[data-view="brand"] .lg-sw__c{border-radius:2px}
[data-view="brand"] .lg-sw__h{font-family:var(--f-mono);font-size:12px}
[data-view="brand"] .lg-logo{border-radius:2px}
[data-view="brand"] .lg-logo__t{font-family:var(--f-text)}
[data-view="brand"] .lg-type{display:none}
@media (max-width:600px){[data-view="brand"] .bt-deep{grid-template-columns:minmax(0,1fr) 40px;padding:18px}[data-view="brand"] .bt-deep__go{width:40px;height:40px}}
[data-view="brand"] .bt-deep-link{margin:24px 0 0}
[data-view="brand"] .lg-title+.lg-meta{margin-top:16px}
/* ===== v9: photo and video credits ===== */
[data-view="brand"] .lg-cr{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}
[data-view="brand"] .lg-cr__i{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"k s a" "k m a";gap:2px 20px;align-items:baseline;margin:0;padding:14px 0;border-bottom:1px solid var(--line);font:400 15px/1.45 var(--f-text)}
[data-view="brand"] .lg-cr__k{grid-area:k;font-size:13px;color:var(--fg-3)}
[data-view="brand"] .lg-cr__s{grid-area:s;color:var(--fg);text-wrap:pretty}
[data-view="brand"] .lg-cr__m{grid-area:m;font-size:13px;color:var(--fg-3)}
[data-view="brand"] .lg-cr__src{grid-area:a;font-size:13px;white-space:nowrap}
@media (max-width:640px){[data-view="brand"] .lg-cr__i{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s a" "m a" "k k"}[data-view="brand"] .lg-cr__k{display:none}}

/* ===== v10: photography plates (3 across, captions name the treatment) ===== */
[data-view="brand"] #brand-photography>.lg-phs{grid-column:1 / -1;max-width:none;width:100%}
[data-view="brand"] .lg-phs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
[data-view="brand"] .lg-ph{margin:0}
[data-view="brand"] .lg-ph .ph img{width:100%;height:100%;object-fit:cover}
[data-view="brand"] .lg-ph figcaption{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--fg-3)}
@media (max-width:767px){[data-view="brand"] .lg-phs{grid-template-columns:1fr}}
[data-view="brand"] #brand-photography{grid-template-columns:minmax(0,1fr)}

/* v14 typography specimens: Inter Tight (display), Inter (text), IBM Plex Mono (labels and data). No width axis. */
[data-view="brand"] .bt-sample--d{font-stretch:normal;font-size:clamp(40px,4.4vw,68px);line-height:1.02;letter-spacing:-.021em}
[data-view="brand"] .bt-sample--g{margin:6px 0 0;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.01em;color:var(--fg-2)}
[data-view="brand"] .bt-sample--t{font-size:18px;line-height:1.6;max-width:62ch}
[data-view="brand"] .bt-sample--k{margin:0;font-family:var(--f-mono);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
[data-view="brand"] .bt-deep__k{font-family:var(--f-mono);font-stretch:normal;font-weight:400;letter-spacing:.08em}

/* v15: no blue labels */
[data-view="brand"] .bt-n{font-family:var(--f-text);color:var(--fg-3)}

/* ===== v17 responsive pass (window sizing) =====
   768-1279: the torus sat under a one-line title. The geometry is narrower here and the header copy
   stops 24px before the geometry canvas begins, so the title wraps instead of running across it. */
@media (min-width:768px) and (max-width:1279px){
  [data-view="brand"] .lg-geo{width:46vw}
  [data-view="brand"] .lg-band .lg-head{max-width:calc(54vw - var(--gutter) - 24px)}
}
/* touch targets: 44px tall without moving the text or its underline */
@media (max-width:767px),(pointer:coarse),(max-height:500px){
  [data-view="brand"] .bt-deep-link .btn{min-height:44px}
  [data-view="brand"] .lg-cr__src{display:inline-block;padding-block:13px;margin-block:-13px;background-position:0 calc(100% - 13px - .02em),0 calc(100% - 13px - .02em)}
}

/* notfound.css */
/* 404 view (Shell) */
[data-view="notfound"] .nf{padding:clamp(48px,7vw,104px) 0 clamp(72px,9vw,136px);min-height:calc(100svh - var(--nav-h))}
[data-view="notfound"] .nf-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,96px)}
[data-view="notfound"] .nf-h{max-width:12ch}
[data-view="notfound"] .nf-lead{margin-top:20px}
[data-view="notfound"] .nf-hash{margin-top:14px;font-size:14px;color:var(--fg-3)}
[data-view="notfound"] .nf-code{color:var(--fg-2);font-weight:500;word-break:break-all}
[data-view="notfound"] .nf-ctas{margin-top:36px}
[data-view="notfound"] .nf-art{margin:0;justify-self:end;width:min(100%,400px);aspect-ratio:1;display:grid;place-items:center;padding:12%}
[data-view="notfound"] .nf-sym{width:100%;height:100%;overflow:visible}
[data-view="notfound"] .nf-p{fill:var(--ink)}
[data-view="notfound"] .nf-ghost{fill:none;stroke:rgba(10,10,10,.28);stroke-width:.35;stroke-dasharray:1.2 1.2}
[data-view="notfound"] .nf-miss{fill:var(--meridian);transform:translate(9px,8px);transition:transform .6s var(--e6)}
@media (hover:hover){[data-view="notfound"] .nf-art:hover .nf-miss{transform:translate(0,0)}}
[data-view="notfound"] .nf-dim{position:absolute;left:12%;right:12%;bottom:4%}
[data-view="notfound"] .nf-dest{border-top:1px solid var(--line-2);padding-top:28px}
[data-view="notfound"] .nf-dest-h{font-family:var(--f-text);font-size:14px;font-weight:500;color:var(--fg-2);margin-bottom:8px}
[data-view="notfound"] .nf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
[data-view="notfound"] .nf-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 12px;margin:0 -12px;border-bottom:1px solid var(--line);border-radius:2px;
  transition:background-color var(--t6) var(--e6),border-color var(--t6) var(--e6)}
[data-view="notfound"] .nf-row-t{font-family:var(--f-display);font-size:20px;font-weight:500;letter-spacing:-.015em;color:var(--fg)}
[data-view="notfound"] .nf-row-d{grid-column:1;font-size:14px;line-height:1.45;color:var(--fg-2)}
[data-view="notfound"] .nf-row-a{grid-column:2;grid-row:1 / span 2;align-self:center;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:2px;color:var(--fg-2);
  transition:transform var(--t6) var(--e6),border-color var(--t6) var(--e6),color var(--t6) var(--e6),background-color var(--t6) var(--e6)}
@media (hover:hover){[data-view="notfound"] .nf-row:hover{background:rgba(47,91,255,.05);border-color:var(--line-2)}}
@media (hover:hover){[data-view="notfound"] .nf-row:hover .nf-row-a{transform:translateX(4px);border-color:var(--ink);background:var(--ink);color:#fff}}
[data-view="notfound"] .nf-row:focus-visible{outline-offset:-2px}
[data-view="notfound"] .nf-report{margin-top:28px;font-size:14px;color:var(--fg-3)}
@media (max-width:960px){
  [data-view="notfound"] .nf-grid{grid-template-columns:1fr}
  [data-view="notfound"] .nf-art{justify-self:start;width:min(70%,300px);order:-1}
  [data-view="notfound"] .nf-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  [data-view="notfound"] .nf-list{grid-template-columns:1fr}
  [data-view="notfound"] .nf-art{width:62%;padding:10%}
  [data-view="notfound"] .nf-dim{display:none}
}
html.motion-off [data-view="notfound"] .nf-miss{transition:none}
/* v7: type only (TYPE7 tokens) */
[data-view="notfound"] .nf-h{font-stretch:var(--wd-xl,114%);font-size:var(--t-xl,clamp(56px,7.6vw,124px));line-height:.94;letter-spacing:-.028em;max-width:11ch}
[data-view="notfound"] .nf-row-t{font-stretch:var(--wd-s,106%);letter-spacing:-.016em}
[data-view="notfound"] .nf-code{font-family:var(--f-mono);font-size:.9em;font-feature-settings:"zero" 1}
/* v8 */
[data-view="notfound"] .nf-grid{grid-template-columns:minmax(0,1fr);padding:clamp(88px,10vw,160px) 0 clamp(88px,10vw,160px)}
[data-view="notfound"] .nf-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:36px 0 0}

/* v12: ink page under the nav with the geodesic solid */
[data-view="notfound"] .nf{background:var(--ink,#0A0A0A);padding-top:calc(var(--nav-h,64px) + clamp(48px,7vw,104px));min-height:100svh;display:flex;align-items:center}
[data-view="notfound"] .nf-wrap{width:100%}
[data-view="notfound"] .nf-geo{justify-self:end;width:min(100%,520px)}
[data-view="notfound"] .nf-geo .geo{width:100%;aspect-ratio:1/1}
@media (max-width:767px){[data-view="notfound"] .nf-grid{grid-template-columns:minmax(0,1fr)}[data-view="notfound"] .nf-geo{justify-self:center;width:min(80vw,320px);order:-1}}
[data-view="notfound"] .nf-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}
[data-view="notfound"] .nf-contact{color:#fff}

/* v15: neutral accents */
[data-view="notfound"] .nf-miss{fill:rgba(245,245,244,.35)}
@media (hover:hover){[data-view="notfound"] .nf-row:hover{background:rgba(255,255,255,.04)}}

/* ===== v17 responsive pass: 44px tap target for "Contact us" (the underline stays under the text) ===== */
[data-view="notfound"] .nf-contact{padding-block:10px;background-position:0 calc(100% - 10px - .02em),0 calc(100% - 10px - .02em)}


:is([data-view="privacy"],[data-view="terms"],[data-view="security"]) .lg-h3{font:500 19px/1.35 var(--f-display);letter-spacing:-.02em;margin:28px 0 12px;color:var(--fg)}

[data-view="deployments"] .dp-title-line{display:block;white-space:nowrap}
/* Shared desktop hero description height. */
@media(min-width:768px){
 :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__lead,[data-view="mission"] .mi-lead,[data-view="team"] .tm-lead{min-height:3lh}
 [data-view="mission"] header.mi-hero .mi-kicker,[data-view="team"] header.tm-hero .tm-eyebrow{line-height:1.3!important}
}

/* Editorial spacing: standalone case-study heading and consistent example captions. */
[data-view="deployments"] .dp14-cases .dp14-head{display:block;margin-bottom:clamp(32px,3.5vw,48px)}
[data-view="deployments"] .dp14-cases .dp14-head .h1{max-width:none}
[data-view="deployments"] .dp13-ex .dp-card__text{display:block;padding:24px 0 0;max-width:58ch}
[data-view="deployments"] .dp13-ex .dp-card__text .dp12-ccap{margin:0 0 10px;line-height:1.4}
[data-view="deployments"] .dp13-ex .dp-card__text .h3{margin:0 0 12px;line-height:1.15}
[data-view="deployments"] .dp13-ex .dp-card__text .body{margin:0;font-size:16px;line-height:1.6;max-width:54ch}
@media(max-width:899px){
 [data-view="deployments"] .dp13-ex__grid{row-gap:48px}
 [data-view="deployments"] .dp13-ex .dp-card__text{padding-top:20px;max-width:none}
 [data-view="deployments"] .dp13-ex .dp-card__text .h3{margin-bottom:10px}
}
/* Widen biographies, keeping full text accessible on smaller and shorter screens. */
#pf .pf-sheet{width:min(1320px,100%);grid-template-columns:minmax(240px,3fr) minmax(0,7fr)}
#pf .pf-media{padding:56px 0 24px 32px}
#pf .pf-body{padding:56px 32px 24px}
#pf .pf-k{margin-bottom:16px}
#pf .pf-name{font-size:clamp(36px,3.5vw,50px)}
#pf .pf-role{margin-top:10px}
#pf .pf-prev{margin-top:12px}
#pf .pf-bio{margin-top:24px;padding-top:20px}
#pf .pf-bio__body p{max-width:none!important;font-size:16px!important;line-height:1.5!important}
#pf .pf-bio__body p+p{margin-top:12px!important}
#pf .pf-links{padding-top:20px}
@media(max-width:767px){
 #pf .pf-media{padding:76px 20px 0}
 #pf .pf-body{padding:28px 20px 24px}
 #pf .pf-name{font-size:36px}
 #pf .pf-media .pf-portrait--lg{max-height:34svh}
}

#pf{padding:16px}
@media(min-width:600px) and (max-width:1023px){
 [data-view="team"] .tm-grid{grid-template-columns:repeat(3,minmax(0,1fr));--ph-w:100%}
 [data-view="team"] .tm-card__ph{max-width:220px}
 [data-view="team"] .tm-card__name{font-size:19px}
}
@media(max-width:599px){
 [data-view="team"] .tm-card__id{padding:0 0 52px!important}
 [data-view="team"] .tm-card__li{top:auto!important;bottom:24px!important;transform:none}
}
@media(max-width:767px){
 #pf{padding:0}
 #pf .pf-sheet{max-height:none;overflow:visible}
 [data-view="news"] .nw-title{font-size:clamp(44px,11.5vw,56px);line-height:1.02}
}

/* Three windows onto one panorama, including the space between cards. */
[data-view="home"] .hm-arm__media.ph>img.hm-arm__panorama{
 inset:0 auto 0 0;width:calc(300% + var(--hm-gap) * 2);height:100%;max-width:none;
 object-fit:cover;object-position:50% 60%;mix-blend-mode:normal;
 transform:none!important;scale:1!important;
 filter:grayscale(1) brightness(.78) contrast(1.06)!important;
}
[data-view="home"] #hm-arms-deployments .hm-arm__panorama{left:calc(-100% - var(--hm-gap))}
[data-view="home"] #hm-arms-capital .hm-arm__panorama{left:calc(-200% - var(--hm-gap) * 2)}
@media(max-width:767px){
 [data-view="home"] .hm-arm__media.ph>img.hm-arm__panorama{width:100%;left:0!important}
}

/* Supporters align with the hero actions; the preview remains static. */
[data-view="begot"] .bg-hero-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:36px}
[data-view="begot"] .bg-hero-footer .ip-hero__acts{margin-top:0}
[data-view="begot"] .bg-hero-footer .bg-affiliations{padding:0;margin:0;border:0;flex:none}
[data-view="begot"] .bg12-q .bg-app,[data-view="begot"] .bg12-q .bg-app *{pointer-events:none;cursor:default}
[data-view="begot"] .bg12-q .bg-app{transform:none!important}
@media(max-width:999px){
 [data-view="begot"] .bg-hero-footer{flex-direction:column;align-items:stretch;gap:32px}
 [data-view="begot"] .bg-hero-footer .bg-affiliations{align-self:center}
}
/* Product identity and supporters share the interface section. */
[data-view="begot"] .bg-title-line{display:block;white-space:nowrap}
[data-view="begot"] .bg12-q .bg-stage{margin-top:0}
[data-view="begot"] .bg-affiliations{display:flex;align-items:center;justify-content:center;gap:32px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
[data-view="begot"] .bg-affiliations__support{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
[data-view="begot"] .bg-affiliations__support p{margin:0;color:var(--fg-3);font-size:13px;white-space:nowrap}
[data-view="begot"] .bg-affiliations__marks{display:flex;align-items:center;gap:32px}
[data-view="begot"] .bg-affiliations__mark{mix-blend-mode:screen;height:72px;display:flex;align-items:center;justify-content:center;min-width:0}
[data-view="begot"] .bg-affiliations__mark img{display:block;height:auto;object-fit:contain}
[data-view="begot"] .bg-affiliations__fs{width:190px;filter:brightness(0) invert(1);opacity:.85}
[data-view="begot"] .bg-affiliations__byu{width:136px;filter:url(#byu-white-mark);opacity:.85}
[data-view="begot"] .bg-affiliations__lost{display:flex;align-items:center;gap:10px;font:500 28px/1.1 var(--f-display);white-space:nowrap;letter-spacing:-.025em}
[data-view="begot"] .bg-affiliations__lost svg{width:28px;height:28px;flex:none}
[data-view="begot"] .bg12-q .bg-app{height:auto;grid-template-rows:54px auto}
[data-view="begot"] .bg12-q .bg-body{grid-template-columns:minmax(0,1fr) 300px}
[data-view="begot"] .bg12-q .bg-canvas{min-height:560px}
[data-view="begot"] .bg12-q .bg-tree{inset:72px 12px 40px;width:auto;height:auto;transform:none}
[data-view="begot"] .bg12-q .bg-p{min-height:72px;padding:10px;gap:6px}
[data-view="begot"] .bg12-q .bg-p__a{display:none}
[data-view="begot"] .bg12-q .bg-p b{white-space:normal;font-size:13px}
[data-view="begot"] .bg12-q .bg-p small{font-size:11px}
[data-view="begot"] .bg12-q .bg-panel{padding:24px;overflow:visible}
[data-view="begot"] .bg12-q .bg-panel__a{flex:none}
[data-view="begot"] .bg12-q .bg-panel__head>div{min-width:0}
[data-view="begot"] .bg12-q .bg-facts div{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0}
[data-view="begot"] .bg12-q .bg-facts dd{line-height:1.5}
[data-view="begot"] .bg12-q .bg-src{gap:8px;line-height:1.4}
[data-view="begot"] .bg12-q .bg-doc{flex:none}
[data-view="begot"] .bg12-q .bg-hint{left:16px;right:auto;top:16px;bottom:auto;max-width:calc(100% - 32px);transform:none;white-space:normal;line-height:1.4}
[data-view="begot"] .bg-lines-mobile{display:none}
@media(max-width:999px){
 [data-view="begot"] .bg12-q .bg-body{grid-template-columns:minmax(0,1fr)}
 [data-view="begot"] .bg12-q .bg-panel{border-left:0;border-top:1px solid var(--line)}
 [data-view="begot"] .bg12-q .bg-canvas{height:440px;min-height:0}
 [data-view="begot"] .bg-affiliations__support{gap:16px}
 [data-view="begot"] .bg-affiliations__marks{gap:20px}
}
@media(max-width:699px){
 [data-view="begot"] .bg-affiliations{align-items:center;flex-direction:column;gap:24px}
 [data-view="begot"] .bg-affiliations__support{display:flex;width:100%}
 [data-view="begot"] .bg-affiliations__marks{justify-content:center;gap:24px;margin-top:0;width:100%;max-width:360px}
 [data-view="begot"] .bg-affiliations__mark{height:64px;flex:1}
 [data-view="begot"] .bg-affiliations__fs{width:180px;max-width:100%}
 [data-view="begot"] .bg-affiliations__byu{width:128px;max-width:100%}
 [data-view="begot"] .bg12-q .bg-canvas{height:430px}
 [data-view="begot"] .bg12-q .bg-tree{inset:80px 16px 48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:24px 16px}
 [data-view="begot"] .bg12-q .bg-tree .bg-p{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;min-height:0;z-index:1}
 [data-view="begot"] .bg12-q .bg-tree .bg-p--empty{display:none}
 [data-view="begot"] .bg12-q .bg-tree .bg-p--root{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
 [data-view="begot"] .bg12-q .bg-lines{display:none}
 [data-view="begot"] .bg12-q .bg-lines-mobile{display:block;position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.25);stroke-width:1.5;vector-effect:non-scaling-stroke}
 [data-view="begot"] .bg12-q .bg-minimap{display:none}
 [data-view="begot"] .bg12-q .bg-panel{padding:20px}
}
@media(max-width:359px){:is([data-view="begot"] #bg-h1,[data-view="praus"] #pr-h1){font-size:38px}}
/* Smoked glass for interface concepts; photography stays in the existing backdrops. */
:is([data-view="praus"],[data-view="begot"]) .pf-v>.pf-files,[data-view="begot"] .pf-v>.bgx-stack{filter:none}
.pa{--pa-bg:rgba(17,18,20,.4);--pa-fg:#F5F5F4;--pa-fg-2:#C2C2C0;--pa-fg-3:#A0A09E;--pa-line:rgba(255,255,255,.12);--pa-hover:rgba(255,255,255,.08);background:#1A1B1D;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(255,255,255,.12),0 24px 70px -28px rgba(0,0,0,.65)}
.pa-side{background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(10,10,12,.3))}
.pa-me{background:#161719}
.pa-group--chats{margin-bottom:68px;padding-bottom:0}
.pa :is(.pa-ib,.pa-row .pa-i,.pa-plus,.pa-auto){color:var(--pa-fg-2)}
.pa-box{background:rgba(9,10,12,.64);border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px -18px rgba(0,0,0,.5)}
.pa-plus{border-color:rgba(255,255,255,.14)}
.pa-voice{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:var(--pa-fg)}
.pa.is-typing .pa-voice{background:#F5F5F4;border-color:#F5F5F4;color:#151515}
[data-view="praus"] .pr17-stage .pa{background:linear-gradient(130deg,#292A2D,#151618 50%,#111214);transform:none}
[data-view="begot"] .bg12-q .bg-app{--fg:#F5F5F4;--fg-2:#C2C2C0;--fg-3:#A0A09E;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);background:linear-gradient(130deg,#28292B,#151618 55%,#101113);border:1px solid rgba(255,255,255,.17);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 24px 70px -28px rgba(0,0,0,.65)}
[data-view="begot"] .bg12-q :is(.bg-bar,.bg-panel){background:rgba(15,16,18,.3)}
[data-view="begot"] .bg12-q .bg-canvas{background-color:transparent}
[data-view="begot"] .bg12-q :is(.bg-p,.bg-hint,.bg-tools,.bg-minimap){background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),#1B1C1E;border-color:rgba(255,255,255,.18);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px -10px #000}
[data-view="begot"] .bg12-q .bg-p--empty{background:rgba(255,255,255,.025);box-shadow:none}
[data-view="begot"] .bg12-q .bg-p.is-sel{border-color:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 2px rgba(255,255,255,.06)}
:is([data-view="praus"],[data-view="begot"]) .pf-v :is(.pf-win,.pf-file),[data-view="begot"] .pf-v .bgx-doc--front{background:#1B1C1E;border-color:rgba(255,255,255,.24);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px -14px rgba(0,0,0,.7);filter:none}
:is([data-view="praus"],[data-view="begot"]) .pf-v :is(.pf-h,.pf-bar em){color:rgba(255,255,255,.68)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .pa{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.015) 55%),rgba(15,16,19,.65);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
 :is([data-view="praus"],[data-view="begot"]) .pf-v :is(.pf-win,.pf-file),[data-view="begot"] .pf-v .bgx-doc--front{background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 55%),rgba(15,16,19,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 [data-view="begot"] .bg12-q :is(.bg-p,.bg-hint,.bg-tools,.bg-minimap){background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(20,21,23,.56);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media (prefers-reduced-transparency:reduce){
 .pa,[data-view="begot"] .bg12-q .bg-app{background:#1A1B1D;-webkit-backdrop-filter:none;backdrop-filter:none}
 :is([data-view="praus"],[data-view="begot"]) .pf-v :is(.pf-win,.pf-file),[data-view="begot"] .pf-v .bgx-doc--front,[data-view="begot"] .bg12-q :is(.bg-p,.bg-hint,.bg-tools,.bg-minimap){background:#1B1C1E;-webkit-backdrop-filter:none;backdrop-filter:none}
}


/* Smoked glass carries through the deployment interface concepts. */
[data-view="deployments"] .dp13-ex .dx-stage{background:radial-gradient(ellipse at 12% 0%,rgba(255,255,255,.12),transparent 65%),linear-gradient(145deg,#202124,#111214 65%,#18191B);border-color:rgba(255,255,255,.1);border-radius:16px}
[data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{--fg:#F5F5F4;--fg-2:#C2C2C0;--fg-3:#A0A09E;--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);background:linear-gradient(135deg,#303134,#191A1D 65%);border-color:rgba(255,255,255,.2);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 40px -22px rgba(0,0,0,.75);transform:none}
[data-view="deployments"] .dx-ui .dx-head{background:rgba(255,255,255,.025);height:44px}
[data-view="deployments"] .dx-ui :is(.dx-side,.dx-call){background:rgba(8,9,11,.16)}
[data-view="deployments"] .dx-ui :is(.dx-card,.dx-opp,.dx-kpis p,.dx-act){background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border-color:rgba(255,255,255,.14);border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
[data-view="deployments"] .dx-ui .dx-act.is-on{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 [data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 60%),rgba(15,16,19,.64);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
}
@media(prefers-reduced-transparency:reduce){
 [data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{background:#1A1B1D;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Direct benchmark selection; cost comparisons open independently below the results. */
[data-view="praus"] .bm-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:6px;margin-bottom:36px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.025)}
[data-view="praus"] .bm-tab{padding:12px 8px;min-height:44px;border-radius:7px;text-align:center;font-size:13px;color:#B7B7B5;transition:background-color 180ms ease,color 180ms ease}
[data-view="praus"] .bm-tab__bar{display:none}
[data-view="praus"] .bm-tab[aria-selected="true"],[data-view="praus"] .bm-tab[aria-selected="true"]:hover{color:#111;background:#F5F5F4}
[data-view="praus"] .bm-stage{display:grid;min-height:440px}
[data-view="praus"] .bm-stage>.bm-panel{display:grid;grid-area:1/1;visibility:hidden;pointer-events:none}
[data-view="praus"] .bm-stage>.bm-panel.is-active{visibility:visible;pointer-events:auto;animation:bm-reveal 260ms cubic-bezier(.22,.61,.36,1)}
@keyframes bm-reveal{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
[data-view="praus"] .bm-score{font-size:clamp(72px,7vw,104px)}
[data-view="praus"] .bm-cost-details{margin-top:32px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
[data-view="praus"] .bm-cost-details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:18px 0;cursor:pointer;list-style:none;font-size:16px;color:var(--fg-2)}
[data-view="praus"] .bm-cost-details>summary::-webkit-details-marker{display:none}
[data-view="praus"] .bm-cost-details>summary:focus-visible{outline:2px solid var(--ring,#2F5BFF);outline-offset:4px}
[data-view="praus"] .bm-cost-toggle{font-size:24px;font-weight:400;line-height:1;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
[data-view="praus"] .bm-cost-details[open]:not([data-closing]) .bm-cost-toggle{transform:rotate(45deg)}
[data-view="praus"] .bm-cost-details{overflow-anchor:none}
@media(prefers-reduced-motion:reduce){[data-view="praus"] .bm-cost-toggle{transition:none}}
[data-view="praus"] .bm-cost-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:20px 0 32px}
[data-view="praus"] .bm-cost-content .bm-score{font-size:clamp(44px,5vw,72px)}
@media(max-width:1023px){
 [data-view="praus"] .bm-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}
 [data-view="praus"] .bm-tab{font-size:12px;padding:10px 6px}
 [data-view="praus"] .bm-stage{min-height:0}
 [data-view="praus"] .bm-stage>.bm-panel{display:block}
 [data-view="praus"] .bm-cost-content{display:block}
}
@media(max-width:639px){
 [data-view="praus"] .bm-panel .bm-sum{min-height:250px}
 [data-view="praus"] .bm-chart{margin-top:24px}
 [data-view="praus"] .bm-cost-details>summary{font-size:14px}
 [data-view="praus"] .bm-cost-content .bm-score{font-size:clamp(40px,11vw,60px)}
}

/* Two clear paths to Praus, without a pricing table. */
[data-view="praus"] .pr-access__head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}
[data-view="praus"] .pr-access__head .h1{margin:0;text-wrap:initial}
[data-view="praus"] .pr-access__head>p{font-size:18px;line-height:1.6;max-width:420px;margin:0;color:var(--fg-2)}
[data-view="praus"] .pr-access__options{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line-2)}
[data-view="praus"] .pr-access__option{padding:38px 48px 40px 0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
[data-view="praus"] .pr-access__option+article{padding-left:48px;padding-right:0;border-left:1px solid var(--line-2)}
[data-view="praus"] .pr-access__label{font-size:13px;color:var(--fg-3);margin:0 0 32px}
[data-view="praus"] .pr-access__option h3{font:400 clamp(30px,3vw,38px)/1.12 var(--f-display);letter-spacing:-.04em;margin:0 0 22px;max-width:400px}
[data-view="praus"] .pr-access__description{font-size:17px;line-height:1.65;color:var(--fg-2);max-width:465px;margin:0 0 32px}
[data-view="praus"] .pr-access__detail{font-size:13px;line-height:1.6;color:var(--fg-3);margin:auto 0 30px;padding-top:6px}
@media(max-width:700px){
 [data-view="praus"] .pr-access__head{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
 [data-view="praus"] .pr-access__head>p{font-size:16px}
 [data-view="praus"] .pr-access__options{grid-template-columns:1fr}
 [data-view="praus"] .pr-access__option,[data-view="praus"] .pr-access__option+article{padding:30px 0;border-left:0}
 [data-view="praus"] .pr-access__option+article{border-top:1px solid var(--line-2)}
 [data-view="praus"] .pr-access__description{font-size:16px}
 [data-view="praus"] .pr-access__label{margin-bottom:24px}
}

/* Product previews sit close to the hero, at a shared, restrained width. */
[data-view="praus"] .pr12-use,[data-view="begot"] .bg12-q{padding-top:clamp(24px,2.5vw,36px)}
[data-view="praus"] .pr17-stage{max-width:1040px}
[data-view="begot"] .bg12-q>.wrap{max-width:calc(1040px + var(--gutter)*2)}
[data-view="praus"] .pr17-stage .pa,[data-view="begot"] .bg12-q .bg-app{background:linear-gradient(130deg,#232426,#17181A 60%,#131416);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 48px -28px rgba(0,0,0,.6);transform:none;transition:none}
[data-view="begot"] .bg12-q .bg-app:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 48px -28px rgba(0,0,0,.6)}
[data-view="praus"] .pr12-cap,[data-view="begot"] .bg12-cap{text-align:center;font-size:12px;font-weight:400;margin:14px 0 0;color:#8E8E8C}
#pa-praus .pa-side{width:232px}
#pa-praus .pa-nav .pa-row--sub,#pa-praus .pa-group--chats .pa-row:nth-child(n+4){display:none}
#pa-praus .pa-demo{padding:0 32px 24px}
.pa-demo__top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px;flex:none;color:var(--pa-fg-2);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.pa-demo__top small{font-size:11px;color:var(--pa-fg-3)}
.pa-demo__thread{display:flex;flex-direction:column;gap:30px;padding:28px 0;flex:1;min-height:0}
.pa-demo__question{align-self:flex-end;margin:0;max-width:90%;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 4px 14px;background:rgba(255,255,255,.06);font-size:14px;line-height:1.5}
.pa-demo__answer{max-width:560px;font-size:15px;line-height:1.65}
.pa-demo__answer h3{font:500 20px/1.35 var(--f-display);letter-spacing:-.02em;margin:0 0 10px}
.pa-demo__answer p{margin:0;color:var(--pa-fg-2)}
.pa-demo__answer .pa-demo__status{font-size:11px;color:var(--pa-fg-3);margin:0 0 10px}
.pa-demo__sources{display:flex;gap:8px;margin-top:16px;font-size:11px;color:var(--pa-fg-2)}
.pa-demo__sources span{padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:5px}
.pa-demo__composer{flex:none;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,6,8,.3);color:var(--pa-fg-3)}
.pa-demo__composer p{font-size:13px;margin:0 0 14px}
.pa-demo__composer>div{display:flex;align-items:center;gap:12px;font-size:11px}
.pa-demo__plus{margin-right:auto;font-size:21px;font-weight:300}
.pa-demo__send{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);font-size:18px}
#pa-praus.is-compact .pa__canvas{height:550px}
#pa-praus.is-compact .pa-demo{padding:0 20px 20px}
#pa-praus.is-compact .pa-demo__question{max-width:100%;font-size:13px}
#pa-praus.is-compact .pa-demo__thread{gap:24px;padding:22px 0}
#pa-praus.is-compact .pa-demo__answer{font-size:14px}
#pa-praus.is-compact .pa-demo__answer h3{font-size:19px}
[data-view="praus"] .bm-stage>.bm-panel.is-active .bm-track>i{transform-origin:left center;animation:bm-fill 650ms cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--k,0)*24ms)}
[data-view="praus"] .bm-cost-details[data-cost-prep] .bm-track>i{transform:scaleX(0);transform-origin:left center;animation:none!important}
[data-view="praus"] .bm-cost-details[data-cost-build] .bm-track>i{transform-origin:left center;animation:bm-fill 650ms cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--k,0)*24ms)}
@keyframes bm-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-transparency:reduce){[data-view="praus"] .pr17-stage .pa,[data-view="begot"] .bg12-q .bg-app{background:#1A1B1D}}


/* Exact reference components live in isolated, proportionally scaled preview frames. */
.praus-reference{position:relative;overflow:hidden;isolation:isolate}
.praus-reference iframe{position:absolute;left:0;top:0;display:block;border:0;max-width:none;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity var(--d-nav) var(--ease-nav),transform var(--d-nav) var(--ease-nav)}
.praus-reference[data-preview-ready="true"] iframe{opacity:1}
/* Feature frames paint at their displayed size; never composite a scaled browser surface. */
.praus-reference--feature iframe{width:100%;height:100%;transform:none;transition:none!important}
.praus-reference__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;pointer-events:none;opacity:1;transition:opacity var(--d-nav) var(--ease-nav)}
.praus-reference__still.is-media-ready{opacity:1}
@media(prefers-reduced-motion:reduce){.praus-reference iframe,.praus-reference__still{transition:none}}
html.motion-off .praus-reference iframe,.praus-reference__still{transition:none}
.praus-reference iframe{background:#171719;transition:opacity var(--d-nav) var(--ease-nav)}
.praus-reference[data-preview-ready="true"]>.praus-reference__still{visibility:hidden;transition:visibility 0s var(--d-nav)}

.praus-reference--app{aspect-ratio:1180/600;border-radius:clamp(9px,2vw,26px);background:linear-gradient(135deg,#29282e,#111114)}
[data-view="home"] .hm-plate .praus-reference{position:relative;z-index:3;width:min(100%,760px)}
[data-view="praus"] .pr17-stage .praus-reference{width:100%}
[data-view="praus"] .pf-v.praus-reference{padding:0}
[data-view="praus"] .pf-v.praus-reference::before,[data-view="praus"] .pf-v.praus-reference::after{display:none}
.pr-try{gap:12px}.pr-try::after{content:"↗";display:inline-block;line-height:1;transition:transform 220ms ease}
.pr-try:hover::after,.pr-try:focus-visible::after{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){.pr-try::after{transition:none}.pr-try:hover::after{transform:none}}


/* Smaller glass workspaces against the Deployments hero photograph. */
[data-view="deployments"] .dp13-ex .dx-stage{isolation:isolate;background:#161719}
[data-view="deployments"] .dp13-ex .dx-stage::before{content:"";position:absolute;inset:-32px;z-index:-1;background:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.6)),var(--deployment-image) center/cover;filter:grayscale(1) blur(13px);opacity:.75;pointer-events:none}
[data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{transform:scale(.88)!important;transform-origin:center;transition:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 44px -16px rgba(0,0,0,.6)}
[data-view="deployments"] .dp13-ex__item:nth-child(2) .dx-stage::before{background-position:50% 50%}
[data-view="deployments"] .dp13-ex__item:nth-child(3) .dx-stage::before{background-position:50% 50%}
[data-view="deployments"] .dx-stage .dx-post,[data-view="deployments"] .dx-stage .dx-card,[data-view="deployments"] .dx-stage .dx-opp,[data-view="deployments"] .dx-stage .dx-line2,[data-view="deployments"] .dx-stage .dx-act{transition:opacity 400ms ease,transform 500ms cubic-bezier(.22,1,.36,1),border-color 300ms ease,background-color 300ms ease}
[data-view="deployments"] .dx-stage .dx-waiting{opacity:0;transform:translateY(5px)}
[data-view="deployments"] .dx-task,[data-view="deployments"] .dx-cb{transition:color 250ms ease,background-color 250ms ease}
[data-view="deployments"] .dx-kpis i{transform-origin:bottom}
@media(max-width:559px){[data-view="deployments"] .dp13-ex .dx-stage .dp-ui.dx-ui{transform:scale(.94)!important}}
@media(prefers-reduced-motion:reduce){[data-view="deployments"] .dx-stage *{transition:none!important}}
/* Shared Praus styling; the photographs stay specific to each product. */
[data-view="begot"] .pf-v{padding:0;background:#171719}
[data-view="begot"] .pf-v::after{display:none}
[data-view="begot"] .pf-v>.pf-backdrop{--pf-bg-scale:1.04;filter:grayscale(1) brightness(.95) blur(3px);opacity:1;transform:scale(var(--pf-bg-scale))}
[data-view="begot"] .pf-v::before{background:linear-gradient(180deg,rgba(14,14,16,.1),rgba(14,14,16,.65))}
[data-view="deployments"] .dp13-ex .dx-stage::before{filter:grayscale(1) brightness(.95) blur(3px);opacity:1;background-image:linear-gradient(180deg,rgba(14,14,16,.1),rgba(14,14,16,.65)),var(--deployment-image)}
[data-view="home"] .hm-plate__ph.ph>img{filter:grayscale(1) brightness(.95) blur(3px)}
[data-view="begot"] .concept-canvas{position:absolute;left:0;top:0;width:640px;height:400px;display:flex;align-items:center;justify-content:center;transform-origin:0 0;font:400 16px/1.6 var(--concept-font);color:var(--concept-ink)}
[data-view="begot"] .concept-canvas .pf-win{width:480px;max-width:none;padding:18px 20px;transform:none!important;transition:none;font:400 13.5px/1.6 var(--concept-font)}
[data-view="begot"] .concept-canvas .bgx-stack{width:480px;max-width:none;aspect-ratio:2/1;margin:0;filter:none}
[data-view="begot"] .concept-canvas .bgx-doc--front{padding:18px 20px;transform:none!important;font:400 13.5px/1.6 var(--concept-font)}
[data-view="begot"] .concept-canvas .bgx-doc--back,[data-view="begot"] .concept-canvas .bgx-doc--mid{border-radius:22px}
[data-view="begot"] .concept-canvas :is(.pf-q,.pf-h,.bgx-doc__h,.bgx-read__k){font-size:13.5px;font-weight:400;color:var(--concept-ink)}
[data-view="begot"] .concept-canvas :is(.bgx-note,.bgx-doc__tag,.bgx-doc__rows p.is-hit,.bgx-read__bar){font-size:12px}
[data-view="begot"] .concept-canvas .bgx-doc__rows p{height:30px}
[data-view="begot"] .concept-canvas :is(.bgx-p,.bgx-btn){border-radius:8px;font-size:13px}
[data-view="begot"] .concept-canvas .bgx-p small{font-size:12px}
[data-view="begot"] .concept-canvas .bgx-read__t{font-size:15px;line-height:1.65}
[data-view="begot"] .concept-canvas .pf-caret{display:none}
[data-view="begot"] .bg12-q .bg-app{--fg:#F5F4F2;--fg-2:rgba(245,244,242,.8);--fg-3:rgba(245,244,242,.6);font:400 14px/1.6 var(--concept-font)}
[data-view="begot"] .bg12-q :is(.bg-bar,.bg-panel){background:rgba(12,12,15,.18)}
[data-view="begot"] .bg12-q :is(.bg-p,.bg-hint,.bg-tools,.bg-minimap){backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.05);box-shadow:none;border-color:var(--concept-line)}
[data-view="begot"] .bg12-q :is(.bg-p b,.bg-panel h3){font-weight:500}
[data-view="deployments"] .dx-ui{--fg:#F5F4F2;--fg-2:rgba(245,244,242,.8);--fg-3:rgba(245,244,242,.6);--line:var(--concept-line);font:400 13.5px/1.6 var(--concept-font)}
[data-view="deployments"] .dx-head{font-size:13.5px;background:transparent}
[data-view="deployments"] .dx-ui :is(.dx-card,.dx-opp,.dx-kpis p,.dx-act){background:rgba(255,255,255,.035);border-color:var(--concept-line);box-shadow:none;border-radius:10px}
[data-view="deployments"] .dx-stage .dx-waiting{transform:translateY(5px)}
/* Motion changes only content and highlights, never the window bounds. */
[data-view="begot"] .lt-status{font-size:12px;margin:12px 0 8px!important;opacity:.7}
[data-view="begot"] .lt-progress{height:3px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}
[data-view="begot"] .lt-progress i{display:block;height:100%;width:100%;background:var(--concept-ink);transform-origin:left;transform:scaleX(.15)}
[data-view="begot"] .lt-sources{margin:14px 0;padding:0;list-style:none;font-size:13px}
[data-view="begot"] .lt-sources li{display:flex;justify-content:space-between;gap:14px;padding:4px 0}
[data-view="begot"] .lt-sources span{opacity:.35;transition:opacity 450ms var(--concept-ease)}
[data-view="begot"] .lt-sources .is-reviewed span{opacity:1}
[data-view="begot"] .lt-answer{font-size:13px;padding-top:12px;border-top:1px solid var(--concept-line);transition:opacity 450ms var(--concept-ease)}
[data-view="begot"] .lt-transcript{display:block;min-height:44px;color:var(--concept-ink)!important}
[data-view="begot"] .lt-transcript>span{display:inline;margin:0;color:inherit;transition:opacity 250ms ease}
[data-view="begot"] .bgx-read__t>span{border-radius:3px;transition:background-color 180ms ease,color 180ms ease;color:rgba(245,244,242,.55)}
[data-view="begot"] .bgx-read__t>span.is-spoken{color:var(--concept-ink)}
[data-view="begot"] .bgx-read__t>span.is-current{background:rgba(255,255,255,.15);color:var(--concept-ink)}
[data-view="begot"] [data-tribes-motion] .bgx-read__bar b{animation:none;width:100%;transform-origin:left}
[data-view="begot"] [data-tribes-motion] :is(.bgx-p.is-new,.bgx-acts,.bgx-doc__tag,.bgx-doc__rows .is-hit,.bgx-chips span){transition:opacity 450ms var(--concept-ease),background-color 450ms var(--concept-ease),border-color 450ms var(--concept-ease)}
[data-view="begot"] .lt-scanning .bgx-doc__rows .is-hit{background:rgba(255,255,255,.08);color:var(--concept-ink)}
@media(prefers-reduced-motion:reduce){[data-tribes-motion] *{animation:none!important;transition:none!important}}

/* Company heroes share the product hero text anchor. */
@media(min-width:768px){
 [data-view="mission"] header.mi-hero,[data-view="team"] header.tm-hero{justify-content:flex-start!important}
 [data-view="mission"] header.mi-hero .mi-hero-in,[data-view="team"] header.tm-hero .tm-hero-in{padding-top:max(calc(var(--nav-h,64px) + 120px),55svh)!important;padding-bottom:clamp(64px,8vw,112px)!important}
}

/* Product hero copy uses one viewport anchor; controls do not lift its text. */
@media(min-width:768px){
 :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero{justify-content:flex-start}
 :is([data-view="praus"],[data-view="begot"],[data-view="deployments"],[data-view="capital"]) .ip-hero__inner{padding-top:max(calc(var(--nav-h,64px) + 120px),55svh)}
 :is([data-view="praus"],[data-view="begot"]) .ip-hero__inner{padding-bottom:80px}
 [data-view="begot"] .bg-hero-footer{margin-top:36px;min-height:48px}
 [data-view="begot"] .bg-hero-footer .bg-affiliations__mark{height:48px}
 [data-view="begot"] .bg-hero-footer .bg-affiliations__fs{width:154px}
 [data-view="begot"] .bg-hero-footer .bg-affiliations__byu{width:104px}
}
@media(max-width:767px){
 :is([data-view="praus"],[data-view="begot"]) .ip-hero{justify-content:flex-start}
 :is([data-view="praus"],[data-view="begot"]) .ip-hero__inner{padding-top:max(calc(var(--nav-h,64px) + 72px),30svh)}
 :is([data-view="praus"],[data-view="begot"]) .ip-hero__title{min-height:2lh}
}
/* The same label, question, divider and status rhythm as the Praus snippets. */
html body .concept-window .sn-h{display:flex;align-items:center;gap:8px;width:100%;font-size:13.5px!important;line-height:1.6;font-weight:600!important;padding:0 0 12px!important;margin:0 0 2px!important;border-bottom:1px solid rgba(255,255,255,.08);color:var(--concept-ink)}
html body .concept-window .sn-h em{margin-left:auto;font-style:normal;font-weight:400;font-size:12.5px;color:rgba(245,244,242,.6)}
html body .concept-window .sn-h svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
html body .concept-window .sn-q{font:500 16px/1.35 "Inter Tight",var(--concept-font)!important;letter-spacing:-.015em!important;margin:12px 0 14px!important}
[data-view="begot"] .lt-progress{height:6px;border-radius:6px}
[data-view="begot"] .lt-sources{font-size:13.5px;line-height:1.6}
[data-view="begot"] .lt-sources li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:center;justify-content:normal;padding:3px 0}
[data-view="begot"] .lt-sources span{opacity:1}
[data-view="begot"] .lt-source-check{width:14px;height:14px;fill:none;stroke:#121214;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;border-radius:4px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);transition:background .3s}
[data-view="begot"] .lt-source-check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s var(--concept-ease)}
[data-view="begot"] .is-reviewed .lt-source-check{background:var(--concept-ink)}
[data-view="begot"] .is-reviewed .lt-source-check path{stroke-dashoffset:0}
[data-view="begot"] .lt-answer{font-size:13.5px;line-height:1.45}
[data-view="begot"] .bgx-tree{gap:0}
[data-view="begot"] .lt-tree-record{width:100%;display:flex;align-items:center;gap:8px;margin:12px 0 16px!important;font-size:13.5px;line-height:1.45}
[data-view="begot"] .lt-tree-record>svg{width:16px;height:16px;stroke:rgba(245,244,242,.7);stroke-width:1.5;fill:none;flex:none;stroke-linecap:round;stroke-linejoin:round}
[data-view="begot"] .lt-tree-record small{display:block;color:rgba(245,244,242,.55);font-size:12.5px;margin-top:3px}
[data-view="begot"] .lt-tree-record .lt-tree-check{margin-left:auto;width:14px;height:14px}
[data-view="begot"] .lt-tree-check path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--concept-ease)}
[data-view="begot"] [data-tree-phase="matching"] .lt-tree-check path,[data-view="begot"] [data-tree-phase="reset"] .lt-tree-check path{stroke-dashoffset:1}
[data-view="begot"] .lt-tree-parents{gap:24px}
[data-view="begot"] .bgx-tree .bgx-p{width:142px;flex:none;border-radius:8px;padding:8px 12px;font-size:13.5px;line-height:1.45;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
[data-view="begot"] .bgx-tree .bgx-p.is-new{width:188px;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.07);opacity:1;transform:translateY(0);transition:opacity .65s var(--concept-ease),transform .65s var(--concept-ease),border-color .5s}
[data-view="begot"] .lt-tree-lines{width:100%;height:42px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
[data-view="begot"] .lt-tree-track{stroke:rgba(255,255,255,.1)}
[data-view="begot"] .lt-tree-draw{stroke:rgba(245,244,242,.7);stroke-dasharray:1;stroke-dashoffset:0}
[data-view="begot"] [data-tree-phase="reset"] .lt-tree-draw{opacity:0;transition:opacity .6s}
[data-view="begot"] [data-tree-phase="matching"] .bgx-p.is-new,[data-view="begot"] [data-tree-phase="linking"] .bgx-p.is-new,[data-view="begot"] [data-tree-phase="reset"] .bgx-p.is-new{opacity:.18;transform:translateY(6px)}
[data-view="begot"] .lt-tree-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:16px}
[data-view="begot"] .lt-tree-caption{font-size:11.5px;color:rgba(245,244,242,.55);max-width:190px;line-height:1.45;min-height:32px;display:flex;align-items:center}
[data-view="begot"] .bgx-tree .bgx-acts{margin:0!important;flex:none;opacity:1;transition:opacity .45s}
[data-view="begot"] .bgx-tree .bgx-btn{font-size:12px;padding:5px 9px;border-radius:8px;white-space:nowrap}
[data-view="begot"] .lt-tree-keep{width:100px;text-align:center;transition:transform .25s,background .35s}
[data-view="begot"] [data-tree-phase="saving"] .lt-tree-keep{transform:scale(.96)}
[data-view="begot"] [data-tree-phase="saved"] .lt-tree-keep{background:rgba(255,255,255,.12);color:var(--concept-ink);border-color:rgba(255,255,255,.12)}
[data-view="begot"] [data-tree-phase="matching"] .bgx-acts,[data-view="begot"] [data-tree-phase="linking"] .bgx-acts,[data-view="begot"] [data-tree-phase="proposed"] .bgx-acts,[data-view="begot"] [data-tree-phase="reset"] .bgx-acts{opacity:.25}
[data-view="deployments"] .dx-ui .dx-head{margin:0 20px;padding:18px 0 12px;height:auto;min-height:52px;font-size:13.5px;line-height:1.6;border-color:rgba(255,255,255,.08)}
[data-view="deployments"] .dx-head__t{font-size:13.5px;font-weight:600}
[data-view="deployments"] .dx-head__r{font-size:12.5px;color:rgba(245,244,242,.6)}
[data-view="deployments"] .dx-ui :is(.dx-price,.dx-ops,.dx-nba){padding:14px 20px 18px}
[data-view="deployments"] .dx-ui :is(.dx-stats span,.dx-note,.dx-label,.dx-file,.dx-act small){font-size:12.5px}
[data-view="deployments"] .dx-ui :is(.dx-post p,.dx-task,.dx-act,.dx-opp__t){font-size:13.5px;line-height:1.45}
[data-view="deployments"] .dx-ui .dx-post b{font-size:12px;font-weight:600}

/* Keep Praus component dimensions with more breathing room around deployments. */
[data-view="deployments"] .dx-concept-canvas{position:absolute;left:0;top:0;width:800px;height:500px;display:flex;align-items:center;justify-content:center;transform-origin:0 0}
[data-view="deployments"] .dp13-ex .dx-stage .dx-concept-canvas .dp-ui.dx-ui{position:relative;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:480px;height:330px;max-height:calc(100% - 32px);padding:18px 20px;transform:none!important;flex:none}
[data-view="deployments"] .dx-ui .dx-head{padding:0 0 12px;margin:0;min-height:34px;background:transparent}
[data-view="deployments"] .dx-ui :is(.dx-price,.dx-ops,.dx-nba){padding:12px 0 0}
[data-view="deployments"] .dx-ui .dx-chan{grid-template-columns:1fr}
[data-view="deployments"] .dx-ui .dx-side{display:none}
[data-view="deployments"] .dx-ui .dx-feed{padding:12px 0 0;gap:10px}
[data-view="deployments"] .dx-ui .dx-post{grid-template-columns:24px minmax(0,1fr);gap:10px}
[data-view="deployments"] .dx-ui .dx-av{width:24px;height:24px;border-radius:6px}
[data-view="deployments"] .dx-ui .dx-file{display:none}
[data-view="deployments"] .dx-ui .dx-card{margin-top:8px;padding:8px 12px}
[data-view="deployments"] .dx-ui .dx-card__t{font-size:13.5px;line-height:1.45}
[data-view="deployments"] .dx-ui .dx-meta{margin-top:6px!important}
[data-view="deployments"] .dx-ui .dx-btns{margin-top:6px!important}
[data-view="deployments"] .dx-ui .dx-nba{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
[data-view="deployments"] .dx-ui .dx-call{padding:0 12px 0 0;gap:6px;background:transparent;box-shadow:none}
[data-view="deployments"] .dx-ui .dx-acts{padding:0;gap:6px}
[data-view="deployments"] .dx-ui .dx-cust{gap:2px;margin-top:4px;padding-top:8px}
[data-view="deployments"] .dx-ui .dx-act{padding:8px 10px;font-size:12.5px;line-height:1.45}
[data-view="deployments"] .dx-ui .dx-task{padding:5px 0;font-size:12.5px}
[data-view="deployments"] .dx-ui .dx-opp{padding:9px 10px}
[data-view="deployments"] .dx-ui .dx-opp__t{font-size:12.5px;line-height:1.45}


/* Shared product hero rows keep actions aligned, with space outside the frame. */
:is([data-view="praus"],[data-view="begot"]) .ip-hero__inner{padding-bottom:80px}
:is([data-view="praus"],[data-view="begot"]) .ip-hero .eyebrow{min-height:24px;line-height:24px}
:is([data-view="praus"],[data-view="begot"]) .ip-hero__title{min-height:2lh}
:is([data-view="praus"],[data-view="begot"]) .ip-hero__lead{min-height:3lh}
[data-view="begot"] .bg-hero-footer{align-items:flex-start}
@media(max-width:600px){:is([data-view="praus"],[data-view="begot"]) .ip-hero__lead{min-height:5lh}}
/* Keep the Grounded baseline visible at small sizes and fractional zoom. */
.praus-grounded{position:relative;background:none;-webkit-mask:none;mask:none}
.praus-grounded::before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:url('/img/praus-grounded.svg') center/contain no-repeat;mask:url('/img/praus-grounded.svg') center/contain no-repeat}
.praus-grounded::after{content:"";position:absolute;bottom:0;left:0;right:0;height:max(1px,.03em);background:currentColor}


/* Supplied paintings, limited to Praus surfaces. */
.hm-praus .hm-plate__ph picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hm-praus .hm-plate__ph img,[data-view="praus"] .ip-hero__ph img,[data-view="praus"] .oc-close__fig img,.dd-link[data-route="praus"] .dd-th img{filter:grayscale(1)!important;opacity:1!important}
[data-view="praus"] :is(.ip-hero__ph,.oc-close__fig) picture{position:absolute;inset:0;display:block;width:100%;height:100%}
[data-view="praus"] .pf-v>.pf-backdrop{filter:grayscale(1) blur(2px)!important;opacity:1!important}
[data-view="praus"] .pr12-use{position:relative;isolation:isolate;overflow:hidden}
[data-view="praus"] .praus-stage-art{position:absolute;inset:0;z-index:-2;display:block}
[data-view="praus"] .praus-stage-art img{width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
[data-view="praus"] .pr12-use::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(10,10,10,.35),rgba(10,10,10,.6));pointer-events:none}
[data-view="praus"] .pr17-stage{background:none}
:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v,.hm-praus .hm-plate{border-radius:18px}
/* Clip filtered backdrops and iframe compositor layers to the same outer edge. */
:is([data-view="praus"],[data-view="begot"]) .pr16-feat .pf-v{clip-path:inset(0 round 18px)}
/* Ortelan keeps its monochrome palette, including lazy fallback frames. */
.hm-praus .praus-reference__still,[data-view="praus"] .praus-reference__still{filter:grayscale(1)!important}
[data-view="praus"] .praus-stage-art{display:none}
[data-view="praus"] .pr12-use{background:#0b0b0b}
[data-view="praus"] .pr12-use::before{background:#0b0b0b}
[data-view="praus"] .pr17-stage{background:#0b0b0b}


/* spotlight.css: Spotlight page and homepage band. Loads after site css. */
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-title{font-stretch:var(--wd-m)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot){--nw-e:var(--ease-nav,cubic-bezier(.2,.7,.2,1))}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .ph{border-radius:2px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nowrap{white-space:nowrap}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .ph>img{filter:grayscale(1) brightness(.94) contrast(1.04)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type>span:first-child{color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type>span+span::before{content:"/";margin:0 10px;color:var(--fg-3)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-u{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:.06em;transition:background-size .5s var(--nw-e)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:focus-visible) .nw-u{background-size:100% 1px}
@media (hover:hover){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:hover,:focus-visible) .nw-u{background-size:100% 1px}
}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-go{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--f-text);color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-go .arrow,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-go{display:inline-block;transition:transform .36s var(--nw-e)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:focus-visible) .nw-go .arrow,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:focus-visible) .nw-row-go{transform:translateX(4px)}
@media (hover:hover){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:hover,:focus-visible) .nw-go .arrow,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:hover,:focus-visible) .nw-row-go{transform:translateX(4px)}
}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast{padding:calc(var(--nav-h,64px) + clamp(56px,7vw,112px)) 0 0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;padding-bottom:clamp(40px,4.4vw,64px);border-bottom:1px solid rgba(255,255,255,.18)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast-title{grid-column:1/span 7}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-eyebrow{margin:0 0 clamp(24px,2.4vw,36px);font:400 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.64)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-eyebrow::before{content:"";display:block;width:48px;height:1px;margin:0 0 16px;background:var(--meridian,#2F5BFF)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-title{margin:0 0 -.08em;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-l,112%);font-size:clamp(88px,12.4vw,184px);line-height:.86;letter-spacing:-.032em;color:#F5F5F4;margin-left:-.045em}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-statement{grid-column:8/span 5;margin:0;max-width:30ch;font:400 clamp(20px,1.7vw,26px)/1.3 var(--f-text);letter-spacing:-.012em;color:rgba(255,255,255,.46);text-wrap:pretty}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-statement>span{color:#F5F5F4}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-featsec{padding:clamp(40px,4.4vw,64px) 0 clamp(88px,10vw,144px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;color:inherit;text-decoration:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-media{grid-column:1/span 8;height:auto;aspect-ratio:3/2;margin:0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-media>img{top:0;bottom:auto;height:104.5%;object-position:50% 0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-body{grid-column:9/span 4;display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.18)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-title{margin:clamp(40px,5vw,88px) 0 0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:clamp(32px,3.2vw,50px);line-height:1.02;letter-spacing:-.021em;color:#F5F5F4;text-wrap:balance}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-dek{margin:20px 0 0;max-width:34ch;font:400 17px/1.55 var(--f-text);color:rgba(255,255,255,.64);text-wrap:pretty}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat .nw-go{margin-top:32px;color:#F5F5F4}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-latest{padding:var(--sec,clamp(80px,10vw,144px)) 0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-sechead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin:0 0 clamp(48px,4.4vw,64px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-h2{grid-column:1/span 6;margin:0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:var(--t-m,clamp(32px,3.5vw,56px));line-height:1.02;letter-spacing:-.021em;color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-sechead-note{grid-column:8/span 5;margin:0;max-width:38ch;font:400 17px/1.5 var(--f-text);color:var(--fg-2)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,6.4vw,96px) 24px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-grid>li{min-width:0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding-top:14px;border-top:1px solid var(--line-2);color:inherit;text-decoration:none;transition:border-color .36s var(--nw-e)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story:is(:focus-visible){border-top-color:var(--fg)}
@media (hover:hover){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story:is(:hover,:focus-visible){border-top-color:var(--fg)}
}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story .ph{width:100%;height:auto;margin:16px 0 0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story-title{margin:24px 0 0;max-width:28ch;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(24px,2.1vw,32px);line-height:1.1;letter-spacing:-.015em;color:var(--fg);text-wrap:balance}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story-dek{margin:14px 0 0;max-width:50ch;font:400 16px/1.55 var(--f-text);color:var(--fg-2);text-wrap:pretty}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story .nw-go{margin-top:auto;padding-top:28px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin:auto 0 0;padding-top:28px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-figs>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-figs dt{font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-figs dd{margin:0;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(28px,2.4vw,36px);line-height:1;letter-spacing:-.021em;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-index{margin-top:clamp(88px,9vw,136px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-index-h{margin:0 0 24px;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:var(--t-h3,clamp(22px,1.75vw,28px));line-height:1.16;letter-spacing:-.014em;color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-rows>li{border-bottom:1px solid var(--line-2)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 24px;align-items:baseline;padding:28px 0 30px;color:inherit;text-decoration:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-type{grid-column:1/span 3;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);transition:color .36s var(--nw-e)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-main{display:contents}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-title{grid-column:4/span 4;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-s,106%);font-size:clamp(22px,1.8vw,28px);line-height:1.12;letter-spacing:-.014em;color:var(--fg);text-wrap:balance}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-dek{grid-column:8/span 4;font:400 16px/1.55 var(--f-text);color:var(--fg-2);text-wrap:pretty}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-go{grid-column:12;justify-self:end;font:400 20px/1 var(--f-text);color:var(--fg-3)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row:is(:focus-visible) .nw-row-type,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row:is(:focus-visible) .nw-row-go{color:var(--fg)}
@media (hover:hover){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row:is(:hover,:focus-visible) .nw-row-type,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row:is(:hover,:focus-visible) .nw-row-go{color:var(--fg)}
}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 24px;align-items:baseline;margin-top:clamp(80px,8vw,120px);padding-top:20px;border-top:1px solid var(--line-2)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-k{grid-column:1/span 3;margin:0;font:400 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-t{grid-column:4/span 5;margin:0;font:400 16px/1.55 var(--f-text);color:var(--fg-2)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-links{grid-column:9/span 4;display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font:500 15px/1.5 var(--f-text)}
@media (max-width:1023px){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast-title{grid-column:1/span 7}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-statement{grid-column:8/span 5;font-size:19px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat{display:block}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;margin-top:24px;padding-top:16px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-body .nw-type{grid-column:1/-1}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-title{grid-column:1/span 7;margin-top:24px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-dek{grid-column:8/span 5;margin-top:28px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat .nw-go{grid-column:8/span 5;margin-top:24px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-type{grid-column:1/span 3}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-title{grid-column:4/span 8}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-dek{grid-column:4/span 8}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-go{grid-column:12;grid-row:1}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-t{grid-column:4/span 9}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-links{grid-column:4/span 9}
}
@media (max-width:767px){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast{padding-top:calc(var(--nav-h,56px) + 56px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-mast-in{display:block;padding-bottom:36px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-title{font-size:clamp(84px,26vw,120px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-statement{margin-top:32px;font-size:20px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-featsec{padding:32px 0 80px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-body{display:flex}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-title{margin-top:24px;font-size:clamp(30px,8.4vw,36px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-feat-dek{margin-top:16px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-sechead{display:block;margin-bottom:40px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-sechead-note{margin-top:16px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-grid{grid-template-columns:minmax(0,1fr);gap:64px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story-title{font-size:clamp(24px,6.6vw,28px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-figs dd{font-size:30px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-index{margin-top:88px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:22px 0 26px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-type{grid-column:1;grid-row:1}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-go{grid-column:2;grid-row:1}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-title{grid-column:1/-1;font-size:24px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-row-dek{grid-column:1/-1;font-size:15.5px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press{display:block;margin-top:80px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-t{margin-top:12px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-links{margin-top:16px;flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) *{transition:none!important}
}
html.motion-off :is([data-view="spotlight"],[data-view="home"] .hm-spot) *{transition-duration:0s!important}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-eyebrow::before{display:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type>span+span::before{content:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type>span:not(:last-child)::after{content:"/";margin:0 10px;color:var(--fg-3)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story{padding-top:0;border-top:0}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story .ph{margin:0 0 20px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-story-title{margin-top:12px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-type>span:not(:last-child)::after{content:"·";margin:0 8px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press{align-items:center;padding-top:24px}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-k{font-size:15px!important;color:var(--fg)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-t,
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-press-links{font-size:15px;line-height:1.5}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-featsec{padding-bottom:var(--sec)}
@media (max-width:719px){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-featsec{padding:32px 0 72px}
}
@media (max-width:767px){
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .nw-title{font-size:clamp(44px,11.5vw,56px);line-height:1.02}
}
/* =====================================================================
   Spotlight: page-specific pieces. Everything else above is the News
   (nw-*) system, scoped to the Spotlight view and the homepage band.
   ===================================================================== */
[data-view="spotlight"] .sp-tl{color:inherit;text-decoration:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a.nw-go{text-decoration:none}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a.nw-go:is(:hover,:focus-visible) .arrow{transform:translateX(4px)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) .arrow--out{transition:transform .36s var(--nw-e)}
:is([data-view="spotlight"],[data-view="home"] .hm-spot) a:is(:hover,:focus-visible) .arrow--out{transform:translate(2px,-2px)}

/* Talk: poster with an inline player */
[data-view="spotlight"] .sp-media{grid-column:1/span 8;min-width:0}
[data-view="spotlight"] .sp-feat .nw-feat-media{aspect-ratio:3/2;width:100%}
[data-view="spotlight"] .sp-feat .nw-feat-media>img{top:0;bottom:0;height:100%;object-position:58% 40%}
.sp-video{cursor:pointer}
.sp-video.ph>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000}
.sp-video.ph>.sp-play{position:absolute}
.sp-play{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;width:100%;height:100%;padding:clamp(20px,2.4vw,32px);border:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45));color:#F5F5F4;font:500 15px/1 var(--f-text);text-align:left;cursor:pointer}
.sp-play__t{display:inline-flex;align-items:center;min-height:56px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.sp-play__i{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);background:rgba(10,10,10,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .36s var(--nw-e),box-shadow .36s var(--nw-e),transform .5s var(--nw-e)}
.sp-play__i svg{width:16px;height:16px;margin-left:3px;fill:currentColor;transition:color .36s var(--nw-e)}
.sp-play:is(:hover,:focus-visible) .sp-play__i{background:#F5F5F4;box-shadow:none;color:#0A0A0A;transform:scale(1.06)}
.sp-play:focus-visible{outline:2px solid #F5F5F4;outline-offset:-6px;border-radius:inherit}
.sp-video:hover>img{transform:scale(1.02)}
.sp-video.is-playing>img,.sp-video.is-playing>.sp-play{visibility:hidden}

/* The Ortelan connection */
[data-view="spotlight"] .sp-connect{padding:0 0 clamp(80px,7.2vw,104px)}
[data-view="spotlight"] .sp-connect-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
[data-view="spotlight"] .sp-connect-head{grid-column:1/span 5}
[data-view="spotlight"] .sp-connect-head .nw-type{margin-bottom:28px}
[data-view="spotlight"] .sp-connect-h{margin:0;max-width:none;font-family:var(--f-display);font-weight:500;font-stretch:var(--wd-m,110%);font-size:clamp(32px,3.2vw,50px);line-height:1.02;letter-spacing:-.021em;color:#F5F5F4;text-wrap:balance}
[data-view="spotlight"] .sp-connect-body{grid-column:7/span 6;max-width:58ch}
[data-view="spotlight"] .sp-connect-body p{margin:0 0 20px;font:400 17px/1.6 var(--f-text);color:rgba(255,255,255,.64);text-wrap:pretty}
[data-view="spotlight"] .sp-connect-body .hm-link{margin-top:12px;color:#F5F5F4}

/* A story card that holds its own player: the title and links are the links */
.sp-story:is(:hover,:focus-within) .nw-u{background-size:100% 1px}
.sp-story:hover .ph>img{transform:scale(1.02);filter:grayscale(1) brightness(1) contrast(1.04)}
.sp-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:auto 0 0;padding-top:28px}
.sp-links .nw-go{margin:0!important;padding:0!important}
.sp-story .sp-play{padding:16px 20px}

/* Two portraits side by side in one card */
.ph>.sp-duo{position:absolute!important;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%;gap:2px;background:var(--paper,#F2F2F0)}
.ph>.sp-duo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) brightness(.93) contrast(1.02);transition:transform 600ms var(--ease-out)}
.nw-story:is(:hover,:focus-visible) .ph>.sp-duo>img{transform:scale(1.02)}

/* Context note: earlier work, no affiliation */
.sp-note{margin:28px 0 0;max-width:88ch;font:400 13px/1.55 var(--f-text);color:var(--fg-3);text-wrap:pretty}
[data-view="home"] .hm-spot .sp-all{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px}
[data-view="home"] .hm-spot .sp-all .sp-note{margin:0}

/* Homepage band */
[data-view="home"] .hm-spot .nw-sechead{margin-bottom:clamp(48px,4.4vw,64px)}
[data-view="home"] .hm-spot .sp-all{margin:clamp(56px,6vw,88px) 0 0;padding-top:20px;border-top:1px solid var(--line-2)}

@media (max-width:1023px){
  [data-view="spotlight"] .sp-connect-head{grid-column:1/-1}
  [data-view="spotlight"] .sp-connect-body{grid-column:1/-1;margin-top:28px}
}
@media (max-width:767px){
  .sp-play__i{width:48px;height:48px}
  [data-view="spotlight"] .sp-connect-in{display:block}
}
@media (prefers-reduced-motion:reduce){.sp-play__i,.sp-play__i svg{transition:none}.sp-video:hover>img{transform:none}}
html.motion-off .sp-play__i,html.motion-off .sp-play__i svg{transition:none}



[data-instrument]{position:relative;color:#F5F5F4}
[data-view="praus"] .pr16-orch [data-instrument="filter-wheel"]{aspect-ratio:1 / 1;width:100%;max-width:600px;justify-self:end}
@media(max-width:899px){
  [data-view="praus"] .pr16-orch .ip-geoband__grid{grid-template-columns:minmax(0,1fr)}
  [data-view="praus"] .pr16-orch [data-instrument="filter-wheel"]{max-width:420px;justify-self:center}
}
@media(min-width:600px){[data-view="team"] .tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.pr16-t:has(.pr16-badge){display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pr16-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font:500 12px/1 Inter,sans-serif;letter-spacing:0;color:var(--fg-2,inherit);box-shadow:inset 0 0 0 1px currentColor;white-space:nowrap}
html{scroll-padding-top:calc(var(--nav-h,64px) + 16px);background:#0A0A0A}
/* Native cross-document fades; history gestures are excluded in page-entry.js. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:route-fade-out 180ms ease both;mix-blend-mode:normal}
::view-transition-new(root){animation:route-fade-in 240ms ease both;mix-blend-mode:normal}
@keyframes route-fade-out{to{opacity:0}}
@keyframes route-fade-in{from{opacity:0}}

.ph>img.lz-wait,.ph>picture>img.lz-wait{filter:grayscale(1);opacity:0}
.ph>img.lz-in,.ph>picture>img.lz-in{transition:opacity 220ms ease-out}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
html.motion-off::view-transition-group(*),html.motion-off::view-transition-old(*),html.motion-off::view-transition-new(*){animation:none!important}