@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/instrument-sans-normal-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-italic-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-italic-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-normal-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-normal-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Phudu';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/phudu-normal-300_900-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Phudu';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/phudu-normal-300_900-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ink:#111111;
  --ivory:#F7F3EC;
  --coral:#FF604A;
  --blue:#3155E7;
  --lime:#E9F35B;
  --grey:#E8E6E1;
  --coral-700:#C8321C;
  --coral-600:#E8452C;
  --coral-100:#FFE7E1;
  --blue-700:#12269B;
  --blue-600:#1E3ACB;
  --blue-100:#E2E8FF;
  --lime-700:#7E8A0C;
  --lime-600:#CBD92B;
  --lime-100:#F8FBDC;
  --paper:#FFFFFF;
  --band:#F6F2EA;
  --rule:rgba(17,17,17,.13);
  --rule-soft:rgba(17,17,17,.07);
  --ink-84:rgba(17,17,17,.84);
  --ink-62:rgba(17,17,17,.62);
  --ink-42:rgba(17,17,17,.58);
  --on-dark:rgba(247,243,236,.75);
  --on-dark-45:rgba(247,243,236,.58);
  --display:"Phudu","Bricolage Grotesque","Helvetica Neue",sans-serif;
  --sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --r-xs:14px; --r-sm:20px; --r:30px; --r-lg:40px; --r-xl:52px; --r-2xl:64px;
  --glass:linear-gradient(152deg,rgba(255,255,255,.80),rgba(255,255,255,.56));
  --glass-nav:linear-gradient(152deg,rgba(255,255,255,.94),rgba(252,250,246,.82));
  --glass-strong:linear-gradient(152deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
  --glass-dark:linear-gradient(152deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  --glass-brd:rgba(255,255,255,.66);
  --glass-brd-dark:rgba(247,243,236,.16);
  --blur:saturate(190%) blur(28px);
  --lift:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(17,17,17,.045),0 1px 2px rgba(17,17,17,.03),0 18px 40px -24px rgba(17,17,17,.30);
  --lift-hi:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(17,17,17,.05),0 2px 6px rgba(17,17,17,.05),0 34px 70px -28px rgba(17,17,17,.42);
  --lift-dark:inset 0 1px 0 rgba(255,255,255,.22),0 20px 50px -26px rgba(0,0,0,.7);
  --shell:min(1370px,calc(100% - 3rem));
  --shell-nar:min(1200px,calc(100% - 3rem));
  --gutter:clamp(1rem,1.5vw,1.5rem);
  --sp:clamp(5rem,8.5vw,9rem);
  --header-h:78px;
  --e:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 3rem);-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ivory);color:var(--ink);
  font-family:var(--sans);font-size:clamp(15.5px,.36vw + 14.6px,17.5px);
  line-height:1.62;letter-spacing:-.006em;font-variant-numeric:tabular-nums;
  overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:-20vh -10vw;z-index:-3;pointer-events:none;
  background:
    radial-gradient(38vw 38vw at 84% 6%,rgba(255,96,74,.20),transparent 64%),
    radial-gradient(34vw 34vw at 6% 34%,rgba(49,85,231,.16),transparent 62%),
    radial-gradient(30vw 30vw at 62% 88%,rgba(233,243,91,.24),transparent 64%);
  filter:blur(28px);
  animation:field 46s ease-in-out infinite;
}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

.shell{width:var(--shell);margin-inline:auto}
.shell-nar{width:var(--shell-nar);margin-inline:auto}
.section{position:relative;padding-block:var(--sp)}
.rings{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit}
.rings i{position:absolute;border-radius:999px;border:1px solid rgba(17,17,17,.18);opacity:.85;transform-origin:center}
.rings i::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:999px;background:var(--coral);box-shadow:0 0 0 6px rgba(255,96,74,.16)}
.rings i::before{content:"";position:absolute;bottom:-4px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:999px;background:currentColor;opacity:.5}
.rings i:nth-child(1){width:46vw;max-width:46rem;aspect-ratio:1;right:-14vw;top:-16vw;animation:spin 58s linear infinite}
.rings i:nth-child(2){width:32vw;max-width:32rem;aspect-ratio:1;right:-6vw;top:-6vw;animation:spin 40s linear infinite reverse;border-style:dashed;border-color:rgba(255,96,74,.42)}
.rings i:nth-child(2)::after{background:var(--blue)}
.rings i:nth-child(3){width:26vw;max-width:26rem;aspect-ratio:1;left:-10vw;bottom:-12vw;animation:spin 72s linear infinite;border-color:rgba(49,85,231,.34)}
.rings i:nth-child(3)::after{background:var(--lime-600)}
.rings-dark i{border-color:rgba(247,243,236,.2)}
.rings-dark i:nth-child(2){border-color:rgba(255,96,74,.34)}
.rings-dark i:nth-child(3){border-color:rgba(247,243,236,.12)}
.halo{position:absolute;border-radius:999px;pointer-events:none;z-index:-1;filter:blur(46px)}
.halo-coral{background:rgba(255,96,74,.42)}
.halo-blue{background:rgba(49,85,231,.38)}
.halo-lime{background:rgba(233,243,91,.5)}
.section + .section{padding-top:0}
.section-rule{border-top:2px solid var(--ink);padding-top:var(--sp)}
.band{background:var(--band)}
.band .section{padding-block:var(--sp)}
.skip-link{position:fixed;left:1.5rem;top:-5rem;z-index:100;padding:.8rem 1.4rem;background:var(--ink);color:var(--ivory);font-size:.8rem;font-weight:600;border-radius:999px;transition:top .3s var(--e)}
.skip-link:focus{top:1.5rem}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.display,h1,h2,.h1,.h2{font-family:var(--display);font-weight:800;line-height:.88;letter-spacing:-.035em;text-wrap:balance;text-transform:uppercase}
h1,.h1{font-size:clamp(2.9rem,8.1vw,9rem);line-height:.85}
h2,.h2{font-size:clamp(2.4rem,5.9vw,5.6rem)}
h3,.h3{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.06;letter-spacing:-.028em}
h4{font-family:var(--sans);font-size:.96rem;font-weight:600}
em,.ital{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.025em;text-transform:none}
h1 em,h2 em,.h1 em,.h2 em{color:var(--coral-600);font-size:1.06em}
.lead{font-size:clamp(1.08rem,1.15vw + .76rem,1.45rem);line-height:1.42;letter-spacing:-.016em;color:var(--ink-84)}
.large{font-size:clamp(1.6rem,2.6vw + .8rem,3.4rem);line-height:1.04;letter-spacing:-.032em;font-family:var(--display);font-weight:800;text-transform:uppercase}
.muted{color:var(--ink-62)}
.small{font-size:.88rem;line-height:1.5}

.label{display:inline-flex;align-items:center;gap:.55rem;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42)}
.label::before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:var(--coral);flex:0 0 auto}
.label-coral{color:var(--coral-700)}
.label-blue{color:var(--blue-700)}
.label-blue::before{background:var(--blue)}
.label-plain::before{display:none}

.masthead{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem clamp(2rem,4vw,4rem);margin-bottom:clamp(2.25rem,4vw,3.5rem)}
.masthead-index{display:flex;align-items:center;gap:.85rem;margin-bottom:1.15rem}
.masthead-index i{font-style:normal;font-family:var(--display);font-size:.78rem;font-weight:600;color:var(--coral-600)}
.masthead-index > span:first-of-type{flex:0 0 clamp(2rem,6vw,5rem);height:1px;background:var(--rule);transform-origin:left}
.masthead h2{margin-bottom:0}
.masthead .lead{font-weight:500}
.masthead-side{display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem}
.masthead-side .lead{max-width:46ch}
.masthead:not(.masthead-solo){grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}
@media (max-width:1024px){.masthead:not(.masthead-solo){grid-template-columns:1fr}}

.head-unique{margin-bottom:clamp(2.5rem,4.5vw,4rem)}
.head-one{display:flex;align-items:center;gap:1rem;margin-bottom:.35rem}
.head-one span{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.8vw,4.6rem);line-height:.94;letter-spacing:-.035em;text-transform:uppercase}
.head-one i{flex:1;height:2px;background:var(--ink);font-style:normal;opacity:.14}
.head-two{display:flex;align-items:flex-end;gap:clamp(1rem,2.5vw,2.5rem);flex-wrap:wrap}
.head-two .ab{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,6.6vw,6.4rem);line-height:.9;letter-spacing:-.04em;color:var(--coral-600);white-space:nowrap;text-transform:uppercase}
.head-two p{flex:1 1 22rem;max-width:44ch;font-size:.98rem;color:var(--ink-62);padding-bottom:.55rem}
.head-two .btn{flex:0 0 auto;margin-bottom:.35rem}

.link{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:600;padding-bottom:.2rem;background-image:linear-gradient(var(--ink),var(--ink));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .5s var(--e),color .3s var(--e)}
.link:hover{background-size:100% 1px}
.link i{font-style:normal;transition:transform .4s var(--e)}
.link:hover i{transform:translateX(.28em)}

.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.95rem;padding:1.08rem 1.7rem;border:1.5px solid var(--ink);border-radius:999px;font-family:var(--display);font-size:.86rem;font-weight:700;letter-spacing:-.005em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--e),border-color .4s var(--e)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);border-radius:999px;transform:scale(0);transform-origin:center;transition:transform .55s var(--e)}
.btn:hover::before{transform:scale(1.06)}
.btn i{font-style:normal;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;background:rgba(17,17,17,.09);font-size:.78rem;transition:transform .45s var(--e),background .4s var(--e)}
.btn:hover i{transform:rotate(45deg)}
.btn-solid{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.btn-solid::before{background:var(--coral)}
.btn-solid:hover{color:var(--ink);border-color:var(--coral)}
.btn-solid i{background:rgba(247,243,236,.16)}
.btn-solid:hover i{background:rgba(17,17,17,.12)}
.btn-coral{background:var(--coral);color:var(--ink);border-color:var(--coral)}
.btn-coral::before{background:var(--ink)}
.btn-coral:hover{color:var(--ivory);border-color:var(--ink)}
.btn-coral:hover i{background:rgba(247,243,236,.18)}
.btn-line{background:transparent;color:var(--ink)}
.btn-line::before{background:var(--ink)}
.btn-line:hover{color:var(--ivory)}
.btn-line:hover i{background:rgba(247,243,236,.16)}
.btn-onDark{border-color:rgba(247,243,236,.38);color:var(--ivory)}
.btn-onDark::before{background:var(--ivory)}
.btn-onDark:hover{color:var(--ink);border-color:var(--ivory)}
.btn-onDark i{background:rgba(247,243,236,.14)}
.btn-sm{padding:.66rem 1.05rem;font-size:.78rem;gap:.6rem}
.btn-sm i{width:1.3rem;height:1.3rem;font-size:.7rem}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}

.touch{position:relative;display:grid;place-items:center;flex:0 0 auto;width:clamp(8rem,11vw,11rem);aspect-ratio:1;border-radius:999px;background:var(--lime);color:var(--ink);text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(.82rem,.9vw,1rem);line-height:1.15;letter-spacing:-.01em;text-transform:uppercase;overflow:hidden;transition:transform .5s var(--e)}
.touch::before{content:"";position:absolute;inset:0;background:var(--coral);transform:scale(0);transition:transform .55s var(--e)}
.touch::after{content:"";position:absolute;inset:-.55rem;border-radius:999px;border:1px dashed rgba(247,243,236,.34);animation:spin 22s linear infinite}
.touch span{position:relative;z-index:1;display:block}
.touch b{display:block;margin-top:.35rem;font-size:1.25rem;font-weight:400}
.touch:hover{transform:scale(1.07);color:var(--ink)}
.touch-lime:hover{color:var(--ivory)}
.touch:hover::before{transform:scale(1)}
.touch-lime{background:var(--lime);color:var(--ink)}
.touch-lime::before{background:var(--ink)}
.touch-lime:hover{color:var(--ivory)}

.site-header{position:fixed;left:0;right:0;top:0;z-index:70;padding-top:clamp(12px,1.4vw,20px);pointer-events:none}
.header-bar{position:relative;z-index:72;pointer-events:auto;width:var(--shell);margin-inline:auto;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.5rem .5rem .5rem 1.4rem;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:var(--glass-nav);-webkit-backdrop-filter:saturate(200%) blur(30px);backdrop-filter:saturate(200%) blur(30px);box-shadow:var(--lift);transition:min-height .45s var(--e),background .45s var(--e),box-shadow .45s var(--e)}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{width:auto;height:clamp(27px,2.6vw,34px)}
.nav{display:flex;align-items:center}
.nav > li{position:relative}
.nav > li > a{display:inline-flex;align-items:center;gap:.32rem;padding:.85rem .74rem;font-size:.9rem;white-space:nowrap;font-weight:550;letter-spacing:-.01em;color:var(--ink);transition:color .3s var(--e)}
.nav > li > a::after{content:"";position:absolute;left:.66rem;right:.66rem;bottom:.5rem;height:1px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--e)}
.nav > li > a:hover,.nav > li > a[aria-current="page"]{color:var(--ink)}
.nav > li > a:hover::after,.nav > li > a[aria-current="page"]::after{transform:scaleX(1)}
.nav .has-sub > a::before{content:"";width:4px;height:4px;margin-left:.22rem;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .35s var(--e)}
.nav .has-sub:hover > a::before,.nav .has-sub:focus-within > a::before{transform:rotate(225deg) translateY(-2px)}
.subnav{position:absolute;left:0;top:calc(100% + .7rem);min-width:20.5rem;padding:.55rem;border:1px solid rgba(255,255,255,.95);border-radius:var(--r);background:linear-gradient(152deg,rgba(255,255,255,.99),rgba(251,249,245,.97));-webkit-backdrop-filter:saturate(200%) blur(34px);backdrop-filter:saturate(200%) blur(34px);box-shadow:0 2px 6px rgba(17,17,17,.06),0 30px 64px -26px rgba(17,17,17,.5);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .34s var(--e),transform .34s var(--e),visibility .34s}
.has-sub:hover .subnav,.has-sub:focus-within .subnav{opacity:1;visibility:visible;transform:none}
.subnav a{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.7rem .95rem;border-radius:999px;font-size:.89rem;font-weight:500;white-space:nowrap;color:var(--ink);transition:background .3s var(--e),color .3s var(--e)}
.subnav a span{opacity:0;color:var(--coral-700);transform:translateX(-5px);transition:opacity .3s var(--e),transform .3s var(--e)}
.subnav a:hover{background:var(--ink);color:var(--ivory)}
.subnav a:hover span{opacity:1;transform:none;color:var(--lime)}
.header-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.lang{display:inline-grid;place-items:center;min-width:2.55rem;height:2.55rem;border-radius:999px;border:1px solid var(--rule);font-size:.78rem;font-weight:600;transition:background .3s var(--e),color .3s var(--e),border-color .3s var(--e)}
.lang:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.nav-toggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.burger{display:none;place-items:center;width:2.9rem;height:2.9rem;border-radius:999px;border:1px solid var(--rule);cursor:pointer}
.burger span{position:relative;display:block;width:1.05rem;height:1.4px;background:var(--ink);transition:background .3s var(--e)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:1.05rem;height:1.4px;background:var(--ink);transition:transform .45s var(--e)}
.burger span::before{top:-.32rem}
.burger span::after{top:.32rem}
.nav-toggle:focus-visible ~ .header-bar .burger{outline:2px solid var(--ink);outline-offset:4px}
.nav-toggle:checked ~ .header-bar .burger span{background:transparent}
.nav-toggle:checked ~ .header-bar .burger span::before{transform:translateY(.32rem) rotate(45deg)}
.nav-toggle:checked ~ .header-bar .burger span::after{transform:translateY(-.32rem) rotate(-45deg)}
.mobile-panel{display:none}

.hero{position:relative;padding-top:clamp(.75rem,1.4vw,1.25rem)}
.hero-panel{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:var(--r-2xl);
  box-shadow:var(--lift-hi);
  border:1px solid rgba(255,255,255,.72);
  background:
    radial-gradient(62% 76% at 94% 0%,rgba(255,96,74,.40),transparent 62%),
    radial-gradient(54% 70% at 0% 96%,rgba(49,85,231,.28),transparent 60%),
    radial-gradient(46% 58% at 58% 106%,rgba(233,243,91,.42),transparent 64%),
    linear-gradient(152deg,rgba(255,255,255,.78),rgba(255,255,255,.44));
  -webkit-backdrop-filter:saturate(190%) blur(30px);backdrop-filter:saturate(190%) blur(30px);
  color:var(--ink);
  padding:calc(var(--header-h) + clamp(5rem,8vw,8rem)) clamp(1.35rem,3.2vw,3.5rem) 0;
}
.hero-panel::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);background-size:5.5rem 5.5rem;animation:drift 34s linear infinite;mask-image:radial-gradient(78% 78% at 50% 38%,#000,transparent)}
.hero-panel .label{color:var(--ink-42)}
.hero-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(1rem,2.5vw,2.5rem);flex-wrap:wrap}
.hero-row1 .spin-badge{align-self:center;margin-top:clamp(.5rem,1.5vw,1rem)}
.hero-row1 h1{flex:1 1 auto;overflow:hidden;padding-block:.08em;margin-block:-.08em}
.hero-row1 h1 span{display:block;animation:rise 1.15s var(--e) both}
.hero-jump{display:flex;flex-direction:column;gap:0;padding-top:clamp(.35rem,1.4vw,1.1rem);flex:0 0 clamp(12.5rem,21vw,19rem);min-width:0}
.hero-jump .label{margin-bottom:.6rem}
.hero-jump a{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.68rem .9rem;border-bottom:1px solid rgba(17,17,17,.09);font-family:var(--display);font-weight:600;font-size:clamp(.95rem,1.1vw,1.15rem);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);transition:color .3s var(--e),padding-left .4s var(--e)}
.hero-jump a i{font-style:normal;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(17,17,17,.16);font-size:.7rem;transition:background .35s var(--e),color .35s var(--e),transform .4s var(--e),border-color .35s var(--e)}
.hero-jump a:hover{color:var(--coral-700);padding-left:1.35rem}
.hero-jump a:hover i{background:var(--coral);border-color:var(--coral);color:var(--ink);transform:rotate(-45deg)}
.hero-row2{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.25rem,3vw,3rem);flex-wrap:wrap;margin-top:clamp(.35rem,1vw,.75rem)}
.hero-row2 h2{font-size:clamp(2.9rem,8.1vw,9rem);line-height:.85;flex:0 0 auto;overflow:hidden;padding-block:.09em;margin-block:-.09em}
.hero-row2 h2 span{display:block;animation:rise 1.15s .1s var(--e) both}
.hero-row2 h2 em{color:var(--coral-600)}
.hero-cont{flex:1 1 24rem;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.25rem,3vw,3rem);animation:fade 1s .4s var(--e) both}
.hero-cont .touch{margin-left:auto}
.hero-cont p{flex:1;max-width:48ch;color:var(--ink-84);font-size:clamp(1rem,.5vw + .86rem,1.18rem);line-height:1.5}
.hero-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:clamp(2rem,3.5vw,3rem);padding:1.5rem 0 0;border-top:2px solid var(--coral);animation:fade 1s .55s var(--e) both}
.hero-foot p{max-width:60ch;font-family:var(--display);font-weight:700;font-size:clamp(.95rem,1.2vw,1.28rem);line-height:1.24;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.spin-badge{flex:0 0 auto;width:clamp(5rem,7.5vw,7.25rem);aspect-ratio:1;animation:updowns 6s ease-in-out infinite}
.spin-badge svg{width:100%;height:100%;animation:spin 26s linear infinite}
.spin-badge text{font-family:var(--sans);font-size:9.4px;font-weight:600;letter-spacing:.24em;fill:var(--ink-62);text-transform:uppercase}
.spin-badge .dot{fill:var(--coral)}

.strip{position:relative;overflow:hidden;border-block:1px solid rgba(255,255,255,.7);background:linear-gradient(152deg,rgba(255,255,255,.72),rgba(255,255,255,.4));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(17,17,17,.04)}
.strip-inner{display:flex;align-items:center;gap:1.5rem;width:var(--shell);margin-inline:auto;border-inline:1px solid var(--rule);padding-inline:clamp(.9rem,1.6vw,1.5rem)}
.strip-label{flex:0 0 auto;padding-block:1.25rem;padding-right:1.5rem;border-right:1px solid var(--rule);font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;max-width:11rem}
.strip-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.strip-run{display:flex;width:max-content;animation:slide 38s linear infinite}
.strip-run > span{display:flex;align-items:center;gap:2.4rem;padding-right:2.4rem;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,1.7vw,1.6rem);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.strip-run b{color:var(--coral-700);font-weight:400;font-size:.7em}
.strip:hover .strip-run{animation-play-state:paused}

.ticker{position:relative;overflow:hidden;padding-block:clamp(.9rem,1.5vw,1.4rem);--dur:46s}
.ticker-ink{background:linear-gradient(160deg,#1a1a1f,#101014);color:var(--ivory)}
.ticker-lime{background:var(--lime);color:var(--ink)}
.ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ticker-track{display:flex;width:max-content;animation:slide var(--dur,46s) linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track > span{display:flex;align-items:center;gap:2.6rem;padding-right:2.6rem;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,2.5vw,2.4rem);letter-spacing:-.02em}
.ticker-track b{font-weight:400;font-size:.45em;color:var(--coral-700);transform:translateY(-.2em)}
.ticker-lime .ticker-track b,.ticker-ink .ticker-track b{opacity:.55}

.statement{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.25rem,3vw,3.5rem);align-items:start}
.statement .large{max-width:26ch}
.reel{position:relative;overflow:hidden;background:linear-gradient(160deg,#ff8168,#ff604a 56%,#f2543d);color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lift-hi);border:1px solid rgba(255,255,255,.4);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,3rem);display:grid;place-items:center;text-align:center;gap:1.5rem}
.reel::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(17,17,17,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 1px);background-size:5rem 5rem;animation:drift 30s linear infinite;mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.reel > *{position:relative;z-index:1}
.reel h2{max-width:20ch;font-size:clamp(2.6rem,6.4vw,6rem)}
.reel h2 em{color:var(--ink)}
.reel p{max-width:62ch;color:rgba(17,17,17,.78);font-size:clamp(1rem,.55vw + .85rem,1.2rem)}
.reel .spin-badge{animation:none;width:clamp(6.5rem,9vw,8.5rem)}
.reel .spin-badge text{fill:rgba(17,17,17,.76)}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.stat{padding:1.4rem 1.1rem 1.5rem 0;border-right:1px solid var(--rule)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.86;letter-spacing:-.05em}
.stat b sup{font-size:.42em;vertical-align:super;color:var(--coral-600)}
.stat p{margin-top:.55rem;font-size:.86rem;color:var(--ink-62);max-width:24ch}

.grid{display:grid;gap:var(--gutter)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.g-5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.g-6-6{grid-template-columns:repeat(2,minmax(0,1fr))}

.panel{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:clamp(1.55rem,2.4vw,2.25rem);background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift);overflow:hidden;transition:transform .6s var(--e),box-shadow .6s var(--e),background .5s var(--e)}
.panel::after{content:"";position:absolute;inset:auto -25% -60% auto;width:14rem;aspect-ratio:1;border-radius:999px;background:var(--coral);opacity:.1;transform:scale(.6);transition:transform .7s var(--e),opacity .5s var(--e)}
a.panel:hover{transform:translateY(-9px);box-shadow:var(--lift-hi)}
a.panel:not(.panel-ink):not(.panel-fill-coral):not(.panel-fill-lime):not(.panel-fill-blue):hover{background:var(--glass-strong)}
a.panel-ink:hover{background:linear-gradient(152deg,rgba(32,32,38,.96),rgba(17,17,20,.94));box-shadow:var(--lift-dark)}
a.panel:hover::after{transform:scale(1.15);opacity:.18}
.panel .label{margin-bottom:1.1rem}
.panel h3{margin-bottom:.1rem}
.panel p{font-size:.93rem;color:var(--ink-62)}
.panel .link{margin-top:auto;padding-top:.9rem}
.panel-blue::after{background:var(--blue)}
.panel-lime::after{background:var(--lime-600);opacity:.24}
.panel-ink{background:linear-gradient(152deg,rgba(24,24,28,.94),rgba(12,12,14,.9));color:var(--ivory);border-color:var(--glass-brd-dark);box-shadow:var(--lift-dark)}
.panel-ink p{color:var(--on-dark)}
.panel-ink .label{color:var(--on-dark-45)}
.panel-ink::after{background:var(--coral);opacity:.28}


.glass{
  background:var(--glass);
  border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:var(--lift);
  border-radius:var(--r-lg);
}
.glass-strong{background:var(--glass-strong)}


.tags{display:flex;flex-wrap:wrap;gap:.4rem}
.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.36rem .8rem;border:1px solid var(--rule);border-radius:999px;font-size:.73rem;font-weight:500;color:var(--ink-62);transition:border-color .3s var(--e),color .3s var(--e),background .3s var(--e)}
a.tag:hover{border-color:var(--ink);color:var(--ink);background:var(--paper)}
.tag-solid{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
a.tag-solid:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}

.rows{border-top:1px solid var(--rule)}
.row{position:relative;border-bottom:1px solid var(--rule)}
.row > a{display:block;padding-block:clamp(1.1rem,2vw,1.7rem);transition:padding-left .5s var(--e)}
.row-top{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:clamp(.8rem,2vw,2rem)}
.row-no{font-size:.72rem;font-weight:600;color:var(--ink-42)}
.row-title{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3.6vw,3.2rem);line-height:.98;letter-spacing:-.038em;text-transform:uppercase;transition:color .4s var(--e)}
.row-go{display:grid;place-items:center;width:clamp(2.2rem,3vw,2.8rem);aspect-ratio:1;border:1px solid var(--rule);border-radius:999px;font-size:.95rem;transition:background .45s var(--e),color .45s var(--e),border-color .45s var(--e),transform .5s var(--e)}
.row-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--e),opacity .5s var(--e),margin-top .6s var(--e)}
.row-body > div{overflow:hidden}
.row-body p{max-width:62ch;margin-bottom:.85rem;font-size:.94rem;color:var(--ink-62)}
.row:hover > a,.row:focus-within > a{padding-left:clamp(.6rem,1.4vw,1.2rem)}
.row:hover .row-title,.row:focus-within .row-title{color:var(--coral-600)}
.row:hover .row-go,.row:focus-within .row-go{background:var(--ink);border-color:var(--ink);color:var(--ivory);transform:rotate(45deg)}
.row:hover .row-body,.row:focus-within .row-body{grid-template-rows:1fr;opacity:1;margin-top:1rem}

.index-list{border-top:1px solid var(--rule)}
.index-list li{border-bottom:1px solid var(--rule)}
.index-list a{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem .2rem;transition:padding-left .45s var(--e),color .3s var(--e)}
.index-list a:hover{padding-left:.8rem;color:var(--coral-700)}
.index-list i{font-style:normal;font-size:.7rem;font-weight:600;color:var(--ink-42)}
.index-list b{font-family:var(--display);font-weight:600;font-size:1.05rem}
.index-list em{font-family:var(--sans);font-style:normal;opacity:0;transform:translateX(-4px);transition:opacity .35s var(--e),transform .35s var(--e)}
.index-list a:hover em{opacity:1;transform:none}

.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--ink)}
.step{position:relative;padding:1.4rem 1.1rem 1.6rem 0;border-right:1px solid var(--rule);transition:background .45s var(--e)}
.step:last-child{border-right:0}
.step::before{content:attr(data-n);display:block;margin-bottom:2.6rem;font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--coral-600)}
.step h3{margin-bottom:.45rem}
.step p{font-size:.87rem;color:var(--ink-62);max-width:26ch}
.step::after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--coral);transition:width .6s var(--e)}
.step:hover::after{width:calc(100% - 1.1rem)}

.chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink)}
.chain-node{position:relative;padding:1.4rem 1.2rem 1.7rem 0;border-right:1px solid var(--rule)}
.chain-node:last-child{border-right:0}
.chain-node .label{margin-bottom:2.4rem}
.chain-node h3{margin-bottom:.45rem}
.chain-node p{font-size:.87rem;color:var(--ink-62);max-width:28ch}
.chain-node::before{content:"";position:absolute;left:0;top:-1px;width:.55rem;height:.55rem;background:var(--coral);transform:translateY(-50%) rotate(45deg)}
.chain-node:nth-child(2)::before{background:var(--lime-600)}
.chain-node:nth-child(3)::before{background:var(--blue)}
.chain-node:nth-child(4)::before{background:var(--ink)}

.slab{position:relative;overflow:hidden;background:linear-gradient(160deg,#1c1c22,#101014 60%,#16161b);border:1px solid rgba(255,255,255,.08);color:var(--ivory);border-radius:var(--r-xl);box-shadow:var(--lift-dark)}
.slab p,.slab .lead{color:var(--on-dark)}
.slab h2 em{color:var(--lime)}
.slab .label{color:var(--on-dark-45)}
.slab .masthead-index > span:first-of-type{background:rgba(247,243,236,.2)}
.slab-inner{position:relative;z-index:1;padding:clamp(2.25rem,4.4vw,4rem)}
.slab::before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(247,243,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,236,.05) 1px,transparent 1px);background-size:5rem 5rem;animation:drift 30s linear infinite;mask-image:radial-gradient(72% 74% at 50% 42%,#000,transparent)}
.slab-coral{background:linear-gradient(160deg,#ff7a63,#ff604a 58%,#f2543d);color:var(--ink)}
.slab-coral p,.slab-coral .lead{color:rgba(17,17,17,.78)}
.slab-coral h2 em{color:var(--ink)}
.slab-coral .label{color:rgba(17,17,17,.78)}
.slab-coral::before{background-image:linear-gradient(rgba(17,17,17,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 1px)}

.dossier{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,2.3vw,2.1rem);background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift);overflow:hidden;transition:transform .6s var(--e),box-shadow .6s var(--e),background .5s var(--e)}
a.dossier:hover{transform:translateY(-9px);background:var(--glass-strong);box-shadow:var(--lift-hi)}
.dossier-flag{align-self:flex-start;padding:.36rem .8rem;background:var(--ink);color:var(--ivory);border-radius:999px;font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.dossier h3{margin-bottom:.3rem}
.dossier dl{display:grid;gap:.45rem;font-size:.88rem}
.dossier dt{font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-42)}
.dossier dd{margin:0;color:var(--ink-84)}
.dossier .link{margin-top:auto}

.keypoints{padding:clamp(1.55rem,2.4vw,2.15rem);border:1px solid var(--glass-brd);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.keypoints h2,.keypoints h3{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42);margin-bottom:1.05rem}
.keypoints ul{display:grid;gap:.8rem}
.keypoints li{position:relative;padding-left:1.5rem;font-size:.95rem;line-height:1.5;color:var(--ink-84)}
.keypoints li::before{content:"";position:absolute;left:0;top:.6em;width:.48rem;height:.48rem;border-radius:999px;background:var(--coral)}
.keypoints li:nth-child(2n)::before{background:var(--blue)}
.keypoints li:nth-child(3n)::before{background:var(--lime-600)}
.keypoints strong{font-weight:600;color:var(--ink)}

.qa{border-top:1px solid var(--ink)}
.qa details{border-bottom:1px solid var(--rule);border-radius:var(--r-sm);transition:background .45s var(--e),padding .4s var(--e)}
.qa details[open]{background:var(--glass);border-bottom-color:transparent;box-shadow:var(--lift);padding-inline:1.15rem;margin-block:.4rem}
.qa details[open] summary{padding-left:0}
.qa summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem .2rem;cursor:pointer;list-style:none;font-family:var(--display);font-weight:700;font-size:clamp(1.06rem,1.7vw,1.5rem);letter-spacing:-.02em;transition:color .3s var(--e),padding-left .45s var(--e)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";width:.72rem;height:.72rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-.14rem);transition:transform .45s var(--e)}
.qa summary:hover{color:var(--coral-700);padding-left:.5rem}
.qa details[open] summary::after{transform:rotate(225deg) translateY(-.1rem)}
.qa-a{padding:0 3rem 1.35rem .2rem;max-width:78ch;color:var(--ink-62);font-size:.96rem;animation:fade .45s var(--e) both}

.quote-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(24rem,82vw),1fr);gap:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}
.quote-rail > *{scroll-snap-align:start}
.quote{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.6rem,2.5vw,2.25rem);background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.quote blockquote{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,1.9vw,1.75rem);line-height:1.14;letter-spacing:-.03em;text-transform:uppercase}
.quote cite{font-style:normal;font-size:.84rem;color:var(--ink-62)}
.quote cite b{display:block;color:var(--ink);font-weight:600}

.article{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:clamp(1.75rem,4vw,4.5rem);align-items:start}
.prose{max-width:70ch;font-size:1.06rem;line-height:1.72}
.prose > * + *{margin-top:1.2rem}
.prose h2{margin-top:2.9rem;font-size:clamp(1.55rem,2.6vw,2.3rem)}
.prose h3{margin-top:2.1rem;font-size:clamp(1.16rem,1.7vw,1.5rem)}
.prose p{color:var(--ink-84)}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{display:grid;gap:.65rem}
.prose ul li{position:relative;padding-left:1.5rem}
.prose ul li::before{content:"";position:absolute;left:.1rem;top:.68em;width:.42rem;height:.42rem;background:var(--coral);border-radius:999px}
.prose ol{counter-reset:n}
.prose ol li{position:relative;padding-left:2.2rem;counter-increment:n}
.prose ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.1em;font-size:.78rem;font-weight:600;color:var(--blue-700)}
.prose blockquote{padding-left:1.5rem;border-left:2px solid var(--coral);font-family:var(--serif);font-size:1.42rem;line-height:1.36;font-style:italic}
.prose a{background-image:linear-gradient(var(--rule),var(--rule));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}
.prose a:hover{background-image:linear-gradient(var(--ink),var(--ink))}
.terms{display:grid;gap:var(--gutter);grid-template-columns:repeat(2,1fr)}
.term{padding:clamp(1.3rem,2.2vw,1.9rem);background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.term h3{font-size:1.05rem;margin-bottom:.55rem}
.term p{color:var(--ink-62);font-size:.94rem}
.term-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
@media (max-width:860px){.terms{grid-template-columns:1fr}}
.author-box{padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r-lg)}
.author-box .label{margin-bottom:.9rem}
.author-box p{max-width:62ch;margin:.65rem 0 1.15rem;color:var(--ink-62)}
.author-box .actions{gap:.6rem}
.prose a.inline-link,.inline-link{color:inherit;font-weight:500;text-decoration:none;background-image:linear-gradient(var(--coral),var(--coral));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s ease,color .25s ease}
.prose a.inline-link:hover,.inline-link:hover{color:var(--coral-700);background-image:linear-gradient(var(--coral-700),var(--coral-700));background-size:100% 2px}
.aside{position:sticky;top:calc(var(--header-h) + 2.5rem);display:grid;gap:1.25rem}
.toc{padding:1.35rem 1.5rem;border:1px solid var(--glass-brd);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.toc h2{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42);margin-bottom:.85rem}
.toc a{display:block;padding:.42rem 0;font-size:.86rem;color:var(--ink-62);border-bottom:1px solid var(--rule-soft);transition:color .3s var(--e),padding-left .35s var(--e)}
.toc a:hover{color:var(--ink);padding-left:.35rem}
.byline{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center;font-size:.78rem;color:var(--ink-42);padding-block:1.1rem;border-block:1px solid var(--rule)}
.byline span{display:inline-flex;align-items:center;gap:.45rem}

.page-hero{position:relative;padding-top:calc(var(--header-h) + clamp(3.25rem,6vw,5.5rem));padding-bottom:clamp(2rem,3.5vw,3rem);overflow:hidden}

.page-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,3.5vw,4rem);align-items:end}
.page-hero h1{margin:1.1rem 0 0;font-size:clamp(2.6rem,7.2vw,7rem)}
.page-hero .lead{max-width:44ch}
.page-hero-side{display:flex;flex-direction:column;gap:1.35rem;padding-bottom:.35rem}
.page-hero-compact .page-hero-inner{align-items:start}
.page-hero-compact h1{font-size:clamp(2rem,3.9vw,3.6rem);line-height:1;letter-spacing:-.03em;max-width:24ch;text-transform:none}
.crumbs{position:relative;z-index:1;padding-bottom:1.35rem;font-size:.74rem;color:var(--ink-42)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.crumbs li{display:flex;align-items:center;gap:.5rem}
.crumbs li:not(:last-child)::after{content:"";width:.9rem;height:1px;background:var(--rule)}
.crumbs a:hover{color:var(--ink)}
.crumbs li[aria-current]{max-width:min(38ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.crumbs [aria-current]{color:var(--ink-62)}

.figure{position:relative;overflow:hidden;border-radius:var(--r-xl);background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.figure-mark{display:grid;place-items:center;aspect-ratio:1/.82;padding:2rem}
.figure-mark img{width:min(52%,9rem);animation:updowns 8s ease-in-out infinite}
.figure-ring{position:absolute;border:1px solid var(--rule);border-radius:999px}
.figure-ring:nth-of-type(1){inset:12%;animation:spin 44s linear infinite}
.figure-ring:nth-of-type(2){inset:26%;border-color:rgba(255,96,74,.32);border-style:dashed;animation:spin 32s linear infinite reverse}
.figure-tag{position:absolute;left:1rem;bottom:1rem;padding:.4rem .85rem;border-radius:999px;background:var(--ink);color:var(--ivory);font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}

.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.75rem,4vw,4.5rem);align-items:start}
.channels{display:grid;margin-top:1.75rem;border-top:1px solid var(--rule)}
.channels a,.channels div{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1rem .2rem;border-bottom:1px solid var(--rule);transition:padding-left .45s var(--e)}
.channels a:hover{padding-left:.6rem}
.channels b{display:block;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-42);margin-bottom:.25rem}
.form{display:grid;gap:1rem;padding:clamp(1.6rem,2.6vw,2.4rem);border:1px solid var(--glass-brd);border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift)}
.field{display:grid;gap:.4rem}
.field label{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-42)}
.field input,.field textarea,.field select{min-width:0;width:100%;padding:.9rem 1.05rem;border:1px solid var(--rule);border-radius:var(--r-xs);background:var(--ivory);font-size:.95rem;transition:border-color .3s var(--e),box-shadow .3s var(--e),background .3s var(--e)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(17,17,17,.07)}
.field textarea{min-height:8.5rem;resize:vertical}
.form-note{font-size:.78rem;color:var(--ink-42)}

.site-footer{position:relative;margin-top:var(--sp);background:linear-gradient(170deg,#17171b,#0b0b0d);color:var(--ivory);overflow:hidden;border-radius:var(--r-2xl) var(--r-2xl) 0 0}
.site-footer::before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(247,243,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,236,.05) 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.footer-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2.6fr));gap:clamp(1.5rem,3vw,3rem);padding-block:clamp(3rem,5vw,4.5rem) clamp(2rem,3.5vw,3rem);border-bottom:1px solid rgba(247,243,236,.16)}
.footer-brand img{height:2.2rem;width:auto;margin-bottom:1.3rem}
.footer-brand p{max-width:32ch;color:var(--on-dark);font-size:.92rem}
.footer-brand p + p{margin-top:.7rem}
.footer-col h2{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--on-dark-45);margin-bottom:1rem}
.footer-col a{display:block;padding:.28rem 0;font-size:.87rem;color:var(--on-dark);transition:color .3s var(--e),padding-left .35s var(--e)}
.footer-col a:hover{color:var(--lime);padding-left:.3rem}
.footer-bottom{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.6rem;font-size:.78rem;color:var(--on-dark-45)}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:1.3rem}
.footer-bottom a:hover{color:var(--lime)}

@keyframes rise{from{opacity:0;transform:translateY(104%)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:none}}
@keyframes wipeUp{from{opacity:0;transform:translateY(88px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes zoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes updowns{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes drift{to{background-position:5.5rem 5.5rem}}
@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes field{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(2%,-2%,0) scale(1.06)}66%{transform:translate3d(-2%,2%,0) scale(.97)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes pulseRing{0%{transform:scale(.82);opacity:.5}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}

.rv{opacity:1}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:fadeInUp linear both;animation-timeline:view();animation-range:entry 4% cover 30%}
    .rv-zoom{animation-name:zoomIn}
    .rv-wipe{animation-name:wipeUp;animation-range:entry 2% cover 34%}
    .stg > *{animation:fadeInUp linear both;animation-timeline:view();animation-range:entry 2% cover 28%}
    .stg > *:nth-child(2){animation-range:entry 2% cover 33%}
    .stg > *:nth-child(3){animation-range:entry 2% cover 38%}
    .stg > *:nth-child(4){animation-range:entry 2% cover 43%}
    .stg > *:nth-child(5){animation-range:entry 2% cover 48%}
    .stg > *:nth-child(6){animation-range:entry 2% cover 53%}
    .stg > *:nth-child(7){animation-range:entry 2% cover 58%}
    .rule-draw{animation:lineIn linear both;animation-timeline:view();animation-range:entry 8% cover 26%;transform-origin:left}
    .header-bar{animation:hdr linear both;animation-timeline:scroll(root);animation-range:0 180px}
  }
}
@keyframes hdr{to{min-height:3.7rem;background:var(--glass-strong);box-shadow:var(--lift-hi)}}

@media (max-width:1360px){.nav > li > a{padding-inline:.58rem;font-size:.85rem}.nav > li > a::after{left:.58rem;right:.58rem}}
@media (max-width:1200px){.nav > li > a{padding-inline:.48rem;font-size:.8rem}.nav > li > a::after{left:.48rem;right:.48rem}}
@media (max-width:1180px){
  :root{--shell:min(100%,calc(100% - 2.5rem));--shell-nar:min(100%,calc(100% - 2.5rem))}
  .hero-row1 .spin-badge{display:none}
  .g4,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .step:nth-child(3n){border-right:0}
  .chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chain-node:nth-child(2n){border-right:0}
  .article{grid-template-columns:1fr}
  .aside{position:static;grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-right:0}
  .statement{grid-template-columns:1fr}
}
@media (max-width:960px){
  .hero-row1{flex-direction:column;align-items:flex-start}
  .hero-jump{flex:0 0 auto;width:min(100%,30rem)}
}
@media (max-width:1024px){
  :root{--header-h:64px}
  .nav,.header-actions .btn{display:none}
  .burger{display:grid}
  .g3,.g-7-5,.g-5-7,.page-hero-inner,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero-inner,.contact-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-brand{grid-column:1/-1}
  
  .mobile-panel{display:block;position:fixed;inset:0;z-index:71;padding:calc(var(--header-h) + 4.5rem) 1.25rem 2.5rem;background:linear-gradient(165deg,rgba(252,250,246,.985),rgba(243,238,229,.97));-webkit-backdrop-filter:saturate(190%) blur(34px);backdrop-filter:saturate(190%) blur(34px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity .42s var(--e),visibility .42s}
  .mobile-panel{pointer-events:none}
  .nav-toggle:checked ~ .mobile-panel{opacity:1;visibility:visible;pointer-events:auto}
  .nav-toggle:checked ~ .mobile-panel .m{animation:fade .5s var(--e) both}
  .m:nth-child(2){animation-delay:.04s}
  .m:nth-child(3){animation-delay:.08s}
  .m:nth-child(4){animation-delay:.12s}
  .m:nth-child(5){animation-delay:.16s}
  .m:nth-child(6){animation-delay:.2s}
  .m:nth-child(7){animation-delay:.24s}
  .m:nth-child(8){animation-delay:.28s}
  .m{border-bottom:1px solid var(--rule)}
  .m > a,.m > summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem .2rem;font-family:var(--display);font-weight:600;font-size:1.5rem;cursor:pointer;list-style:none}
  .m > summary::-webkit-details-marker{display:none}
  .m > summary::after{content:"";width:.65rem;height:.65rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-.12rem);transition:transform .4s var(--e)}
  .m[open] > summary::after{transform:rotate(225deg) translateY(-.1rem)}
  .m-sub{padding:0 .2rem .9rem}
  .m:not([open]) > .m-sub{display:none}
  .m > summary{cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
  .m-sub a{display:block;padding:.5rem 0;font-size:.9rem;color:var(--ink-62)}
  .m-cta{display:grid;gap:.65rem;margin-top:1.75rem}
  body:has(.nav-toggle:checked){overflow:hidden}
}
@media (max-width:760px){
  :root{--shell:calc(100% - 1.75rem);--shell-nar:calc(100% - 1.75rem);--gutter:.85rem;--sp:clamp(3.5rem,10vw,5rem)}
  .g2,.g3,.g4,.g-7-5,.g-5-7,.g-6-6,.stats,.steps,.chain{grid-template-columns:1fr}
  .aside{grid-template-columns:1fr}
  .step,.chain-node,.stat{border-right:0;border-bottom:1px solid var(--rule);padding-right:0}
  .step:last-child,.chain-node:last-child,.stat:last-child{border-bottom:0}
  .step::before,.chain-node .label{margin-bottom:1rem}
  .row-top{grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.7rem}
  .row-title{font-size:1.35rem}
  .row-body{grid-template-rows:1fr;opacity:1;margin-top:.75rem}
  .btn{width:100%;justify-content:space-between}
  .actions{flex-direction:column;align-items:stretch}
  .ticker-track > span,.strip-run > span{font-size:1.25rem;gap:1.4rem;padding-right:1.4rem}
  .qa-a{padding-right:0}
  .footer-top{grid-template-columns:1fr}
  .prose{font-size:1.01rem}
  
  
  
  .head-two{flex-direction:column;align-items:flex-start}
  .hero-row1,.hero-row2{flex-direction:column;align-items:flex-start}
  .hero-cont{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .strip-inner{flex-direction:column;align-items:stretch;gap:0}
  .strip-label{border-right:0;border-bottom:1px solid var(--rule);padding-right:0;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ticker-track,.strip-run{width:100%;justify-content:center;overflow:hidden}
  .ticker-track > span:nth-child(2),.strip-run > span:nth-child(2){display:none}
}
@media print{
  .site-header,.mobile-panel,.ticker,.strip,.site-footer{display:none}
  body{background:#fff;font-size:10.5pt}
  .slab,.reel,.hero-panel{background:#fff;color:#000}
}

.hero-ticker{margin-top:clamp(1.5rem,2.5vw,2.25rem);border-top:1px solid rgba(17,17,17,.1);overflow:hidden;padding-block:clamp(.9rem,1.5vw,1.35rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent)}
.hero-ticker .ticker-track > span{color:var(--ink);font-size:clamp(1.1rem,2.1vw,2rem);font-weight:800;letter-spacing:-.035em;text-transform:uppercase}
.hero-ticker .ticker-track b{color:var(--coral-700);opacity:1}
.outline{-webkit-text-stroke:1.5px currentColor;color:transparent;opacity:.55}
.panel-fill-coral{background:linear-gradient(152deg,rgba(255,120,100,.94),rgba(255,96,74,.9));border-color:rgba(255,255,255,.4)}
.panel-fill-coral p{color:rgba(17,17,17,.76)}
.panel-fill-coral .label{color:rgba(17,17,17,.78)}
.panel-fill-lime{background:linear-gradient(152deg,rgba(240,247,150,.94),rgba(233,243,91,.9));border-color:rgba(255,255,255,.5)}
.panel-fill-lime p{color:rgba(17,17,17,.72)}
.panel-fill-lime .label{color:rgba(17,17,17,.78)}
.panel-fill-blue{background:linear-gradient(152deg,rgba(76,110,240,.94),rgba(49,85,231,.9));border-color:rgba(255,255,255,.32);color:var(--ivory)}
.panel-fill-blue p{color:rgba(247,243,236,.82)}
.panel-fill-blue .label{color:rgba(247,243,236,.6)}
.panel-fill-coral::after,.panel-fill-lime::after,.panel-fill-blue::after{background:rgba(255,255,255,.4);opacity:.3}
a.panel-fill-coral:hover{background:linear-gradient(152deg,rgba(255,134,114,.97),rgba(255,104,82,.94))}
a.panel-fill-lime:hover{background:linear-gradient(152deg,rgba(244,250,168,.97),rgba(236,245,110,.94))}
a.panel-fill-blue:hover{background:linear-gradient(152deg,rgba(92,124,244,.97),rgba(57,93,235,.94))}
.stats{border-top:2px solid var(--ink)}
.rows{border-top:2px solid var(--ink)}

.qa{border-top:2px solid var(--ink)}
.index-list{border-top:2px solid var(--ink)}
.keypoints{border-width:1.5px}

.shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.shot{margin:0;position:relative;overflow:hidden;border-radius:var(--r);background:var(--band);border:1px solid var(--glass-brd);box-shadow:var(--lift)}
.shot img{width:100%;height:auto;display:block;transition:transform .8s var(--e)}
.shot:hover img{transform:scale(1.04)}
.shot figcaption{position:absolute;left:0;bottom:0;right:0;padding:.7rem .9rem;background:linear-gradient(to top,rgba(17,17,17,.82),transparent);color:var(--ivory);font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}
.shot-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.work{display:flex;flex-direction:column;gap:.9rem;padding:.65rem .65rem 1.5rem;border:1px solid var(--glass-brd);border-radius:var(--r-lg);background:linear-gradient(152deg,rgba(255,255,255,.86),rgba(255,255,255,.66));box-shadow:var(--lift);overflow:hidden;transition:transform .6s var(--e),box-shadow .6s var(--e),background .5s var(--e)}
.work:hover{transform:translateY(-9px);background:rgba(255,255,255,.95);box-shadow:var(--lift-hi)}
.work-shot{display:block;overflow:hidden;border-radius:var(--r);background:var(--band);aspect-ratio:4/3}
.work-shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.work:hover .work-shot img{transform:scale(1.05)}
.work-meta{display:block;padding-inline:.75rem}
.work-meta .label{margin-bottom:.5rem}
.work-meta b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,1.6vw,1.42rem);letter-spacing:-.028em;line-height:1.06}
.work-meta i{display:block;margin-top:.28rem;font-style:normal;font-size:.86rem;color:var(--ink-62)}
.work .link{padding-inline:.75rem}
.logo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--glass-brd);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--lift)}
.logo-wall li{display:grid;place-items:center;padding:clamp(.9rem,1.8vw,1.6rem);background:rgba(255,255,255,.78);aspect-ratio:16/10;transition:background .4s var(--e)}
.logo-wall li:hover{background:var(--band)}
.logo-wall img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .45s var(--e),opacity .45s var(--e)}
.logo-wall li:hover img{filter:none;opacity:1}
.filter-bar{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
@media (max-width:1180px){.shot-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.shot-grid,.work-grid,.shot-grid.wide{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cat-head{display:flex;align-items:center;gap:1rem;margin:clamp(2.25rem,3.5vw,3rem) 0 1.25rem;padding-top:1.1rem;border-top:1px solid var(--rule);scroll-margin-top:calc(var(--header-h) + 3rem)}
.cat-head:first-of-type{margin-top:0;padding-top:0;border-top:0}
.cat-head span{font-family:var(--display);font-weight:800;font-size:clamp(1.2rem,2.2vw,2rem);letter-spacing:-.03em;text-transform:uppercase}
.cat-head i{font-style:normal;display:grid;place-items:center;min-width:2rem;height:2rem;padding-inline:.5rem;border-radius:999px;background:var(--ink);color:var(--ivory);font-size:.74rem;font-weight:600}
.cat-head::after{content:"";flex:1;height:1px;background:var(--rule)}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.book-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}
.book-side{display:grid;gap:var(--gutter);position:sticky;top:calc(var(--header-h) + 2.5rem)}
.form-wide{padding:clamp(1.6rem,2.6vw,2.4rem)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field.choice{border:1px solid var(--rule);border-radius:var(--r-sm);padding:1rem 1.1rem;gap:.55rem}
.field.choice legend{padding:0 .4rem;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-42)}
.opt{display:flex;align-items:flex-start;gap:.65rem;font-size:.92rem;cursor:pointer;line-height:1.4}
.opt input{appearance:none;flex:0 0 auto;width:1.05rem;height:1.05rem;margin-top:.16rem;border:1.5px solid var(--rule);background:var(--ivory);transition:border-color .3s var(--e),background .3s var(--e),box-shadow .3s var(--e)}
.opt input[type=radio]{border-radius:999px}
.opt input[type=checkbox]{border-radius:5px}
.opt input:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--ivory)}
.opt input[type=checkbox]:checked{box-shadow:inset 0 0 0 2px var(--ivory)}
.opt input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.consent{margin-top:.35rem;font-size:.86rem;color:var(--ink-62)}
.steps-list{display:grid;gap:.9rem;counter-reset:st}
.steps-list li{position:relative;padding-left:2.2rem;counter-increment:st}
.steps-list li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:.06em;font-family:var(--display);font-size:.76rem;font-weight:700;color:var(--coral-600)}
.steps-list b{display:block;font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.steps-list span{display:block;margin-top:.2rem;font-size:.87rem;color:var(--ink-62)}
@media (max-width:1024px){.book-grid{grid-template-columns:1fr}.book-side{position:static}}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}
.rings{z-index:0}
.hero-row1,.hero-row2,.hero-foot,.hero-ticker{position:relative;z-index:1}
.hero-panel>.rings i:nth-child(1){right:-10vw;top:-12vw}
.halo-1{width:34vw;max-width:34rem;aspect-ratio:1;right:-8vw;top:-10vw;opacity:.5;animation:field 34s ease-in-out infinite}
.halo-2{width:26vw;max-width:26rem;aspect-ratio:1;left:-8vw;bottom:-10vw;opacity:.42;animation:field 44s -8s ease-in-out infinite reverse}
.halo-3{width:20vw;max-width:20rem;aspect-ratio:1;left:46%;top:58%;opacity:.34;animation:field 52s -16s ease-in-out infinite}
.slab .halo,.reel .halo,.hero-panel .halo{opacity:.34;filter:blur(58px)}
.slab-coral .halo{opacity:.2}
.spin-badge{position:relative}
.spin-badge::before,.spin-badge::after{content:"";position:absolute;inset:-10%;border-radius:999px;border:1px solid currentColor;opacity:.22;animation:pulseRing 4.5s var(--e) infinite}
.spin-badge::after{animation-delay:2.2s}
.figure-mark::before{content:"";position:absolute;inset:14%;border-radius:999px;border:1px solid var(--rule);animation:spin 40s linear infinite}
.figure-mark::after{content:"";position:absolute;inset:28%;border-radius:999px;border:1px dashed rgba(255,96,74,.34);animation:spin 28s linear infinite reverse}
.touch::after{border-color:rgba(17,17,17,.24)}
.section > .rings{border-radius:0}
.band{border-radius:var(--r-2xl);overflow:hidden;position:relative}
.strip-inner{border-radius:0}
.qa summary{border-radius:var(--r-sm)}
.btn,.tag,.lang,.burger,.touch,.dossier-flag{border-radius:999px}
.step,.chain-node{border-radius:0}


.skip-link{border-radius:999px}

.band > .rings i:nth-child(1){right:-18vw;top:-20vw}
.band > .rings i:nth-child(3){left:-14vw;bottom:-16vw}
.band .shell{position:relative;z-index:1}
.reel > *:not(.rings){position:relative;z-index:1}

@media (prefers-reduced-transparency:reduce){
  .glass,.panel,.keypoints,.quote,.toc,.form,.figure,.header-bar,.subnav,.mobile-panel{
    -webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper)}
}

.hero-panel{isolation:isolate}
.hero-panel>.rings i{border-color:rgba(17,17,17,.16)}
.hero-panel>.rings i:nth-child(2){border-color:rgba(255,96,74,.42)}
.hero-panel>.rings i:nth-child(3){border-color:rgba(49,85,231,.3)}
.hero-panel .halo{opacity:.5;filter:blur(64px)}
.hero-jump{border:1px solid rgba(255,255,255,.7);border-radius:var(--r-lg);background:linear-gradient(152deg,rgba(255,255,255,.62),rgba(255,255,255,.3));-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -22px rgba(17,17,17,.35);padding:.9rem .6rem .5rem;overflow:hidden}
.hero-jump .label{margin:0 .55rem .8rem;white-space:nowrap;font-size:.66rem;letter-spacing:.11em}
.hero-jump a:last-child{border-bottom:0}
.reel .btn-onDark{border-color:rgba(17,17,17,.32);color:var(--ink)}
.reel .btn-onDark::before{background:var(--ink)}
.reel .btn-onDark:hover{color:var(--ivory);border-color:var(--ink)}
.reel .btn-onDark i{background:rgba(17,17,17,.12)}
.reel > .rings i{border-color:rgba(17,17,17,.2)}
.reel > .rings i:nth-child(2){border-color:rgba(255,255,255,.5)}
.reel > .rings i:nth-child(3){border-color:rgba(17,17,17,.16)}
.reel .halo{opacity:.22}
.gloss{position:relative}
.glass::after,.panel::before,.keypoints::before,.quote::before,.form::before,.hero-jump::before{
  content:"";position:absolute;left:-30%;top:-60%;width:60%;height:220%;pointer-events:none;
  background:linear-gradient(102deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);
  transform:translateX(-40%) rotate(6deg);opacity:0;transition:transform 1.1s var(--e),opacity .5s var(--e)}
a.panel:hover::before,.keypoints:hover::before,.quote:hover::before,.form:hover::before{transform:translateX(220%) rotate(6deg);opacity:1}
.panel,.keypoints,.quote,.form,.hero-jump{position:relative;overflow:hidden}

.page-hero{isolation:isolate}
.page-hero .page-hero-inner{position:relative;z-index:1}
.label{padding:.34rem .78rem .34rem .62rem;border-radius:999px;background:linear-gradient(152deg,rgba(255,255,255,.7),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.66);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.label-plain,.footer-col h2,.keypoints h2,.keypoints h3,.toc h2,.field label,.channels b,.dossier dt,.work-meta .label,.panel .label,.masthead-index .label{padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
.slab .label,.reel .label,.panel-ink .label{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.reel .label{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.6)}

.svc-list{display:grid;gap:.6rem}
.svc{position:relative;border-radius:var(--r-lg);transition:transform .55s var(--e)}
.svc::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass);border:1px solid var(--glass-brd);box-shadow:var(--lift);opacity:0;transform:scale(.985);transition:opacity .5s var(--e),transform .55s var(--e);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.svc::after{content:"";position:absolute;left:clamp(1rem,2vw,1.75rem);right:clamp(1rem,2vw,1.75rem);bottom:0;height:1px;background:var(--rule);transition:opacity .4s var(--e)}
.svc:last-child::after{opacity:0}
.svc:hover::before,.svc:focus-within::before{opacity:1;transform:none}
.svc:hover::after,.svc:focus-within::after{opacity:0}
.svc:hover{transform:translateY(-2px)}
.svc > a{position:relative;z-index:1;display:block;padding:clamp(1.15rem,2vw,1.65rem) clamp(1rem,2vw,1.75rem)}
.svc-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,2.4vw,2.25rem)}
.svc-no{position:relative;display:grid;place-items:center;width:clamp(3.4rem,5vw,4.5rem);aspect-ratio:1;border-radius:calc(var(--r) * .72);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px -18px rgba(17,17,17,.5);transition:transform .55s var(--e),border-radius .55s var(--e)}
.svc-no em{font-family:var(--display);font-style:normal;font-weight:800;font-size:clamp(1rem,1.5vw,1.35rem);letter-spacing:-.02em}
.svc:hover .svc-no{transform:rotate(-6deg) scale(1.04);border-radius:999px}
.tint-coral{background:linear-gradient(152deg,rgba(255,150,132,.92),rgba(255,96,74,.78));color:var(--ink)}
.tint-blue{background:linear-gradient(152deg,rgba(122,150,255,.92),rgba(49,85,231,.8));color:#fff}
.tint-lime{background:linear-gradient(152deg,rgba(243,249,178,.95),rgba(233,243,91,.85));color:var(--ink)}
.tint-ink{background:linear-gradient(152deg,rgba(58,58,68,.95),rgba(17,17,17,.9));color:var(--ivory)}
.tint-grey{background:linear-gradient(152deg,rgba(255,255,255,.9),rgba(226,222,214,.8));color:var(--ink)}
.svc-mid{display:block;min-width:0}
.svc-mid h3{font-size:clamp(1.28rem,2.7vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1;text-transform:uppercase;transition:color .4s var(--e)}
.svc:hover .svc-mid h3{color:var(--coral-700)}
.svc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.6rem}
.svc-meta b{display:inline-flex;padding:.26rem .68rem;border-radius:999px;background:rgba(17,17,17,.055);border:1px solid rgba(17,17,17,.07);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.svc-meta i{font-style:normal;font-size:.86rem;color:var(--ink-62)}
.svc-desc{max-width:64ch;margin:0;font-size:.93rem;line-height:1.5;color:var(--ink-62);display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s var(--e),opacity .45s var(--e),margin-top .5s var(--e)}
.svc-desc > *{overflow:hidden}
.svc:hover .svc-desc,.svc:focus-within .svc-desc{grid-template-rows:1fr;opacity:1;margin-top:.7rem}
.svc-go{display:grid;place-items:center;width:clamp(2.5rem,3.4vw,3.1rem);aspect-ratio:1;border-radius:999px;border:1px solid var(--rule);font-size:1rem;color:var(--ink);transition:background .45s var(--e),color .45s var(--e),border-color .45s var(--e),transform .55s var(--e)}
.svc:hover .svc-go,.svc:focus-within .svc-go{background:var(--ink);border-color:var(--ink);color:var(--ivory);transform:rotate(45deg)}
@media (max-width:760px){
 .svc-in{grid-template-columns:auto minmax(0,1fr);gap:.9rem}
 .svc-go{display:none}
 .svc-desc{grid-template-rows:1fr;opacity:1;margin-top:.7rem}
 .svc-mid h3{font-size:1.3rem}
}
@media (max-width:760px){.hero-ticker .ticker-track > span{font-size:1.15rem}
  .label{font-size:.76rem}
  .keypoints h2,.keypoints h3,.toc h2,.field label,.field.choice legend,.channels b,.dossier dt{font-size:.76rem}
  .byline,.crumbs,.form-note,.small{font-size:.82rem}
  .dossier-flag,.figure-tag,.row-no,.index-list i,.svc-meta b,.svc-meta i,.stat p,
  .work-meta .label,.cat-head i,.tag,.hero-panel .label,.panel .label,.slab .label,
  .reel .label,.masthead .label,.hero-jump .label,.svc-meta b,.svc-meta i,
  .work-grid .label,.term-links .link{font-size:.76rem}}

@media (hover:none),(pointer:coarse){
  .svc-desc{grid-template-rows:1fr;opacity:1;margin-top:.7rem}
  .row-body{grid-template-rows:1fr;opacity:1;margin-top:1rem}
  .index-list a em{opacity:1;transform:none}
  .logo-wall li img{filter:none;opacity:1}
}
