/* ═══════════════════════════════════════════════════════════════════════
   SafeRise — homepage sections 02-09 · css/saferise-home-v2.css
   SR-585, from the approved homepage handover of 15 October 2026.

   WHY EVERY SELECTOR CARRIES A SECTION ID. The handover ships one stylesheet
   per section, and warns that they use generic class names (eyebrow, lead,
   pathways) and cumulative overrides, and must not be concatenated globally.
   Each sheet is reproduced here verbatim, in its own order, with every
   selector prefixed by the id of the wrapper its markup sits in. The cascade
   inside a section is therefore exactly the reference's; a collision with
   another section, or with the rest of the site, is impossible.

   Generated from the handover by scope.py. Two substitutions were made:
     · Editorial → 'Cormorant Garamond', Interface → 'Inter'. Those are the
       two faces the handover ships, confirmed from the TTFs themselves
       (Cormorant Garamond Medium and Inter Regular); the site already serves
       both, so no font file was added.
     · the scene images → /assets/home2/*.webp derivatives.
   The preview chrome (body, header, nav, @font-face) is not carried over:
   the site has one header and one footer of its own.
   ═══════════════════════════════════════════════════════════════════════ */
/* ── the ground each section was designed against ──
   The references rendered against their own <body>: Interface 16px/normal,
   #f5f0e8 on #0c0d13 (08 and 09: #f2ede4 on #101218). Every element that
   inherits rather than setting its own type depends on it, so each wrapper
   restates it — otherwise the page's own body (Cormorant Garamond 18px/300)
   is inherited and the sections read in the wrong face at the wrong size.
   The site's section rhythm is stopped at the wrapper for the same reason:
   a bare `section` rule in the system sheet was adding 128px of padding to
   every nested section, including the work strip. */
:where(.sr-h2sec){font:400 16px/normal 'Inter',Arial,sans-serif;letter-spacing:normal;
  color:#f5f0e8;background:#0c0d13;-webkit-font-smoothing:antialiased}
:where(#sec-work,#sec-closing){color:#f2ede4;background:#101218}
:where(.sr-h2sec) section{padding:0;margin:0;background:transparent;border-top:0;max-width:none}
:where(.sr-h2sec) :is(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:inherit;
  color:inherit;letter-spacing:inherit;line-height:inherit}
/* the site resets every margin to zero; the references did not, and their copy
   relies on the browser's own block margins where no rule sets one. These put
   the browser defaults back inside the wrappers, and every reference rule that
   sets a margin still wins, because it comes later in this file. */
:where(.sr-h2sec) :is(p,ul,ol,blockquote,dl){margin-block:1em;margin-inline:0}
:where(.sr-h2sec) figure{margin:1em 40px}
:where(.sr-h2sec) :is(ul,ol){padding-inline-start:40px}
:where(.sr-h2sec) h1{margin-block:.67em}
:where(.sr-h2sec) h2{margin-block:.83em}
:where(.sr-h2sec) h3{margin-block:1em}
:where(.sr-h2sec) h4{margin-block:1.33em}
:where(.sr-h2sec) :is(h5,h6){margin-block:1.67em}

/* ── sec-pathways · from section-02.css ── */
:where(#sec-pathways) .sr-pathways{background:radial-gradient(ellipse at 50% 0%,#252c31 0%,#12171c 38%,#0c0f14 78%);padding:64px 40px 80px}
:where(#sec-pathways) .sr-pathways-inner{max-width:1240px;margin:auto}
:where(#sec-pathways) .sr-pathways-heading{text-align:center;margin-bottom:43px}
:where(#sec-pathways) .sr-pathways-eyebrow{font:11px 'Inter',Arial;letter-spacing:2.2px;color:#dfb750;margin:0 0 18px}
:where(#sec-pathways) .sr-pathways-heading h2{font:500 56px/1 'Cormorant Garamond',Georgia;letter-spacing:-.6px;margin:0 0 20px}
:where(#sec-pathways) .sr-pathways-heading>p:last-child{font-size:16px;line-height:1.7;color:#bbbcc0;margin:0}
:where(#sec-pathways) .sr-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
:where(#sec-pathways) .sr-path{border:1px solid #ffffff16;border-radius:16px;overflow:hidden;background:#12151b;transition:border-color .2s}
:where(#sec-pathways) .sr-path:hover, :where(#sec-pathways) .sr-path:focus-within{border-color:#c4a66a88}
:where(#sec-pathways) .sr-path-photo{position:relative;aspect-ratio:4/3;overflow:hidden}
:where(#sec-pathways) .sr-path-photo>img{width:100%;height:100%;object-fit:cover;display:block}
:where(#sec-pathways) .sr-path--perform .sr-path-photo>img{transform:scaleX(-1);object-position:38% center}
:where(#sec-pathways) .sr-path--connect .sr-path-photo>img{object-position:68% center}
:where(#sec-pathways) .sr-path--grow .sr-path-photo>img{object-position:90% center}
:where(#sec-pathways) .sr-path-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12151b44,transparent 40%);pointer-events:none}
:where(#sec-pathways) .sr-path-icon{position:absolute;left:22px;top:20px;width:41px;height:41px;border-radius:50%;background:#101418df;border:1px solid #d1ac5b77;color:#dfb750;display:grid;place-items:center;z-index:1}
:where(#sec-pathways) .sr-path-icon svg{width:22px;height:22px}
:where(#sec-pathways) .sr-path--connect .sr-path-icon{color:#d1b196}
:where(#sec-pathways) .sr-path--grow .sr-path-icon{color:#a8bb98}
:where(#sec-pathways) .sr-path-copy{padding:24px 26px 27px}
:where(#sec-pathways) .sr-path-copy h2{font:500 36px/1 'Cormorant Garamond',Georgia;margin:0 0 8px}
:where(#sec-pathways) .sr-path-category{font-size:12px;color:#d7b771;margin:0 0 25px}
:where(#sec-pathways) .sr-path-line{font:500 20px/1.25 'Cormorant Garamond',Georgia;margin:0 0 12px;min-height:50px}
:where(#sec-pathways) .sr-path-description{font-size:15px;line-height:1.7;color:#bfc0c3;margin:0;min-height:128px}
:where(#sec-pathways) .sr-path details{margin:8px 0 23px;border-top:1px solid #ffffff14;padding-top:15px}
:where(#sec-pathways) .sr-path summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;color:#aaaeb5;font-size:12px}
:where(#sec-pathways) .sr-path summary::-webkit-details-marker{display:none}
:where(#sec-pathways) .sr-path summary span{color:#d4b578;font-size:18px;line-height:14px}
:where(#sec-pathways) .sr-path details[open] summary span{transform:rotate(45deg)}
:where(#sec-pathways) .sr-path details p{font-size:15px;line-height:1.7;color:#bfc0c3;margin:16px 0 0}
:where(#sec-pathways) .sr-path-cta{display:flex;justify-content:space-between;align-items:center;padding:15px 21px;background:#dfb750;border:1px solid #e4bd61;color:#17150f;border-radius:30px;font-size:14px;transition:background .2s}
:where(#sec-pathways) .sr-path-cta:hover{background:#efcb76}
:where(#sec-pathways) .sr-path-cta span{font-size:20px}
:where(#sec-pathways) .sr-path summary:focus-visible{outline:2px solid #e5be65;outline-offset:6px}
@media(max-width:1100px){:where(#sec-pathways) .sr-pathways{padding-left:32px;padding-right:32px}:where(#sec-pathways) .sr-path-grid{gap:18px}:where(#sec-pathways) .sr-path-copy{padding:22px 20px}:where(#sec-pathways) .sr-path-line{font-size:19px}:where(#sec-pathways) .sr-path-description{min-height:179px}:where(#sec-pathways) .sr-pathways-heading h2{font-size:50px}}
@media(max-width:760px){:where(#sec-pathways) .sr-pathways{padding:45px 22px 50px}:where(#sec-pathways) .sr-pathways-heading{margin-bottom:30px}:where(#sec-pathways) .sr-pathways-heading h2{font-size:39px;line-height:1.04}:where(#sec-pathways) .sr-pathways-eyebrow{font-size:9px;letter-spacing:1.8px}:where(#sec-pathways) .sr-pathways-heading>p:last-child{font-size:14px;line-height:1.7}:where(#sec-pathways) .sr-pathways-heading>p:last-child br{display:none}:where(#sec-pathways) .sr-path-grid{grid-template-columns:1fr;gap:25px}:where(#sec-pathways) .sr-path-copy{padding:24px}:where(#sec-pathways) .sr-path-line{min-height:0;font-size:21px}:where(#sec-pathways) .sr-path-description{min-height:0;margin-bottom:22px}:where(#sec-pathways) .sr-path-copy h2{font-size:36px}:where(#sec-pathways) .sr-path-category{margin-bottom:22px}}
:where(#sec-pathways) .sr-path .sr-path-photo>img{transform:none;object-position:center}
:where(#sec-pathways) .sr-path-copy{text-align:center;padding:24px 26px 28px}
:where(#sec-pathways) .sr-path-category{margin-bottom:19px}
:where(#sec-pathways) .sr-path-line{min-height:0;margin-bottom:13px;font-size:20px}
:where(#sec-pathways) .sr-path-description{min-height:77px;margin:0 auto 23px;max-width:315px}
:where(#sec-pathways) .sr-path-cta{justify-content:center;gap:20px}
@media(min-width:761px) and (max-width:1100px){:where(#sec-pathways) .sr-path-line{min-height:50px}:where(#sec-pathways) .sr-path-description{min-height:102px}}
@media(max-width:760px){:where(#sec-pathways) .sr-path-copy{padding:24px}:where(#sec-pathways) .sr-path-description{min-height:0;margin-bottom:24px}:where(#sec-pathways) .sr-path-line{min-height:0}}

/* ── sec-library · from section-03.css ── */
:where(#sec-library) .sr-library{padding:66px 0 65px;background:radial-gradient(ellipse at 70% 0%,#242024,#101219 50%,#0b0d12)}
:where(#sec-library) .sr-library-head{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:0 0 38px}
:where(#sec-library) .sr-library-eyebrow{font-size:11px;letter-spacing:2.3px;color:#d9b25d;margin:0 0 18px}
:where(#sec-library) .sr-library h2{font:500 54px/1.06 'Cormorant Garamond',Georgia;margin:0;letter-spacing:-.5px}
:where(#sec-library) .sr-library-intro p{font-size:16px;color:#bbbcc2;line-height:1.7;margin:0 0 12px}
:where(#sec-library) .sr-library-intro a{display:inline-flex;gap:22px;color:#e5bd66;font-size:14px;margin-top:8px}
:where(#sec-library) .sr-library-toolbar{max-width:1240px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;color:#92969f;font-size:12px}
:where(#sec-library) .sr-library-toolbar button{font:12px 'Inter';color:#c9c0ae;background:none;border:1px solid #ffffff22;border-radius:24px;padding:9px 14px;cursor:pointer}
:where(#sec-library) .sr-library-wall{max-width:1320px;margin:auto;display:grid;gap:12px}
:where(#sec-library) .sr-lane{position:relative}
:where(#sec-library) .sr-lane-scroll{overflow-x:auto;scrollbar-width:none;padding:4px 6px}
:where(#sec-library) .sr-lane-scroll::-webkit-scrollbar{display:none}
:where(#sec-library) .sr-lane-track{display:flex;width:max-content;gap:12px}
:where(#sec-library) .sr-cover{padding:0;border:1px solid #ffffff20;position:relative;flex:0 0 140px;width:140px;height:187px;border-radius:9px;overflow:hidden;background:#171a20;color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s;font-family:'Inter'}
:where(#sec-library) .sr-cover:hover, :where(#sec-library) .sr-cover:focus-visible{transform:translateY(-3px);border-color:#e6be69}
:where(#sec-library) .sr-cover img{width:100%;height:100%;object-fit:cover}
:where(#sec-library) .sr-cover-text{position:absolute;inset:0;padding:10px;display:flex;justify-content:flex-end;flex-direction:column;background:linear-gradient(0deg,#07090bf5,transparent 70%)}
:where(#sec-library) .sr-cover small{font-size:7px;letter-spacing:.7px;color:#dfc485;text-transform:uppercase;line-height:1.5;margin-bottom:5px}
:where(#sec-library) .sr-cover strong{font:500 17px/1.08 'Cormorant Garamond',Georgia}
:where(#sec-library) .sr-preview{padding:0;width:min(780px,92vw);max-height:90svh;overflow:auto;border:1px solid #ffffff26;border-radius:18px;background:#14171e;color:#f6eee3}
:where(#sec-library) .sr-preview[open]{display:grid;grid-template-columns:280px 1fr}
:where(#sec-library) .sr-preview::backdrop{background:#000c;backdrop-filter:blur(7px)}
:where(#sec-library) #sr-preview-image{width:100%;height:100%;object-fit:cover;min-height:480px}
:where(#sec-library) .sr-preview-body{padding:42px 30px 35px}
:where(#sec-library) .sr-preview-close{position:absolute;right:12px;top:8px;font-size:28px;border:0;background:#161921;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer}
:where(#sec-library) #sr-preview-track{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#dbb86e;margin:0 0 15px}
:where(#sec-library) .sr-preview h2{font:500 40px/1 'Cormorant Garamond';margin:0 0 20px}
:where(#sec-library) .sr-preview-body>p:not(:first-child){color:#c1c2c7;font-size:15px;line-height:1.7}
:where(#sec-library) .sr-preview h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#e6d6b6;margin-top:25px}
:where(#sec-library) .sr-preview blockquote{font:italic 22px/1.3 'Cormorant Garamond';border-left:1px solid #a78b56;margin:22px 0;padding-left:15px;color:#d0bb91}
:where(#sec-library) .sr-preview .sr-button{font-size:13px;margin-top:10px}
@media(max-width:1320px){:where(#sec-library) .sr-library-head, :where(#sec-library) .sr-library-toolbar{margin-left:40px;margin-right:40px}:where(#sec-library) .sr-library-wall{margin:0 20px}:where(#sec-library) .sr-library-head{gap:35px}:where(#sec-library) .sr-library h2{font-size:48px}}
@media(max-width:760px){:where(#sec-library) .sr-library{padding:42px 0}:where(#sec-library) .sr-library-head{margin:0 24px;grid-template-columns:1fr;gap:23px;padding-bottom:26px}:where(#sec-library) .sr-library h2{font-size:40px}:where(#sec-library) .sr-library-intro p{font-size:14px}:where(#sec-library) .sr-library-toolbar{margin:0 24px 15px;font-size:10px;gap:10px}:where(#sec-library) .sr-library-toolbar button{font-size:10px;white-space:nowrap}:where(#sec-library) .sr-library-wall{margin:0 8px;gap:8px}:where(#sec-library) .sr-cover{width:125px;flex-basis:125px;height:167px}:where(#sec-library) .sr-cover strong{font-size:16px}:where(#sec-library) .sr-lane-track{gap:9px}:where(#sec-library) .sr-preview[open]{grid-template-columns:1fr}:where(#sec-library) #sr-preview-image{height:200px;min-height:0;object-position:center 32%}:where(#sec-library) .sr-preview-body{padding:25px}:where(#sec-library) .sr-preview h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){:where(#sec-library) .sr-cover{transition:none}}
:where(#sec-library) .sr-lane{min-width:0;max-width:100%}
:where(#sec-library) .sr-lane-scroll{width:100%;min-width:0}
:where(#sec-library) .sr-preview{border:1px solid #b8a07880;border-top-color:#e0cba699;border-bottom-color:#65543a;border-radius:19px;padding:7px;background:linear-gradient(145deg,#64666a 0%,#262a30 2%,#101219 48%,#47423a 100%);box-shadow:0 35px 100px #000c,0 8px 28px #0009,inset 0 1px 1px #ffffff75,inset 0 -1px 2px #000,0 0 0 1px #080a0e,0 0 0 3px #d8bd8014;overflow:hidden}
:where(#sec-library) .sr-preview[open]{grid-template-columns:280px minmax(0,1fr);align-items:start}
:where(#sec-library) .sr-preview::backdrop{background:#05070bd9;backdrop-filter:blur(9px)}
:where(#sec-library) #sr-preview-image{height:480px;min-height:480px;border-radius:12px 0 0 12px;box-shadow:inset 0 0 0 1px #ffffff22}
:where(#sec-library) .sr-preview-body{height:min(680px,calc(90svh - 16px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#766345 #181b22;padding:36px 28px 30px;border:1px solid #ffffff12;border-left-color:#d4bc782a;border-radius:0 12px 12px 0;background:radial-gradient(ellipse at 0% 0%,#33343a66,transparent 65%),repeating-linear-gradient(110deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(155deg,#20242b,#13161d 70%);box-shadow:inset 0 1px 0 #ffffff12}
:where(#sec-library) .sr-preview h2{font-size:36px;margin-bottom:25px}
:where(#sec-library) .sr-preview h3{font-size:10px;color:#d6bb85;letter-spacing:1.25px;margin:24px 0 9px}
:where(#sec-library) .sr-preview-body>p:not(:first-child){font-size:14px;line-height:1.7;margin:0}
:where(#sec-library) .sr-preview-voices{list-style:none;margin:14px 0 0;padding:0 0 0 14px;border-left:1px solid #ae8d4c66}
:where(#sec-library) .sr-preview-voices li{font:italic 20px/1.35 'Cormorant Garamond',Georgia;color:#c9bc9f;margin:0 0 9px}
:where(#sec-library) .sr-preview-resources{border-top:1px solid #d7b57126;margin-top:24px}
:where(#sec-library) .sr-preview-resources ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}
:where(#sec-library) .sr-preview-resources li{font-size:12px;color:#bdc1c9;line-height:1.4;display:flex;gap:9px}
:where(#sec-library) .sr-preview-resources li:before{content:'✓';color:#d8b975}
:where(#sec-library) .sr-preview-close{z-index:3;right:14px;top:13px;width:30px;height:30px;font-size:22px;border:1px solid #ddcbaa45;background:linear-gradient(#32353c,#171a21);box-shadow:inset 0 1px 0 #ffffff1c,0 2px 8px #0006}
:where(#sec-library) .sr-preview .sr-button{margin-top:25px;box-shadow:inset 0 1px 0 #fff6,0 5px 15px #0004}
:where(#sec-library) #sr-preview-status:not(:empty){margin-top:22px;color:#c4ac80;font-size:12px}
@media(max-width:760px){:where(#sec-library) .sr-preview{overflow-y:auto;max-height:90svh}:where(#sec-library) .sr-preview[open]{grid-template-columns:1fr}:where(#sec-library) #sr-preview-image{height:200px;min-height:200px;border-radius:12px 12px 0 0}:where(#sec-library) .sr-preview-body{height:auto;overflow:visible;border-radius:0 0 12px 12px;padding:27px 22px}:where(#sec-library) .sr-preview h2{font-size:32px}}
@media(min-width:761px){:where(#sec-library) .sr-preview-body{height:480px}}
:where(#sec-library) #sr-share{display:inline-flex;margin:25px 0 0 12px;padding:14px 16px;border:1px solid #c6ad7855;border-radius:28px;background:linear-gradient(#33363e,#1b1e25);color:#e3cfab;font:12px 'Inter';cursor:pointer;box-shadow:inset 0 1px 0 #ffffff15}
:where(#sec-library) #sr-share-status{font-size:12px;color:#d5bc8a;margin-top:12px}
:where(#sec-library) #sr-share-url{width:100%;padding:10px;color:#eee;background:#101319;border:1px solid #b99a5d66;margin-top:10px}

/* ── sec-method · from section-04.css ── */
:where(#sec-method) .sr-method{background:#101118}
:where(#sec-method) .sr-method-scene{position:relative;isolation:isolate;max-width:1920px;margin:auto;min-height:720px;aspect-ratio:1920/1100;overflow:hidden}
:where(#sec-method) .sr-method-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}
:where(#sec-method) .sr-method-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090b184d,transparent 40%,#10111833 55%,#101118e8 100%)}
:where(#sec-method) .sr-method-heading{text-align:center;padding:40px 20px 0}
:where(#sec-method) .sr-method-heading>p{font-size:10px;letter-spacing:2.5px;color:#edce90;margin:0 0 15px}
:where(#sec-method) .sr-method h2{font:500 53px/1 'Cormorant Garamond',Georgia;margin:0;text-shadow:0 2px 20px #0006;letter-spacing:-.5px}
:where(#sec-method) .sr-method-modes{position:absolute;left:0;right:0;bottom:42px;max-width:1100px;padding:0 35px;margin:auto;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;text-align:center}
:where(#sec-method) .sr-mode-kicker{font-size:9px;letter-spacing:2px;color:#d7b879}
:where(#sec-method) .sr-method-modes h2{font:500 43px/1 'Cormorant Garamond',Georgia;margin:12px 0}
:where(#sec-method) .sr-method-modes p{font-size:15px;line-height:1.65;color:#e0dcd8;margin:0}
:where(#sec-method) .sr-mode-arrow{font:40px 'Cormorant Garamond';color:#b69960}
:where(#sec-method) .sr-method-foundation{max-width:1240px;margin:auto;padding:32px 30px 64px}
:where(#sec-method) .sr-method-caption{text-align:center;color:#b9ab92;font:italic 22px 'Cormorant Garamond';margin:0 0 34px}
:where(#sec-method) .sr-method-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:28px;position:relative}
:where(#sec-method) .sr-method-steps:before{content:'';position:absolute;top:16px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,#b99a5688,#b99a5622)}
:where(#sec-method) .sr-method-steps li{position:relative}
:where(#sec-method) .sr-method-steps li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b59a6066;border-radius:50%;font-size:10px;color:#dfc48b;background:#101118;position:relative}
:where(#sec-method) .sr-method-steps h3{font:500 28px 'Cormorant Garamond';margin:17px 0 7px}
:where(#sec-method) .sr-method-steps p{font-size:14px;line-height:1.7;color:#aaaeb8;margin:0}
:where(#sec-method) .sr-method-close{text-align:center;border-top:1px solid #baa16b26;margin-top:39px;padding-top:32px}
:where(#sec-method) .sr-method-close h2{font:500 34px 'Cormorant Garamond';margin:0 0 10px}
:where(#sec-method) .sr-method-close p{font-size:15px;color:#aaaeb8;margin:0 0 24px}
:where(#sec-method) .sr-method-close .sr-button{font-size:13px}
@media(max-width:1050px){:where(#sec-method) .sr-method-scene{min-height:620px}:where(#sec-method) .sr-method h2{font-size:47px}:where(#sec-method) .sr-method-heading{padding-top:28px}:where(#sec-method) .sr-method-steps{gap:18px}:where(#sec-method) .sr-method-steps p{font-size:13px}:where(#sec-method) .sr-method-steps p br{display:none}}
@media(max-width:760px){:where(#sec-method) .sr-method-scene{min-height:0;aspect-ratio:auto;padding-top:0;overflow:visible;display:flex;flex-direction:column}:where(#sec-method) .sr-method-scene>img{position:relative;aspect-ratio:1920/1100;height:auto;order:1;z-index:0}:where(#sec-method) .sr-method-shade{display:none}:where(#sec-method) .sr-method-heading{order:0;padding:42px 20px 28px}:where(#sec-method) .sr-method h2{font-size:39px}:where(#sec-method) .sr-method-heading>p{font-size:9px}:where(#sec-method) .sr-method-modes{position:relative;order:2;bottom:auto;padding:25px 22px 0;grid-template-columns:1fr 1fr;gap:20px;text-align:left}:where(#sec-method) .sr-mode-arrow{display:none}:where(#sec-method) .sr-mode-kicker{font-size:8px;letter-spacing:1px;display:block;min-height:24px}:where(#sec-method) .sr-method-modes h2{font-size:32px;margin:8px 0 12px}:where(#sec-method) .sr-method-modes p{font-size:13px}:where(#sec-method) .sr-method-modes p br{display:none}:where(#sec-method) .sr-method-foundation{padding:32px 24px 45px}:where(#sec-method) .sr-method-caption{font-size:20px;margin-bottom:28px}:where(#sec-method) .sr-method-steps{grid-template-columns:1fr 1fr;gap:25px 20px}:where(#sec-method) .sr-method-steps:before{display:none}:where(#sec-method) .sr-method-steps h3{font-size:25px;margin-top:11px}:where(#sec-method) .sr-method-close h2{font-size:30px}:where(#sec-method) .sr-method-close p{font-size:14px;line-height:1.7}:where(#sec-method) .sr-method-close .sr-button{font-size:12px;padding:14px 18px;gap:10px}}
:where(#sec-method) .sr-method-scene{width:100%}
:where(#sec-method) .sr-method-steps{text-align:center;gap:0}
:where(#sec-method) .sr-method-steps:before{display:none}
:where(#sec-method) .sr-method-steps li+li{border-left:1px solid #baa16b33}
:where(#sec-method) .sr-method-steps h3{margin:0;font-size:29px;color:#e2cd9c}
:where(#sec-method) .sr-method-evidence{text-align:center;font-size:14px;line-height:1.8;color:#aaaeb8;margin:27px auto 0;max-width:650px}
:where(#sec-method) .sr-method-close{margin-top:30px}
@media(max-width:760px){:where(#sec-method) .sr-method-steps{gap:20px 0}:where(#sec-method) .sr-method-steps li:nth-child(3){border-left:0}:where(#sec-method) .sr-method-steps h3{font-size:26px}:where(#sec-method) .sr-method-evidence{font-size:13px;max-width:310px}}
:where(#sec-method) .sr-method-caption{max-width:800px;margin-left:auto;margin-right:auto;line-height:1.45}
@media(max-width:760px){:where(#sec-method) .sr-method-caption{font-size:20px}}
:where(#sec-method) .sr-method-heading-line{white-space:nowrap}
@media(min-width:761px) and (max-width:1100px){:where(#sec-method) .sr-method h2{font-size:clamp(32px,4.1vw,45px)}}
@media(max-width:760px){:where(#sec-method) .sr-method-heading-line{white-space:normal}}
:where(#sec-method) .sr-method-heading-line{font-size:.76em;display:inline-block;margin-top:9px}
:where(#sec-method) .sr-method-close p{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.7}
:where(#sec-method) .sr-method-close h2{font-size:25px;color:#d6b776}
:where(#sec-method) .sr-method-close p{font-size:13px;color:#d6b776;margin-bottom:0}
@media(max-width:760px){:where(#sec-method) .sr-method-close h2{font-size:23px}:where(#sec-method) .sr-method-close p{font-size:12px}}
:where(#sec-method) .sr-method{background:#101118;color:#F2EDE4}
:where(#sec-method) .sr-method-heading>p{font-family:'Inter',Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#D6B776}
:where(#sec-method) .sr-method h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:56px;font-weight:500;color:#F2EDE4;line-height:1.06}
:where(#sec-method) .sr-method-heading-line{font-size:34px;font-weight:400;color:#F2EDE4;line-height:1.2;margin-top:10px}
:where(#sec-method) .sr-method-modes h2{font-size:38px;font-weight:500;color:#F2EDE4}
:where(#sec-method) .sr-method-modes p{font-family:'Inter',Arial,sans-serif;font-size:15px;line-height:1.65;color:#D5D1CA;max-width:410px;margin-left:auto;margin-right:auto}
:where(#sec-method) .sr-method-caption{font-family:'Inter',Arial,sans-serif;font-style:normal;font-size:13px;font-weight:400;line-height:1.7;color:#B6B2AA}
:where(#sec-method) .sr-method-steps h3{font-size:26px;font-weight:500;color:#D6B776}
:where(#sec-method) .sr-method-close h2{font-size:23px;font-weight:500;color:#D6B776}
:where(#sec-method) .sr-method-close p{font-family:'Inter',Arial,sans-serif;font-size:13px;line-height:1.7;color:#D6B776}
@media(max-width:760px){:where(#sec-method) .sr-method h2{font-size:38px}:where(#sec-method) .sr-method-heading-line{font-size:26px;white-space:normal}:where(#sec-method) .sr-method-modes{text-align:center}:where(#sec-method) .sr-method-modes h2{font-size:30px}:where(#sec-method) .sr-method-modes p{font-size:14px}:where(#sec-method) .sr-method-steps h3{font-size:26px}:where(#sec-method) .sr-method-caption{font-size:13px}:where(#sec-method) .sr-method-close h2{font-size:23px}:where(#sec-method) .sr-method-close p{font-size:13px}}
:where(#sec-method) .sr-method-modes{align-items:start}
:where(#sec-method) .sr-mode-arrow{align-self:center}
:where(#sec-method) .sr-method-close .sr-method-caption{margin:18px auto 0;font-size:13px;color:#B6B2AA;font-style:normal;line-height:1.7}

/* ── sec-resources · from section-05.css, section-05-devices.css, section-05-alternate-b.css ── */
:where(#sec-resources) .sr-resources{background:radial-gradient(ellipse at 25% 35%,#20303966,transparent 65%),#10141a;padding:62px 40px 65px}
:where(#sec-resources) .sr-res-wrap{max-width:1240px;margin:auto}
:where(#sec-resources) .sr-res-heading{text-align:center}
:where(#sec-resources) .sr-res-eyebrow{font:11px 'Inter',Arial;letter-spacing:2px;color:#D6B776;margin:0 0 19px}
:where(#sec-resources) .sr-res-heading h2{font:500 52px/1.05 'Cormorant Garamond',Georgia;color:#f2ede4;margin:0 0 22px}
:where(#sec-resources) .sr-res-heading>p:last-child{font-size:16px;color:#b9bfc4;line-height:1.75;margin:0}
:where(#sec-resources) .sr-res-tabs{display:flex;justify-content:center;gap:30px;margin:34px 0 33px}
:where(#sec-resources) .sr-res-tabs button{padding:12px 3px;background:transparent;border:0;border-bottom:1px solid #ffffff22;font:13px 'Inter';color:#acb2b8;cursor:pointer}
:where(#sec-resources) .sr-res-tabs button[aria-pressed=true]{border-color:#d6b776;color:#e6cb95}
:where(#sec-resources) .sr-res-gallery{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}
:where(#sec-resources) .sr-resource-card{border:1px solid #ffffff1c;border-top-color:#ffffff30;border-radius:14px;text-align:left;color:#eee6d9;background:linear-gradient(135deg,#25323c,#171e26);position:relative;cursor:pointer;padding:29px;box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;align-items:flex-start;font-family:'Inter'}
:where(#sec-resources) .sr-resource-card:hover{border-color:#c6ab6b99;transform:translateY(-2px)}
:where(#sec-resources) .sr-resource-feature{grid-row:span 2;min-height:454px;overflow:hidden;padding:35px}
:where(#sec-resources) .sr-resource-feature img{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;opacity:.53;mask-image:linear-gradient(90deg,transparent,#000 50%)}
:where(#sec-resources) .sr-resource-feature:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#121a23e6,transparent 80%)}
:where(#sec-resources) .sr-resource-card>*{position:relative;z-index:1}
:where(#sec-resources) .sr-resource-category{font-size:9px;letter-spacing:1.7px;color:#dbbd82;text-transform:uppercase;margin-bottom:20px}
:where(#sec-resources) .sr-resource-card h2{font:500 32px/1.05 'Cormorant Garamond',Georgia;margin:0 0 12px;max-width:330px}
:where(#sec-resources) .sr-resource-feature h2{font-size:46px;margin-top:auto;max-width:320px}
:where(#sec-resources) .sr-resource-card .sr-resource-sub{font:italic 23px/1.25 'Cormorant Garamond';color:#ccbea2;margin:0 0 20px}
:where(#sec-resources) .sr-resource-card .sr-resource-description{font:14px/1.7 'Inter';color:#b9c1c8;max-width:370px;margin:0 0 25px}
:where(#sec-resources) .sr-resource-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid #ffffff20;padding-top:17px;font-size:12px;color:#d6b776}
:where(#sec-resources) .sr-resource-bottom span:last-child{font-size:21px}
:where(#sec-resources) .sr-res-footer{text-align:center;margin-top:32px}
:where(#sec-resources) .sr-res-footer p{font:italic 21px 'Cormorant Garamond';color:#bdb09a;margin:0 0 23px}
:where(#sec-resources) .sr-res-footer .sr-button{font-size:13px}
:where(#sec-resources) .sr-resource-reader{width:min(650px,92vw);max-height:88svh;overflow:auto;background:linear-gradient(145deg,#29313a,#12171f);color:#f2ede4;border:1px solid #bba27088;border-radius:16px;padding:42px;box-shadow:inset 0 1px 0 #fff4,0 30px 100px #000b}
:where(#sec-resources) .sr-resource-reader::backdrop{background:#05080bd9;backdrop-filter:blur(7px)}
:where(#sec-resources) .sr-reader-close{position:absolute;top:12px;right:15px;background:none;border:0;color:#d9cbaa;font-size:26px;cursor:pointer}
:where(#sec-resources) .sr-resource-reader h2{font:500 40px/1.1 'Cormorant Garamond';margin:0 0 24px}
:where(#sec-resources) .sr-reader-label{font-size:9px;color:#b8a47b;letter-spacing:1.6px}
:where(#sec-resources) #sr-reader-copy p{font-size:16px;line-height:1.8;color:#c8ccd1}
:where(#sec-resources) .sr-resource-reader .sr-button{margin-top:20px;font-size:13px}
@media(max-width:1050px){:where(#sec-resources) .sr-resources{padding:50px 32px}:where(#sec-resources) .sr-resource-card{padding:25px}:where(#sec-resources) .sr-resource-feature h2{font-size:40px}:where(#sec-resources) .sr-res-heading h2{font-size:46px}}
@media(max-width:760px){:where(#sec-resources) .sr-resources{padding:42px 22px}:where(#sec-resources) .sr-res-heading h2{font-size:38px}:where(#sec-resources) .sr-res-heading>p:last-child{font-size:14px}:where(#sec-resources) .sr-res-heading br{display:none}:where(#sec-resources) .sr-res-tabs{gap:18px;margin:24px 0}:where(#sec-resources) .sr-res-tabs button{font-size:11px}:where(#sec-resources) .sr-res-gallery{grid-template-columns:1fr;gap:16px}:where(#sec-resources) .sr-resource-feature{grid-row:auto;min-height:390px}:where(#sec-resources) .sr-resource-card h2{font-size:31px}:where(#sec-resources) .sr-resource-feature h2{font-size:40px}:where(#sec-resources) .sr-resource-card .sr-resource-sub{font-size:21px}:where(#sec-resources) .sr-res-footer p{font-size:20px;line-height:1.4}:where(#sec-resources) .sr-resource-reader{padding:35px 25px}:where(#sec-resources) .sr-resource-reader h2{font-size:34px}}
:where(#sec-resources) .sr-resources{background:radial-gradient(ellipse at 85% 20%,#28263055,transparent 60%),#101319;padding-top:65px}
:where(#sec-resources) .sr-res-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;text-align:left;align-items:end}
:where(#sec-resources) .sr-res-heading h2{font-size:49px;line-height:1.08;margin-bottom:0}
:where(#sec-resources) .sr-res-intro p{font-size:15px;line-height:1.8;color:#b9bfc4;margin:0}
:where(#sec-resources) .sr-res-intro p:first-child{font:500 24px/1.3 'Cormorant Garamond';color:#e4d9c7;margin-bottom:12px}
:where(#sec-resources) .sr-res-browse{display:flex;align-items:center;justify-content:space-between;margin:36px 0 24px;border-bottom:1px solid #ffffff18}
:where(#sec-resources) .sr-res-tabs{margin:0;gap:27px;justify-content:flex-start}
:where(#sec-resources) .sr-res-tabs button{border-bottom:2px solid transparent;padding:14px 0;font-size:12px}
:where(#sec-resources) .sr-res-count{font-size:10px;letter-spacing:.5px;color:#999b9f}
:where(#sec-resources) .sr-res-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:where(#sec-resources) .sr-resource-card{min-height:238px;border-radius:8px;padding:23px 21px 17px;border:1px solid #fff2;border-top-color:#ffffff40;box-shadow:inset 0 1px 0 #fff1,0 6px 18px #0002;background:linear-gradient(135deg,#29323a,#1b222a)}
:where(#sec-resources) .sr-resource-top{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#cdb98b;min-height:28px}
:where(#sec-resources) .sr-resource-top svg{width:26px;height:26px;flex-shrink:0}
:where(#sec-resources) .sr-resource-top>span{font-size:9px;line-height:1.45;letter-spacing:1px;text-transform:uppercase}
:where(#sec-resources) .sr-resource-card h2{font-size:27px;line-height:1.05;margin-bottom:10px;max-width:none}
:where(#sec-resources) .sr-resource-card .sr-resource-sub{font:12px/1.6 'Inter';color:#aeb8c0;margin:0 0 21px;max-width:230px}
:where(#sec-resources) .sr-resource-bottom{font-size:9px;letter-spacing:.25px;gap:10px;padding-top:12px;color:#bba778}
:where(#sec-resources) .sr-resource-bottom span:last-child{font-size:18px}
:where(#sec-resources) .sr-family-understand{background:linear-gradient(135deg,#ddd5c5,#beb6a7);color:#222831;border-color:#ede3d0}
:where(#sec-resources) .sr-family-understand .sr-resource-top{color:#706048}
:where(#sec-resources) .sr-family-understand .sr-resource-sub{color:#505661}
:where(#sec-resources) .sr-family-understand .sr-resource-bottom{color:#645137;border-color:#3c352833}
:where(#sec-resources) .sr-family-practise{background:linear-gradient(140deg,#283d40,#192a2e)}
:where(#sec-resources) .sr-family-reflect{background:linear-gradient(140deg,#34313e,#211f2a)}
:where(#sec-resources) .sr-family-relate{background:linear-gradient(140deg,#3c342f,#27221f)}
:where(#sec-resources) .sr-res-footer{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-top:29px;gap:30px}
:where(#sec-resources) .sr-res-footer p{font-size:20px;line-height:1.4;margin:0;max-width:510px}
:where(#sec-resources) .sr-res-footer .sr-button{background:transparent;color:#dfc28a;border:1px solid #b59a6155;font-size:12px;flex-shrink:0}
:where(#sec-resources) .sr-res-footer .sr-button:hover{background:#d6b77614}
@media(max-width:1100px){:where(#sec-resources) .sr-res-heading{gap:35px}:where(#sec-resources) .sr-res-heading h2{font-size:43px}:where(#sec-resources) .sr-res-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}:where(#sec-resources) .sr-res-tabs{gap:20px}:where(#sec-resources) .sr-resource-card{min-height:240px}}
@media(max-width:760px){:where(#sec-resources) .sr-resources{padding:42px 22px}:where(#sec-resources) .sr-res-heading{grid-template-columns:1fr;gap:22px}:where(#sec-resources) .sr-res-heading h2{font-size:38px}:where(#sec-resources) .sr-res-heading h2 br{display:block}:where(#sec-resources) .sr-res-intro p{font-size:14px}:where(#sec-resources) .sr-res-intro p:first-child{font-size:22px}:where(#sec-resources) .sr-res-browse{display:block;margin-top:23px}:where(#sec-resources) .sr-res-tabs{gap:16px;overflow-x:auto;scrollbar-width:none}:where(#sec-resources) .sr-res-tabs button{font-size:10px;flex-shrink:0}:where(#sec-resources) .sr-res-count{display:block;padding:13px 0}:where(#sec-resources) .sr-res-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where(#sec-resources) .sr-resource-card{padding:17px 14px;min-height:235px}:where(#sec-resources) .sr-resource-top{gap:7px;margin-bottom:18px}:where(#sec-resources) .sr-resource-top svg{width:22px;height:22px}:where(#sec-resources) .sr-resource-top>span{font-size:7px;letter-spacing:.5px}:where(#sec-resources) .sr-resource-card h2{font-size:23px;overflow-wrap:normal}:where(#sec-resources) .sr-resource-card .sr-resource-sub{font-size:11px}:where(#sec-resources) .sr-resource-bottom{font-size:8px;line-height:1.5}:where(#sec-resources) .sr-res-footer{display:block;text-align:center}:where(#sec-resources) .sr-res-footer p{margin-bottom:23px;font-size:19px}:where(#sec-resources) .sr-res-footer .sr-button{white-space:normal}}
:where(#sec-resources) .sr-resources{background:radial-gradient(ellipse at 70% 40%,#24343d70,transparent 65%),#101319;padding:70px 40px 42px}
:where(#sec-resources) .sr-res-wrap{max-width:1240px;margin:auto}
:where(#sec-resources) .sr-res-device-layout{display:grid;grid-template-columns:.85fr 1.9fr;gap:38px;align-items:center}
:where(#sec-resources) .sr-res-eyebrow{font:10px 'Inter',Arial;letter-spacing:2px;color:#d6b776;margin:0 0 24px}
:where(#sec-resources) .sr-res-device-copy h2{font:500 58px/.99 'Cormorant Garamond',Georgia;color:#f2ede4;margin:0 0 27px}
:where(#sec-resources) .sr-res-device-copy>p:not(.sr-res-eyebrow){font:13px/1.8 'Inter';color:#b6bbc0;max-width:300px;margin:0 0 15px}
:where(#sec-resources) .sr-res-device-copy .sr-button{margin-top:16px;font-size:12px;padding:15px 23px;background:linear-gradient(120deg,#ecd39a,#d7b66e);color:#181713;box-shadow:0 8px 25px #0003;display:inline-flex;gap:25px;border-radius:30px}
:where(#sec-resources) .sr-device-stage{position:relative;aspect-ratio:760/570;container-type:inline-size;min-width:0}
:where(#sec-resources) .sr-device-note{position:absolute;top:0;left:2%;right:3%;display:flex;justify-content:space-between;font:1.1cqw 'Inter';letter-spacing:.16em;color:#c5ac7d}
:where(#sec-resources) .sr-device-note span{letter-spacing:0;color:#8a969f;font-size:1cqw}
:where(#sec-resources) .sr-ipad{position:absolute;top:10%;left:0;width:91%;aspect-ratio:1.38;background:linear-gradient(130deg,#9c9c98,#33383c 15%,#666b6e 56%,#161a1e 85%,#929393);border-radius:3cqw;padding:1.8cqw;box-shadow:0 30px 55px #0007,0 1px 0 #ccd1d388,inset 0 0 0 2px #ffffff26}
:where(#sec-resources) .sr-ipad:before{content:'';position:absolute;inset:.4cqw;border:1px solid #030508;border-radius:2.7cqw;pointer-events:none}
:where(#sec-resources) .sr-ipad-camera{position:absolute;width:.5cqw;height:.5cqw;left:.65cqw;top:50%;background:#0b1014;box-shadow:inset 0 0 0 1px #8b969b66;border-radius:100%}
:where(#sec-resources) .sr-ipad-screen{height:100%;display:grid;grid-template-columns:25% 75%;border-radius:1.4cqw;overflow:hidden;background:#101c24;border:1px solid #03070a}
:where(#sec-resources) .sr-device-nav{background:linear-gradient(150deg,#15232c,#101921);padding:3.2cqw 1.3cqw;position:relative;border-right:1px solid #ffffff08}
:where(#sec-resources) .sr-device-brand{font:1.05cqw 'Inter';letter-spacing:.22em;color:#e5d3ac;margin-bottom:4cqw;white-space:nowrap}
:where(#sec-resources) .sr-device-nav>span{display:block;font:1.15cqw 'Inter';padding:1.35cqw 1cqw;color:#9ba7ae;margin:0 0 .65cqw;border-radius:.6cqw}
:where(#sec-resources) .sr-device-nav>span.sr-device-nav-active{color:#dfc58d;background:#bba16e1a;border:1px solid #bba16e22}
:where(#sec-resources) .sr-device-nav-bottom{position:absolute;bottom:3cqw;left:2.3cqw;font:italic 1.45cqw/1.4 'Cormorant Garamond';color:#9e9d91}
:where(#sec-resources) .sr-device-content{padding:3.2cqw 3cqw}
:where(#sec-resources) .sr-device-breadcrumb{display:flex;justify-content:space-between;align-items:center;font:.85cqw 'Inter';letter-spacing:.15em;color:#a9b5bb;margin-bottom:2.8cqw}
:where(#sec-resources) .sr-device-breadcrumb span{font-size:2cqw}
:where(#sec-resources) .sr-device-content h2{font:500 3.7cqw/1.04 'Cormorant Garamond';color:#eee6d7;margin:0 0 1.4cqw}
:where(#sec-resources) .sr-device-intro{font:1.15cqw 'Inter';color:#a3afb8;margin:0}
:where(#sec-resources) .sr-res-tabs{display:flex;gap:2.1cqw;margin:2.8cqw 0 1.5cqw;border-bottom:1px solid #ffffff13}
:where(#sec-resources) .sr-res-tabs button{border:0;border-bottom:1px solid transparent;background:none;font:1.1cqw 'Inter';color:#9caab4;padding:0 0 1.2cqw;cursor:pointer}
:where(#sec-resources) .sr-res-tabs button[aria-pressed=true]{color:#e2c890;border-color:#e2c890}
:where(#sec-resources) .sr-resource-row{display:grid;grid-template-columns:4.6cqw 1fr 2cqw;align-items:center;gap:1.2cqw;width:100%;padding:1.35cqw 0;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff12;color:#d3bd91;cursor:pointer}
:where(#sec-resources) .sr-row-icon{height:4.5cqw;display:grid;place-items:center;border-radius:.7cqw;background:linear-gradient(145deg,#31424b,#22313a);border:1px solid #ffffff0c}
:where(#sec-resources) .sr-row-icon svg{width:2.3cqw;height:2.3cqw}
:where(#sec-resources) .sr-resource-row strong{display:block;font:500 2.05cqw/1.05 'Cormorant Garamond';color:#e8e2d8}
:where(#sec-resources) .sr-resource-row small{display:block;font:.95cqw 'Inter';color:#9eacb5;margin-top:.6cqw}
:where(#sec-resources) .sr-resource-row>span:last-child{font:1.5cqw 'Inter'}
:where(#sec-resources) .sr-resource-row:hover strong{color:#e4c788}
:where(#sec-resources) .sr-device-footnote{font:italic 1.55cqw 'Cormorant Garamond';color:#aeb1ab;margin:2.4cqw 0 0}
:where(#sec-resources) .sr-iphone{position:absolute;right:0;bottom:0;width:27%;aspect-ratio:.486;border-radius:3.8cqw;background:linear-gradient(125deg,#a1a19a,#33383b 15%,#575a5c 60%,#bebbb0);padding:.65cqw;box-shadow:-12px 15px 35px #0007,inset 0 0 0 1px #d9d6ce88;transform:rotate(4deg)}
:where(#sec-resources) .sr-phone-screen{height:100%;border: .65cqw solid #080b0e;border-radius:3.2cqw;background:#13232c;overflow:hidden;position:relative}
:where(#sec-resources) .sr-phone-island{position:absolute;top:1.5cqw;left:35%;width:30%;height:1.65cqw;background:#030608;border-radius:2cqw;z-index:3}
:where(#sec-resources) .sr-phone-top{display:flex;justify-content:space-between;font:600 1cqw 'Inter';padding:1.3cqw 1.6cqw;color:#eee9e0}
:where(#sec-resources) .sr-phone-top span{font-size:.8cqw}
:where(#sec-resources) .sr-phone-brand{font:.85cqw 'Inter';letter-spacing:.15em;color:#c8b383;margin:1.8cqw 1.6cqw}
:where(#sec-resources) .sr-phone-art{height:16cqw;position:relative;overflow:hidden}
:where(#sec-resources) .sr-phone-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
:where(#sec-resources) .sr-phone-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13232c,transparent 65%)}
:where(#sec-resources) .sr-phone-art span{position:absolute;bottom:1.1cqw;left:1.7cqw;z-index:1;font:.8cqw 'Inter';letter-spacing:.12em;color:#e5ca95}
:where(#sec-resources) .sr-phone-body{padding:1cqw 1.7cqw}
:where(#sec-resources) .sr-phone-label{font:.65cqw 'Inter';letter-spacing:.1em;color:#9cafb8}
:where(#sec-resources) .sr-phone-body h3{font:500 3.5cqw/.96 'Cormorant Garamond';margin:1cqw 0;color:#eee5d7}
:where(#sec-resources) .sr-phone-body>p:not(.sr-phone-label){font:.95cqw/1.5 'Inter';color:#b3c0c7;margin:.8cqw 0}
:where(#sec-resources) .sr-phone-rule{height:1px;background:#c0a66b33;margin:1.5cqw 0}
:where(#sec-resources) .sr-phone-body>p.sr-phone-caption{font:italic 1.6cqw/1.2 'Cormorant Garamond';color:#d5c4a2;max-width:17cqw}
:where(#sec-resources) .sr-phone-body button{display:flex;justify-content:space-between;align-items:center;width:100%;font:.85cqw 'Inter';color:#1b2226;background:#d6bd86;border:0;border-radius:2cqw;padding:1.2cqw;margin-top:1.9cqw;cursor:pointer}
:where(#sec-resources) .sr-phone-home{position:absolute;bottom:.7cqw;width:34%;height:.3cqw;left:33%;background:#c4c7c6;border-radius:1cqw}
:where(#sec-resources) .sr-resource-value-strip{display:flex;justify-content:space-between;border-top:1px solid #c8bb9a26;margin-top:45px;padding-top:29px;gap:16px}
:where(#sec-resources) .sr-resource-value-strip button{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;color:#ceb582;font:10px 'Inter';cursor:pointer;white-space:nowrap;padding:8px 2px}
:where(#sec-resources) .sr-resource-value-strip svg{width:27px;height:27px}
:where(#sec-resources) .sr-resource-value-strip button span{color:#bcc0c2}
:where(#sec-resources) .sr-resource-value-strip button:hover span{color:#e8cd94}
:where(#sec-resources) .sr-resource-reader{margin:auto;width:min(650px,92vw);max-height:88svh;overflow:auto;background:linear-gradient(145deg,#29313a,#12171f);color:#f2ede4;border:1px solid #bba27088;border-radius:16px;padding:42px;box-shadow:inset 0 1px 0 #fff4,0 30px 100px #000b}
:where(#sec-resources) .sr-resource-reader::backdrop{background:#05080bd9;backdrop-filter:blur(7px)}
:where(#sec-resources) .sr-reader-close{position:absolute;top:12px;right:15px;background:none;border:0;color:#d9cbaa;font-size:26px;cursor:pointer}
:where(#sec-resources) .sr-resource-reader h2{font:500 40px/1.1 'Cormorant Garamond';margin:0 0 24px}
:where(#sec-resources) .sr-reader-label{font-size:9px;color:#b8a47b;letter-spacing:1.6px}
:where(#sec-resources) #sr-reader-copy p{font-size:16px;line-height:1.8;color:#c8ccd1}
:where(#sec-resources) .sr-resource-reader .sr-button{margin-top:20px;font-size:13px}
@media(max-width:1100px){:where(#sec-resources) .sr-resources{padding:55px 30px 35px}:where(#sec-resources) .sr-res-device-layout{grid-template-columns:.8fr 1.7fr;gap:25px}:where(#sec-resources) .sr-res-device-copy h2{font-size:47px}:where(#sec-resources) .sr-res-device-copy>p:not(.sr-res-eyebrow){font-size:12px}:where(#sec-resources) .sr-res-eyebrow{font-size:9px;letter-spacing:1.5px}:where(#sec-resources) .sr-resource-value-strip{gap:12px}:where(#sec-resources) .sr-resource-value-strip button{font-size:9px}}
@media(max-width:760px){:where(#sec-resources) .sr-resources{padding:40px 22px 25px}:where(#sec-resources) .sr-res-device-layout{grid-template-columns:1fr;gap:32px}:where(#sec-resources) .sr-res-device-copy{text-align:center}:where(#sec-resources) .sr-res-device-copy h2{font-size:42px;line-height:1.04;margin-bottom:20px}:where(#sec-resources) .sr-res-device-copy h2 br{display:none}:where(#sec-resources) .sr-res-device-copy>p:not(.sr-res-eyebrow){margin:0 auto 12px;font-size:13px;max-width:330px}:where(#sec-resources) .sr-res-eyebrow{margin-bottom:19px}:where(#sec-resources) .sr-res-device-copy .sr-button{margin-top:10px}:where(#sec-resources) .sr-device-note{font-size:1.6cqw}:where(#sec-resources) .sr-device-note span{font-size:1.4cqw}:where(#sec-resources) .sr-resource-value-strip{overflow-x:auto;justify-content:flex-start;gap:24px;margin-top:30px;padding:20px 0 12px;scrollbar-width:thin;scrollbar-color:#8e7755 transparent}:where(#sec-resources) .sr-resource-value-strip button{font-size:10px;flex-shrink:0}:where(#sec-resources) .sr-resource-reader{padding:35px 25px}:where(#sec-resources) .sr-resource-reader h2{font-size:34px}}
:where(#sec-resources) .sr-resources{background:radial-gradient(ellipse at 75% 24%,#34404455,transparent 52%),radial-gradient(ellipse at 18% 70%,#29232b44,transparent 60%),#0d1017;padding-top:55px}
:where(#sec-resources) .sr-res-device-copy h2{font-size:56px}
:where(#sec-resources) .sr-ipad{background:linear-gradient(120deg,#858784,#262c30 18%,#5f6568 62%,#20262a 88%,#969991);box-shadow:0 35px 60px #0009,inset 0 0 0 1px #d6d8d333}
:where(#sec-resources) .sr-device-content{padding-top:2.3cqw}
:where(#sec-resources) .sr-device-breadcrumb{margin-bottom:1.7cqw}
:where(#sec-resources) .sr-device-content h2{font-size:3.15cqw;margin-bottom:.8cqw}
:where(#sec-resources) .sr-device-intro{font-size:1.05cqw}
:where(#sec-resources) .sr-tablet-feature{display:flex;align-items:center;gap:1.6cqw;background:linear-gradient(115deg,#283c43,#192931);border:1px solid #a1b6bc18;border-radius:.9cqw;margin-top:1.8cqw;padding:.8cqw;max-width:42cqw;overflow:hidden}
:where(#sec-resources) .sr-tablet-feature img{width:5.5cqw;height:6.4cqw;object-fit:cover;border-radius:.4cqw}
:where(#sec-resources) .sr-tablet-feature span{font:.65cqw 'Inter';color:#d1b777;letter-spacing:.12em}
:where(#sec-resources) .sr-tablet-feature h3{font:500 2.2cqw 'Cormorant Garamond';margin:.3cqw 0;color:#f0e7d9}
:where(#sec-resources) .sr-tablet-feature p{font:.85cqw 'Inter';color:#aab9bf;margin:0}
:where(#sec-resources) .sr-res-tabs{margin:1.7cqw 0 .5cqw}
:where(#sec-resources) .sr-res-tabs button{padding-bottom:.85cqw}
:where(#sec-resources) .sr-resource-row{padding:.8cqw 0;grid-template-columns:3.4cqw 1fr 1.6cqw;gap:1cqw}
:where(#sec-resources) .sr-row-icon{height:3.4cqw;background:transparent;border-color:#bca57444;border-radius:50%}
:where(#sec-resources) .sr-row-icon svg{width:1.9cqw;height:1.9cqw}
:where(#sec-resources) .sr-resource-row strong{font-size:1.85cqw}
:where(#sec-resources) .sr-resource-row small{font-size:.85cqw;max-width:33cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.35cqw}
:where(#sec-resources) .sr-device-footnote{margin-top:1.4cqw;font-size:1.3cqw}
:where(#sec-resources) .sr-resource-directory{margin-top:40px;border-top:1px solid #d1bf9626;padding-top:28px}
:where(#sec-resources) .sr-directory-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
:where(#sec-resources) .sr-directory-heading .sr-res-eyebrow{margin:0;font-size:9px}
:where(#sec-resources) .sr-directory-heading>p:last-child{font:italic 21px 'Cormorant Garamond';color:#b4afa4;margin:0}
:where(#sec-resources) .sr-resource-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border:0;margin:0;padding:0}
:where(#sec-resources) .sr-icon-group h2{font:9px 'Inter';letter-spacing:1.5px;text-transform:uppercase;font-weight:400;color:#9b9a94;padding-bottom:12px;border-bottom:1px solid #b4a58726;margin:0 0 12px}
:where(#sec-resources) .sr-icon-items{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}
:where(#sec-resources) .sr-resource-value-strip button{white-space:normal;text-align:center;padding:12px 3px 14px;gap:9px;font-size:10px;line-height:1.4;border-radius:10px;transition:background .2s}
:where(#sec-resources) .sr-value-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #a2947444;background:radial-gradient(ellipse at 35% 20%,#ccb77d0c,transparent 70%);box-shadow:inset 0 1px 0 #ffffff09}
:where(#sec-resources) .sr-resource-value-strip .sr-value-icon{color:#cbb781}
:where(#sec-resources) .sr-resource-value-strip svg{width:22px;height:22px}
:where(#sec-resources) .sr-resource-value-strip button:hover{background:#dec58f09}
:where(#sec-resources) .sr-resource-value-strip button:hover .sr-value-icon{border-color:#dfbf72;box-shadow:0 0 20px #e4bf6b15}
:where(#sec-resources) .sr-resource-value-strip button>span:last-child{max-width:115px;color:#c2bfba}
:where(#sec-resources) .sr-phone-screen{background:linear-gradient(145deg,#192b33,#101c24)}
@media(max-width:1100px){:where(#sec-resources) .sr-res-device-copy h2{font-size:45px}:where(#sec-resources) .sr-resource-value-strip{gap:20px}:where(#sec-resources) .sr-icon-group h2{font-size:8px;letter-spacing:1px}}
@media(max-width:760px){:where(#sec-resources) .sr-res-device-copy h2{font-size:41px}:where(#sec-resources) .sr-directory-heading{display:block;text-align:center;margin-bottom:25px}:where(#sec-resources) .sr-directory-heading>p:last-child{font-size:21px;margin-top:12px}:where(#sec-resources) .sr-resource-value-strip{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:25px 20px;padding:0}:where(#sec-resources) .sr-icon-group h2{font-size:8px;min-height:25px}:where(#sec-resources) .sr-resource-value-strip button{font-size:9px;padding:8px 0;gap:8px}:where(#sec-resources) .sr-value-icon{width:37px;height:37px}:where(#sec-resources) .sr-resource-directory{margin-top:30px}:where(#sec-resources) .sr-icon-items{gap:7px}:where(#sec-resources) .sr-resources{padding-top:35px}}
:where(#sec-resources) .sr-device-stage{aspect-ratio:760/640}
:where(#sec-resources) .sr-resource-stack{position:absolute;top:10%;left:0;width:68%;padding:0 1.4cqw}
:where(#sec-resources) .sr-stack-heading{display:flex;justify-content:space-between;gap:12px;color:#d6b776;font: .9cqw 'Inter';letter-spacing:.12em;margin:0 0 2cqw;padding-bottom:1.6cqw;border-bottom:1px solid #cfb98b26}
:where(#sec-resources) .sr-stack-heading span{color:#929ba3;letter-spacing:0}
:where(#sec-resources) .sr-stack-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2cqw .7cqw}
:where(#sec-resources) .sr-stack-icons button{font:1.05cqw/1.4 'Inter';color:#b6babf;min-height:10.2cqw;padding:1cqw .3cqw;background:none;border:0;border-radius:1.2cqw;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1cqw;transition:background .2s,color .2s}
:where(#sec-resources) .sr-stack-icon{display:grid;place-items:center;width:4.6cqw;height:4.6cqw;border:1px solid #c5b48d38;border-radius:50%;color:#c5b48d;background:linear-gradient(135deg,#ffffff04,#0001);box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .2s,box-shadow .2s}
:where(#sec-resources) .sr-stack-icon svg{width:2.4cqw;height:2.4cqw}
:where(#sec-resources) .sr-stack-icons button[aria-pressed=true]{background:#e2cfa208;color:#f0e7d5}
:where(#sec-resources) .sr-stack-icons button[aria-pressed=true] .sr-stack-icon{color:#e5c674;border-color:#d3b467;box-shadow:0 0 2.8cqw #dbbb6f1c}
:where(#sec-resources) .sr-hover-reveal{border-top:1px solid #ccb78b44;margin-top:2.4cqw;padding:2.1cqw 1cqw 0;min-height:21cqw}
:where(#sec-resources) .sr-hover-reveal>p:first-child{font:.85cqw 'Inter';letter-spacing:.18em;text-transform:uppercase;color:#c7ae77;margin:0 0 1cqw}
:where(#sec-resources) .sr-hover-reveal h2{font:500 3.1cqw/1.1 'Cormorant Garamond';margin:0 0 1cqw;color:#ede5d6}
:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font:1.25cqw/1.7 'Inter';color:#b4bdc3;margin:0;max-width:52cqw;min-height:4.3cqw}
:where(#sec-resources) .sr-hover-reveal button{background:none;border:0;color:#d8ba7f;font:1.1cqw 'Inter';padding:1.3cqw 0;cursor:pointer}
:where(#sec-resources) .sr-hover-reveal button span{margin-left:2cqw}
:where(#sec-resources) .sr-iphone{bottom:13%;width:28%;right:0;transform:rotate(3deg)}
@media(max-width:760px){:where(#sec-resources) .sr-device-stage{aspect-ratio:auto;container-type:inline-size;display:flex;flex-direction:column;padding-top:40px;gap:30px}:where(#sec-resources) .sr-device-note{top:0;font-size:8px;left:0;right:0}:where(#sec-resources) .sr-device-note span{font-size:8px}:where(#sec-resources) .sr-resource-stack{position:relative;top:auto;width:100%;padding:0}:where(#sec-resources) .sr-stack-heading{font-size:8px;margin-bottom:15px;padding-bottom:12px}:where(#sec-resources) .sr-stack-icons{gap:8px 4px}:where(#sec-resources) .sr-stack-icons button{font-size:9px;min-height:92px;padding:9px 2px;gap:9px}:where(#sec-resources) .sr-stack-icon{width:39px;height:39px}:where(#sec-resources) .sr-stack-icon svg{width:22px;height:22px}:where(#sec-resources) .sr-hover-reveal{margin-top:18px;padding:20px 6px 0;min-height:190px}:where(#sec-resources) .sr-hover-reveal>p:first-child{font-size:8px;margin-bottom:10px}:where(#sec-resources) .sr-hover-reveal h2{font-size:28px;margin-bottom:10px}:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font-size:12px;max-width:none;min-height:60px}:where(#sec-resources) .sr-hover-reveal button{font-size:11px;padding:14px 0}:where(#sec-resources) .sr-iphone{position:relative;align-self:center;bottom:auto;right:auto;width:52%;flex:none;border-radius:7cqw;padding:1cqw;margin-bottom:18px}:where(#sec-resources) .sr-phone-screen{border-radius:6cqw;border-width:1cqw}:where(#sec-resources) .sr-phone-island{height:3cqw;top:2.3cqw}:where(#sec-resources) .sr-phone-top{font-size:1.9cqw;padding:2.4cqw 3cqw}:where(#sec-resources) .sr-phone-top span{font-size:1.5cqw}:where(#sec-resources) .sr-phone-brand{font-size:1.6cqw;margin:3.3cqw 3cqw}:where(#sec-resources) .sr-phone-art{height:30cqw}:where(#sec-resources) .sr-phone-art span{font-size:1.5cqw;bottom:2cqw;left:3cqw}:where(#sec-resources) .sr-phone-body{padding:2cqw 3cqw}:where(#sec-resources) .sr-phone-label{font-size:1.3cqw}:where(#sec-resources) .sr-phone-body h3{font-size:6.5cqw;margin:2cqw 0}:where(#sec-resources) .sr-phone-body>p:not(.sr-phone-label){font-size:1.8cqw}:where(#sec-resources) .sr-phone-body>p.sr-phone-caption{font-size:3cqw;max-width:33cqw}:where(#sec-resources) .sr-phone-rule{margin:3cqw 0}:where(#sec-resources) .sr-phone-body button{font-size:1.6cqw;padding:2.4cqw;margin-top:3cqw;border-radius:4cqw}:where(#sec-resources) .sr-phone-home{bottom:1.5cqw;height:.5cqw}}
:where(#sec-resources) .sr-res-device-layout{grid-template-columns:.9fr 1.8fr;gap:50px}
:where(#sec-resources) .sr-device-stage{aspect-ratio:760/740}
:where(#sec-resources) .sr-resource-stack{top:9%;width:64%;padding:0}
:where(#sec-resources) .sr-stack-icons{grid-template-columns:1fr 1fr;gap:0 2cqw}
:where(#sec-resources) .sr-stack-icons button{flex-direction:row;text-align:left;min-height:5.7cqw;gap:1cqw;padding:1cqw .4cqw;border-radius:0;border-bottom:1px solid #ffffff0c;font:1.05cqw/1.25 'Inter'}
:where(#sec-resources) .sr-stack-icon{width:3.3cqw;height:3.3cqw;flex-shrink:0;border:0;box-shadow:none;background:none}
:where(#sec-resources) .sr-stack-icon svg{width:2.1cqw;height:2.1cqw}
:where(#sec-resources) .sr-stack-icons button[aria-pressed=true]{background:linear-gradient(90deg,#dac39112,transparent);color:#e2c68d}
:where(#sec-resources) .sr-stack-icons button[aria-pressed=true] .sr-stack-icon{box-shadow:none}
:where(#sec-resources) .sr-hover-reveal{margin-top:3cqw;padding:2.5cqw 0 0;border-top:1px solid #d6b77666}
:where(#sec-resources) .sr-hover-reveal h2{font-size:3.8cqw}
:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font-size:1.5cqw;line-height:1.7}
:where(#sec-resources) .sr-hover-reveal button{font-size:1.2cqw;margin-top:1cqw}
:where(#sec-resources) .sr-iphone{width:30%;bottom:21%;transform:rotate(0deg)}
:where(#sec-resources) .sr-res-device-copy h2{font-size:53px}
:where(#sec-resources) .sr-resources{background:radial-gradient(ellipse at 70% 50%,#20384455,transparent 65%),#0c1016}
:where(#sec-resources) .sr-device-note{top:1%}
:where(#sec-resources) .sr-stack-heading{padding-bottom:2cqw;margin-bottom:1cqw}
@media(max-width:1100px){:where(#sec-resources) .sr-res-device-layout{gap:30px}:where(#sec-resources) .sr-res-device-copy h2{font-size:43px}}
@media(max-width:760px){:where(#sec-resources) .sr-res-device-layout{grid-template-columns:1fr}:where(#sec-resources) .sr-res-device-copy h2{font-size:41px}:where(#sec-resources) .sr-device-stage{aspect-ratio:auto}:where(#sec-resources) .sr-resource-stack{width:100%;top:auto}:where(#sec-resources) .sr-stack-icons{gap:0 14px}:where(#sec-resources) .sr-stack-icons button{min-height:57px;font-size:10px;gap:6px;padding:8px 0}:where(#sec-resources) .sr-stack-icon{width:27px;height:27px}:where(#sec-resources) .sr-stack-icon svg{width:22px;height:22px}:where(#sec-resources) .sr-hover-reveal{margin-top:25px;padding-top:20px}:where(#sec-resources) .sr-hover-reveal h2{font-size:30px}:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font-size:13px}:where(#sec-resources) .sr-hover-reveal button{font-size:11px}:where(#sec-resources) .sr-iphone{width:52%;bottom:auto}}
:where(#sec-resources) .sr-iphone{width:32%;bottom:15%;border-radius:4.2cqw;padding:.6cqw;background:linear-gradient(120deg,#8c8d88,#303336 22%,#646764 70%,#94968f);box-shadow:0 25px 55px #0008,inset 0 0 0 1px #d9d7ce66}
:where(#sec-resources) .sr-phone-screen{background:#0c0d16;border-radius:3.7cqw;border-width:.6cqw}
:where(#sec-resources) .sr-phone-top{font-size:1cqw;padding:1.4cqw 1.7cqw}
:where(#sec-resources) .sr-mobile-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bba47722;padding:1.8cqw 1.6cqw;font:.85cqw 'Inter';letter-spacing:.14em;color:#d6c39a}
:where(#sec-resources) .sr-mobile-nav>span:last-child{font-size:1.4cqw}
:where(#sec-resources) .sr-mobile-content{padding:1.6cqw}
:where(#sec-resources) .sr-mobile-kicker{font:.65cqw 'Inter';letter-spacing:.15em;color:#c9b47c;margin:0 0 .7cqw}
:where(#sec-resources) .sr-mobile-content>h3{font:500 3.1cqw/1 'Cormorant Garamond';color:#eee5d4;margin:0 0 1.4cqw}
:where(#sec-resources) .sr-mobile-tabs{display:flex;justify-content:center;border:1px solid #b6a47a33;border-radius:3cqw;padding:.3cqw;margin-bottom:1.4cqw;background:#191922}
:where(#sec-resources) .sr-mobile-tabs span{width:50%;text-align:center;font:.85cqw 'Inter';padding:.6cqw;color:#a6a5ac}
:where(#sec-resources) .sr-mobile-tabs .active{background:#d3b86e18;border:1px solid #c4a34d88;border-radius:3cqw;color:#dfc27c}
:where(#sec-resources) .sr-mobile-player{height:22cqw;border-radius:1cqw;position:relative;overflow:hidden;background:#15232a}
:where(#sec-resources) .sr-mobile-player img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:brightness(.85)}
:where(#sec-resources) .sr-mobile-player:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b12b3,transparent 65%);pointer-events:none}
:where(#sec-resources) .sr-mobile-captions{position:absolute;top:1cqw;left:1cqw;font:.65cqw 'Inter';border:1px solid #fff5;padding:.3cqw .5cqw;border-radius:.3cqw;color:#ddd}
:where(#sec-resources) .sr-mobile-play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:5cqw;height:5cqw;display:grid;place-items:center;border-radius:50%;border:1px solid #d5bb80;background:#17151b80;color:#ebcc83;font-size:1.8cqw;padding-left:.25cqw;z-index:1}
:where(#sec-resources) .sr-mobile-state{position:absolute;top:61%;left:0;width:100%;text-align:center;font:.8cqw 'Inter';letter-spacing:.3em;color:#eee6d7;z-index:1}
:where(#sec-resources) .sr-mobile-progress{position:absolute;bottom:1.4cqw;left:10%;width:80%;height:.22cqw;background:#ffffff30;z-index:1}
:where(#sec-resources) .sr-mobile-progress i{display:block;width:38%;height:100%;background:#d6ba77}
:where(#sec-resources) .sr-mobile-stages{display:flex;justify-content:space-between;padding:1.2cqw 0;border-bottom:1px solid #ffffff12;font:.65cqw 'Inter';color:#9997a1}
:where(#sec-resources) .sr-mobile-stages .active{color:#d8c17c}
:where(#sec-resources) .sr-mobile-about{padding:1.6cqw 0 1.3cqw}
:where(#sec-resources) .sr-mobile-about h4{font:500 2.1cqw 'Cormorant Garamond';margin:0 0 .5cqw;color:#e3dac7}
:where(#sec-resources) .sr-mobile-about>p:last-child{font:.85cqw/1.5 'Inter';color:#aaa6b1;margin:0}
:where(#sec-resources) .sr-mobile-tools{border-top:1px solid #ffffff12}
:where(#sec-resources) .sr-mobile-tools>span{display:block;font:.85cqw 'Inter';padding:1cqw .3cqw;border-bottom:1px solid #ffffff12;color:#ccc6b7}
:where(#sec-resources) .sr-mobile-tools i{float:right;font-style:normal;color:#bba472}
:where(#sec-resources) .sr-mobile-footer{font:italic .8cqw 'Cormorant Garamond';text-align:center;margin:1.2cqw 0;color:#93909a}
:where(#sec-resources) .sr-hover-reveal{min-height:18cqw}
@media(max-width:760px){:where(#sec-resources) .sr-iphone{width:65%;bottom:auto;border-radius:8cqw}:where(#sec-resources) .sr-phone-screen{border-radius:7.5cqw;border-width:1.2cqw}:where(#sec-resources) .sr-mobile-nav{font-size:1.7cqw;padding:3.6cqw 3.2cqw}:where(#sec-resources) .sr-mobile-nav>span:last-child{font-size:2.8cqw}:where(#sec-resources) .sr-mobile-content{padding:3.2cqw}:where(#sec-resources) .sr-mobile-kicker{font-size:1.3cqw;margin-bottom:1.4cqw}:where(#sec-resources) .sr-mobile-content>h3{font-size:6.2cqw;margin-bottom:2.8cqw}:where(#sec-resources) .sr-mobile-tabs{padding:.6cqw;margin-bottom:2.8cqw}:where(#sec-resources) .sr-mobile-tabs span{font-size:1.7cqw;padding:1.2cqw}:where(#sec-resources) .sr-mobile-player{height:44cqw;border-radius:2cqw}:where(#sec-resources) .sr-mobile-captions{font-size:1.3cqw;top:2cqw;left:2cqw}:where(#sec-resources) .sr-mobile-play{width:10cqw;height:10cqw;font-size:3.6cqw}:where(#sec-resources) .sr-mobile-state{font-size:1.6cqw}:where(#sec-resources) .sr-mobile-stages{font-size:1.3cqw;padding:2.4cqw 0}:where(#sec-resources) .sr-mobile-about{padding:3.2cqw 0 2.6cqw}:where(#sec-resources) .sr-mobile-about h4{font-size:4.2cqw}:where(#sec-resources) .sr-mobile-about>p:last-child{font-size:1.7cqw}:where(#sec-resources) .sr-mobile-tools>span{font-size:1.7cqw;padding:2cqw .6cqw}:where(#sec-resources) .sr-mobile-footer{font-size:1.6cqw;margin:2.4cqw 0}:where(#sec-resources) .sr-phone-top{font-size:1.9cqw;padding:2.4cqw 3cqw}}
:where(#sec-resources) .sr-res-device-layout{grid-template-columns:.72fr 2fr;gap:36px}
:where(#sec-resources) .sr-res-device-copy h2{font-size:48px}
:where(#sec-resources) .sr-resource-stack{width:51%}
:where(#sec-resources) .sr-stack-icons button{font-size:1cqw}
:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font-size:1.3cqw}
:where(#sec-resources) .sr-device-stage{aspect-ratio:760/650}
:where(#sec-resources) .sr-iphone{width:29%;aspect-ratio:.486;border-radius:3.6cqw}
:where(#sec-resources) .sr-phone-screen{border-radius:3.1cqw}
:where(#sec-resources) .sr-phone-rear{right:16%;bottom:26%;transform:rotate(-9deg);z-index:1}
:where(#sec-resources) .sr-phone-front{right:-1%;bottom:9%;transform:rotate(7deg);z-index:2;box-shadow:-15px 20px 40px #0009,inset 0 0 0 1px #d9d7ce66}
:where(#sec-resources) .sr-mobile-nav{padding:1.2cqw 1.3cqw;font-size:.75cqw}
:where(#sec-resources) .sr-reader-mobile-hero{height:8.4cqw;position:relative;overflow:hidden;border-bottom:1px solid #b79b6044}
:where(#sec-resources) .sr-reader-mobile-hero img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.45}
:where(#sec-resources) .sr-reader-mobile-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0d16dd,transparent)}
:where(#sec-resources) .sr-reader-mobile-hero>div{position:relative;z-index:1;padding:2.2cqw 1.5cqw}
:where(#sec-resources) .sr-reader-mobile-hero small{font:.5cqw 'Inter';letter-spacing:.12em;color:#b5a78a}
:where(#sec-resources) .sr-reader-mobile-hero h3{font:500 2.5cqw 'Cormorant Garamond';margin:.6cqw 0;color:#f2e6cb}
:where(#sec-resources) .sr-resource-mobile-content{padding:1.7cqw 1.5cqw}
:where(#sec-resources) .sr-reader-mobile-crumb{font:.5cqw 'Inter';letter-spacing:.13em;color:#8d8c99;margin:0 0 1.4cqw}
:where(#sec-resources) .sr-reader-mode{display:flex;justify-content:flex-end;margin:0 0 1.8cqw;font:.55cqw 'Inter';letter-spacing:.1em;text-transform:uppercase}
:where(#sec-resources) .sr-reader-mode span{border:1px solid #ffffff15;padding:.5cqw .8cqw;color:#898593}
:where(#sec-resources) .sr-reader-mode span:first-child{background:#ad936021;color:#e2d3b2;border-radius:2cqw 0 0 2cqw}
:where(#sec-resources) .sr-reader-mode span:last-child{border-radius:0 2cqw 2cqw 0}
:where(#sec-resources) .sr-reader-mobile-type{font:.55cqw 'Inter';letter-spacing:.17em;color:#a3ac81;margin:0 0 .8cqw}
:where(#sec-resources) .sr-resource-mobile-content>h3{font:500 2.7cqw/1.05 'Cormorant Garamond';margin:0 0 1.4cqw;color:#ede2cc}
:where(#sec-resources) .sr-reader-mobile-intro{font:1.6cqw/1.45 'Cormorant Garamond';color:#aaa6ae;margin:0 0 1.8cqw}
:where(#sec-resources) .sr-reader-tag{display:inline-block;font:.48cqw 'Inter';letter-spacing:.1em;color:#d3b464;background:#8d743321;border:1px solid #9a80312a;border-radius:2cqw;padding:.45cqw .75cqw}
:where(#sec-resources) .sr-reader-audio{display:flex;align-items:center;gap:1cqw;padding:1.8cqw 0 1cqw;margin-top:1.7cqw;border-top:1px solid #bfa36533}
:where(#sec-resources) .sr-reader-audio>span:first-child{width:3cqw;height:3cqw;border:1px solid #ac8d46;border-radius:50%;display:grid;place-items:center;color:#d6b35a;font-size:1.6cqw}
:where(#sec-resources) .sr-reader-audio small{font:.5cqw 'Inter';color:#c3a35f;letter-spacing:.1em}
:where(#sec-resources) .sr-reader-audio p{font:.7cqw 'Inter';color:#e7dfd0;margin:.5cqw 0}
:where(#sec-resources) .sr-audio-wave{color:#8ba594;font-size:1.2cqw}
:where(#sec-resources) .sr-reader-small{font:.8cqw/1.6 'Inter';color:#928f9a;margin:.5cqw 0 1.6cqw}
:where(#sec-resources) .sr-reader-feedback{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:1.2cqw;font:.7cqw 'Inter';color:#b5a8bd}
:where(#sec-resources) .sr-reader-feedback>span:first-child{color:#ce7d88}
:where(#sec-resources) .sr-account-copy{font:1.25cqw/1.5 'Cormorant Garamond';color:#a5a1a9;margin:1.3cqw 0}
:where(#sec-resources) .sr-account-copy strong{font-weight:400;color:#d4ccbe}
:where(#sec-resources) .sr-dropcap{float:left;font:4.3cqw/.8 'Cormorant Garamond';color:#d8b75e;padding:.5cqw .5cqw 0 0}
:where(#sec-resources) .sr-venn{height:11cqw;position:relative;margin:1.4cqw 0 1cqw}
:where(#sec-resources) .sr-venn-left, :where(#sec-resources) .sr-venn-right{position:absolute;top:0;width:10cqw;height:10cqw;border-radius:50%;border:1px solid #c7c5be36}
:where(#sec-resources) .sr-venn-left{left:3cqw;background:#7486b32b}
:where(#sec-resources) .sr-venn-right{right:2.2cqw;background:#9aa97a30}
:where(#sec-resources) .sr-venn span{position:absolute;top:4.2cqw;font:.55cqw 'Inter';letter-spacing:.05em;text-align:center}
:where(#sec-resources) .sr-venn-inside{left:0;color:#91a9ce}
:where(#sec-resources) .sr-venn-outside{right:0;color:#b0ba85}
:where(#sec-resources) .sr-venn small{display:block;font:.5cqw 'Inter';color:#96949c;margin-top:.6cqw}
:where(#sec-resources) .sr-venn span.sr-venn-center{left:40%;font:1cqw 'Cormorant Garamond';color:#ddd7c6;top:4cqw}
:where(#sec-resources) .sr-reader-next{margin-top:1.4cqw;border-top:1px solid #ffffff12;padding-top:1cqw}
:where(#sec-resources) .sr-reader-next small{font:.5cqw 'Inter';letter-spacing:.15em;color:#cab36d}
:where(#sec-resources) .sr-reader-next p{font:.75cqw 'Inter';color:#d5ccbd;margin:.7cqw 0}
:where(#sec-resources) .sr-reader-next p span{float:right;color:#d4b157}
@media(max-width:1100px){:where(#sec-resources) .sr-res-device-copy h2{font-size:42px}}
@media(max-width:760px){:where(#sec-resources) .sr-res-device-layout{grid-template-columns:1fr}:where(#sec-resources) .sr-resource-stack{width:100%}:where(#sec-resources) .sr-stack-icons button{font-size:10px}:where(#sec-resources) .sr-hover-reveal #sr-reveal-description{font-size:13px}:where(#sec-resources) .sr-device-stage{aspect-ratio:auto;display:block;padding-bottom:122cqw}:where(#sec-resources) .sr-iphone{position:absolute;width:54%;bottom:8cqw;border-radius:7cqw}:where(#sec-resources) .sr-phone-screen{border-radius:6cqw}:where(#sec-resources) .sr-phone-rear{right:37%;bottom:21cqw;transform:rotate(-7deg)}:where(#sec-resources) .sr-phone-front{right:0;transform:rotate(7deg)}:where(#sec-resources) .sr-mobile-nav{padding:2.3cqw;font-size:1.4cqw}:where(#sec-resources) .sr-reader-mobile-hero{height:16cqw}:where(#sec-resources) .sr-reader-mobile-hero>div{padding:4cqw 2.6cqw}:where(#sec-resources) .sr-reader-mobile-hero small{font-size:1cqw}:where(#sec-resources) .sr-reader-mobile-hero h3{font-size:4.5cqw}:where(#sec-resources) .sr-resource-mobile-content{padding:3cqw 2.7cqw}:where(#sec-resources) .sr-reader-mobile-crumb{font-size:1cqw;margin-bottom:2.6cqw}:where(#sec-resources) .sr-reader-mode{font-size:1cqw;margin-bottom:3cqw}:where(#sec-resources) .sr-reader-mode span{padding:1cqw 1.4cqw}:where(#sec-resources) .sr-reader-mobile-type{font-size:1cqw;margin-bottom:1.5cqw}:where(#sec-resources) .sr-resource-mobile-content>h3{font-size:5cqw;margin-bottom:2.5cqw}:where(#sec-resources) .sr-reader-mobile-intro{font-size:2.9cqw;margin-bottom:3cqw}:where(#sec-resources) .sr-reader-tag{font-size:.9cqw;padding:.8cqw 1.3cqw}:where(#sec-resources) .sr-reader-audio{gap:1.8cqw;padding:3cqw 0 2cqw;margin-top:3cqw}:where(#sec-resources) .sr-reader-audio>span:first-child{width:5.5cqw;height:5.5cqw;font-size:3cqw}:where(#sec-resources) .sr-reader-audio small{font-size:.9cqw}:where(#sec-resources) .sr-reader-audio p{font-size:1.3cqw}:where(#sec-resources) .sr-audio-wave{font-size:2cqw}:where(#sec-resources) .sr-reader-small{font-size:1.5cqw;margin-bottom:3cqw}:where(#sec-resources) .sr-reader-feedback{font-size:1.3cqw;padding-top:2cqw}:where(#sec-resources) .sr-account-copy{font-size:2.3cqw;margin:2.4cqw 0}:where(#sec-resources) .sr-dropcap{font-size:8cqw}:where(#sec-resources) .sr-venn{height:20cqw;margin:2.5cqw 0}:where(#sec-resources) .sr-venn-left, :where(#sec-resources) .sr-venn-right{width:18cqw;height:18cqw}:where(#sec-resources) .sr-venn-left{left:5.5cqw}:where(#sec-resources) .sr-venn-right{right:4cqw}:where(#sec-resources) .sr-venn span{top:7.5cqw;font-size:1cqw}:where(#sec-resources) .sr-venn small{font-size:.9cqw}:where(#sec-resources) .sr-venn span.sr-venn-center{font-size:1.8cqw;top:7.5cqw}:where(#sec-resources) .sr-reader-next{margin-top:2.5cqw;padding-top:2cqw}:where(#sec-resources) .sr-reader-next small{font-size:.9cqw}:where(#sec-resources) .sr-reader-next p{font-size:1.4cqw}:where(#sec-resources) .sr-res-device-copy h2{font-size:41px}}
:where(#sec-resources) .sr-phone-front{right:2%}
:where(#sec-resources) .sr-phone-rear{right:18%}
@media(max-width:760px){:where(#sec-resources) .sr-phone-front{right:5%;width:50%}:where(#sec-resources) .sr-phone-rear{right:42%;width:50%}:where(#sec-resources) .sr-device-stage{padding-bottom:130cqw}}
:where(#sec-resources) .sr-premium-phones{position:absolute;width:48%;right:-1%;top:8%;height:auto;filter:drop-shadow(0 24px 24px #0007)}
:where(#sec-resources) .sr-res-device-copy h2{font-size:46px;line-height:1.05}
:where(#sec-resources) .sr-res-device-copy>p:not(.sr-res-eyebrow){font-size:12px;line-height:1.85}
:where(#sec-resources) .sr-resource-stack{width:50%}
:where(#sec-resources) .sr-device-stage{aspect-ratio:760/650}
@media(max-width:1100px){:where(#sec-resources) .sr-res-device-copy h2{font-size:38px}:where(#sec-resources) .sr-premium-phones{right:0;width:47%}}
@media(max-width:760px){:where(#sec-resources) .sr-device-stage{display:flex;aspect-ratio:auto;padding-bottom:0}:where(#sec-resources) .sr-resource-stack{width:100%}:where(#sec-resources) .sr-premium-phones{position:relative;right:auto;top:auto;width:100%;margin:5px auto 20px;display:block}:where(#sec-resources) .sr-res-device-copy h2{font-size:40px}:where(#sec-resources) .sr-res-device-copy>p:not(.sr-res-eyebrow){font-size:13px;line-height:1.8}}

/* ── sec-ai · from section-06.css ── */
:where(#sec-ai) .ai-section{padding:86px 36px 72px;background:radial-gradient(ellipse at 69% 43%,#32324945,transparent 54%),radial-gradient(ellipse at 75% 100%,#1e3d4540,transparent 65%),#0e1219;min-height:790px}
:where(#sec-ai) .ai-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:.85fr 1.85fr;gap:48px;align-items:center}
:where(#sec-ai) .ai-eyebrow{font:10px 'Inter';letter-spacing:2px;color:#d6b776;margin:0 0 24px}
:where(#sec-ai) .ai-copy h2{font:500 53px/1.04 'Cormorant Garamond';margin:0 0 28px;color:#f2ede4}
:where(#sec-ai) .ai-copy h2 em{color:#d6b776;font-weight:400}
:where(#sec-ai) .ai-copy>p:not(.ai-eyebrow){font:14px/1.8 'Inter';color:#aeb8c0;margin:0 0 19px;max-width:345px}
:where(#sec-ai) .ai-copy>p:nth-of-type(2){color:#e0d8ca;font:24px/1.3 'Cormorant Garamond'}
:where(#sec-ai) .ai-values{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0;color:#d9c397;font-size:10px}
:where(#sec-ai) .ai-values span+span:before{content:'·';margin-right:11px;color:#6e7277}
:where(#sec-ai) .ai-cta{display:inline-flex;align-items:center;gap:30px;padding:16px 23px;border-radius:30px;background:linear-gradient(110deg,#ead19a,#d4b16b);color:#181916;font-size:12px}
:where(#sec-ai) .ai-copy>small{display:block;font-size:10px;color:#8d98a3;margin-top:15px}
:where(#sec-ai) .ai-demo{min-width:0}
:where(#sec-ai) .ai-demo-caption{display:flex;justify-content:space-between;font:9px 'Inter';letter-spacing:1.4px;color:#d0b57e;margin:0 8px 21px}
:where(#sec-ai) .ai-demo-caption span:last-child{color:#8995a1;letter-spacing:0}
:where(#sec-ai) .ai-window{border-radius:19px;border:1px solid #b7bbc43a;box-shadow:inset 0 1px 0 #ffffff22,0 30px 65px #0006;background:linear-gradient(135deg,#1a2530,#101922);overflow:hidden}
:where(#sec-ai) .ai-window-bar{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff10;padding:21px 25px;color:#d7c79e;font:9px 'Inter';letter-spacing:1.8px}
:where(#sec-ai) .ai-window-bar span:last-child{color:#8d9ba7;font-size:8px}
:where(#sec-ai) .ai-workspace{display:grid;grid-template-columns:46px minmax(0,1fr) 33%}
:where(#sec-ai) .ai-sidebar{border-right:1px solid #ffffff0c;display:flex;flex-direction:column;align-items:center;gap:28px;padding:27px 0;color:#7e8c99;font-size:17px}
:where(#sec-ai) .ai-sidebar .selected{color:#ccbae5;background:#b094d61a;padding:7px;border-radius:9px}
:where(#sec-ai) .ai-conversation{padding:25px 23px 18px;min-width:0}
:where(#sec-ai) .ai-identity{display:flex;gap:12px;align-items:center;margin-bottom:24px}
:where(#sec-ai) .ai-orb{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 37% 32%,#ddd1f826,#997cc710 55%,#aa8ec135);box-shadow:inset 0 0 0 1px #c6b1ec55,0 0 24px #b094d61a;color:#d8c5ef;font-size:25px}
:where(#sec-ai) .ai-identity h2{font:500 25px 'Cormorant Garamond';margin:0 0 3px}
:where(#sec-ai) .ai-identity p{font:9px 'Inter';color:#99a7b4;margin:0}
:where(#sec-ai) .ai-tabs{display:flex;background:#07121b;border-radius:7px;padding:4px;gap:3px;margin-bottom:25px}
:where(#sec-ai) .ai-tabs button{flex:1;padding:9px 4px;border:0;background:none;color:#a5aeb8;font:9px 'Inter';border-radius:5px;cursor:pointer}
:where(#sec-ai) .ai-tabs button[aria-pressed=true]{background:#c5af7520;color:#e0c993;box-shadow:inset 0 0 0 1px #d8bd7018}
:where(#sec-ai) .ai-message{padding:15px 16px;background:#293846;border:1px solid #ffffff06;border-radius:12px 12px 3px 12px}
:where(#sec-ai) .ai-message>span, :where(#sec-ai) .ai-response>span{font:7px 'Inter';letter-spacing:1.5px;color:#a6b4c1}
:where(#sec-ai) .ai-message p{font:12px/1.7 'Inter';color:#e0e4e8;margin:8px 0 0}
:where(#sec-ai) .ai-response{margin:24px 0 20px;min-height:132px}
:where(#sec-ai) .ai-response>span{color:#d6bd80}
:where(#sec-ai) .ai-response p{font:17px/1.5 'Cormorant Garamond';color:#e0daca;margin:10px 0 0}
:where(#sec-ai) .ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;min-height:62px;align-content:start}
:where(#sec-ai) .ai-suggestions span{font:9px/1.4 'Inter';color:#bdc4c9;border:1px solid #b3bdc126;border-radius:20px;padding:8px 10px}
:where(#sec-ai) .ai-input{display:flex;justify-content:space-between;padding:13px 14px;border:1px solid #ffffff0c;border-radius:25px;background:#ffffff03;color:#8393a1;font:9px 'Inter';margin-top:15px}
:where(#sec-ai) .ai-input span:last-child{color:#cfb77d}
:where(#sec-ai) .ai-example-note{text-align:center;font:7px 'Inter';color:#7c8e9d;margin:11px 0 0}
:where(#sec-ai) .ai-context{padding:26px 17px;border-left:1px solid #ffffff0a;background:#08121a50}
:where(#sec-ai) .ai-context-label{font:7px 'Inter';letter-spacing:1.2px;color:#b7a477;margin:0 0 13px}
:where(#sec-ai) .ai-protocol{height:205px;position:relative;overflow:hidden;border-radius:9px;margin-bottom:23px}
:where(#sec-ai) .ai-protocol img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
:where(#sec-ai) .ai-protocol:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b131bf5,transparent 80%)}
:where(#sec-ai) .ai-protocol>div{position:absolute;bottom:15px;left:14px;right:8px;z-index:1}
:where(#sec-ai) .ai-protocol span{font:6px 'Inter';color:#d8be7a;letter-spacing:1px}
:where(#sec-ai) .ai-protocol h3{font:500 26px/1 'Cormorant Garamond';margin:8px 0 0;color:#f2e6cc}
:where(#sec-ai) .ai-resource{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff10}
:where(#sec-ai) .ai-resource>span{font-size:16px;color:#c7b27f}
:where(#sec-ai) .ai-resource>span:last-child{font-size:12px;margin-left:auto}
:where(#sec-ai) .ai-resource h4{font:500 15px/1.1 'Cormorant Garamond';margin:0 0 5px;color:#ded6c4}
:where(#sec-ai) .ai-resource p{font:8px/1.4 'Inter';color:#929fab;margin:0}
:where(#sec-ai) .ai-continuity{margin-top:24px}
:where(#sec-ai) .ai-continuity>span{font:6px 'Inter';letter-spacing:.7px;color:#b09cc9}
:where(#sec-ai) .ai-continuity p{font:italic 17px/1.2 'Cormorant Garamond';color:#bdb7c3;margin:11px 0}
:where(#sec-ai) .ai-continuity>div{display:flex;justify-content:space-between;font:9px 'Inter';color:#a1abb5;border-top:1px solid #ffffff10;padding-top:12px}
:where(#sec-ai) .ai-authorship{text-align:center;color:#929fac;font:10px/1.6 'Inter';margin:24px 0 0}
:where(#sec-ai) .ai-authorship span{color:#d5c7ab}
@media(max-width:1100px){:where(#sec-ai) .ai-layout{gap:28px;grid-template-columns:.8fr 1.8fr}:where(#sec-ai) .ai-copy h2{font-size:43px}:where(#sec-ai) .ai-conversation{padding:20px 15px}:where(#sec-ai) .ai-context{padding:23px 12px}:where(#sec-ai) .ai-workspace{grid-template-columns:35px minmax(0,1fr) 32%}:where(#sec-ai) .ai-section{padding:60px 28px}:where(#sec-ai) .ai-response p{font-size:16px}:where(#sec-ai) .ai-identity p{font-size:8px}}
@media(max-width:760px){:where(#sec-ai) .ai-section{padding:40px 20px}:where(#sec-ai) .ai-layout{grid-template-columns:1fr;gap:36px}:where(#sec-ai) .ai-copy{text-align:center}:where(#sec-ai) .ai-copy h2{font-size:43px}:where(#sec-ai) .ai-copy>p:not(.ai-eyebrow){margin:0 auto 18px}:where(#sec-ai) .ai-values{justify-content:center;margin:22px 0}:where(#sec-ai) .ai-demo-caption{font-size:7px;letter-spacing:1px}:where(#sec-ai) .ai-window-bar{padding:18px 16px;font-size:8px}:where(#sec-ai) .ai-window-bar span:last-child{display:none}:where(#sec-ai) .ai-workspace{grid-template-columns:1fr}:where(#sec-ai) .ai-sidebar{display:none}:where(#sec-ai) .ai-conversation{padding:23px}:where(#sec-ai) .ai-identity h2{font-size:28px}:where(#sec-ai) .ai-identity p{font-size:10px}:where(#sec-ai) .ai-tabs button{font-size:11px}:where(#sec-ai) .ai-message p{font-size:13px}:where(#sec-ai) .ai-message>span, :where(#sec-ai) .ai-response>span{font-size:8px}:where(#sec-ai) .ai-response{min-height:115px}:where(#sec-ai) .ai-response p{font-size:21px}:where(#sec-ai) .ai-suggestions{min-height:auto}:where(#sec-ai) .ai-suggestions span{font-size:10px}:where(#sec-ai) .ai-input{font-size:11px;margin-top:24px}:where(#sec-ai) .ai-example-note{font-size:8px}:where(#sec-ai) .ai-context{border:0;border-top:1px solid #ffffff10;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}:where(#sec-ai) .ai-context>.ai-context-label:first-child{grid-column:1/-1;margin:0}:where(#sec-ai) .ai-protocol{grid-row:span 4;height:240px;margin:0}:where(#sec-ai) .ai-context>.ai-context-label:nth-of-type(2){margin:0;align-self:end}:where(#sec-ai) .ai-context-label{font-size:7px}:where(#sec-ai) .ai-resource{padding:10px 0}:where(#sec-ai) .ai-resource p{font-size:9px}:where(#sec-ai) .ai-continuity{margin:0}:where(#sec-ai) .ai-continuity p{font-size:16px}:where(#sec-ai) .ai-continuity>span{font-size:6px}:where(#sec-ai) .ai-authorship{font-size:10px}}
:where(#sec-ai) .ai-journey-section{background:radial-gradient(ellipse at 75% 30%,#29243655,transparent 65%),#0e1219;padding:58px 36px 45px}
:where(#sec-ai) .ai-journey-wrap{max-width:1320px;margin:auto}
:where(#sec-ai) .ai-journey-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:38px}
:where(#sec-ai) .ai-journey-heading h2{font:500 54px/1.06 'Cormorant Garamond';margin:0;color:#f2ede4}
:where(#sec-ai) .ai-journey-heading h2 em{font-weight:400;color:#d6b776}
:where(#sec-ai) .ai-journey-intro>p{font:14px/1.8 'Inter';color:#b4bcc5;margin:0 0 13px}
:where(#sec-ai) .ai-journey-intro>p.ai-journey-lead{font:25px/1.25 'Cormorant Garamond';color:#e9dfd0}
:where(#sec-ai) .ai-journey-intro>p.ai-journey-promise{font-size:12px;color:#d4be94;margin:17px 0 0}
:where(#sec-ai) .ai-journey-art{margin:0}
:where(#sec-ai) .ai-journey-art img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #c1ad7d33;box-shadow:0 24px 60px #0004}
:where(#sec-ai) .ai-journey-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 3px;color:#d6be8a;font:12px 'Inter'}
:where(#sec-ai) .ai-journey-art small{font:9px/1.6 'Inter';color:#a19da9}
@media(max-width:1000px){:where(#sec-ai) .ai-journey-heading{gap:35px}:where(#sec-ai) .ai-journey-heading h2{font-size:44px}}
@media(max-width:760px){:where(#sec-ai) .ai-journey-section{padding:36px 20px}:where(#sec-ai) .ai-journey-heading{grid-template-columns:1fr;gap:25px;text-align:center;margin-bottom:26px}:where(#sec-ai) .ai-journey-heading h2{font-size:41px}:where(#sec-ai) .ai-journey-intro>p{font-size:13px}:where(#sec-ai) .ai-journey-intro>p.ai-journey-lead{font-size:24px}:where(#sec-ai) .ai-journey-art figcaption{flex-direction:column;text-align:center;gap:12px;font-size:11px}:where(#sec-ai) .ai-journey-art img{border-radius:7px}}
:where(#sec-ai) .ai-journey-art{position:relative;overflow:hidden;border-radius:12px}
:where(#sec-ai) .ai-journey-art figcaption{position:absolute;bottom:0;left:0;right:0;justify-content:center;padding:45px 20px 25px;background:linear-gradient(transparent,rgba(7,10,16,.9));font:500 15px/1.5 'Inter';letter-spacing:1px;color:#e6d0a4}
:where(#sec-ai) .ai-journey-disclosure{text-align:center;font:9px/1.6 'Inter';color:#a19da9;margin:16px 0 0}
@media(max-width:760px){:where(#sec-ai) .ai-journey-art{border-radius:7px}:where(#sec-ai) .ai-journey-art figcaption{padding:24px 8px 10px;font-size:9px;letter-spacing:.2px;display:block}:where(#sec-ai) .ai-journey-disclosure{font-size:8px}}

/* ── sec-connections · from section-07.css ── */
:where(#sec-connections) .connections{background:radial-gradient(ellipse at 70% 40%,#59473730,transparent 60%),#101218;padding:74px 36px 60px}
:where(#sec-connections) .connections-wrap{max-width:1320px;margin:auto;display:grid;grid-template-columns:.85fr 1.85fr;gap:45px;align-items:center}
:where(#sec-connections) .eyebrow{font:10px 'Inter';letter-spacing:2px;color:#d6b776;margin:0 0 25px}
:where(#sec-connections) .connections-copy h2{font:500 49px/1.07 'Cormorant Garamond';margin:0 0 29px;color:#f2ede4}
:where(#sec-connections) .connections-copy em{font-weight:400;color:#d6b776}
:where(#sec-connections) .connections-copy>p{font:14px/1.8 'Inter';color:#b8b4b4;max-width:345px}
:where(#sec-connections) .connections-copy>p.lead{font:25px/1.3 'Cormorant Garamond';color:#e6ded0}
:where(#sec-connections) .connections-copy>p.eyebrow{font:10px 'Inter';color:#d6b776}
:where(#sec-connections) .connection-steps{display:flex;gap:18px;align-items:center;margin:32px 0;color:#dbc394;font:22px 'Cormorant Garamond'}
:where(#sec-connections) .connection-steps i{font:14px 'Inter';color:#776c57}
:where(#sec-connections) .connections-copy>p.connection-note{font-size:12px;color:#959298}
:where(#sec-connections) .connection-visual{min-width:0}
:where(#sec-connections) .visual-label{display:flex;justify-content:space-between;font:9px 'Inter';letter-spacing:1.4px;color:#c9af7c;margin:0 8px 19px}
:where(#sec-connections) .visual-label span:last-child{color:#918c95;letter-spacing:0}
:where(#sec-connections) .connection-shell{background:linear-gradient(135deg,#25262c,#15171f);border:1px solid #c9bc9a44;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 #fff2,0 30px 65px #0006}
:where(#sec-connections) .connection-top{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #ffffff12;font:9px 'Inter';letter-spacing:1.4px;color:#d5c198}
:where(#sec-connections) .connection-top>span:last-child{color:#a8a1ab;letter-spacing:0}
:where(#sec-connections) .connection-body{display:grid;grid-template-columns:36% 64%}
:where(#sec-connections) .shared-space{background:#0e111960;border-right:1px solid #ffffff0d;padding:20px}
:where(#sec-connections) .shared-photo{height:238px;position:relative;border-radius:10px;overflow:hidden}
:where(#sec-connections) .shared-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
:where(#sec-connections) .shared-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d131bf2,transparent 80%)}
:where(#sec-connections) .shared-photo>div{position:absolute;bottom:17px;left:15px;right:8px;z-index:1}
:where(#sec-connections) .shared-photo small{font:6px 'Inter';letter-spacing:1px;color:#d5bc85}
:where(#sec-connections) .shared-photo h2{font:500 28px/1 'Cormorant Garamond';margin:9px 0 0;color:#f0e4cb}
:where(#sec-connections) .shared-detail{padding:23px 0}
:where(#sec-connections) .shared-detail>p{font:7px 'Inter';letter-spacing:1.4px;color:#bba473;margin:0 0 13px}
:where(#sec-connections) .shared-detail h3{font:500 26px/1.1 'Cormorant Garamond';color:#dcd2c0;margin:0 0 13px}
:where(#sec-connections) .shared-detail>span{font:10px/1.8 'Inter';color:#a59fa6;display:block}
:where(#sec-connections) .shared-resource{display:flex;gap:10px;align-items:center;border-top:1px solid #c5b38422;border-bottom:1px solid #c5b38422;padding:18px 0;color:#c8af7a}
:where(#sec-connections) .shared-resource small{font:6px 'Inter';letter-spacing:1px;color:#9d9294}
:where(#sec-connections) .shared-resource h4{font:500 17px 'Cormorant Garamond';margin:5px 0 0;color:#d6ccbc}
:where(#sec-connections) .shared-resource>span:last-child{margin-left:auto;font-size:12px}
:where(#sec-connections) .space-note{font:italic 20px/1.4 'Cormorant Garamond';color:#a39a89;margin-top:25px}
:where(#sec-connections) .connection-chat{padding:24px;min-width:0}
:where(#sec-connections) .participants{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #ffffff0d}
:where(#sec-connections) .participant-avatars{display:flex}
:where(#sec-connections) .participant-avatars span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#645148;border:2px solid #29282d;font:10px 'Inter';color:#eee2cb}
:where(#sec-connections) .participant-avatars span+span{margin-left:-8px;background:#424f54}
:where(#sec-connections) .participants h2{font:500 23px 'Cormorant Garamond';margin:0 0 3px}
:where(#sec-connections) .participants p{font:8px 'Inter';color:#a39ba5;margin:0}
:where(#sec-connections) .privacy-icon{margin-left:auto;color:#a99d80}
:where(#sec-connections) .date{text-align:center;font:7px 'Inter';letter-spacing:1.5px;color:#807b85;padding:22px 0 17px}
:where(#sec-connections) .message{padding:14px 16px;border:1px solid #fff1;max-width:95%}
:where(#sec-connections) .message small{font:7px 'Inter';letter-spacing:.8px;color:#b4a99d}
:where(#sec-connections) .message p{font:12px/1.7 'Inter';color:#e1dcd4;margin:8px 0 0}
:where(#sec-connections) .incoming{background:#39312f;border-radius:12px 12px 12px 3px}
:where(#sec-connections) .outgoing{background:#25343a;border-radius:12px 12px 3px 12px;margin:18px 0 0 auto}
:where(#sec-connections) .outgoing small{color:#9fb6bc}
:where(#sec-connections) .shared-quote{margin:16px 0 16px 10px;padding:3px 15px;border-left:1px solid #c3a86e}
:where(#sec-connections) .shared-quote>span{font:6px 'Inter';letter-spacing:.6px;color:#b89d70}
:where(#sec-connections) .shared-quote p{font:italic 21px 'Cormorant Garamond';color:#ddd0b7;margin:8px 0}
:where(#sec-connections) .shared-quote small{font:8px 'Inter';color:#938a92}
:where(#sec-connections) .branch-toggle{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid #ffffff0d;color:#c4b391;font:10px 'Inter';padding:18px 0;cursor:pointer}
:where(#sec-connections) .branch-toggle small{font-size:8px;color:#98919b;margin-left:auto}
:where(#sec-connections) .branch-toggle>span:last-child{color:#a4987e}
:where(#sec-connections) #branch{padding:5px 12px;border-left:1px solid #bca47333;margin:0 0 12px 6px}
:where(#sec-connections) #branch p{font:11px/1.6 'Inter';color:#bdb5b4}
:where(#sec-connections) #branch strong{display:block;font:9px 'Inter';color:#d0bb91;margin-bottom:4px}
:where(#sec-connections) .draft-area{margin-top:22px}
:where(#sec-connections) #draft-toggle{display:flex;width:100%;align-items:center;background:none;border:0;color:#bda7d5;font:10px 'Inter';padding:0;cursor:pointer}
:where(#sec-connections) #draft-toggle>span{margin-left:auto;font-size:8px;color:#847b92}
:where(#sec-connections) #draft{margin-top:12px;background:#b28fc609;padding:13px;border-radius:8px;border:1px solid #cbb3e022}
:where(#sec-connections) #draft small{font:7px 'Inter';letter-spacing:1px;color:#b89acd}
:where(#sec-connections) #draft p{font:19px/1.4 'Cormorant Garamond';color:#d1c2d6;margin:10px 0}
:where(#sec-connections) #draft>span{font:9px/1.5 'Inter';color:#a59baa;display:block}
:where(#sec-connections) .chat-compose{display:flex;justify-content:space-between;margin-top:23px;border:1px solid #ffffff16;border-radius:25px;padding:13px 16px;color:#8d8691;font:9px 'Inter'}
:where(#sec-connections) .chat-compose>span:last-child{color:#c7ae7b}
:where(#sec-connections) .connection-caption{text-align:center;font:italic 21px 'Cormorant Garamond';color:#c1b093;margin:24px 0 12px}
:where(#sec-connections) .privacy-disclosure{display:block;text-align:center;font:8px/1.7 'Inter';color:#837b89}
@media(max-width:1100px){:where(#sec-connections) .connections-wrap{gap:25px;grid-template-columns:.8fr 1.8fr}:where(#sec-connections) .connections-copy h2{font-size:40px}:where(#sec-connections) .connection-chat{padding:18px}:where(#sec-connections) .shared-space{padding:15px}:where(#sec-connections) .shared-photo{height:205px}:where(#sec-connections) .shared-photo h2{font-size:24px}:where(#sec-connections) .shared-detail h3{font-size:22px}:where(#sec-connections) .participants{gap:8px}:where(#sec-connections) .participants h2{font-size:21px}:where(#sec-connections) .message p{font-size:11px}:where(#sec-connections) .space-note{font-size:18px}}
@media(max-width:760px){:where(#sec-connections) .connections{padding:40px 20px}:where(#sec-connections) .connections-wrap{grid-template-columns:1fr;gap:33px}:where(#sec-connections) .connections-copy{text-align:center}:where(#sec-connections) .connections-copy h2{font-size:42px}:where(#sec-connections) .connections-copy>p{margin:0 auto 18px}:where(#sec-connections) .connection-steps{justify-content:center;margin:25px 0}:where(#sec-connections) .visual-label{font-size:7px}:where(#sec-connections) .connection-body{grid-template-columns:1fr}:where(#sec-connections) .shared-space{border:0;border-bottom:1px solid #fff1;display:grid;grid-template-columns:42% 1fr;gap:15px;padding:18px}:where(#sec-connections) .shared-photo{height:185px;grid-row:span 2}:where(#sec-connections) .shared-photo h2{font-size:23px}:where(#sec-connections) .shared-detail{padding:5px 0 0}:where(#sec-connections) .shared-detail h3{font-size:24px}:where(#sec-connections) .shared-detail>span{font-size:10px}:where(#sec-connections) .shared-resource{padding:10px 0}:where(#sec-connections) .space-note{display:none}:where(#sec-connections) .connection-chat{padding:22px}:where(#sec-connections) .message p{font-size:12px}:where(#sec-connections) .participants h2{font-size:25px}:where(#sec-connections) .participants p{font-size:9px}:where(#sec-connections) .connection-caption{font-size:20px;line-height:1.3}:where(#sec-connections) .privacy-disclosure{font-size:8px}}
:where(#sec-connections) .connections-art{padding-top:55px}
:where(#sec-connections) .connections-art .connections-wrap{display:block;max-width:1320px}
:where(#sec-connections) .connections-art .connections-copy{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 40px 35px}
:where(#sec-connections) .connections-art .connections-copy h2{font-size:52px;margin-bottom:0}
:where(#sec-connections) .connections-intro>p{font:14px/1.85 'Inter';color:#b8b4b4;max-width:490px;margin:0 0 15px}
:where(#sec-connections) .connections-intro .lead{font:26px/1.25 'Cormorant Garamond';color:#e6ded0}
:where(#sec-connections) .connections-art .connection-steps{margin:22px 0 0}
:where(#sec-connections) .connections-artwork{margin:0}
:where(#sec-connections) .connections-artwork img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #c9bc9a26;box-shadow:0 25px 65px #0004}
:where(#sec-connections) .connections-artwork figcaption{text-align:center;color:#bbaa8d;font:20px/1.5 'Cormorant Garamond';padding:22px 20px 0}
@media(max-width:1100px){:where(#sec-connections) .connections-art .connections-copy{gap:40px;padding:0 10px 30px}:where(#sec-connections) .connections-art .connections-copy h2{font-size:44px}}
@media(max-width:760px){:where(#sec-connections) .connections-art .connections-copy{display:block;padding:0 0 25px}:where(#sec-connections) .connections-art .connections-copy h2{font-size:42px;margin-bottom:24px}:where(#sec-connections) .connections-intro>p{margin:0 auto 16px}:where(#sec-connections) .connections-art .connection-steps{margin:22px 0 0}:where(#sec-connections) .connections-artwork{margin:0 -12px}:where(#sec-connections) .connections-artwork img{border-radius:8px}:where(#sec-connections) .connections-artwork figcaption{font-size:18px;padding:18px 12px 0}}

/* ── sec-work · from section-08-09.css ── */
:where(#sec-work) .work-section{padding:58px 36px 35px}
:where(#sec-work) .section-wrap{max-width:1320px;margin:auto}
:where(#sec-work) .work-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:38px}
:where(#sec-work) .eyebrow{font:10px 'Inter';letter-spacing:2.4px;color:#d6b776;margin:0 0 25px}
:where(#sec-work) h2{font:500 55px/1.03 'Cormorant Garamond';margin:0}
:where(#sec-work) h2 em, :where(#sec-work) h2 em{font-weight:400;color:#d6b776}
:where(#sec-work) .work-intro>p{font:14px/1.8 'Inter';color:#b4b5b7;max-width:480px}
:where(#sec-work) .work-intro .lead, :where(#sec-work) .lead{font:26px/1.3 'Cormorant Garamond';color:#e9dfd0}
:where(#sec-work) .work-intro .relevance{font-size:11px;color:#d6bf91;margin:22px 0}
:where(#sec-work) .gold-button{display:inline-flex;gap:32px;align-items:center;padding:16px 24px;border-radius:30px;background:linear-gradient(120deg,#ead39e,#c9a35e);color:#191813;font:12px 'Inter';text-decoration:none}
:where(#sec-work) .gold-button:hover{filter:brightness(1.09)}
:where(#sec-work) figure{margin:0}
:where(#sec-work) figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d6b77630}
:where(#sec-work) .work-note{display:flex;align-items:center;justify-content:center;gap:70px;margin:40px 0 20px}
:where(#sec-work) .work-note h2{font:30px/1.05 'Cormorant Garamond';margin:0}
:where(#sec-work) .work-note p{font:12px/1.8 'Inter';color:#b1aca4}
:where(#sec-work) .concept{font:9px/1.7 'Inter';color:#8d8990;text-align:center}
:where(#sec-work) .section-next{display:block;text-align:right;font:11px 'Inter';color:#d6b776;margin-top:25px}
:where(#sec-work) .closing{min-height:820px;position:relative;background:url('/assets/home2/closing-island.webp') center center/cover;display:flex;align-items:center;justify-content:center;padding:80px 25px 130px}
:where(#sec-work) .closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e18a6,#11141b66),linear-gradient(0deg,#0a1019e6,transparent 60%,#0c111966)}
:where(#sec-work) .closing-content{position:relative;text-align:center;max-width:760px}
:where(#sec-work) .closing h2{font-size:80px;text-shadow:0 2px 24px #0004}
:where(#sec-work) .closing .eyebrow{color:#e6ca8e}
:where(#sec-work) .closing .lead{font-size:27px;margin:28px 0 16px}
:where(#sec-work) .closing-content>p:not(.eyebrow):not(.lead){font:14px/1.9 'Inter';color:#e1dcd4}
:where(#sec-work) .closing .gold-button{margin-top:22px;padding:18px 30px}
:where(#sec-work) .pathways{display:block;margin-top:22px;font:12px 'Inter';color:#e9dfc7}
:where(#sec-work) .pathways span{margin-left:10px}
:where(#sec-work) .closing-bottom{position:absolute;bottom:30px;left:45px;right:45px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e8cf9b40;padding-top:25px;font:10px/1.7 'Inter';color:#ddc9a4}
:where(#sec-work) .closing-bottom a{color:#e2d7c7}
:where(#sec-work) a:focus-visible{outline:2px solid #d6b776;outline-offset:6px}
@media(max-width:1000px){:where(#sec-work) .work-heading{gap:35px}:where(#sec-work) h2{font-size:46px}:where(#sec-work) .closing h2{font-size:66px}}
@media(max-width:760px){:where(#sec-work) .work-section{padding:36px 20px}:where(#sec-work) .work-heading{grid-template-columns:1fr;text-align:center;gap:22px}:where(#sec-work) .work-intro>p{margin-left:auto;margin-right:auto}:where(#sec-work) h2{font-size:42px}:where(#sec-work) .work-note{display:block;text-align:center;margin:28px 0 18px}:where(#sec-work) .work-note h2{font-size:29px}:where(#sec-work) .work-note p{font-size:11px}:where(#sec-work) .closing{min-height:760px;padding:65px 22px 160px;background-position:60% center}:where(#sec-work) .closing h2{font-size:53px}:where(#sec-work) .closing .lead{font-size:24px}:where(#sec-work) .closing-content>p:not(.eyebrow):not(.lead){font-size:12px}:where(#sec-work) .closing-bottom{left:22px;right:22px;flex-direction:column;text-align:center;gap:12px}:where(#sec-work) .section-next{text-align:center}}
:where(#sec-work) .work-section{background:#e8e3da;color:#292c2c}
:where(#sec-work) .work-section .eyebrow{color:#86682f}
:where(#sec-work) .work-section h2{color:#272d2e}
:where(#sec-work) .work-section h2 em, :where(#sec-work) .work-section h2 em{color:#886b35}
:where(#sec-work) .work-section .work-intro>p{color:#575c5c}
:where(#sec-work) .work-section .work-intro .lead{color:#323a3b}
:where(#sec-work) .work-section .work-intro .relevance{color:#80632f}
:where(#sec-work) .work-section .gold-button{background:linear-gradient(120deg,#d7b674,#c5a15c);color:#252219;box-shadow:0 6px 20px #76613b14}
:where(#sec-work) .work-section figure img{border-color:#8d795342;box-shadow:0 18px 45px #292c2c1a}
:where(#sec-work) .work-section .work-note h2{color:#303737}
:where(#sec-work) .work-section .work-note p{color:#555b5b}
:where(#sec-work) .work-section .concept{color:#6c6d69}
:where(#sec-work) .work-section .section-next{color:#795d2b}
:where(#sec-work) .work-section{background:#353747;color:#f1ece4}
:where(#sec-work) .work-section h2, :where(#sec-work) .work-section .work-note h2{color:#f2ede6}
:where(#sec-work) .work-section .eyebrow, :where(#sec-work) .work-section h2 em, :where(#sec-work) .work-section h2 em, :where(#sec-work) .work-section .work-intro .relevance, :where(#sec-work) .work-section .section-next{color:#d9bb82}
:where(#sec-work) .work-section .work-intro>p, :where(#sec-work) .work-section .work-note p{color:#ccc9cf}
:where(#sec-work) .work-section .work-intro .lead{color:#eee7db}
:where(#sec-work) .work-section figure img{box-shadow:0 18px 45px #11121b45;border-color:#d6b77638}
:where(#sec-work) .work-protocols{margin:30px 0 0}
:where(#sec-work) .strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
:where(#sec-work) .strip-heading p{font:9px 'Inter';letter-spacing:1.8px;color:#d9bb82}
:where(#sec-work) .strip-heading>div{display:flex;gap:8px}
:where(#sec-work) .strip-heading button{background:transparent;border:1px solid #d5c7aa40;color:#e6d4ae;border-radius:20px;min-width:30px;height:28px;cursor:pointer}
:where(#sec-work) .strip-heading .strip-pause{font:10px 'Inter';padding:0 12px}
:where(#sec-work) .work-protocol-viewport{display:flex;gap:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b59b6e55 transparent;padding:0 0 14px}
:where(#sec-work) .work-protocol{flex:0 0 116px;text-decoration:none;color:#e5dfd7}
:where(#sec-work) .work-protocol img{display:block;width:116px;height:140px;object-fit:cover;border-radius:7px;border:1px solid #d9bb8238;transition:filter .2s}
:where(#sec-work) .work-protocol:hover img{filter:brightness(1.12)}
:where(#sec-work) .work-protocol>span{display:block;font:16px/1.1 'Cormorant Garamond';padding:9px 2px 0}
:where(#sec-work) .work-section .work-note{border-top:1px solid #d9bb8225;padding-top:28px;margin-top:24px}
@media(max-width:760px){:where(#sec-work) .work-protocol{flex-basis:100px}:where(#sec-work) .work-protocol img{width:100px;height:125px}:where(#sec-work) .strip-heading p{font-size:8px;letter-spacing:1px}:where(#sec-work) .work-protocol>span{font-size:15px}}

/* ── sec-closing · from section-08-09.css ── */
:where(#sec-closing) .work-section{padding:58px 36px 35px}
:where(#sec-closing) .section-wrap{max-width:1320px;margin:auto}
:where(#sec-closing) .work-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:38px}
:where(#sec-closing) .eyebrow{font:10px 'Inter';letter-spacing:2.4px;color:#d6b776;margin:0 0 25px}
:where(#sec-closing) h2{font:500 55px/1.03 'Cormorant Garamond';margin:0}
:where(#sec-closing) h2 em, :where(#sec-closing) h2 em{font-weight:400;color:#d6b776}
:where(#sec-closing) .work-intro>p{font:14px/1.8 'Inter';color:#b4b5b7;max-width:480px}
:where(#sec-closing) .work-intro .lead, :where(#sec-closing) .lead{font:26px/1.3 'Cormorant Garamond';color:#e9dfd0}
:where(#sec-closing) .work-intro .relevance{font-size:11px;color:#d6bf91;margin:22px 0}
:where(#sec-closing) .gold-button{display:inline-flex;gap:32px;align-items:center;padding:16px 24px;border-radius:30px;background:linear-gradient(120deg,#ead39e,#c9a35e);color:#191813;font:12px 'Inter';text-decoration:none}
:where(#sec-closing) .gold-button:hover{filter:brightness(1.09)}
:where(#sec-closing) figure{margin:0}
:where(#sec-closing) figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d6b77630}
:where(#sec-closing) .work-note{display:flex;align-items:center;justify-content:center;gap:70px;margin:40px 0 20px}
:where(#sec-closing) .work-note h2{font:30px/1.05 'Cormorant Garamond';margin:0}
:where(#sec-closing) .work-note p{font:12px/1.8 'Inter';color:#b1aca4}
:where(#sec-closing) .concept{font:9px/1.7 'Inter';color:#8d8990;text-align:center}
:where(#sec-closing) .section-next{display:block;text-align:right;font:11px 'Inter';color:#d6b776;margin-top:25px}
:where(#sec-closing) .closing{min-height:820px;position:relative;background:url('/assets/home2/closing-island.webp') center center/cover;display:flex;align-items:center;justify-content:center;padding:80px 25px}
:where(#sec-closing) .closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e18a6,#11141b66),linear-gradient(0deg,#0a1019e6,transparent 60%,#0c111966)}
:where(#sec-closing) .closing-content{position:relative;text-align:center;max-width:760px}
:where(#sec-closing) .closing-content .gold-button{justify-content:center;gap:0;text-align:center}
:where(#sec-closing) .closing h2{font-size:80px;text-shadow:0 2px 24px #0004}
:where(#sec-closing) .closing .eyebrow{color:#e6ca8e}
:where(#sec-closing) .closing .lead{font-size:27px;margin:28px 0 16px}
:where(#sec-closing) .closing-content>p:not(.eyebrow):not(.lead){font:14px/1.9 'Inter';color:#e1dcd4}
:where(#sec-closing) .closing .gold-button{margin-top:22px;padding:18px 30px}
:where(#sec-closing) .pathways{display:block;margin-top:22px;font:12px 'Inter';color:#e9dfc7}
:where(#sec-closing) .pathways span{margin-left:10px}
:where(#sec-closing) .closing-bottom{position:absolute;bottom:30px;left:45px;right:45px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e8cf9b40;padding-top:25px;font:10px/1.7 'Inter';color:#ddc9a4}
:where(#sec-closing) .closing-bottom a{color:#e2d7c7}
:where(#sec-closing) a:focus-visible{outline:2px solid #d6b776;outline-offset:6px}
@media(max-width:1000px){:where(#sec-closing) .work-heading{gap:35px}:where(#sec-closing) h2{font-size:46px}:where(#sec-closing) .closing h2{font-size:66px}}
@media(max-width:760px){:where(#sec-closing) .work-section{padding:36px 20px}:where(#sec-closing) .work-heading{grid-template-columns:1fr;text-align:center;gap:22px}:where(#sec-closing) .work-intro>p{margin-left:auto;margin-right:auto}:where(#sec-closing) h2{font-size:42px}:where(#sec-closing) .work-note{display:block;text-align:center;margin:28px 0 18px}:where(#sec-closing) .work-note h2{font-size:29px}:where(#sec-closing) .work-note p{font-size:11px}:where(#sec-closing) .closing{min-height:760px;padding:65px 22px;background-position:60% center}:where(#sec-closing) .closing h2{font-size:53px}:where(#sec-closing) .closing .lead{font-size:24px}:where(#sec-closing) .closing-content>p:not(.eyebrow):not(.lead){font-size:12px}:where(#sec-closing) .closing-bottom{left:22px;right:22px;flex-direction:column;text-align:center;gap:12px}:where(#sec-closing) .section-next{text-align:center}}
:where(#sec-closing) .work-section{background:#e8e3da;color:#292c2c}
:where(#sec-closing) .work-section .eyebrow{color:#86682f}
:where(#sec-closing) .work-section h2{color:#272d2e}
:where(#sec-closing) .work-section h2 em, :where(#sec-closing) .work-section h2 em{color:#886b35}
:where(#sec-closing) .work-section .work-intro>p{color:#575c5c}
:where(#sec-closing) .work-section .work-intro .lead{color:#323a3b}
:where(#sec-closing) .work-section .work-intro .relevance{color:#80632f}
:where(#sec-closing) .work-section .gold-button{background:linear-gradient(120deg,#d7b674,#c5a15c);color:#252219;box-shadow:0 6px 20px #76613b14}
:where(#sec-closing) .work-section figure img{border-color:#8d795342;box-shadow:0 18px 45px #292c2c1a}
:where(#sec-closing) .work-section .work-note h2{color:#303737}
:where(#sec-closing) .work-section .work-note p{color:#555b5b}
:where(#sec-closing) .work-section .concept{color:#6c6d69}
:where(#sec-closing) .work-section .section-next{color:#795d2b}
:where(#sec-closing) .work-section{background:#353747;color:#f1ece4}
:where(#sec-closing) .work-section h2, :where(#sec-closing) .work-section .work-note h2{color:#f2ede6}
:where(#sec-closing) .work-section .eyebrow, :where(#sec-closing) .work-section h2 em, :where(#sec-closing) .work-section h2 em, :where(#sec-closing) .work-section .work-intro .relevance, :where(#sec-closing) .work-section .section-next{color:#d9bb82}
:where(#sec-closing) .work-section .work-intro>p, :where(#sec-closing) .work-section .work-note p{color:#ccc9cf}
:where(#sec-closing) .work-section .work-intro .lead{color:#eee7db}
:where(#sec-closing) .work-section figure img{box-shadow:0 18px 45px #11121b45;border-color:#d6b77638}
:where(#sec-closing) .work-protocols{margin:30px 0 0}
:where(#sec-closing) .strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
:where(#sec-closing) .strip-heading p{font:9px 'Inter';letter-spacing:1.8px;color:#d9bb82}
:where(#sec-closing) .strip-heading>div{display:flex;gap:8px}
:where(#sec-closing) .strip-heading button{background:transparent;border:1px solid #d5c7aa40;color:#e6d4ae;border-radius:20px;min-width:30px;height:28px;cursor:pointer}
:where(#sec-closing) .strip-heading .strip-pause{font:10px 'Inter';padding:0 12px}
:where(#sec-closing) .work-protocol-viewport{display:flex;gap:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b59b6e55 transparent;padding:0 0 14px}
:where(#sec-closing) .work-protocol{flex:0 0 116px;text-decoration:none;color:#e5dfd7}
:where(#sec-closing) .work-protocol img{display:block;width:116px;height:140px;object-fit:cover;border-radius:7px;border:1px solid #d9bb8238;transition:filter .2s}
:where(#sec-closing) .work-protocol:hover img{filter:brightness(1.12)}
:where(#sec-closing) .work-protocol>span{display:block;font:16px/1.1 'Cormorant Garamond';padding:9px 2px 0}
:where(#sec-closing) .work-section .work-note{border-top:1px solid #d9bb8225;padding-top:28px;margin-top:24px}
@media(max-width:760px){:where(#sec-closing) .work-protocol{flex-basis:100px}:where(#sec-closing) .work-protocol img{width:100px;height:125px}:where(#sec-closing) .strip-heading p{font-size:8px;letter-spacing:1px}:where(#sec-closing) .work-protocol>span{font-size:15px}}

/* ── founder change, 15 October 2026 ──
   SECTION 06 · the new AI Companion scene carries no text of its own, and the
   line belongs on the lower end of the picture, as the approved illustration
   shows it — not on a strip underneath. The figure becomes the positioning
   context and the caption is laid over its foot, with a gradient for contrast
   against whatever the photograph puts there. These rules come last in this
   file, so they win over the generated block above at equal specificity. */
:where(#sec-ai) .ai-journey-art{position:relative}
:where(#sec-ai) .ai-journey-art figcaption{position:absolute;left:0;right:0;bottom:0;
  margin:0;padding:64px 24px 22px;justify-content:center;text-align:center;
  background:linear-gradient(0deg,rgba(8,7,16,.82) 18%,rgba(8,7,16,.5) 58%,transparent);
  border-radius:0 0 12px 12px;pointer-events:none;letter-spacing:.08em}
@media(max-width:760px){
  :where(#sec-ai) .ai-journey-art figcaption{padding:44px 14px 14px;border-radius:0 0 7px 7px}
}


/* ── founder refinement, 16 October 2026 · SECTION 02 ──
   The cards read cheap: three full-width gold slabs in a row, copy boxes held
   open by min-heights, a hard seam where the photograph met the card, and a
   1px white border doing the work of a bezel. This block changes only those
   four things, and only inside #sec-pathways.

   1 · THE ACTION. The site spends a gold fill on ONE thing per view — the
   hero's Watch the film, a protocol's Begin. Three of them side by side is
   what made the row feel like a template. It is a quiet gold action now, with
   a rule that extends under it on hover, so the eye lands on the pathway name
   and the photograph rather than on three identical blocks.
   2 · THE BOXES. The min-heights that held the copy open are gone; the three
   cards stay level because the grid stretches them, which is what grid is for.
   3 · THE BEZEL. A warmer, softer edge: a wider radius, a border at a third
   of its old strength, an inset highlight along the top and a long shadow
   underneath, so the card sits on the page rather than being drawn on it.
   4 · THE SEAM. The photograph fades into the card through a gradient foot
   instead of stopping at a line. */
:where(#sec-pathways) .sr-path{
  border:1px solid rgba(245,237,216,.07);border-radius:18px;
  background:linear-gradient(180deg,#13151c,#0d0f14 62%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px -42px #000;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
:where(#sec-pathways) .sr-path:hover,
:where(#sec-pathways) .sr-path:focus-within{
  border-color:rgba(212,168,67,.30);transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 64px -40px #000}
:where(#sec-pathways) .sr-path-photo{border-radius:17px 17px 0 0}
:where(#sec-pathways) .sr-path-photo:after{
  background:linear-gradient(0deg,#0f1117 0%,rgba(15,17,23,.55) 12%,transparent 34%)}
:where(#sec-pathways) .sr-path-icon{
  left:18px;top:18px;width:34px;height:34px;
  background:rgba(12,14,19,.62);backdrop-filter:blur(6px);
  border-color:rgba(212,168,67,.26)}
:where(#sec-pathways) .sr-path-icon svg{width:17px;height:17px}

:where(#sec-pathways) .sr-path-copy{padding:22px 26px 24px}
:where(#sec-pathways) .sr-path-copy h2{margin-bottom:5px;letter-spacing:.005em}
:where(#sec-pathways) .sr-path-category{
  margin-bottom:16px;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(212,168,67,.82)}
:where(#sec-pathways) .sr-path-line{min-height:0;margin-bottom:10px;font-size:19px;line-height:1.3}
:where(#sec-pathways) .sr-path-description{
  min-height:0;margin:0 auto 20px;max-width:30ch;font-size:14.5px;line-height:1.65;
  color:rgba(245,237,216,.62)}

/* the quiet action */
:where(#sec-pathways) .sr-path-cta{
  display:inline-flex;align-items:center;gap:10px;width:auto;padding:0 0 7px;
  background:none;border:0;border-radius:0;color:var(--gold,#D4A843);
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;position:relative}
:where(#sec-pathways) .sr-path-cta:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(212,168,67,.55),rgba(212,168,67,.12));
  transform-origin:left;transform:scaleX(.55);transition:transform .3s ease}
:where(#sec-pathways) .sr-path-cta:hover:after,
:where(#sec-pathways) .sr-path:hover .sr-path-cta:after{transform:scaleX(1)}
:where(#sec-pathways) .sr-path-cta span{font-size:15px;line-height:1;letter-spacing:0}
:where(#sec-pathways) .sr-path-cta:focus-visible{outline:2px solid var(--gold,#D4A843);outline-offset:5px}
/* 5 · ONE BASELINE. The reference let each card find its own height, so the
   three actions sat on three different lines — the clearest tell that the row
   was assembled rather than designed. The grid stretches the cards, the copy
   column grows, and the action is pushed to the foot, so all three land
   together whatever the length of the sentence above them. */
:where(#sec-pathways) .sr-path-grid{align-items:stretch}
:where(#sec-pathways) .sr-path{display:flex;flex-direction:column}
:where(#sec-pathways) .sr-path-copy{display:flex;flex-direction:column;flex:1}
:where(#sec-pathways) .sr-path-description{margin-bottom:22px}
:where(#sec-pathways) .sr-path-cta{margin-top:auto;align-self:center}
@media(max-width:760px){
  :where(#sec-pathways) .sr-path-copy{padding:22px 20px 24px}
  :where(#sec-pathways) .sr-path-description{max-width:none}
}


/* ── founder refinement II, 16 October 2026 · SECTION 02 ──
   No lines around the cards at all, the photograph running on behind the
   copy, and an emboss that only appears under the pointer.

   The photograph is no longer cropped to the top of the card and cut off at
   a seam — it fills the whole card, and the copy sits over it behind a
   translucent fade that goes from clear at the top of the text to the card's
   own ground beneath it. The text keeps its contrast because the fade is
   doing the work a border used to pretend to do. At rest the card is only a
   shape and a shadow; the hover lifts a highlight along its top edge, sets a
   shadow under its foot and puts a soft gold bloom around it — an emboss,
   not an outline. */
:where(#sec-pathways) .sr-path{
  position:relative;border:0;border-radius:20px;overflow:hidden;
  background:#0d0f14;
  box-shadow:0 30px 64px -44px #000;
  transition:transform .3s ease,box-shadow .3s ease}
/* the emboss itself: a highlight along the top edge, a shadow under the foot,
   a soft gold bloom around it. Keyboard focus gets it everywhere. */
:where(#sec-pathways) .sr-path:focus-within{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 0 42px -8px rgba(212,168,67,.26),
    0 34px 70px -40px #000}
/* pointer hover only where there is a real pointer: on a touch screen the
   state sticks after a tap, which reads as a card stuck half-lifted. */
@media (hover:hover) and (pointer:fine){
  :where(#sec-pathways) .sr-path:hover{
    transform:translateY(-3px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(0,0,0,.5),
      0 0 42px -8px rgba(212,168,67,.26),
      0 34px 70px -40px #000}
}
/* reduced motion keeps the emboss and loses the movement */
@media (prefers-reduced-motion:reduce){
  :where(#sec-pathways) .sr-path{transition:box-shadow .3s ease}
  :where(#sec-pathways) .sr-path:hover,
  :where(#sec-pathways) .sr-path:focus-within{transform:none}
  :where(#sec-pathways) .sr-path-cta{transition:filter .2s ease}
  :where(#sec-pathways) .sr-path-cta:hover{transform:none}
}

/* the photograph keeps the framing it was composed with — its own 4:3, at the
   card's full width, nothing cropped away by a taller box. The copy overlaps
   its foot by 88px and carries the fade, so the picture runs into the text
   without being zoomed to fit. */
:where(#sec-pathways) .sr-path-photo{
  position:relative;aspect-ratio:4/3;height:auto;border-radius:0;overflow:hidden}
:where(#sec-pathways) .sr-path-photo>img{
  width:100%;height:100%;object-fit:cover}
:where(#sec-pathways) .sr-path--perform .sr-path-photo>img{object-position:38% center}
:where(#sec-pathways) .sr-path--connect .sr-path-photo>img{object-position:68% center}
:where(#sec-pathways) .sr-path--grow .sr-path-photo>img{object-position:72% center}
:where(#sec-pathways) .sr-path-photo:after{background:none}

/* the fade the text reads against: clear where it meets the picture, the
   card's own ground 110px later */
:where(#sec-pathways) .sr-path-copy{
  position:relative;z-index:1;margin-top:-88px;padding:0 26px 26px;
  background:linear-gradient(180deg,
    rgba(13,15,20,0) 0,
    rgba(13,15,20,.62) 34px,
    rgba(13,15,20,.92) 72px,
    #0d0f14 108px);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
:where(#sec-pathways) .sr-path-copy h2{padding-top:26px}
:where(#sec-pathways) .sr-path-icon{
  z-index:2;background:rgba(10,12,17,.5);border-color:rgba(212,168,67,.22)}

@media(max-width:760px){
  :where(#sec-pathways) .sr-path-copy{padding:0 20px 26px}
}

/* ── founder: the button returns, smaller, and the arrow goes ──
   A filled gold pill again, but sized as a control rather than a slab: it
   wraps its own words instead of the card's width, and the decorative arrow
   is hidden rather than cut from the markup, so the lifted reference above
   stays as it was approved. */
:where(#sec-pathways) .sr-path-cta{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;align-self:center;margin-top:auto;
  padding:11px 24px;border-radius:999px;
  background:linear-gradient(180deg,#e2bd63,#cfa449);border:0;
  color:#17150f;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
  box-shadow:0 10px 24px -14px rgba(212,168,67,.6);
  transition:filter .25s ease,transform .25s ease,box-shadow .25s ease}
:where(#sec-pathways) .sr-path-cta:after{content:none}
:where(#sec-pathways) .sr-path-cta>span{display:none}
:where(#sec-pathways) .sr-path-cta:hover{
  filter:brightness(1.07);transform:translateY(-1px);
  box-shadow:0 14px 28px -14px rgba(212,168,67,.72)}
:where(#sec-pathways) .sr-path-cta:focus-visible{
  outline:2px solid var(--gold,#D4A843);outline-offset:4px}
/* SR-588 · founder ruling, 16 Oct: the "The SafeRise experience / Illustrative
   interface" note and the "Within your protocols" heading are gone from the
   resource library, so the left column's heading and the right column's
   content both start at the top of the section, on one line. */
@media(min-width:761px){
  :where(#sec-resources) .sr-res-device-layout{align-items:start}
  :where(#sec-resources) .sr-resource-stack{top:0}
}