.experience-page { --ease-out: cubic-bezier(.16,1,.3,1); overflow-x: clip; background: #f6f8fb; }
.experience-page::before { transform: translateY(calc(var(--page-y,0px) * -1)); }
.experience-page .container { width: min(1180px, calc(100% - 48px)); }
.experience-page .section-pad { padding: clamp(92px,10vw,150px) 0; }
.experience-header { background: rgba(246,248,251,.86); border-bottom-color: rgba(6,75,174,.12); }
.experience-header .header-inner { grid-template-columns: 180px 1fr auto; min-height: 76px; }
.experience-header .main-nav { gap: clamp(12px,1.6vw,25px); }
.experience-header .main-nav a { position: relative; font-size: .76rem; }
.experience-header .main-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--red); transition:right .25s var(--ease-out); }
.experience-header .main-nav a:hover::after,.experience-header .main-nav a:focus-visible::after { right:0; }
.experience-header .header-action { border-radius:4px 16px 16px 16px; }
.scroll-progress { height:3px; z-index:600; }
.chapter-rail { position:fixed; z-index:85; top:50%; right:13px; display:grid; gap:9px; translate:0 -50%; }
.chapter-rail a { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:var(--muted); font:700 .58rem/1 ui-monospace,monospace; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.chapter-rail a::after { content:""; width:7px; height:7px; background:#b9c3d1; border-radius:50%; transition:transform .25s,background .25s; }
.chapter-rail a b { max-width:0; overflow:hidden; opacity:0; white-space:nowrap; transition:max-width .3s,opacity .3s; }
.chapter-rail a:hover b,.chapter-rail a:focus-visible b,.chapter-rail a.is-active b { max-width:90px; opacity:1; }
.chapter-rail a.is-active { color:var(--blue); }
.chapter-rail a.is-active::after { background:var(--red); transform:scale(1.45); box-shadow:0 0 0 5px rgba(255,23,56,.12); }
.hero-experience { --hero-x:0px; --hero-y:0px; position:relative; min-height:calc(100svh - 76px); overflow:hidden; isolation:isolate; background:var(--paper); }
.hero-experience::after { content:""; position:absolute; z-index:-2; width:min(56vw,760px); aspect-ratio:1; right:-15vw; top:-42%; border:clamp(54px,7vw,100px) solid var(--yellow); border-radius:50%; animation:hero-halo 13s ease-in-out infinite; }
.hero-stage { position:relative; min-height:calc(100svh - 76px); padding-top:clamp(72px,10vh,120px); padding-bottom:70px; }
.hero-eyebrow { position:relative; z-index:3; margin-left:2px; }
.hero-stage h1 { position:relative; z-index:3; display:grid; margin:0; width:100%; font-size:clamp(4rem,9.7vw,9.2rem); line-height:.78; letter-spacing:-.065em; text-transform:uppercase; }
.hero-line { display:block; width:max-content; max-width:100%; }
.hero-line-one { color:var(--ink); animation:hero-line-in .9s .1s both var(--ease-out); }
.hero-line-two { position:relative; z-index:2; margin-left:9%; color:var(--blue); font-size:.68em; letter-spacing:-.035em; animation:hero-line-in .9s .22s both var(--ease-out); }
.hero-line-two::after { content:""; position:absolute; z-index:-1; left:-1%; right:-1%; bottom:-.04em; height:.11em; background:var(--yellow); transform-origin:left; animation:hero-underline 1s .65s both var(--ease-out); }
.hero-line-three { justify-self:end; margin-top:.1em; color:var(--ink); font-size:.61em; letter-spacing:-.04em; animation:hero-line-in .9s .34s both var(--ease-out); }
.hero-deck { position:relative; z-index:4; display:grid; grid-template-columns:minmax(300px,560px) auto; align-items:end; gap:38px; margin-top:clamp(52px,9vh,90px); }
.hero-deck .hero-lead { margin:0; max-width:560px; font-size:clamp(1rem,1.5vw,1.2rem); }
.hero-deck .hero-actions { align-self:start; }
.hero-deck .hero-principles { grid-column:1 / -1; margin:5px 0 0; }
.scroll-cue { position:absolute; z-index:5; right:0; bottom:30px; display:flex; align-items:center; gap:12px; color:var(--blue); font:800 .62rem/1 ui-monospace,monospace; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; rotate:90deg; transform-origin:right bottom; }
.scroll-cue i { position:relative; width:70px; height:1px; overflow:hidden; background:rgba(6,75,174,.2); }
.scroll-cue i::after { content:""; position:absolute; inset:0; background:var(--red); transform:translateX(-100%); animation:scroll-cue 2.2s infinite var(--ease-out); }
.hero-field { position:absolute; z-index:1; inset:0; pointer-events:none; transform:translate3d(var(--hero-x),var(--hero-y),0); transition:transform .4s ease-out; }
.hero-field svg { position:absolute; inset:8% -4% auto; width:108%; height:70%; opacity:.18; }
.hero-field path { fill:none; stroke:var(--blue); stroke-width:1.2; stroke-dasharray:.01 .025; animation:field-dash 18s linear infinite; }
.hero-field path:last-child { stroke:var(--red); stroke-dasharray:.025 .05; animation-direction:reverse; }
.field-orbit { position:absolute; width:18vw; aspect-ratio:1; border:1px solid rgba(6,75,174,.13); border-radius:50%; }
.field-orbit-a { left:-5vw; top:35%; animation:orbit-drift 10s ease-in-out infinite; }
.field-orbit-b { right:19%; top:12%; width:10vw; border-color:rgba(255,23,56,.22); animation:orbit-drift 8s -4s ease-in-out infinite reverse; }
.field-node { position:absolute; padding:5px 9px; color:var(--blue); background:rgba(246,248,251,.84); border:1px solid rgba(6,75,174,.18); font:800 .56rem/1 ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; animation:node-float 6s ease-in-out infinite; }
.node-a { left:5%; top:28%; }.node-b { right:12%; top:42%; animation-delay:-2s }.node-c { left:45%; bottom:17%; animation-delay:-4s }.node-d { right:34%; top:17%; animation-delay:-1s }
@keyframes hero-line-in { from { opacity:0; transform:translateY(70px) rotateX(-20deg); } }
@keyframes hero-underline { from { transform:scaleX(0); } }
@keyframes hero-halo { 50% { transform:translate(-4%,8%) rotate(7deg); } }
@keyframes scroll-cue { 50%,100% { transform:translateX(100%); } }
@keyframes field-dash { to { stroke-dashoffset:-1; } }
@keyframes orbit-drift { 50% { transform:translate3d(22px,-18px,0) scale(1.08); } }
@keyframes node-float { 50% { transform:translateY(-12px); } }

.experience-page .purpose-band { position:relative; z-index:4; margin-top:-1px; clip-path:polygon(0 0,100% 8%,100% 100%,0 92%); padding:70px 0 85px; }
.experience-page .purpose-grid { padding:0; }
.agents-opening { position:relative; padding-bottom:80px!important; background:linear-gradient(180deg,var(--white),var(--paper)); }
.agents-opening::before { content:"AGENT SYSTEMS"; position:absolute; right:-.03em; bottom:-.13em; color:rgba(6,75,174,.035); font:900 clamp(5rem,15vw,14rem)/.8 "Arial Narrow",Impact,sans-serif; letter-spacing:-.05em; white-space:nowrap; }
.agents-opening .section-heading { position:relative; z-index:2; margin-bottom:0; }
.agents-title { position:relative; display:grid; width:max-content; max-width:100%; perspective:900px; }
.agents-title-word { display:block; width:max-content; max-width:100%; transform-origin:left bottom; will-change:transform,opacity,clip-path; }
.agents-title-word-one { opacity:var(--agents-one-opacity,1); clip-path:inset(var(--agents-one-clip,0%) 0 0); transform:translate3d(0,var(--agents-one-y,0px),0) rotateX(-2deg); }
.agents-title-word-two { opacity:var(--agents-two-opacity,1); clip-path:inset(var(--agents-two-clip,0%) 0 0); transform:translate3d(0,var(--agents-two-y,0px),0) scale(.985); }
.agents-title::after { content:""; width:min(78%,440px); height:8px; margin-top:15px; background:linear-gradient(90deg,var(--yellow) 0 88%,var(--red) 88%); transform:scaleX(var(--agents-line-scale,1)); transform-origin:left; }
.template-story { position:relative; z-index:3; height:440vh; color:var(--white); background:var(--blue-dark); }
.template-sticky { position:sticky; top:76px; display:grid; grid-template-rows:auto auto 1fr auto; height:calc(100vh - 76px); min-height:670px; overflow:hidden; background:radial-gradient(circle at 88% 14%,rgba(255,229,0,.12),transparent 28%),linear-gradient(135deg,#052f70,#031d47 72%); }
.template-sticky::before { content:""; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:42px 42px; transform:translate3d(calc(var(--page-y,0px) * .15),0,0); }
.template-heading { position:relative; z-index:2; display:grid; grid-template-columns:1.25fr .75fr; gap:60px; align-items:end; padding-top:38px; padding-bottom:22px; }
.template-heading .section-index { margin-bottom:9px; color:var(--yellow); }
.template-new-badge { display:inline-flex; align-items:center; gap:7px; margin:0 0 12px; padding:5px 8px; color:var(--blue-dark); background:var(--yellow); border:1px solid rgba(255,255,255,.34); border-radius:2px 9px 9px 9px; font:900 .58rem/1 ui-monospace,monospace; letter-spacing:.13em; text-transform:uppercase; box-shadow:4px 4px 0 rgba(255,23,56,.75); }
.template-new-badge::before { content:""; width:12px; height:2px; background:var(--red); animation:new-badge-signal 2.4s ease-in-out infinite; }
.template-heading h2 { max-width:850px; margin:0; font-size:clamp(2.3rem,4.4vw,4.8rem); text-transform:uppercase; }
.template-heading>p { margin:0; color:#c8d6e9; font-size:.9rem; }
.preflight-strip { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); margin:0 max(24px,calc((100vw - 1180px)/2)); border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); }
.preflight-strip span { padding:10px 14px; color:#9eb3cf; border-right:1px solid rgba(255,255,255,.12); font:600 .61rem/1.35 ui-monospace,monospace; text-transform:uppercase; }
.preflight-strip span:last-child { border:0; }.preflight-strip b { display:block; margin-bottom:3px; color:var(--yellow); }
.template-viewport { position:relative; z-index:3; min-width:0; overflow:visible; padding:18px 0; perspective:1500px; }
.template-work-note { position:absolute; z-index:1; right:max(32px,calc((100vw - 1180px)/2)); top:7px; margin:0; padding:9px 12px 8px; color:rgba(3,29,71,.82); background:var(--yellow); box-shadow:5px 6px 0 rgba(255,23,56,.86); rotate:1.4deg; font:850 .56rem/1.35 ui-monospace,monospace; letter-spacing:.06em; text-transform:uppercase; }
.template-track { position:relative; display:flex; align-items:center; gap:0; width:max-content; height:100%; padding-left:max(24px,calc((100vw - 1180px)/2)); padding-right:26vw; perspective:1400px; transform-style:preserve-3d; will-change:transform; }
.template-track::before { content:""; position:absolute; z-index:-1; left:max(24px,calc((100vw - 1180px)/2)); right:8vw; bottom:4%; height:30%; background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 68%); filter:blur(12px); opacity:.6; }
.template-card { --tilt-x:0deg; --tilt-y:0deg; --sheet-width:318px; --sheet-height:348px; --sheet-overlap:-34px; --sheet-pass-x:0px; --sheet-pass-y:0px; --sheet-focus-y:0px; --sheet-depth:0px; --sheet-scale:1; --sheet-start-rotation:-3.2deg; --sheet-rotation:var(--sheet-start-rotation); --sheet-base-y:12px; --sheet-hover-y:0px; position:relative; display:flex; flex-direction:column; flex:0 0 var(--sheet-width); min-height:var(--sheet-height); margin-right:var(--sheet-overlap); padding:23px 24px 21px; overflow:visible; isolation:isolate; color:var(--ink); background:linear-gradient(100deg,rgba(10,43,84,.04),transparent 13%),repeating-linear-gradient(0deg,transparent 0 25px,rgba(5,75,174,.035) 25px 26px),var(--paper); border:1px solid rgba(10,31,56,.1); border-radius:1px 5px 3px 1px; box-shadow:0 12px 24px rgba(0,0,0,.18),0 30px 70px rgba(0,0,0,.13); transform-origin:50% 82%; transform:perspective(1100px) translate3d(var(--sheet-pass-x),calc(var(--sheet-base-y) + var(--sheet-pass-y) + var(--sheet-focus-y) + var(--sheet-hover-y)),var(--sheet-depth)) rotateZ(var(--sheet-rotation)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--sheet-scale)); transition:transform .22s ease,box-shadow .22s ease,filter .22s ease; }
.template-card:nth-child(2) { --sheet-width:294px; --sheet-height:372px; --sheet-overlap:-44px; --sheet-base-y:-18px; --sheet-start-rotation:2.45deg; }
.template-card:nth-child(3) { --sheet-width:332px; --sheet-height:344px; --sheet-overlap:-30px; --sheet-base-y:24px; --sheet-start-rotation:-1.65deg; }
.template-card:nth-child(4) { --sheet-width:324px; --sheet-height:378px; --sheet-overlap:-50px; --sheet-base-y:-16px; --sheet-start-rotation:3.15deg; }
.template-card:nth-child(5) { --sheet-width:302px; --sheet-height:358px; --sheet-overlap:-36px; --sheet-base-y:28px; --sheet-start-rotation:-2.7deg; }
.template-card:nth-child(6) { --sheet-width:288px; --sheet-height:370px; --sheet-overlap:-42px; --sheet-base-y:-22px; --sheet-start-rotation:1.35deg; }
.template-card:nth-child(7) { --sheet-width:336px; --sheet-height:352px; --sheet-overlap:-26px; --sheet-base-y:14px; --sheet-start-rotation:-3.65deg; }
.template-card::before { content:""; position:absolute; z-index:-2; inset:7px -7px -8px 8px; background:#dce4ee; border:1px solid rgba(10,31,56,.08); box-shadow:7px 9px 18px rgba(0,0,0,.13); rotate:1.1deg; }
.template-card:nth-child(2n)::before { inset:10px 7px -10px -8px; rotate:-1.4deg; }.template-card:nth-child(3n)::before { inset:5px -10px -6px 12px; rotate:2deg; }
.template-card::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(115deg,rgba(255,255,255,.7),transparent 24%),radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,229,0,.12),transparent 26%); border-left:4px solid var(--blue); pointer-events:none; opacity:.82; }
.template-card:nth-child(even)::after { border-left:0; border-right:4px solid var(--blue); }.template-card:nth-child(5)::after { border-color:var(--red); }
.template-card:hover,.template-card:focus-within { --sheet-hover-y:-10px; z-index:40!important; filter:saturate(1.04); box-shadow:0 22px 40px rgba(0,0,0,.24),0 42px 86px rgba(0,0,0,.17); }
.template-card.is-active { filter:saturate(1.04); box-shadow:0 24px 44px rgba(0,0,0,.28),0 54px 104px rgba(0,0,0,.23); }
.template-card.is-past { filter:saturate(.88) brightness(.96); }
.template-card-top { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding-bottom:12px; color:var(--blue); border-bottom:1px solid rgba(5,75,174,.2); font:850 .58rem/1.2 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.template-card-top b { max-width:45%; color:#738096; font-size:.5rem; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.template-card:nth-child(2) .template-card-top,.template-card:nth-child(6) .template-card-top { flex-direction:row-reverse; }.template-card:nth-child(2) .template-card-top b,.template-card:nth-child(6) .template-card-top b { text-align:left; }
.template-card:nth-child(4) .template-card-top span { color:var(--red); }.template-card:nth-child(7) .template-card-top { border-bottom-style:dashed; }
.template-paper-mark { position:relative; z-index:2; display:flex; align-items:center; gap:11px; min-height:36px; margin:15px 0 14px; color:var(--red); font:800 .52rem/1.25 ui-monospace,monospace; letter-spacing:.04em; text-transform:uppercase; }
.template-paper-mark i { display:block; width:72px; height:9px; background:linear-gradient(90deg,var(--yellow) 0 78%,var(--red) 78%); clip-path:polygon(1% 22%,100% 0,97% 82%,0 100%); transform:rotate(-2deg); }
.template-paper-mark span { max-width:112px; rotate:-1deg; }
.template-paper-mark b { display:grid; place-items:center; min-width:25px; height:25px; margin-left:auto; color:var(--blue); border:1px solid currentColor; border-radius:50%; font:900 .49rem/1 ui-monospace,monospace; rotate:3deg; }
.template-paper-mark-2 { flex-wrap:wrap; gap:7px 11px; }.template-paper-mark-2 i { width:48px; height:2px; background:var(--blue); clip-path:none; box-shadow:0 5px 0 var(--yellow); }.template-paper-mark-2 span { order:3; margin-left:16px; }.template-paper-mark-2 b { color:var(--red); border-radius:2px; rotate:-4deg; }
.template-paper-mark-3 i { width:45px; height:12px; background:radial-gradient(circle,var(--blue) 0 3px,transparent 3.5px) 0 50%/15px 12px repeat-x; clip-path:none; }.template-paper-mark-3 b { color:var(--white); background:var(--blue); border-color:var(--blue); }
.template-paper-mark-4 { margin-left:8px; }.template-paper-mark-4 i { width:54px; height:8px; background:linear-gradient(90deg,var(--red) 0 16%,var(--yellow) 16%); rotate:2deg; }.template-paper-mark-4 b { border-style:dashed; border-radius:0; rotate:-2deg; }
.template-card h3 { position:relative; z-index:2; margin:0 0 11px; font-size:clamp(1.12rem,1.55vw,1.46rem); line-height:1.02; text-transform:uppercase; }
.template-card small { position:relative; z-index:2; margin-bottom:16px; max-width:32ch; color:var(--muted); font-size:.68rem; line-height:1.45; }
.template-link { position:relative; z-index:3; display:inline-flex; justify-content:flex-start; align-items:center; align-self:flex-start; gap:18px; width:max-content; margin-top:auto; padding:7px 3px 5px 0; color:var(--blue); background:transparent; border:0; border-bottom:2px solid currentColor; font:850 .64rem/1 ui-monospace,monospace; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:color .2s,transform .2s; }
.template-link::before { content:""; position:absolute; z-index:-1; left:-4px; right:24px; bottom:3px; height:7px; background:var(--yellow); opacity:.72; transform:scaleX(.35) rotate(-1deg); transform-origin:left; transition:transform .2s; }
.template-link span { display:grid; place-items:center; width:22px; height:22px; color:var(--white); background:var(--red); border-radius:50%; transition:transform .2s; }
.template-card:nth-child(2) .template-link,.template-card:nth-child(5) .template-link { align-self:flex-end; }.template-card:nth-child(7) .template-link { rotate:-1deg; }
.template-link:hover,.template-link:focus-visible { color:var(--blue-dark); transform:translateY(-2px); outline:3px solid rgba(255,229,0,.38); outline-offset:4px; }.template-link:hover::before,.template-link:focus-visible::before { transform:scaleX(1) rotate(-1deg); }.template-link:hover span,.template-link:focus-visible span { transform:translate(2px,-2px) rotate(-8deg); }
.template-status { position:relative; z-index:3; display:grid; grid-template-columns:auto minmax(100px,1fr) auto; align-items:center; gap:18px; padding-top:14px; padding-bottom:20px; color:#afbed3; font:700 .62rem/1 ui-monospace,monospace; text-transform:uppercase; }
.template-status span b { color:var(--yellow); font-size:1rem; }.template-status>i { height:2px; background:rgba(255,255,255,.14); }.template-status>i b { display:block; width:100%; height:100%; background:var(--yellow); transform:scaleX(0); transform-origin:left; }
.template-status em { font-style:normal; }
@keyframes new-badge-signal { 50% { width:20px; } }

.experience-page .areas { position:relative; background:linear-gradient(180deg,var(--white),var(--paper)); }
.values-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr); align-items:end; gap:clamp(38px,6vw,86px); margin-bottom:60px; }
.values-heading .section-index { margin-bottom:13px; color:var(--red); }
.values-heading h2 { max-width:900px; margin:0; font-size:clamp(3.5rem,6.4vw,7rem); line-height:.82; letter-spacing:-.05em; text-transform:uppercase; }
.values-heading>p { max-width:470px; margin:0 0 7px; color:var(--muted); font-size:1rem; }
.experience-page .area-grid { grid-template-columns:1.05fr .78fr 1.15fr .92fr; grid-template-rows:auto auto; gap:16px; }
.experience-page .area-card { min-height:350px; transform:perspective(900px) translateZ(0); }
.experience-page .area-card:nth-child(2) { margin-top:45px; }.experience-page .area-card:nth-child(4) { margin-top:24px; }
.experience-page .area-wide { grid-column:2 / 4; min-height:285px; }
.experience-page .resource-story { --toolbox-entry:0; position:relative; height:620vh; padding:0; color:var(--white); background:var(--ink); }
.resource-sticky { position:sticky; top:76px; display:grid; grid-template-rows:auto minmax(0,1fr); height:calc(100vh - 76px); min-height:700px; padding:28px 0 18px; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 78% 22%,rgba(6,75,174,.24),transparent 34%),linear-gradient(145deg,#111820,#080d13 70%); }
.resource-sticky::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:38px 38px; transform:translate3d(calc(var(--toolbox-progress,0) * -22px),calc(var(--toolbox-progress,0) * 12px),0); }
.resource-sticky::after { content:"RESOURCE LIBRARY"; position:absolute; z-index:-1; right:-.04em; bottom:-.22em; color:rgba(255,255,255,.025); font:900 clamp(7rem,17vw,15rem)/1 "Arial Narrow",Impact,sans-serif; letter-spacing:-.055em; white-space:nowrap; }
.experience-page .resource-heading { position:relative; z-index:4; grid-template-columns:minmax(0,1.15fr) minmax(300px,.62fr); gap:clamp(36px,6vw,78px); align-items:end; margin-bottom:18px; padding-top:0; }
.experience-page .resource-heading .section-index { margin-bottom:7px; color:var(--yellow); }.experience-page .resource-heading h2 { max-width:800px; margin:0; color:var(--white); font-size:clamp(2.55rem,4.2vw,4.45rem); line-height:.88; }
.experience-page .resource-intro p { margin:0 0 8px; color:#b9c2cd; font-size:.8rem; line-height:1.5; }.experience-page .resource-intro a { color:var(--yellow); font-size:.68rem; }
.resource-toolbox { position:relative; z-index:3; display:grid; grid-template-rows:32px minmax(0,1fr) 34px; min-height:0; overflow:visible; color:var(--ink); background:rgba(228,235,244,.92); border:1px solid rgba(255,255,255,.2); box-shadow:0 28px 80px rgba(0,0,0,.35); opacity:calc(.35 + var(--toolbox-entry) * .65); transform:translate3d(0,calc((1 - var(--toolbox-entry)) * 34px),0) scale(calc(.985 + var(--toolbox-entry) * .015)); transform-origin:center bottom; transition:opacity .12s linear,transform .12s linear; }
.resource-toolbox-bar,.resource-toolbox-status { position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 14px; color:#8090a4; background:#dfe7f1; border-bottom:1px solid rgba(5,75,174,.13); font:750 .52rem/1 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.resource-toolbox-bar::before { content:""; width:7px; height:7px; background:var(--red); box-shadow:12px 0 0 var(--yellow),24px 0 0 var(--blue); }.resource-toolbox-bar span { margin-right:auto; }.resource-toolbox-bar b { color:var(--blue); }
.resource-toolbox-status { display:grid; grid-template-columns:auto minmax(100px,1fr) auto; border-top:1px solid rgba(5,75,174,.13); border-bottom:0; }.resource-toolbox-status span b { color:var(--blue); font-size:.75rem; }.resource-toolbox-status>i { height:2px; background:rgba(5,75,174,.12); }.resource-toolbox-status>i b { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--blue),var(--red)); transform:scaleX(0); transform-origin:left; }.resource-toolbox-status em { max-width:40ch; color:#68778b; font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.resource-workspace { position:relative; min-height:0; overflow:hidden; perspective:1400px; background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.92),rgba(226,234,244,.72) 46%,rgba(183,199,218,.58)),linear-gradient(90deg,rgba(5,75,174,.05) 1px,transparent 1px),linear-gradient(rgba(5,75,174,.05) 1px,transparent 1px); background-size:auto,28px 28px,28px 28px; }
.resource-workspace::before { content:""; position:absolute; z-index:0; left:50%; top:50%; width:min(54vw,680px); height:min(29vw,310px); border:1px dashed rgba(5,75,174,.22); border-radius:50%; transform:translate(-50%,-50%) rotate(calc(var(--toolbox-progress,0) * 28deg)); }
.resource-workspace::after { content:"ACTIVE RESOURCE"; position:absolute; z-index:0; left:50%; top:50%; padding:5px 8px; color:rgba(5,75,174,.45); background:rgba(255,255,255,.48); border:1px solid rgba(5,75,174,.12); font:800 .48rem/1 ui-monospace,monospace; letter-spacing:.1em; transform:translate(-50%,-185px); }
.resource-system-map { position:absolute; z-index:0; inset:0; pointer-events:none; }.resource-system-map i { position:absolute; left:50%; top:50%; width:1px; height:52%; background:linear-gradient(rgba(5,75,174,.28),transparent); transform-origin:top; }.resource-system-map i:nth-child(1) { transform:rotate(38deg); }.resource-system-map i:nth-child(2) { transform:rotate(126deg); }.resource-system-map i:nth-child(3) { transform:rotate(218deg); }.resource-system-map i:nth-child(4) { transform:rotate(306deg); }
.experience-page .resource-list { --toolbox-rx:0deg; --toolbox-ry:0deg; position:absolute; z-index:2; inset:0; transform:rotateX(var(--toolbox-rx)) rotateY(var(--toolbox-ry)); transform-style:preserve-3d; transition:transform .22s ease-out; }
.experience-page .resource-item { --tool-x:0px; --tool-y:0px; --tool-z:0px; --tool-rotation:0deg; --tool-scale:.7; --tool-opacity:0; --tool-width:400px; --tool-height:230px; position:absolute; left:50%; top:50%; display:flex; flex-direction:column; align-items:stretch; gap:0; width:min(var(--tool-width),42vw); min-height:var(--tool-height); margin:0; padding:24px 26px 22px; overflow:visible; color:var(--ink); background:#f4f6f9; border:1px solid rgba(5,75,174,.18); border-radius:2px 8px 8px 2px; box-shadow:0 15px 38px rgba(16,28,43,.2); opacity:var(--tool-opacity); transform:translate3d(calc(-50% + var(--tool-x)),calc(-50% + var(--tool-y)),var(--tool-z)) rotateZ(var(--tool-rotation)) scale(var(--tool-scale)); transform-origin:center; transition:box-shadow .2s,filter .2s,border-color .2s; will-change:transform,opacity; }
.experience-page .resource-item::after { content:attr(data-tool-symbol); position:absolute; z-index:2; right:18px; top:17px; display:grid; place-items:center; min-width:34px; height:30px; padding:0 5px; color:var(--blue); background:rgba(255,255,255,.72); border:1px solid currentColor; font:900 .55rem/1 ui-monospace,monospace; letter-spacing:.05em; }
.experience-page .resource-item::before { content:""; position:absolute; z-index:-1; pointer-events:none; }
.experience-page .resource-item:hover,.experience-page .resource-item:focus-within { filter:brightness(1.025) saturate(1.05); border-color:rgba(5,75,174,.42); box-shadow:0 24px 52px rgba(16,28,43,.28); }
.experience-page .resource-item.is-active { border-color:rgba(5,75,174,.5); box-shadow:0 32px 74px rgba(16,28,43,.34),0 0 0 1px rgba(255,255,255,.76) inset; }
.experience-page .resource-item>*,.experience-page .resource-item .resource-button { position:relative; z-index:3; }
.experience-page .resource-count { align-self:flex-start; margin-bottom:24px; color:var(--red); font:900 .62rem/1 ui-monospace,monospace; letter-spacing:.12em; }.experience-page .resource-count::before { content:"FILE_"; color:#7b8999; }
.experience-page .resource-item>div { display:flex; flex:1; flex-direction:column; }.experience-page .resource-item .tag { margin-bottom:7px; color:var(--blue); font-size:.55rem; }.experience-page .resource-item h3 { margin:0 0 9px; color:var(--ink); font-size:clamp(1.08rem,1.55vw,1.42rem); line-height:1.05; text-transform:none; }.experience-page .resource-item p { margin:0 0 15px; color:#657386; font-size:.68rem; line-height:1.42; }
.experience-page .resource-item .resource-button { align-self:flex-start; justify-self:auto; gap:10px; margin-top:auto; padding:8px 10px; color:var(--white); background:var(--blue); border:1px solid var(--blue); font:850 .6rem/1 ui-monospace,monospace; letter-spacing:.04em; text-transform:uppercase; transition:color .2s,background .2s,transform .2s; }.experience-page .resource-item .resource-button span { color:var(--yellow); }.experience-page .resource-item .resource-button:hover,.experience-page .resource-item .resource-button:focus-visible { color:var(--blue-dark); background:var(--yellow); border-color:var(--yellow); outline:3px solid rgba(5,75,174,.2); outline-offset:3px; transform:translateY(-2px); }.experience-page .resource-item .resource-button:hover span,.experience-page .resource-item .resource-button:focus-visible span { color:var(--red); }
.experience-page .resource-kind-folder { --tool-width:430px; --tool-height:232px; border-radius:2px 9px 9px 4px; }.experience-page .resource-kind-folder::before { left:-1px; top:-19px; width:142px; height:20px; background:var(--yellow); border:1px solid rgba(5,75,174,.2); border-bottom:0; border-radius:7px 18px 0 0; }
.experience-page .resource-kind-document { --tool-width:365px; --tool-height:258px; background:#fff; border-radius:1px; }.experience-page .resource-kind-document::before { right:-1px; top:-1px; width:38px; height:38px; background:linear-gradient(225deg,#cfd9e6 0 49%,transparent 50%); }
.experience-page .resource-kind-utility { --tool-width:390px; --tool-height:220px; color:var(--white); background:linear-gradient(145deg,var(--blue-dark),#082b63); border-color:rgba(255,255,255,.28); border-radius:5px 22px 5px 5px; }.experience-page .resource-kind-utility h3 { color:var(--white); }.experience-page .resource-kind-utility p { color:#bdcce0; }.experience-page .resource-kind-utility .tag { color:var(--yellow); }.experience-page .resource-kind-utility::after { color:var(--yellow); background:rgba(3,29,71,.7); }
.experience-page .resource-kind-policy { --tool-width:410px; --tool-height:238px; background:#edf3fb; border-left:8px solid var(--red); }.experience-page .resource-kind-policy::before { left:24px; right:24px; bottom:18px; height:1px; background:repeating-linear-gradient(90deg,rgba(5,75,174,.3) 0 8px,transparent 8px 14px); }
.experience-page .resource-kind-checklist { --tool-width:370px; --tool-height:235px; background:#fffbe3; border-radius:7px; }.experience-page .resource-kind-checklist::before { left:20px; top:72px; bottom:24px; width:4px; background:repeating-linear-gradient(var(--blue) 0 4px,transparent 4px 15px); opacity:.3; }
.experience-page .resource-kind-impact { --tool-width:405px; --tool-height:226px; background:#f6f8fb; border-top:7px solid var(--blue); }.experience-page .resource-kind-impact::before { left:26px; right:26px; top:61px; height:8px; background:linear-gradient(90deg,var(--yellow) 0 64%,var(--red) 64% 72%,transparent 72%); opacity:.8; }
.experience-page .resource-kind-contract { --tool-width:385px; --tool-height:252px; color:var(--white); background:#17202a; border:1px solid rgba(255,229,0,.35); }.experience-page .resource-kind-contract h3 { color:var(--white); }.experience-page .resource-kind-contract p { color:#b8c3d0; }.experience-page .resource-kind-contract .tag { color:var(--yellow); }.experience-page .resource-kind-contract::after { color:var(--yellow); background:#17202a; }
.experience-page .resource-kind-dossier { --tool-width:425px; --tool-height:244px; background:#e9eef5; border:2px dashed rgba(5,75,174,.32); border-radius:0; }.experience-page .resource-kind-dossier::before { inset:9px; border:1px solid rgba(5,75,174,.12); }
.experience-page .template-link { color:var(--blue); }.experience-page .template-link:hover,.experience-page .template-link:focus-visible { color:var(--blue-dark); }
.experience-page .nullgen { --nullgen-note-x:0px; --nullgen-note-rotation:0deg; --nullgen-note-opacity:1; --nullgen-note-clip:0%; --nullgen-note-line:1; --nullgen-note-emphasis:100%; position:relative; display:grid; min-height:560px; overflow:hidden; isolation:isolate; color:var(--white); background:radial-gradient(circle at 10% 45%,rgba(255,229,0,.15),transparent 25%),linear-gradient(125deg,var(--blue-dark),#031b43 70%); border-top:7px solid var(--yellow); }
.experience-page .nullgen::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:54px 54px; transform:translate3d(calc(var(--page-y,0px) * -.12),0,0); }
.experience-page .nullgen::after { content:"NULL / GEN"; position:absolute; z-index:-1; right:-.02em; bottom:-.2em; color:rgba(255,255,255,.045); font:900 clamp(6rem,17vw,15rem)/1 "Arial Narrow",Impact,sans-serif; letter-spacing:-.06em; pointer-events:none; }
.experience-page .nullgen-grid { position:relative; z-index:2; grid-template-columns:175px minmax(0,1fr) auto; gap:clamp(32px,5vw,72px); }
.experience-page .nullgen-mark { width:158px; height:158px; color:var(--blue-dark); background:var(--yellow); border:1px solid rgba(255,255,255,.5); box-shadow:11px 13px 0 var(--red); font-size:2.8rem; animation:nullgen-mark-drift 5.5s ease-in-out infinite; }
.experience-page .nullgen-mark::before { content:""; position:absolute; inset:-17px; border:1px dashed rgba(255,229,0,.42); border-radius:50%; animation:cham-orbit 24s linear infinite; }
.experience-page .nullgen-mark i { color:var(--red); font-weight:900; }
.experience-page .nullgen .section-index { color:var(--yellow); }
.experience-page .nullgen h2 { margin:0 0 18px; color:var(--white); font-size:clamp(3.5rem,6vw,6.2rem); line-height:.84; letter-spacing:-.045em; }
.nullgen-lead { max-width:800px; margin:0; color:var(--white); font-size:clamp(1.05rem,1.55vw,1.3rem); line-height:1.55; }
.nullgen-detail { max-width:720px; margin:20px 0 0; padding-left:16px; color:#bbcce3; border-left:3px solid var(--red); font-size:.82rem; }
.nullgen-context-note { position:relative; max-width:780px; margin:30px 0 0; padding:20px 28px 22px 36px; overflow:hidden; color:#dce8f8; background:linear-gradient(90deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 78%,transparent); opacity:var(--nullgen-note-opacity); clip-path:inset(0 var(--nullgen-note-clip) 0 0); transform:translate3d(var(--nullgen-note-x),0,0) rotate(var(--nullgen-note-rotation)); transform-origin:left center; will-change:transform,opacity,clip-path; }
.nullgen-context-note::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(var(--yellow) 0 72%,var(--red) 72%); transform:scaleY(var(--nullgen-note-line)); transform-origin:center bottom; }
.nullgen-context-note::after { content:"“"; position:absolute; right:14px; top:-22px; color:rgba(255,229,0,.12); font:900 6.8rem/1 Georgia,serif; transform:translate3d(var(--nullgen-note-quote-x,0px),0,0); pointer-events:none; }
.nullgen-context-index { position:relative; z-index:1; display:block; margin-bottom:9px; color:var(--yellow); font:.7rem/1 var(--font-mono); letter-spacing:.15em; }
.nullgen-context-note p { position:relative; z-index:1; max-width:710px; margin:0; font-size:clamp(.98rem,1.25vw,1.14rem); line-height:1.58; }
.nullgen-context-note strong { color:var(--white); font-weight:760; background:linear-gradient(transparent 73%,rgba(255,229,0,.28) 73%); background-repeat:no-repeat; background-size:var(--nullgen-note-emphasis) 100%; }
.nullgen-context-note i { position:absolute; left:36px; bottom:0; width:min(68%,440px); height:2px; background:linear-gradient(90deg,var(--yellow),var(--red)); transform:scaleX(var(--nullgen-note-line)); transform-origin:left center; }
.experience-page .nullgen-cta { align-self:end; justify-self:end; min-width:190px; padding:17px 22px; color:var(--blue-dark); background:var(--yellow); border:1px solid var(--yellow); box-shadow:7px 8px 0 var(--red); }
.experience-page .nullgen-cta::before { background:var(--white); }
.experience-page .nullgen-cta:hover,.experience-page .nullgen-cta:focus-visible { color:var(--blue); box-shadow:10px 11px 0 var(--red); }
.experience-page .nullgen-cta span { transition:transform .25s var(--ease-out); }
.experience-page .nullgen-cta:hover span,.experience-page .nullgen-cta:focus-visible span { transform:translateX(5px); }
@keyframes nullgen-mark-drift { 50% { transform:translateY(-8px); box-shadow:15px 18px 0 var(--red); } }
.tilt-card { transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transform-style:preserve-3d; }
.motion-ready .reveal-target { opacity:0; transform:translate3d(0,42px,0) scale(.985); transition:opacity .75s var(--ease-out),transform .85s var(--ease-out); transition-delay:var(--reveal-delay,0ms); }
.motion-ready .reveal-target.is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); }

.chamulleando { position:relative; overflow:hidden; background:var(--yellow); }
.chamulleando::before { content:""; position:absolute; width:48vw; height:48vw; left:-22vw; top:-20vw; border:2px dashed rgba(6,75,174,.22); border-radius:50%; animation:cham-orbit 28s linear infinite; }
.chamulleando-heading { position:relative; z-index:2; display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:70px; margin-bottom:70px; }
.chamulleando-heading .section-index { color:var(--red); }.chamulleando-heading h2 { margin:0; color:var(--ink); font-size:clamp(3.9rem,8vw,8.5rem); line-height:.78; text-transform:uppercase; }
.chamulleando-heading>p { max-width:470px; margin:0 0 4px; color:#283441; font-size:1rem; }.chamulleando-heading>p b { display:block; margin-bottom:9px; color:var(--blue); font-family:ui-monospace,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.chamulleando-grid { position:relative; z-index:3; display:grid; grid-template-columns:1.15fr .9fr 1fr; align-items:start; gap:24px; }
.cham-card { --tilt-x:0deg; --tilt-y:0deg; position:relative; min-height:520px; padding:16px 16px 24px; color:var(--ink); background:var(--paper); border:2px solid var(--ink); box-shadow:10px 12px 0 var(--blue); transition:transform .25s var(--ease-out),box-shadow .25s; }
.cham-card-1 { rotate:-2.4deg; }.cham-card-2 { margin-top:65px; rotate:2.2deg; }.cham-card-3 { margin-top:10px; rotate:-1deg; }
.cham-card:hover { z-index:4; rotate:0deg; box-shadow:15px 17px 0 var(--red); }
.cham-image { display:block; height:210px; overflow:hidden; background:var(--blue-dark); clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%); }
.cham-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.06); transition:transform .65s var(--ease-out),filter .3s; }.cham-card:hover img { transform:scale(1.07); filter:saturate(1); }
.cham-image.image-missing { background:linear-gradient(135deg,var(--blue),var(--blue-dark)); }
.cham-note { display:flex; justify-content:space-between; margin:18px 0 22px; color:var(--blue); font:800 .6rem/1 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.cham-card h3 { margin:0 0 13px; font-size:clamp(1.55rem,2.5vw,2.3rem); text-transform:uppercase; }.cham-card h3 a,.cham-read { text-decoration:none; }
.cham-card>p { color:var(--muted); font-size:.82rem; }.cham-read { position:absolute; left:16px; right:16px; bottom:18px; display:flex; justify-content:space-between; padding-top:12px; color:var(--blue); border-top:1px solid var(--line); font-size:.72rem; font-weight:850; }
@keyframes cham-orbit { to { transform:rotate(360deg); } }

.cara-b { --cara-b-progress:0; --cara-b-flip-angle:180deg; position:relative; height:315vh; overflow:clip; isolation:isolate; color:var(--white); background:var(--ink); }
.cara-b::before { content:""; position:absolute; z-index:5; top:-1px; left:0; width:100%; height:38px; background:var(--yellow); clip-path:polygon(0 0,100% 0,100% 13%,72% 78%,44% 22%,12% 100%,0 42%); pointer-events:none; }
.cara-b-sticky { position:sticky; top:76px; height:calc(100svh - 76px); min-height:650px; overflow:hidden; perspective:1500px; background:radial-gradient(circle at 51% 64%,rgba(6,75,174,.26),transparent 35%),linear-gradient(135deg,rgba(5,47,112,.18),transparent 48%); }
.cara-b-sticky::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 82%,transparent); pointer-events:none; }
.cara-b-atmosphere { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.cara-b-atmosphere span { position:absolute; right:-.08em; bottom:-.29em; color:rgba(255,255,255,.035); font:900 min(52vw,45rem)/1 "Arial Narrow",Impact,sans-serif; letter-spacing:-.09em; transform:translate3d(calc(var(--cara-b-progress) * 58px),0,0); }
.cara-b-atmosphere i { position:absolute; width:43vw; height:43vw; border:1px solid rgba(255,229,0,.19); border-radius:50%; transform:translate3d(calc(var(--cara-b-progress) * -68px),calc(var(--cara-b-progress) * 34px),0); }
.cara-b-atmosphere i:first-of-type { right:-19vw; top:-21vw; }
.cara-b-atmosphere i:last-of-type { left:-27vw; bottom:-32vw; width:58vw; height:58vw; border-color:rgba(255,23,56,.16); transform:translate3d(calc(var(--cara-b-progress) * 82px),calc(var(--cara-b-progress) * -40px),0); }
.cara-b-heading { position:absolute; z-index:12; top:clamp(36px,5vh,58px); left:50%; display:grid; grid-template-columns:minmax(390px,1.1fr) minmax(290px,.65fr); align-items:end; gap:clamp(34px,7vw,96px); transform:translate3d(-50%,var(--cara-b-title-y,0),120px); pointer-events:none; }
.cara-b-heading .section-index { margin-bottom:9px; color:var(--red); }
.cara-b-title { display:flex; align-items:baseline; gap:.13em; margin:0; color:var(--white); font-size:clamp(4rem,7.5vw,8rem); line-height:.72; letter-spacing:-.065em; text-transform:uppercase; white-space:nowrap; }
.cara-b-title-turn { position:relative; display:inline-grid; width:.68em; height:.79em; transform:rotateY(var(--cara-b-flip-angle)); transform-style:preserve-3d; transition:transform .08s linear; }
.cara-b-title-turn i,.cara-b-title-turn b { position:absolute; inset:0; display:grid; place-items:center; font-style:normal; backface-visibility:hidden; }
.cara-b-title-turn i { color:var(--red); }
.cara-b-title-turn b { color:var(--yellow); transform:rotateY(180deg); }
.cara-b-intro { max-width:430px; padding-left:18px; border-left:3px solid var(--yellow); }
.cara-b-intro p { margin:0 0 9px; color:var(--white); font-size:clamp(.95rem,1.25vw,1.12rem); line-height:1.45; }
.cara-b-intro small { display:block; color:#aebed2; font-size:.72rem; line-height:1.55; }
.cara-b-scene { position:absolute; z-index:8; inset:170px 0 35px; }
.cara-b-stack { --cara-b-rx:0deg; --cara-b-ry:0deg; position:relative; width:min(1180px,calc(100% - 48px)); height:100%; margin:auto; perspective:1300px; transform:rotateX(var(--cara-b-rx)) rotateY(var(--cara-b-ry)); transform-style:preserve-3d; transition:transform .55s var(--ease-out); }
.cara-b-positioner { position:absolute; left:50%; top:48%; width:310px; height:300px; transform-style:preserve-3d; will-change:transform; }
.cara-b-positioner.is-featured { width:430px; height:410px; }
.cara-b-positioner:nth-child(3n) { width:335px; height:300px; }
.cara-b-positioner:nth-child(4n) { width:300px; height:310px; }
.cara-b-object { position:relative; display:flex; height:100%; min-height:0; overflow:hidden; flex-direction:column; padding:18px 20px 19px; color:var(--ink); background:var(--paper); border:2px solid var(--white); box-shadow:0 26px 65px rgba(0,0,0,.42),8px 9px 0 rgba(255,229,0,.85); cursor:pointer; text-decoration:none; transform:none; transform-style:flat; transition:transform .38s var(--ease-out),opacity .3s,filter .3s,box-shadow .38s var(--ease-out); }
.cara-b-object::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.3; background:repeating-linear-gradient(125deg,transparent 0 16px,rgba(6,75,174,.07) 17px 18px); pointer-events:none; }
.cara-b-positioner.is-active .cara-b-object { box-shadow:0 32px 78px rgba(0,0,0,.5),10px 12px 0 var(--red); }
.cara-b-positioner:has(.cara-b-object:hover),.cara-b-positioner:has(:focus-visible) { z-index:120!important; }
.cara-b-object:hover,.cara-b-object:focus-visible,.cara-b-object:focus-within { z-index:5; outline:none; box-shadow:0 38px 85px rgba(0,0,0,.54),11px 13px 0 var(--yellow); transform:scale(1.025); }
.cara-b-object:focus-visible,.cara-b-object:focus-within { outline:3px solid var(--yellow); outline-offset:5px; }
.cara-b-stack:has(.cara-b-object:hover) .cara-b-object:not(:hover),.cara-b-stack:has(:focus-visible) .cara-b-object:not(:focus-within) { opacity:.68; filter:saturate(.72); }
.cara-b-piece-top { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; padding-bottom:9px; color:var(--blue); border-bottom:1px solid currentColor; font:850 .56rem/1 ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
.cara-b-piece-top b { color:inherit; font-weight:800; opacity:.72; }
.cara-b-live-art { position:relative; display:flex; align-items:center; justify-content:space-between; height:102px; margin:0 -2px 14px; padding:13px 17px; overflow:hidden; color:var(--yellow); background:var(--blue-dark); border:1px solid rgba(255,255,255,.32); clip-path:polygon(0 0,94% 0,100% 23%,100% 100%,7% 100%,0 77%); }
.cara-b-live-art::before { content:""; position:absolute; inset:0; opacity:.25; background:repeating-linear-gradient(90deg,transparent 0 13px,var(--blue) 14px 15px); }
.cara-b-live-art>span { position:relative; z-index:2; font:900 clamp(2.4rem,4vw,4rem)/1 "Arial Narrow",Impact,sans-serif; letter-spacing:-.04em; }
.cara-b-live-art>div { position:relative; z-index:2; display:flex; align-items:flex-end; gap:5px; height:44px; }
.cara-b-live-art>div i { width:6px; height:38%; background:var(--red); }
.cara-b-live-art>div i:nth-child(2) { height:82%; background:var(--yellow); }.cara-b-live-art>div i:nth-child(3) { height:56%; }.cara-b-live-art>div i:nth-child(4) { height:100%; background:var(--yellow); }.cara-b-live-art>div i:nth-child(5) { height:68%; }
.cara-b-live-art>b { position:relative; z-index:2; display:grid; place-items:center; width:42px; height:42px; color:var(--blue-dark); background:var(--yellow); border-radius:50%; font-size:.82rem; }
.cara-b-placeholder-art { position:absolute; z-index:-1; top:44px; right:14px; width:42%; height:36%; opacity:.19; pointer-events:none; }
.cara-b-placeholder-art span { position:absolute; right:0; top:-.12em; font:900 5.3rem/.8 "Arial Narrow",Impact,sans-serif; letter-spacing:-.08em; }
.cara-b-placeholder-art i { position:absolute; width:82px; height:1px; right:0; top:52%; background:currentColor; transform:rotate(31deg); }.cara-b-placeholder-art i:nth-of-type(2) { transform:rotate(-29deg); }
.cara-b-placeholder-art b { position:absolute; right:0; bottom:-12px; font:800 .5rem/1 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.cara-b-object-copy { display:flex; min-height:0; flex:1; flex-direction:column; }
.cara-b-object-copy h3 { max-width:88%; margin:0 0 10px; font-size:clamp(1.45rem,2.3vw,2.2rem); line-height:.92; letter-spacing:-.035em; text-transform:uppercase; overflow-wrap:anywhere; }
.cara-b-object-copy p { max-width:92%; margin:0 0 14px; color:var(--muted); font-size:.72rem; line-height:1.48; }
.cara-b-object-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; }
.cara-b-open,.cara-b-state { width:max-content; margin-top:auto; font:850 .63rem/1 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.cara-b-object-actions .cara-b-open,.cara-b-object-actions .cara-b-state { margin-top:0; }
.cara-b-open { display:flex; align-items:center; gap:18px; padding:10px 13px; color:var(--blue-dark); background:var(--yellow); text-decoration:none; border:1px solid var(--yellow); box-shadow:4px 4px 0 var(--red); transition:gap .25s var(--ease-out),background .25s,color .25s; }
.cara-b-object:hover .cara-b-open,.cara-b-object:focus-visible .cara-b-open { gap:25px; color:var(--white); background:var(--red); outline:2px solid var(--yellow); outline-offset:3px; }
.cara-b-state { padding:8px 11px; color:var(--blue); border:1px dashed currentColor; }
.cara-b-state.is-experiment { color:var(--red); }
.cara-b-object.is-featured { color:var(--white); background:var(--blue); border-color:var(--yellow); box-shadow:0 32px 75px rgba(0,0,0,.52),10px 11px 0 var(--yellow); }
.cara-b-object.is-featured::after { opacity:.18; background:repeating-linear-gradient(125deg,transparent 0 16px,rgba(255,255,255,.2) 17px 18px); }
.cara-b-object.is-featured .cara-b-piece-top { color:var(--yellow); }
.cara-b-object.is-featured .cara-b-state { color:var(--yellow); }
.cara-b-object.is-featured .cara-b-object-copy h3 { max-width:100%; font-size:clamp(2.15rem,3.2vw,3.45rem); }
.cara-b-object.is-featured .cara-b-object-copy p { max-width:78%; color:#dce7f5; }
.cara-b-object-2 { clip-path:polygon(0 3%,96% 0,100% 91%,93% 100%,2% 96%); }
.cara-b-object-3 { color:var(--blue-dark); background:var(--yellow); border-color:var(--red); box-shadow:0 26px 65px rgba(0,0,0,.42),8px 9px 0 var(--red); }
.cara-b-object-3 .cara-b-object-copy p { color:#29354a; }.cara-b-object-3 .cara-b-piece-top { color:var(--red); }
.cara-b-object-4 { color:var(--white); background:var(--blue-dark); border-color:var(--blue); border-radius:2px 30px 2px 2px; box-shadow:0 26px 65px rgba(0,0,0,.42),8px 9px 0 var(--red); }
.cara-b-object-4::after { background:radial-gradient(circle,var(--yellow) 0 1px,transparent 1.6px); background-size:13px 13px; opacity:.15; }
.cara-b-object-4 .cara-b-piece-top { color:var(--yellow); }.cara-b-object-4 .cara-b-object-copy p { color:#c7d4e5; }.cara-b-object-4 .cara-b-state { color:var(--yellow); }
.cara-b-scroll-note { position:absolute; z-index:15; left:24px; bottom:25px; display:flex; align-items:center; gap:11px; margin:0; color:#aebed2; opacity:clamp(0,calc(1 - var(--cara-b-progress) * 4),1); font:800 .55rem/1 ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; transform:rotate(-90deg) translateX(100%); transform-origin:left bottom; }
.cara-b-scroll-note i { width:54px; height:1px; background:var(--red); }.cara-b-scroll-note b { color:var(--yellow); }

.articles-compact { position:relative; background:linear-gradient(180deg,#f3f6fa,var(--paper)); }
.articles-compact::before { content:""; position:absolute; top:0; left:0; right:0; height:82px; background:var(--yellow); clip-path:polygon(0 0,100% 0,100% 13%,30% 100%,0 30%); }
.articles-compact .articles-heading { position:relative; z-index:2; margin-bottom:34px; padding:30px 0 24px; border-bottom:1px solid rgba(6,75,174,.18); }
.articles-compact .articles-heading h2 { font-size:clamp(3rem,6vw,6rem); }
.latest-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:minmax(205px,auto) minmax(205px,auto) minmax(175px,auto); gap:12px; }
.latest-card { --tilt-x:0deg; --tilt-y:0deg; position:relative; display:grid; min-width:0; overflow:hidden; background:var(--white); border:1px solid rgba(6,75,174,.16); border-radius:3px 16px 16px 16px; transition:translate .3s var(--ease-out),box-shadow .3s,border-color .3s,background .3s; }
.latest-card:hover,.latest-card:focus-within { z-index:3; translate:0 -4px; border-color:rgba(6,75,174,.48); box-shadow:0 20px 48px rgba(5,47,112,.13); }
.latest-card-1 { grid-column:1 / 8; grid-row:1 / 3; min-height:422px; color:var(--white); background:var(--blue-dark); border:0; }
.latest-card-2 { grid-column:8 / 13; grid-row:1; background:var(--white); }
.latest-card-3 { grid-column:8 / 13; grid-row:2; background:#edf3fb; }
.latest-card-4 { grid-column:1 / 5; grid-row:3; color:var(--white); background:var(--blue); border:0; }
.latest-card-5 { grid-column:5 / 9; grid-row:3; }
.latest-card-6 { grid-column:9 / 13; grid-row:3; background:#f7f9fc; }
.latest-index { position:absolute; z-index:4; top:16px; right:18px; color:rgba(6,75,174,.12); font:900 clamp(2rem,4vw,4.2rem)/.8 "Arial Narrow",Impact,sans-serif; letter-spacing:-.06em; pointer-events:none; }
.latest-card-1 .latest-index,.latest-card-4 .latest-index { color:rgba(255,255,255,.12); }
.latest-image { display:block; min-height:155px; overflow:hidden; background:var(--blue-dark); }
.latest-card-1 .latest-image { position:absolute; z-index:0; inset:0 0 0 48%; opacity:.72; }
.latest-card-1::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,var(--blue-dark) 0 42%,rgba(5,47,112,.92) 56%,rgba(5,47,112,.18) 100%); pointer-events:none; }
.latest-card-2 .latest-image,.latest-card-3 .latest-image,.latest-card-4 .latest-image,.latest-card-5 .latest-image,.latest-card-6 .latest-image { display:none; }
.latest-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s var(--ease-out),filter .3s; }
.latest-card:hover img,.latest-card:focus-within img { transform:scale(1.055); filter:saturate(1.08); }
.latest-image.image-missing { background:linear-gradient(135deg,var(--blue),var(--blue-dark)); }
.latest-copy { position:relative; z-index:2; display:flex; min-width:0; flex-direction:column; padding:24px; }
.latest-copy time { width:max-content; margin-bottom:16px; padding-bottom:5px; color:var(--red); border-bottom:2px solid currentColor; font:850 .6rem/1 ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; }
.latest-copy h3 { max-width:95%; margin:0 34px 12px 0; font-size:clamp(1.25rem,1.8vw,1.85rem); line-height:1.01; text-transform:uppercase; }
.latest-copy h3 a { background-image:linear-gradient(currentColor,currentColor); background-position:0 100%; background-repeat:no-repeat; background-size:0 1px; text-decoration:none; transition:background-size .35s var(--ease-out); }
.latest-card:hover h3 a,.latest-card:focus-within h3 a { background-size:100% 1px; }
.latest-copy p { display:-webkit-box; max-width:90%; margin:auto 38px 0 0; overflow:hidden; color:var(--muted); font-size:.75rem; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.latest-card-1 .latest-copy { justify-content:flex-end; width:64%; padding:34px; }
.latest-card-1 .latest-copy time { color:var(--yellow); }
.latest-card-1 .latest-copy h3 { max-width:100%; margin-right:0; color:var(--white); font-size:clamp(2rem,3.2vw,3.5rem); }
.latest-card-1 .latest-copy p { margin-top:14px; color:#d6e1f0; font-size:.82rem; -webkit-line-clamp:3; }
.latest-card-4 .latest-copy time { color:var(--yellow); }
.latest-card-4 .latest-copy h3 { color:var(--white); }
.latest-card-4 .latest-copy p { color:#d6e1f0; }
.latest-read { position:absolute; z-index:5; right:16px; bottom:15px; display:grid; place-items:center; width:32px; height:32px; color:var(--white); background:var(--blue); border-radius:50%; text-decoration:none; transition:transform .25s var(--ease-out),background .25s; }
.latest-card-1 .latest-read { color:var(--blue-dark); background:var(--yellow); }
.latest-card-4 .latest-read { color:var(--blue); background:var(--yellow); }
.latest-read:hover,.latest-read:focus-visible { background:var(--red); transform:translate(3px,-3px); }
.experience-page .license { position:relative; background:var(--blue-dark); }.experience-page .license::before { content:""; position:absolute; inset:0; opacity:.08; background:repeating-linear-gradient(90deg,transparent 0 70px,#fff 71px 72px); }.experience-page .license-grid { position:relative; }.experience-page .license h2,.experience-page .license-copy,.experience-page .license-copy p { color:var(--white); }.experience-page .license .section-index,.experience-page .license-name { color:var(--yellow); }.experience-page .license-copy li { border-color:rgba(255,255,255,.17); }
.experience-page .site-footer { background:var(--paper); }

@media (max-width:1100px) {
  .experience-header .header-inner { grid-template-columns:170px 1fr; }.experience-header .header-action { display:none; }.experience-header .main-nav { justify-content:flex-end; gap:14px; }
  .chapter-rail { display:none; }.hero-stage h1 { font-size:clamp(4rem,10.5vw,7.3rem); }.hero-line-two { margin-left:4%; }
  .experience-page .area-grid { grid-template-columns:repeat(2,1fr); }.experience-page .area-card:nth-child(2),.experience-page .area-card:nth-child(4) { margin-top:0; }.experience-page .area-wide { grid-column:1 / 3; }
  .experience-page .nullgen-grid { grid-template-columns:140px minmax(0,1fr); gap:38px; }.experience-page .nullgen-mark { width:128px; height:128px; }.experience-page .nullgen-cta { grid-column:2; justify-self:start; align-self:start; }
  .latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }.latest-card-1 { grid-column:1 / 3; grid-row:1; min-height:380px; }.latest-card-2 { grid-column:1; grid-row:2; }.latest-card-3 { grid-column:2; grid-row:2; }.latest-card-4 { grid-column:1; grid-row:3; }.latest-card-5 { grid-column:2; grid-row:3; }.latest-card-6 { grid-column:1 / 3; grid-row:4; grid-template-columns:minmax(180px,26%) 1fr; }.latest-card-6 .latest-image { display:block; }
}

@media (max-width:899px) {
  .experience-page .container { width:min(100% - 32px,1180px); }.experience-page .section-pad { padding:82px 0; }
  .experience-header .header-inner { grid-template-columns:1fr auto; min-height:70px; }.experience-header .menu-toggle { display:block; }.experience-header .main-nav { position:absolute; top:69px; left:0; right:0; display:none; padding:14px 18px 24px; background:rgba(246,248,251,.98); border-bottom:1px solid var(--line); }.experience-header .main-nav.is-open { display:flex; }.experience-header .main-nav a { padding:12px 4px; }
  .menu-open { overflow:hidden; }.hero-experience,.hero-stage { min-height:auto; }.hero-stage { padding-top:80px; padding-bottom:90px; }.hero-stage h1 { font-size:clamp(3.6rem,13vw,6rem); line-height:.82; }.hero-line-two { margin:0; font-size:.72em; }.hero-line-three { justify-self:start; max-width:9ch; font-size:.68em; }
  .hero-deck { grid-template-columns:1fr; margin-top:55px; }.hero-deck .hero-principles { grid-column:auto; }.scroll-cue { display:none; }.field-node { display:none; }
  .experience-page .purpose-band { clip-path:none; padding:64px 0; }.experience-page .purpose-grid { grid-template-columns:1fr; gap:28px; }.experience-page .purpose-note { grid-column:auto; }
  .values-heading { grid-template-columns:1fr; gap:24px; margin-bottom:48px; }.values-heading>p { max-width:620px; }
  .template-story { height:auto; }.template-sticky { position:relative; top:auto; display:block; height:auto; min-height:0; padding:72px 0; overflow:hidden; }.template-heading { grid-template-columns:1fr; gap:24px; padding-top:0; }.template-heading h2 { font-size:clamp(2.5rem,10vw,4.5rem); }.preflight-strip { grid-template-columns:1fr 1fr; margin:28px 16px; }.preflight-strip span:nth-child(2) { border-right:0; }
  .template-viewport { overflow-x:auto; padding:24px 16px 40px; scroll-snap-type:x mandatory; scrollbar-width:thin; }.template-work-note { position:relative; right:auto; top:auto; display:inline-block; margin:0 0 28px 8px; }.template-track { gap:0; height:auto; padding:0 64px 34px 8px; transform:none!important; }.template-card { --sheet-width:min(82vw,320px); --sheet-height:370px; --sheet-overlap:-26px; --sheet-base-y:4px; --sheet-depth:0px; --sheet-start-rotation:-1.8deg; flex-basis:var(--sheet-width); min-height:var(--sheet-height); margin-right:var(--sheet-overlap); scroll-snap-align:center; }.template-card:nth-child(2) { --sheet-width:min(79vw,306px); --sheet-height:382px; --sheet-base-y:-6px; --sheet-start-rotation:1.7deg; }.template-card:nth-child(3) { --sheet-width:min(83vw,324px); --sheet-height:366px; --sheet-base-y:9px; --sheet-start-rotation:-1deg; }.template-card:nth-child(4) { --sheet-width:min(82vw,320px); --sheet-height:390px; --sheet-base-y:-7px; --sheet-start-rotation:2deg; }.template-card:nth-child(5) { --sheet-width:min(80vw,312px); --sheet-height:374px; --sheet-base-y:10px; --sheet-start-rotation:-1.6deg; }.template-card:nth-child(6) { --sheet-width:min(78vw,304px); --sheet-height:386px; --sheet-base-y:-8px; --sheet-start-rotation:1.1deg; }.template-card:nth-child(7) { --sheet-width:min(83vw,324px); --sheet-height:370px; --sheet-base-y:6px; --sheet-start-rotation:-2deg; }.template-status { display:none; }
  .experience-page .resource-story { height:auto; }.resource-sticky { position:relative; top:auto; display:block; height:auto; min-height:0; padding:88px 0 96px; overflow:hidden; }.experience-page .resource-heading { grid-template-columns:1fr; gap:28px; margin-bottom:38px; }.experience-page .resource-heading h2 { font-size:clamp(3rem,9vw,5.2rem); }.resource-toolbox { display:grid; grid-template-rows:32px auto; opacity:1; transform:none; }.resource-toolbox-status { display:none; }.resource-workspace { overflow:visible; }.resource-workspace::before,.resource-workspace::after,.resource-system-map { display:none; }.experience-page .resource-list { position:relative; inset:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:24px; transform:none!important; }.experience-page .resource-item,.experience-page .resource-kind-folder,.experience-page .resource-kind-document,.experience-page .resource-kind-utility,.experience-page .resource-kind-policy,.experience-page .resource-kind-checklist,.experience-page .resource-kind-impact,.experience-page .resource-kind-contract,.experience-page .resource-kind-dossier { position:relative; left:auto; top:auto; width:auto; min-height:255px; opacity:1!important; transform:none!important; will-change:auto; }.experience-page .resource-item:nth-child(3n) { translate:0 10px; }.experience-page .resource-item:nth-child(4n) { translate:0 -7px; }
  .experience-page .nullgen { min-height:0; }.experience-page .nullgen-grid { grid-template-columns:120px minmax(0,1fr); gap:30px; }.experience-page .nullgen-mark { width:105px; height:105px; font-size:2.2rem; }.experience-page .nullgen h2 { font-size:clamp(3.2rem,9vw,5.5rem); }
  .chamulleando-heading { grid-template-columns:1fr; gap:28px; }.chamulleando-heading h2 { font-size:clamp(3.7rem,14vw,7rem); }.chamulleando-grid { grid-template-columns:1fr; max-width:620px; margin:auto; }.cham-card,.cham-card-1,.cham-card-2,.cham-card-3 { min-height:500px; margin:0 0 12px; rotate:0deg; }.cham-card:nth-child(even) { translate:18px 0; }
  .cara-b { height:auto; padding:88px 0 105px; overflow:hidden; }
  .cara-b-sticky { position:relative; top:auto; height:auto; min-height:0; overflow:visible; perspective:none; }
  .cara-b-heading { position:relative; top:auto; left:auto; grid-template-columns:1fr; gap:25px; transform:none; pointer-events:auto; }
  .cara-b-title { font-size:clamp(4rem,15vw,7rem); }.cara-b-title-turn { transform:rotateY(180deg); }
  .cara-b-intro { max-width:560px; }.cara-b-scene { position:relative; inset:auto; height:auto; margin-top:70px; }
  .cara-b-stack { display:block; width:min(620px,calc(100% - 32px)); height:auto; perspective:none; transform:none!important; }
  .cara-b-positioner,.cara-b-positioner.is-featured,.cara-b-positioner:nth-child(3n),.cara-b-positioner:nth-child(4n) { position:relative; left:auto; top:auto; width:100%; height:320px; margin-top:-24px; transform:none!important; will-change:auto; }
  .cara-b-positioner:first-child { height:430px; margin-top:0; }.cara-b-positioner:nth-child(2) { z-index:4; --object-rotation:-1.25deg; }.cara-b-positioner:nth-child(3) { z-index:3; --object-rotation:1.15deg; }.cara-b-positioner:nth-child(4) { z-index:2; --object-rotation:-.7deg; }
  .cara-b-object { padding:18px 19px; transform:rotateZ(var(--object-rotation,0deg)); }.cara-b-object:hover,.cara-b-object:focus-visible,.cara-b-object:focus-within { transform:rotateZ(0deg) scale(1.012); }
  .cara-b-object-copy h3 { font-size:clamp(1.75rem,6vw,2.5rem); }.cara-b-object.is-featured .cara-b-object-copy h3 { font-size:clamp(2.35rem,8vw,3.5rem); }
  .cara-b-scroll-note { display:none; }.cara-b-atmosphere span { right:-.12em; bottom:-.02em; font-size:70vw; }
}

@media (max-width:680px) {
  .articles-compact .articles-heading { align-items:start; flex-direction:column; }
  .latest-grid { grid-template-columns:1fr; }
  .latest-card,.latest-card-1,.latest-card-2,.latest-card-3,.latest-card-4,.latest-card-5,.latest-card-6 { grid-column:1; grid-row:auto; min-height:0; }
  .latest-card-1 { min-height:470px; }.latest-card-1 .latest-image { inset:0 0 44% 0; opacity:.82; }.latest-card-1::after { background:linear-gradient(180deg,rgba(5,47,112,.05),var(--blue-dark) 58%); }.latest-card-1 .latest-copy { justify-content:flex-end; width:auto; padding:26px; }.latest-card-1 .latest-copy h3 { font-size:clamp(1.85rem,8vw,2.65rem); }
  .latest-card-2,.latest-card-3,.latest-card-4,.latest-card-5,.latest-card-6 { min-height:205px; }.latest-card-5 .latest-image,.latest-card-6 .latest-image { display:none; }.latest-card-6 { grid-template-columns:1fr; }.latest-copy { padding:22px; }
}

@media (max-width:580px) {
  .hero-stage h1 { font-size:clamp(3rem,15.5vw,4.5rem); }.hero-line-two { font-size:.68em; }.hero-line-three { font-size:.72em; }.hero-deck .hero-actions { align-items:stretch; flex-direction:column; }.hero-deck .hero-principles { flex-direction:column; }.hero-experience::after { width:95vw; right:-48vw; top:-20%; border-width:52px; }
  .experience-page .section-heading,.experience-page .resource-heading,.experience-page .license-grid { grid-template-columns:1fr; gap:26px; }.experience-page .section-heading h2,.values-heading h2,.experience-page .resource-heading h2,.experience-page .license h2 { font-size:clamp(2.8rem,14vw,4.3rem); }
  .experience-page .resource-heading h2 { font-size:clamp(2.75rem,11.8vw,3.65rem); line-height:.87; }
  .experience-page .area-grid { grid-template-columns:1fr; }.experience-page .area-wide { grid-column:auto; }.experience-page .area-card { min-height:300px; }
  .experience-page .resource-list { grid-template-columns:1fr; gap:16px; padding:16px; }.experience-page .resource-item,.experience-page .resource-kind-folder,.experience-page .resource-kind-document,.experience-page .resource-kind-utility,.experience-page .resource-kind-policy,.experience-page .resource-kind-checklist,.experience-page .resource-kind-impact,.experience-page .resource-kind-contract,.experience-page .resource-kind-dossier { min-height:245px; translate:0!important; }.resource-toolbox-bar span { max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.resource-toolbox-bar b { font-size:.46rem; }.experience-page .resource-button { grid-column:auto; justify-self:start; }.experience-page .nullgen-grid { grid-template-columns:1fr; }.experience-page .nullgen-grid .button { grid-column:auto; justify-self:start; }.experience-page .nullgen-mark { margin:10px 0 16px; }.nullgen-detail { font-size:.76rem; }.nullgen-context-note { margin-top:25px; padding:18px 18px 20px 25px; }.nullgen-context-note::after { right:5px; font-size:5.3rem; }.nullgen-context-note p { font-size:.94rem; }.nullgen-context-note i { left:25px; }
  .preflight-strip { margin-inline:16px; }.template-heading { padding-inline:0; }.template-heading>p { font-size:.82rem; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-line,.hero-line-two::after,.hero-experience::after,.hero-field path,.field-orbit,.field-node,.template-new-badge::before,.nullgen-mark,.nullgen-mark::before,.chamulleando::before { animation:none!important; }
  .agents-title-word { opacity:1!important; clip-path:none!important; transform:none!important; }.agents-title::after { transform:scaleX(1)!important; }
  .hero-field,.experience-page .nullgen::before { transform:none!important; }.nullgen-context-note { opacity:1!important; clip-path:none!important; transform:none!important; transition:none!important; will-change:auto; }.nullgen-context-note::before,.nullgen-context-note i { transform:none!important; }.nullgen-context-note::after { transform:none!important; }.nullgen-context-note strong { background-size:100% 100%!important; }.template-story { height:auto; }.template-sticky { position:relative; top:auto; display:block; height:auto; min-height:0; padding:72px 0; }.template-viewport { overflow-x:auto; }.template-track { height:auto; padding:20px 56px 28px 20px; transform:none!important; }.template-card { --sheet-pass-x:0px!important; --sheet-pass-y:0px!important; --sheet-focus-y:0px!important; --sheet-depth:0px!important; --sheet-scale:1!important; transition:none; }.template-status { display:none; }.experience-page .resource-story { height:auto; }.resource-sticky { position:relative; top:auto; display:block; height:auto; min-height:0; padding:88px 0; }.resource-toolbox { display:grid; grid-template-rows:32px auto; opacity:1; transform:none!important; transition:none; }.resource-toolbox-status,.resource-workspace::before,.resource-workspace::after,.resource-system-map { display:none; }.resource-workspace { overflow:visible; }.experience-page .resource-list { position:relative; inset:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:24px; transform:none!important; transition:none; }.experience-page .resource-item { position:relative; left:auto; top:auto; width:auto; min-height:255px; opacity:1!important; transform:none!important; transition:none; will-change:auto; }.motion-ready .reveal-target { opacity:1; transform:none; }
  .cara-b { height:auto; padding:105px 0; }.cara-b-sticky { position:relative; top:auto; height:auto; min-height:0; overflow:visible; perspective:none; }.cara-b-heading { position:relative; top:auto; left:auto; transform:none; pointer-events:auto; }.cara-b-title-turn { transform:rotateY(180deg)!important; transition:none; }.cara-b-scene { position:relative; inset:auto; height:auto; margin-top:70px; }.cara-b-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; width:min(1180px,calc(100% - 48px)); height:auto; perspective:none; transform:none!important; }.cara-b-positioner,.cara-b-positioner.is-featured,.cara-b-positioner:nth-child(3n),.cara-b-positioner:nth-child(4n) { position:relative; left:auto; top:auto; width:auto; height:330px; margin:0; transform:none!important; will-change:auto; }.cara-b-positioner.is-featured { height:420px; }.cara-b-object,.cara-b-object:hover,.cara-b-object:focus-visible,.cara-b-object:focus-within { transform:none!important; transition:none; }.cara-b-scroll-note { display:none; }.cara-b-atmosphere i,.cara-b-atmosphere span { transform:none!important; }
}

@media (prefers-reduced-motion:reduce) and (max-width:680px) { .cara-b-stack { grid-template-columns:1fr; width:min(100% - 32px,620px); }.cara-b-positioner,.cara-b-positioner.is-featured { height:auto; min-height:320px; }.cara-b-positioner.is-featured { min-height:430px; } }