@font-face{font-family:Manrope;src:url('assets/manrope-0.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-1.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-2.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/cristal/manrope-light.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--navy:#0b202f;--deep:#081c29;--paper:#f4f5f2;--ink:#e8eff2;--muted:#adbec8;--cyan:#39cfe3;--gold:#bf9a50;--line:#91acb32d;--white:#eef2f4;--ease:cubic-bezier(.23,1,.32,1);--gutter:clamp(24px,4.5vw,86px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--deep);color:var(--ink);font:400 15px/1.75 Manrope,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}p,h1,h2,h3,h4,figure{margin:0}p+p{margin-top:18px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button,summary{-webkit-tap-highlight-color:transparent}button:active,.button:active{transform:scale(.98)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,h4{font-weight:400}h2{font-size:clamp(44px,5.4vw,86px);line-height:1.08;letter-spacing:-.055em;font-weight:300}h3{line-height:1.35}img{display:block;width:100%;height:auto}svg{flex-shrink:0}button svg,a svg{width:28px;height:22px}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}::selection{background:#48c9db66}.gold{color:var(--gold)}.dark{color:var(--white)}.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line>span{display:block}.micro,.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.19em;font-weight:500}.eyebrow{font-size:11px;letter-spacing:.14em}.large-copy{font-size:clamp(20px,1.8vw,27px);line-height:1.55;letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:8px 0;border:0;border-bottom:1px solid #acbdc5;background:transparent;text-align:left;font-size:13px;font-weight:500;line-height:1.5}.text-link svg{width:25px;height:18px;transition:transform 220ms var(--ease)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:16px 29px;border-radius:99px;background:var(--cyan);color:#082533;font-size:15px;line-height:1.4;font-weight:500;transition:background 180ms ease,transform 150ms var(--ease)}.button svg{width:29px;height:22px;transition:transform 220ms var(--ease)}.skip{position:fixed;z-index:100;top:12px;left:12px;background:var(--cyan);color:var(--deep);padding:12px 20px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
/* The hero always occupies the actual window, including compact and mobile heights. */
.site-header{position:absolute;z-index:20;inset:0 0 auto;padding:32px var(--gutter);display:flex;align-items:flex-start;justify-content:space-between;gap:32px;color:#ecf1f4}.brand{display:inline-flex;align-items:flex-start;gap:18px;flex-shrink:0}.brand-mark{display:block;width:22px;height:24px;background:linear-gradient(130deg,#a37c37,#d4b668);clip-path:polygon(100% 0,100% 100%,0 100%);flex-shrink:0;margin-top:5px}.brand-type{font-size:29px;letter-spacing:.26em;font-weight:300;line-height:1.3}.brand-type small{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;font-weight:400;letter-spacing:.065em;color:#b4c3cb;margin-top:9px;padding-left:2px;text-transform:uppercase;white-space:nowrap}.brand-type small b{font-size:13px;line-height:.7;color:var(--gold);font-weight:400}.site-header nav{display:flex;gap:clamp(25px,3.3vw,62px);font-size:13px;padding-top:5px;color:#adbac4}.site-header nav a{position:relative;padding-bottom:12px;transition:color 180ms ease}.site-header nav a:after{content:'';position:absolute;width:30px;height:2px;left:0;bottom:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease)}.site-header nav a.current{color:#fff}.site-header nav a.current:after{transform:scaleX(1)}.menu-toggle{display:none}
.hero{position:relative;height:100svh;height:100dvh;min-height:0;max-height:none;overflow:hidden;display:flex;align-items:flex-end;padding:115px var(--gutter) clamp(82px,12dvh,128px);isolation:isolate;background:var(--deep)}.hero-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07192344,transparent 65%),linear-gradient(0deg,#061b2855,transparent 35%)}.hero-copy{position:relative;width:60%;max-width:900px}.hero :is(h1,h2){font-size:clamp(38px,min(6.4vw,10.6dvh),112px);font-weight:300;letter-spacing:-.062em;line-height:1.05}.hero-description{font-size:clamp(16px,min(1.5vw,2.9dvh),26px);line-height:1.55;letter-spacing:-.02em;margin-top:clamp(16px,2.7dvh,26px);color:#b4c2cb}.hero .button{margin-top:clamp(20px,3.7dvh,32px);min-width:330px}.hero-bottom{position:absolute;bottom:clamp(23px,4.5dvh,42px);left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-bottom p{display:flex;align-items:center;gap:20px;font-size:8px;font-weight:500;letter-spacing:.28em;color:#a1b1bd}.hero-bottom i{width:33px;height:1px;background:var(--gold)}.hero-bottom>a{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.22em;color:#bccbd3}.hero-bottom>a svg{width:14px;height:24px}.glass-inscription{position:absolute;font-size:7px;letter-spacing:.3em;line-height:2.7;color:#abc3cc;pointer-events:none}.glass-inscription i{display:block;width:32px;height:1px;background:var(--gold);margin-top:14px}.inscription-one{left:48%;top:53%}.inscription-two{left:89%;top:25%}.inscription-three{left:90%;top:67%}
/* Each chapter has its own full-window scene. Sticky art keeps its natural framing on longer sections. */
.chapter{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;border-top:1px solid #92adba18;background:var(--deep)}.chapter-backdrop{position:sticky;top:0;height:100svh;height:100dvh;margin-bottom:-100svh;margin-bottom:-100dvh;z-index:0;overflow:hidden;pointer-events:none}.chapter-backdrop img{width:100%;height:100%;object-fit:cover;object-position:right center}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081c2988 0%,#081c2970 35%,#081c2944 58%,#081c290a 80%),linear-gradient(0deg,#081c2955,transparent 30%,transparent 75%,#081c2933)}.chapter-content{position:relative;z-index:1;padding:clamp(70px,8vw,125px) var(--gutter);min-height:100svh;min-height:100dvh}.section-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:54px;padding-bottom:25px;border-bottom:1px solid var(--line)}.section-meta>.micro{font-size:9px;color:#9aaeb9}.section-heading{max-width:660px;margin-bottom:40px}.section-heading>p{max-width:475px;font-size:17px;line-height:1.7;color:var(--muted);margin-top:25px}.intro-grid{max-width:640px}.intro :is(h1,h2){font-size:clamp(43px,4.65vw,75px)}.intro-copy{max-width:490px;margin-top:30px}.intro-copy .large-copy{margin-bottom:22px;color:#d7e3e8}.intro-copy>p:not(.large-copy){font-size:15px;color:var(--muted)}.audiences{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.13em}.audiences span{display:flex;align-items:center;gap:9px}.audiences span:before{content:'';height:4px;width:4px;background:var(--gold)}
.services-grid{max-width:min(62%,760px)}.service{border-bottom:1px solid var(--line)}.service:first-child{border-top:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:18px;padding:22px 0;min-height:76px}.item-number{font-size:10px;letter-spacing:.12em;color:#92aab6}.service h3{font-size:clamp(19px,1.6vw,25px);letter-spacing:-.025em;flex:1}.plus{width:22px;height:22px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;top:50%;left:4px;width:14px;height:1px;background:currentColor;transition:transform 220ms var(--ease)}.plus:after{transform:rotate(90deg)}details[open]>summary .plus:after{transform:rotate(0)}.service-content{padding:0 24px 28px 35px;font-size:14px;line-height:1.8;color:var(--muted)}.service-content .service-lead{font-size:17px;color:#dce8ed;line-height:1.6;letter-spacing:-.015em}.service-content>p+p{margin-top:15px}.service-delivers{margin:23px 0 18px}.service-delivers .micro{font-size:8px;letter-spacing:.15em;color:#90b9c4}.service-delivers ul{list-style:none;margin:12px 0 0;padding:0}.service-delivers li{display:flex;gap:9px;align-items:baseline;margin:5px 0;color:#c5d4dc;font-size:12px}.service-delivers li:before{content:'—';color:var(--gold)}.service-content .text-link{font-size:12px}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:min(63%,780px);margin:35px 0 50px}.phase-grid>div{padding-top:20px;border-top:1px solid var(--line)}.phase-grid .micro{font-size:8px;color:#8ea9b7}.phase-grid b{color:#c9b276;font-weight:400}.phase-grid h3{font-size:20px;letter-spacing:-.025em;margin:13px 0 10px}.phase-grid p{font-size:12px;color:var(--muted)}.method-explorer{max-width:min(66%,830px);border-top:1px solid var(--line)}.explorer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.explorer-top>p{font-size:8px}.explorer-top>span{display:flex;align-items:center;gap:15px;color:#8ca4b1;font-size:7px}.explorer-top svg{width:24px;height:15px}.explorer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}.step-tabs{display:flex;flex-direction:column}.step-tabs button{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 10px;min-height:49px;background:#0b253139;color:#adc1cb;text-align:left;font-size:11px;line-height:1.5;transition:background 180ms ease,color 180ms ease}.step-tabs button:last-child{border-bottom:1px solid var(--line)}.step-tabs button>span{font-size:8px;color:#8aa2ae}.step-tabs button[aria-selected=true]{background:#24576a66;color:#f5fafb;border-top-color:#4c99a9}.step-tabs button[aria-selected=true]>span{color:var(--cyan)}.step-panel{position:relative;background:#0b2331b5;backdrop-filter:blur(10px);border:1px solid #668e9e33;padding:32px 28px;min-width:0;overflow:hidden;display:flex;align-items:flex-end}.step-number{position:absolute;right:20px;top:0;color:#8ab9cc15;font-size:125px;font-weight:300;line-height:1.2;letter-spacing:-.08em}.step-copy{position:relative;z-index:1}.step-copy .eyebrow{font-size:8px;color:#9fbbc5}.step-copy h3{font-size:29px;letter-spacing:-.035em;margin:16px 0 20px}.step-copy>p{font-size:13px;color:var(--muted);line-height:1.8}.step-output{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.step-output .micro{font-size:7px;color:#7fbdc9}.step-output p{color:#e1ecee;font-size:12px;margin-top:8px}.noscript-method{max-width:600px}.noscript-method h3{margin-top:22px}
.system-grid{max-width:650px}.system-copy>p{max-width:480px;color:var(--muted)}.system-copy .large-copy{margin-top:28px;color:#d6e3e9}.system-copy .text-link{margin-top:25px}.system-map{max-width:480px;margin-top:40px}.system-map>.micro{display:block;color:#81b4c2;font-size:8px;margin-bottom:16px}.system-map>div{display:flex;align-items:center;gap:25px;padding:12px 0;border-top:1px solid var(--line)}.system-map>div>span{font-size:9px;color:var(--gold)}.system-map p{font-size:14px}.lifecycle{max-width:min(63%,760px);padding-top:32px;margin-top:42px;border-top:1px solid var(--line)}.lifecycle .eyebrow{font-size:8px;color:#9eb7c2}.lifecycle h3{font-size:26px;letter-spacing:-.03em;margin-top:15px}.cycle-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.cycle-list>div{border-top:1px solid #76b2bc55;padding-top:12px}.cycle-list span{font-size:9px;color:#84b8c5}.cycle-list h4{font-size:15px;margin:10px 0 9px}.cycle-list p{font-size:11px;line-height:1.7;color:var(--muted)}
.evidence-copy{max-width:min(62%,740px)}.evidence h2{margin:25px 0}.evidence-copy>p{max-width:465px;color:var(--muted)}.evidence-list{margin:34px 0}.evidence-list>div{display:flex;align-items:flex-start;gap:22px;padding:20px 0;border-top:1px solid var(--line)}.evidence-list h3{font-size:17px;letter-spacing:-.015em;margin-bottom:8px}.evidence-list p{font-size:13px;line-height:1.75;color:var(--muted);max-width:460px}.document-icon{display:block;width:17px;height:23px;border:1px solid #8ab9c4;position:relative;flex-shrink:0;margin-top:3px}.document-icon:before{content:'';position:absolute;left:4px;right:4px;top:8px;border-top:1px solid #8ab9c4;border-bottom:1px solid #8ab9c4;height:6px}.document-icon:after{content:'';width:5px;height:5px;position:absolute;right:-1px;top:-1px;border-left:1px solid #8ab9c4;border-bottom:1px solid #8ab9c4;background:var(--deep)}.evidence-copy>.text-link{font-size:12px}.faq-grid{max-width:min(62%,740px)}.faq-intro>p{color:var(--muted);max-width:440px;margin:27px 0 16px}.faq-index{margin-top:35px}.faq{border-bottom:1px solid var(--line)}.faq:first-child{border-top:1px solid var(--line)}.faq summary{padding:23px 0;display:flex;align-items:center;gap:22px;justify-content:space-between}.faq h3{font-size:15px;letter-spacing:-.015em}.faq>p{padding:0 35px 25px 0;color:var(--muted);font-size:13px;line-height:1.85}
.contact-inner{max-width:650px}.contact h2{font-size:clamp(60px,6.5vw,108px);margin:28px 0;letter-spacing:-.06em}.contact-inner>p{font-size:18px;color:var(--muted)}.contact .button{margin-top:30px}.contact-details{margin-top:42px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.contact-details a{font-size:14px;color:#d2dce1}.contact-details>p{font-size:12px;color:#9db2be;margin-top:15px}.contact-caption{position:absolute;right:var(--gutter);bottom:70px;writing-mode:vertical-rl;font-size:7px;color:#a7bcc6;display:flex;align-items:center;gap:17px}.contact-caption i{height:30px;width:1px;background:var(--gold)}.site-footer{padding:40px var(--gutter) 25px;background:#071925;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:38px}.footer-top .brand-type{font-size:22px}.footer-top .brand-mark{width:17px;height:18px}.footer-top .brand-type small{font-size:6px;margin-top:7px;gap:6px}.footer-top .brand-type small b{font-size:11px}.footer-top>p{font-size:8px;letter-spacing:.22em;color:#92a6b2}.back-top{font-size:10px;color:#b6c7cf}.footer-bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8ea5b2;font-size:9px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom button{background:none;padding:0;font-size:9px}.footer-bottom a{font-size:9px}dialog{width:min(620px,calc(100vw - 36px));padding:60px 45px 40px;border:none;background:var(--paper);color:#183545;max-height:calc(100svh - 50px);overflow:auto}dialog::backdrop{background:#03121ec9;backdrop-filter:blur(5px)}dialog h2{font-size:42px;margin:20px 0 28px}dialog p{font-size:14px;color:#65747c}dialog .text-link{margin-top:26px}.dialog-close{position:absolute;right:17px;top:13px;font-size:28px;width:40px;height:40px;background:transparent;font-weight:300}
/* Staggered presentation repeats naturally when returning to a chapter. */
@media(prefers-reduced-motion:no-preference){.motion .reveal{opacity:0;transform:translateY(18px);transition:opacity 850ms var(--ease),transform 1050ms var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion .reveal.is-visible{opacity:1;transform:translateY(0)}.motion :is(h1,h2).reveal{transform:none;opacity:1}.motion :is(h1,h2).reveal .line>span{transform:translateY(110%);transition:transform 1100ms var(--ease)}.motion :is(h1,h2).reveal .line:nth-child(2)>span{transition-delay:75ms}.motion :is(h1,h2).reveal .line:nth-child(3)>span{transition-delay:150ms}.motion :is(h1,h2).reveal.is-visible .line>span{transform:translateY(0)}.motion .chapter-backdrop img{opacity:.6;transform:scale(1.025);transition:opacity 1200ms var(--ease),transform 1800ms var(--ease)}.motion .chapter.is-present .chapter-backdrop img{opacity:1;transform:scale(1)}.motion .hero-scene>img{animation:scene-enter 2s var(--ease) both}.motion .hero :is(h1,h2) .line>span{animation:text-enter 1.15s var(--ease) 100ms both}.motion .hero :is(h1,h2) .line:nth-child(2)>span{animation-delay:180ms}.motion .hero-description{animation:fade-enter 1s var(--ease) 300ms both}.motion .hero .button{animation:fade-enter 1s var(--ease) 380ms both}.motion .hero-bottom{animation:fade-enter 1s var(--ease) 450ms both}@keyframes scene-enter{from{transform:scale(1.035);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes text-enter{from{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes fade-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.keyboard-input{scroll-behavior:auto}.keyboard-input .plus:after,.keyboard-input .step-tabs button,.keyboard-input .menu-toggle i{transition:none}.keyboard-input button:active,.keyboard-input .button:active{transform:none}
@media(hover:hover) and (pointer:fine){.text-link:hover svg,.button:hover svg{transform:translateX(4px)}.button:hover{background:#69deec}.site-header nav a:hover{color:white}.site-header nav a:hover:after{transform:scaleX(1)}.step-tabs button:hover{color:white;background:#17425277}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:1100px){.brand-type{font-size:24px}.brand-type small{font-size:7px;gap:5px}.site-header nav{gap:25px;font-size:12px}.hero-copy{width:65%}.hero .button{font-size:14px;min-width:300px}.glass-inscription{display:none}.services-grid,.method-explorer,.evidence-copy,.faq-grid{max-width:67%}.phase-grid,.lifecycle{max-width:67%}.section-meta>.micro{display:none}.chapter-content{padding-top:75px;padding-bottom:75px}.intro-grid{max-width:60%}.intro :is(h1,h2){font-size:4.6vw}.intro-copy .large-copy{font-size:22px}.intro-copy>p:not(.large-copy){font-size:14px}.system-grid{max-width:62%}.explorer-grid{gap:20px}.step-panel{padding:25px 20px}.step-copy h3{font-size:26px}.step-tabs button{font-size:10px}.phase-grid{gap:20px}.phase-grid h3{font-size:18px}.cycle-list{gap:18px}.footer-top>p{display:none}}
@media(max-width:760px){:root{--gutter:24px}body{font-size:14px}h2{font-size:45px}.eyebrow{font-size:9px}.brand{gap:12px}.brand-mark{width:17px;height:20px;margin-top:4px}.brand-type{font-size:23px;letter-spacing:.24em}.brand-type small{font-size:6.3px;letter-spacing:.015em;gap:5px;margin-top:8px}.brand-type small b{font-size:12px}.site-header{padding-top:24px;gap:20px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;padding:4px 0;color:#c8d6de;font-size:11px;min-height:36px;z-index:22}.menu-toggle i{display:block;width:19px;height:9px;border-top:1px solid #c8d6de;border-bottom:1px solid #c8d6de;transition:transform 200ms var(--ease)}.site-header nav{display:none}.site-header nav.is-open{position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;top:90px;background:#0b202ff5;backdrop-filter:blur(16px);padding:20px 24px 26px;box-shadow:0 20px 20px #05131c44}.site-header nav a{font-size:20px;padding:13px 0}.site-header nav a:after{display:none}.menu-toggle[aria-expanded=true] i{transform:rotate(-45deg)}.hero{padding:100px 24px 84px}.hero-copy{width:100%;max-width:500px}.hero :is(h1,h2){font-size:clamp(30px,min(11.4vw,7.7dvh),66px)}.hero-description{font-size:clamp(14px,min(4.3vw,2.5dvh),18px);margin-top:20px;max-width:340px;line-height:1.6}.hero-description br{display:none}.hero .button{font-size:13px;margin-top:24px;min-width:0;padding:15px 23px;gap:22px;min-height:52px}.hero .button svg{width:25px}.hero-scene>img{position:absolute;top:6%;height:68%;width:100%;object-position:84% center}.scene-shade{background:linear-gradient(0deg,#081c29 0%,#081c29ee 22%,#081c2944 52%,transparent 75%),linear-gradient(180deg,#081c29 0%,transparent 24%)}.hero-bottom{bottom:28px}.hero-bottom p{font-size:6px;letter-spacing:.2em;gap:14px}.hero-bottom p>span:last-child{display:none}.hero-bottom>a{display:none}.hero-bottom i{width:20px}.chapter-content{padding:60px 24px;min-height:100svh;min-height:100dvh}.chapter-backdrop img{object-position:76% center;opacity:.75}.chapter-shade{background:linear-gradient(90deg,#081c29bb,#081c29a6 50%,#081c2977),linear-gradient(0deg,#081c2999,transparent 60%)}.section-meta{margin-bottom:36px;padding-bottom:20px}.section-meta>.micro{display:none}.section-heading{max-width:100%;margin-bottom:30px}.section-heading>p{font-size:15px;margin-top:23px;max-width:340px}.intro-grid,.system-grid,.services-grid,.method-explorer,.evidence-copy,.faq-grid,.phase-grid,.lifecycle{max-width:100%}.intro :is(h1,h2){font-size:clamp(34px,9.4vw,58px)}.intro-copy{margin-top:28px}.intro-copy .large-copy{font-size:23px}.intro-copy>p:not(.large-copy){font-size:14px}.audiences{font-size:8px;gap:20px}.service summary{gap:12px;min-height:73px;padding:22px 0}.service h3{font-size:19px}.service-content{padding:0 0 26px 27px;font-size:13px}.service-content .service-lead{font-size:16px}.service-content .text-link{font-size:11px}.phase-grid{grid-template-columns:1fr;gap:0;margin-top:26px;margin-bottom:35px}.phase-grid>div{padding:19px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:8px 20px}.phase-grid .micro{grid-column:1/-1}.phase-grid h3{font-size:20px;margin:3px 0}.phase-grid p{font-size:12px}.explorer-top>span{display:none}.explorer-top{padding:20px 0}.explorer-grid{grid-template-columns:1fr;gap:24px}.step-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.step-tabs button{font-size:10px;line-height:1.5;min-height:56px;padding:10px 6px;gap:8px;background:#0b2331bb}.step-tabs button:nth-last-child(2){border-bottom:1px solid var(--line)}.step-panel{padding:32px 24px;min-height:330px;background:#0b2331d9}.step-number{font-size:145px}.step-copy h3{font-size:30px}.step-copy>p{font-size:13px}.system-copy .large-copy{font-size:23px}.system-copy>p{font-size:14px}.system-map{margin-top:32px}.system-map p{font-size:13px}.lifecycle{margin-top:35px;padding-top:28px}.lifecycle h3{font-size:25px}.cycle-list{grid-template-columns:1fr 1fr;gap:25px}.cycle-list p{font-size:12px}.evidence h2{font-size:clamp(34px,9.3vw,58px);margin:22px 0}.evidence-copy>p{font-size:14px}.evidence-list{margin:27px 0}.evidence-list h3{font-size:16px}.evidence-list p{font-size:12px}.evidence-list>div{padding:18px 0;gap:20px}.faq-intro h2{font-size:43px}.faq-intro>p{font-size:14px}.faq-index{margin-top:30px}.faq h3{font-size:15px}.faq summary{padding:22px 0}.faq>p{font-size:13px}.contact h2{font-size:60px;margin:24px 0}.contact-inner>p{font-size:16px;max-width:340px}.contact-inner>p br{display:none}.contact .button{font-size:13px;padding:15px 24px;margin-top:25px}.contact-details{margin-top:35px}.contact-caption{display:none}.site-footer{padding:34px 24px 24px}.footer-top{padding-bottom:30px;align-items:flex-start}.footer-top .brand-type{font-size:20px}.footer-top .brand-type small{font-size:5.5px;gap:4px}.footer-top .brand-mark{width:15px;height:17px}.back-top{font-size:8px}.footer-bottom{display:block;line-height:1.8;font-size:8px}.footer-bottom>div{gap:17px;flex-wrap:wrap;margin-top:18px}.footer-bottom button,.footer-bottom a{font-size:8px}dialog{padding:55px 26px 30px}dialog h2{font-size:36px}dialog p{font-size:13px}}
@media(max-height:540px){.site-header{padding-top:20px;padding-bottom:20px}.hero{padding-top:90px;padding-bottom:72px}.hero :is(h1,h2){font-size:clamp(30px,min(5.4vw,10dvh),70px)}.hero-description{font-size:15px;line-height:1.45;margin-top:13px}.hero .button{font-size:13px;min-height:44px;padding:12px 23px;margin-top:17px}.hero-bottom{bottom:22px}.hero-bottom p{font-size:6px}.hero-bottom>a{font-size:7px}.brand-type{font-size:23px}.brand-type small{font-size:6px}.brand-mark{width:18px;height:20px}.hero-scene>img{height:100%;top:0}}
@media(max-width:365px){:root{--gutter:20px}.hero,.chapter-content{padding-left:20px;padding-right:20px}.brand-type{font-size:20px}.brand-type small{font-size:5.6px}.site-header{gap:14px}.hero .button{font-size:12px;padding-left:20px;padding-right:20px;gap:20px}.hero-description{margin-top:16px}.service h3{font-size:17px}.service-content{padding-left:0}.step-tabs{gap:0 8px}.step-tabs button{font-size:9px}.contact h2{font-size:52px}.faq-intro h2{font-size:38px}.footer-top .brand-type{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.reveal,.chapter-backdrop img,h2.reveal .line>span{opacity:1!important;transform:none!important}}
/* Keep the new slogan legible at the logo's natural size. */
.site-header .brand-type small{font-size:9px;letter-spacing:.035em}.site-header .brand-type small b{font-size:17px;font-weight:500}
@media(max-width:1100px){.site-header .brand-type small{font-size:8px}}
@media(max-width:760px){.site-header .brand-type small{font-size:7.5px;letter-spacing:0}}
@media(max-width:365px){.site-header .brand-type small{font-size:6.5px}}
@media(max-height:380px){.site-header{padding-top:14px}.site-header .brand-type{font-size:20px}.site-header .brand-type small{font-size:6.5px;margin-top:6px}.hero{padding-top:78px;padding-bottom:47px}.hero :is(h1,h2){font-size:clamp(24px,min(5vw,8.5dvh),40px)}.hero-description{font-size:13px;line-height:1.4;margin-top:8px}.hero .button{min-height:38px;font-size:12px;padding-top:10px;padding-bottom:10px;margin-top:12px}.hero-bottom{bottom:12px}.hero-bottom>a{display:none}}
.system .section-meta>.micro{background:#081c29b3;padding:4px 8px}
@media(max-width:760px){.chapter{--muted:#bfd0d9}.chapter-shade{background:linear-gradient(90deg,#081c29e0 0%,#081c29c9 62%,#081c29ad 100%),linear-gradient(0deg,#081c2988,transparent 70%)}}
/* Sculpture edition: continuous tones, isolated artwork and alternating editorial compositions. */
.hero{background:#081c29}.hero-scene{z-index:0}.hero-copy,.hero-bottom{z-index:2}.hero-scene>img{mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}.scene-shade{background:linear-gradient(90deg,#07192333,transparent 65%),linear-gradient(0deg,#081c29 0%,#081c29bb 8%,transparent 32%)}
.chapter{border:0;min-height:0;background:#081c29;--tone:#081c29}.chapter.light{--tone:#edf1ed;--ink:#173c4b;--muted:#607780;--line:#44697128;color:var(--ink);background:var(--tone)}.chapter-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:6vw;row-gap:42px;padding:95px var(--gutter) 105px;min-height:0;max-width:1760px;margin:auto;align-items:start}.chapter .section-meta{grid-column:1/-1;grid-row:1;margin:0;padding-bottom:23px;border-color:var(--line)}.chapter-copy{grid-column:1;grid-row:2;min-width:0}.image-left .chapter-copy{grid-column:2}.sculpture-figure{grid-column:2;grid-row:2;position:sticky;top:12vh;align-self:start;width:100%;max-width:650px;margin:0 auto;min-width:0;padding-top:8px}.image-left .sculpture-figure{grid-column:1}.sculpture-reveal{position:relative}.sculpture-float{transform:translateY(0);will-change:transform}.sculpture-figure img{width:100%;height:auto;max-height:73vh;object-fit:contain;filter:drop-shadow(0 24px 25px #0002)}.sculpture-figure figcaption{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;color:#91aab7;font-size:8px;letter-spacing:.22em}.sculpture-figure figcaption i{width:30px;height:1px;background:var(--gold)}.light .sculpture-figure figcaption{color:#5d7980}
.chapter .intro-grid,.chapter .system-grid,.chapter .services-grid,.chapter .phase-grid,.chapter .method-explorer,.chapter .evidence-copy,.chapter .faq-grid,.chapter .lifecycle{max-width:100%}.chapter .section-heading{margin-bottom:35px}.chapter .section-heading>p{max-width:500px}.chapter .intro-copy{max-width:500px}.chapter .intro :is(h1,h2){font-size:clamp(42px,4.8vw,76px)}.chapter .intro-copy .large-copy{color:#d7e3e8}.chapter .contact-inner{max-width:100%}.chapter .contact h2{font-size:clamp(56px,5.8vw,94px)}.chapter .phase-grid{gap:24px;margin:30px 0 40px}.chapter .phase-grid h3{font-size:20px}.chapter .explorer-top>span{display:none}.chapter .explorer-grid{grid-template-columns:1fr;gap:22px}.chapter .step-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.chapter .step-tabs button{font-size:11px;min-height:54px}.chapter .step-tabs button:nth-last-child(2){border-bottom:1px solid var(--line)}.chapter .step-panel{min-height:310px;padding:35px 30px}.chapter .step-number{font-size:160px}.chapter .step-copy h3{font-size:33px}.chapter .step-copy>p{font-size:14px}.chapter .system-map{max-width:100%;margin-top:35px}.chapter .cycle-list{grid-template-columns:1fr 1fr;gap:24px}.chapter .lifecycle{margin-top:35px;padding-top:30px}.chapter .evidence-list{margin-top:30px}.chapter .evidence-list>div{padding:21px 0}.chapter .evidence-copy>p{max-width:500px}.chapter .contact-caption{display:none}
.light .section-meta>.micro{color:#5d7980;background:transparent;padding:0}.light .large-copy,.light .system-copy .large-copy{color:#2c5261}.light .phase-grid .micro{color:#5c7e84}.light .phase-grid p{color:var(--muted)}.light .step-tabs button{background:#ffffff44;color:#557078;border-color:#99b4b340}.light .step-tabs button>span{color:#477b87}.light .step-tabs button[aria-selected=true]{background:#cfe3e4;color:#173c4b;border-top-color:#568d99}.light .step-panel{background:#ffffff6b;border-color:#9bb8bd55;backdrop-filter:none}.light .step-number{color:#5b8b9620}.light .step-copy .eyebrow{color:#487582}.light .step-output .micro{color:#477b87}.light .step-output p{color:#244955}.light .system-map>.micro{color:#467888}.light .cycle-list span{color:#4b7d87}.light .text-link{border-color:#78979e}.light .document-icon,.light .document-icon:before,.light .document-icon:after{border-color:#638b94}.light .document-icon:after{background:var(--tone)}
.tone-bridge{height:clamp(125px,15vw,210px);pointer-events:none}.to-ivory{background:linear-gradient(180deg,#081c29 0%,#28424d 23%,#6f858b 48%,#c4cfcd 74%,#edf1ed 100%)}.to-navy{background:linear-gradient(180deg,#edf1ed 0%,#c4cfcd 26%,#6f858b 52%,#28424d 77%,#081c29 100%)}
@media(prefers-reduced-motion:no-preference){.motion .sculpture-reveal.reveal{opacity:0;transform:translate3d(35px,22px,0) rotate(1.5deg);transition:opacity 1100ms var(--ease),transform 1450ms var(--ease)}.motion .image-left .sculpture-reveal.reveal{transform:translate3d(-35px,22px,0) rotate(-1.5deg)}.motion .sculpture-reveal.reveal.is-visible,.motion .image-left .sculpture-reveal.reveal.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@media(hover:hover) and (pointer:fine){.light .step-tabs button:hover{background:#d8e9e7;color:#143d49}}
@media(max-width:1100px){.chapter-content{column-gap:4vw;row-gap:35px;padding-top:75px;padding-bottom:85px}.chapter .phase-grid{grid-template-columns:1fr;gap:0}.chapter .phase-grid>div{display:grid;grid-template-columns:1fr 1.2fr;gap:8px 18px;padding:18px 0}.chapter .phase-grid .micro{grid-column:1/-1}.chapter .phase-grid h3{font-size:19px;margin:3px 0}.sculpture-figure{top:16vh}.sculpture-figure img{max-height:65vh}.chapter .intro-grid :is(h1,h2){font-size:clamp(35px,4.5vw,55px)}.chapter .step-panel{padding:30px 25px}.chapter .step-copy h3{font-size:29px}.chapter .contact-inner h2{font-size:clamp(50px,5.7vw,80px)}}
@media(max-width:760px){.chapter{--muted:#b3c5ce}.chapter.light{--muted:#5f7780}.chapter-content{display:flex;flex-direction:column;gap:0;padding:65px 24px 75px;min-height:0}.chapter .section-meta{order:0;width:100%;margin-bottom:20px}.sculpture-figure,.image-left .sculpture-figure{position:relative;top:auto;order:1;width:100%;max-width:410px;padding:0;margin:0 auto 35px}.sculpture-figure img{height:auto;max-height:49svh;max-height:49dvh;min-height:240px;object-fit:contain}.sculpture-figure figcaption{margin-top:10px;font-size:7px}.chapter-copy,.image-left .chapter-copy{order:2;width:100%}.chapter .intro-grid :is(h1,h2){font-size:clamp(34px,9.4vw,58px)}.chapter .contact-inner h2{font-size:58px}.chapter .phase-grid{margin-top:25px}.chapter .explorer-top{padding:18px 0}.chapter .step-tabs{gap:0 12px}.chapter .step-tabs button{font-size:10px;min-height:56px}.chapter .step-panel{padding:32px 24px;min-height:325px}.chapter .step-copy h3{font-size:30px}.chapter .step-copy>p{font-size:13px}.chapter .cycle-list{gap:25px}.tone-bridge{height:120px}.hero-scene>img{mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%)}.scene-shade{background:linear-gradient(0deg,#081c29 0%,#081c29e6 24%,#081c2944 54%,transparent 75%),linear-gradient(180deg,#081c29 0%,transparent 24%)}}
@media(max-width:365px){.chapter-content{padding-left:20px;padding-right:20px}.sculpture-figure img{min-height:220px}.chapter .step-tabs button{font-size:9px}.chapter .contact-inner h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.sculpture-reveal,.sculpture-float{opacity:1!important;transform:none!important}.sculpture-float{will-change:auto}}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){.motion .sculpture-reveal.reveal,.motion .image-left .sculpture-reveal.reveal{transform:translate3d(0,20px,0)}.motion .sculpture-reveal.reveal.is-visible,.motion .image-left .sculpture-reveal.reveal.is-visible{transform:translate3d(0,0,0)}}
/* Contain the brief lateral entry during viewport changes without creating a scroll container. */
.chapter{overflow-x:clip}
/* V4: continuous reading, persistent navigation and a visual contact form. */
:root{--header-height:96px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.site-header{position:sticky;inset:0 auto auto;height:var(--header-height);margin-bottom:calc(-1 * var(--header-height));padding:18px var(--gutter);align-items:center;background:#081c29f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #92adba26;box-shadow:0 8px 35px #03131d22;z-index:50}
.site-header nav{padding-top:9px;color:#bacbd4}
.chapter-content{padding-top:65px;row-gap:32px}
.sculpture-figure{top:calc(var(--header-height) + 24px)}
.sculpture-figure img{max-height:calc(100dvh - var(--header-height) - 155px)}
.service-story{border-top:1px solid var(--line);padding:35px 0 48px}
.service-story:last-child{padding-bottom:10px}
.story-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:22px}
.story-heading .item-number{color:var(--gold)}
.story-heading h3{font-size:clamp(23px,2vw,30px);letter-spacing:-.035em}
.service-story>p{font-size:14px;color:var(--muted);line-height:1.85}
.service-story>.service-lead{font-size:19px;line-height:1.6;color:#e0e9ed}
.service-story .service-delivers{margin:28px 0 23px}
.service-story .service-delivers li{font-size:13px;margin:9px 0}
.service-story .text-link{font-size:12px;max-width:100%}
.method-stream{list-style:none;padding:0;margin:50px 0 0}
.method-story{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:38px 0 48px;border-top:1px solid var(--line)}
.stage-number{font-size:32px;line-height:1.1;font-weight:300;letter-spacing:-.05em;color:#688f95}
.method-story .eyebrow{font-size:9px;color:#52717a}
.method-story h3{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:16px 0 22px}
.method-story p{font-size:14px;line-height:1.85;color:var(--muted)}
.faq-story{padding:32px 0 38px;border-top:1px solid var(--line)}
.faq-story h3{font-size:22px;letter-spacing:-.025em;margin-bottom:18px}
.faq-story p{font-size:14px;line-height:1.85;color:var(--muted)}
.framework-note>.micro{display:block;color:var(--gold);margin-bottom:20px}.framework-note .text-link{margin-top:24px}
.contact-form-panel{margin:40px 0 35px;padding:30px;border:1px solid #8bb5c540;background:linear-gradient(145deg,#133342c9,#0b2431aa);border-radius:3px}
.contact-form-panel>.micro{display:block;font-size:8px;color:#94b8c3}
.contact-form-panel h3{font-size:27px;letter-spacing:-.035em;line-height:1.3;margin:14px 0 28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-bottom:24px}
#contact-form label{display:block;font-size:12px;line-height:1.6;color:#d9e6eb}
#contact-form label>span{font-size:10px;color:#9db4bf}
#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;min-width:0;margin-top:9px;border:1px solid #7399aa70;border-radius:2px;background:#081c29a6;color:#eef4f6;font:400 14px/1.6 Manrope,sans-serif;padding:12px 13px;transition:border-color 180ms ease,background 180ms ease;outline-offset:3px}
#contact-form input,#contact-form select{min-height:48px}#contact-form textarea{resize:vertical;min-height:130px}
#contact-form select{color-scheme:dark;padding-right:25px}
#contact-form input:focus-visible,#contact-form select:focus-visible,#contact-form textarea:focus-visible{outline:2px solid var(--cyan);border-color:var(--cyan);background:#102d3b}
.form-actions{margin-top:26px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.form-actions .button{font-size:13px;min-height:48px;padding:13px 23px}
.form-actions .button:disabled{cursor:not-allowed;background:#78a9b4;color:#0b2935;opacity:.75;transform:none}
.form-actions>p{font-size:11px;color:#a8c1cb;line-height:1.6;margin:0}
.chapter .contact-details{margin-top:25px;gap:14px}.chapter .contact-details>a{overflow-wrap:anywhere}
@media(max-width:1100px){.chapter-content{padding-top:60px}.sculpture-figure{top:calc(var(--header-height) + 24px)}.sculpture-figure img{max-height:calc(100dvh - var(--header-height) - 155px)}.contact-form-panel{padding:24px}.form-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){:root{--header-height:80px}.site-header{padding:14px 24px;align-items:center}.site-header nav{top:100%;padding:24px;background:#081c29fa;border-top:1px solid var(--line);box-shadow:0 22px 30px #03131d55}.chapter-content{padding-top:60px}.sculpture-figure,.image-left .sculpture-figure{top:auto}.sculpture-figure img{max-height:49dvh}.service-story{padding:30px 0 40px}.story-heading{gap:15px}.story-heading h3{font-size:25px}.method-story{grid-template-columns:35px 1fr;gap:17px;padding:32px 0 40px}.stage-number{font-size:26px}.method-story h3{font-size:28px}.faq-story h3{font-size:21px}.contact-form-panel{padding:24px 20px;margin-top:30px}.contact-form-panel h3{font-size:25px}.chapter .contact-inner h2{font-size:clamp(42px,12vw,58px)}}
@media(max-height:540px){:root{--header-height:76px}.site-header{padding-top:10px;padding-bottom:10px}}
@media(max-height:380px){:root{--header-height:64px}.site-header{padding-top:8px;padding-bottom:8px}.site-header .brand-type{font-size:23px}.site-header .brand-type small{font-size:6px;margin-top:5px}}
#formulario{scroll-margin-top:24px}
/* V5 mobile: one reading column, compact art and consistent safe gutters. */
@media(max-width:760px){
 :root{--gutter:clamp(20px,5.6vw,32px)}
 .site-header{padding-inline:var(--gutter);gap:16px}
 .site-header .brand{min-width:0}
 .menu-toggle{min-height:44px;min-width:66px;justify-content:flex-end}
 .site-header nav.is-open{top:100%;padding:14px var(--gutter) 20px;max-height:calc(100dvh - var(--header-height));overflow-y:auto}
 .hero{padding-inline:var(--gutter)}
 .hero-copy{min-width:0}
 .hero .button{max-width:100%;gap:16px}
 .chapter-content{padding:44px var(--gutter) 56px;gap:0}
 .chapter .section-meta{margin:0 0 18px;padding-bottom:16px;min-width:0}
 .section-meta .eyebrow{line-height:1.8;letter-spacing:.12em}
 .sculpture-figure,.image-left .sculpture-figure{padding-top:0;margin:0 auto 26px;max-width:360px}
 .sculpture-figure img{height:clamp(190px,58vw,280px);min-height:0;max-height:32svh;object-fit:contain}
 .sculpture-figure figcaption{margin-top:12px;font-size:8px;letter-spacing:.17em}
 .chapter-copy,.chapter .intro-grid,.chapter .system-grid,.chapter .services-grid,.chapter .faq-grid,.contact-inner{width:100%;min-width:0}
 .chapter :is(h1,h2),.chapter .intro-grid :is(h1,h2),.chapter .contact-inner h2,.chapter .faq-intro h2{font-size:clamp(32px,8.8vw,50px);line-height:1.13;letter-spacing:-.045em}
 .chapter :is(h1,h2) .line{overflow:visible;padding-bottom:.12em;margin-bottom:-.12em}
 .chapter .section-heading>p,.chapter .intro-copy>p:not(.large-copy),.chapter .system-copy>p,.chapter .evidence-copy>p,.chapter .faq-intro>p{font-size:15px;line-height:1.8;max-width:100%}
 .chapter .intro-copy .large-copy,.chapter .system-copy .large-copy{font-size:21px;line-height:1.6}
 .chapter .section-heading{margin-bottom:30px}
 .story-heading{display:block;margin-bottom:18px}
 .story-heading .item-number{display:block;margin-bottom:9px;font-size:11px}
 .story-heading h3{font-size:clamp(23px,6vw,28px);line-height:1.3}
 .service-story>p{font-size:15px;line-height:1.8}
 .service-story>.service-lead{font-size:18px;line-height:1.6}
 .service-story .service-delivers li{font-size:14px;line-height:1.7}
 .chapter .text-link{font-size:13px;gap:16px;max-width:100%;line-height:1.6}
 .chapter .text-link svg{width:22px}
 .chapter .phase-grid>div{display:block;padding:22px 0}
 .chapter .phase-grid h3{font-size:22px;margin:12px 0 10px}
 .chapter .phase-grid p{font-size:14px;line-height:1.8}
 .method-stream{margin-top:32px}
 .method-story{grid-template-columns:minmax(0,1fr);gap:14px;padding:30px 0 38px}
 .method-story>div{min-width:0}
 .stage-number{font-size:26px}
 .method-story h3{font-size:27px;margin:14px 0 18px}
 .method-story p{font-size:15px;line-height:1.8}
 .chapter .cycle-list{gap:22px}
 .chapter .cycle-list p{font-size:14px;line-height:1.75}
 .chapter .evidence-list>div{gap:14px}
 .chapter .evidence-list h3{font-size:19px;line-height:1.4}
 .chapter .evidence-list p,.faq-story p{font-size:15px;line-height:1.8}
 .faq-story h3{font-size:22px;line-height:1.4}
 .contact-inner>p{font-size:16px;line-height:1.8;max-width:100%}
 .contact-form-panel{padding:24px 18px;margin-top:28px;width:100%;min-width:0}
 .contact-form-panel h3{font-size:25px;line-height:1.35}
 #contact-form label{font-size:13px}
 #contact-form input,#contact-form select,#contact-form textarea{font-size:16px}
 #contact-form .form-grid{grid-template-columns:minmax(0,1fr)}
 .contact .form-actions .button{margin-top:0;max-width:100%}
 .form-actions>p{font-size:12px}
 .chapter .contact-details>a{font-size:15px}
 .chapter .contact-details>p{font-size:13px;line-height:1.8}
 .site-footer{padding-inline:var(--gutter)}
 .footer-top{flex-wrap:wrap;gap:24px}
 .footer-bottom,.footer-bottom button,.footer-bottom a,.back-top{font-size:11px}
 .footer-bottom>div{gap:16px 22px}
}
@media(max-width:480px){.chapter .cycle-list{grid-template-columns:minmax(0,1fr)}.chapter .cycle-list h4{font-size:18px}}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){
 .motion .chapter :is(h1,h2).reveal{opacity:0;transform:translateY(12px);transition:opacity 700ms var(--ease),transform 900ms var(--ease)}
 .motion .chapter :is(h1,h2).reveal.is-visible{opacity:1;transform:translateY(0)}
 .motion .chapter :is(h1,h2).reveal .line>span{transform:none;transition:none}
}
/* V6 hero: independent art, full framing and an atmospheric navy backdrop. */
.hero{--hero-bottom-space:80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:3vw;align-items:center;padding:calc(var(--header-height) + 28px) var(--gutter) var(--hero-bottom-space);background:#081c29;isolation:isolate}
.hero-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 77% 42%,#25576966 0%,#1437452b 37%,transparent 67%),radial-gradient(ellipse at 18% 20%,#29424c3d,transparent 55%),linear-gradient(118deg,#081a27 0%,#0c2330 53%,#091d2a 100%)}
.hero-atmosphere:before{content:'';position:absolute;inset:0;background:url('assets/cristal/hero-grain.svg') repeat;opacity:.12;mix-blend-mode:soft-light}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#081c29 100%)}
.hero-copy{grid-column:1;grid-row:1;align-self:center;width:100%;max-width:none;min-width:0;z-index:2}
.hero :is(h1,h2){font-size:clamp(38px,min(5.4vw,9.5dvh),94px);line-height:1.08}
.hero-description{font-size:clamp(16px,min(1.5vw,2.9dvh),24px);line-height:1.6;max-width:480px}
.hero .button{min-width:0;max-width:100%;font-size:clamp(13px,1.15vw,16px);gap:24px}
.hero-object{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;align-self:stretch;z-index:1;display:flex;align-items:center;justify-content:center}
.hero-object img{position:static;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 28px #0003)}
@media(prefers-reduced-motion:no-preference){.motion .hero-object.reveal{opacity:0;transform:translate3d(24px,16px,0) scale(.97);transition:opacity 1100ms var(--ease),transform 1500ms var(--ease);transition-delay:120ms}.motion .hero-object.reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:1100px) and (min-width:761px){.hero{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.hero :is(h1,h2){font-size:clamp(36px,min(5.1vw,9dvh),65px)}.hero-description br{display:none}.hero .button{font-size:13px;padding-inline:22px;gap:18px}}
@media(max-width:760px){
 .hero{--hero-bottom-space:64px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;padding-top:calc(var(--header-height) + 18px)}
 .hero-object{order:0;align-self:center;flex:1 1 auto;max-height:min(37dvh,340px);width:min(100%,480px);min-height:0}
 .hero-copy{order:1;flex:0 0 auto;max-width:520px;align-self:center;width:100%}
 .hero :is(h1,h2){font-size:clamp(30px,min(10.8vw,7.1dvh),58px);line-height:1.08}
 .hero-description{font-size:clamp(14px,min(4.2vw,2.5dvh),18px);margin-top:18px;max-width:100%;line-height:1.6}
 .hero .button{font-size:13px;margin-top:22px;min-height:50px;padding:14px 22px;gap:18px}
 .hero-bottom{bottom:24px}
 .hero-atmosphere{background:radial-gradient(ellipse at 65% 30%,#24576877,transparent 58%),radial-gradient(ellipse at 5% 54%,#233e4b44,transparent 60%),linear-gradient(150deg,#0b2330,#081c29)}
}
@media(max-height:540px){.hero{--hero-bottom-space:62px;padding-top:calc(var(--header-height) + 16px)}.hero :is(h1,h2){font-size:clamp(30px,min(5.1vw,9dvh),52px)}.hero-description{font-size:14px;line-height:1.5;margin-top:12px}.hero .button{min-height:44px;margin-top:16px;padding-top:12px;padding-bottom:12px}}
@media(max-width:760px) and (orientation:landscape){.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.hero-object{grid-column:2;grid-row:1;max-height:none;height:100%;width:100%;align-self:stretch}.hero-copy{grid-column:1;grid-row:1}.hero :is(h1,h2){font-size:clamp(25px,min(5vw,9dvh),42px)}.hero-description{font-size:13px}.hero .button{font-size:12px;padding-inline:18px;gap:14px}.hero-bottom p{gap:10px}}
@media(max-height:380px){.hero{--hero-bottom-space:44px;padding-top:calc(var(--header-height) + 12px)}.hero :is(h1,h2){font-size:clamp(24px,min(4.6vw,8dvh),36px)}.hero-description{font-size:13px;line-height:1.4;margin-top:8px}.hero .button{font-size:12px;min-height:38px;margin-top:12px;padding-top:10px;padding-bottom:10px}.hero-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-object{animation:none!important;transform:none!important;opacity:1!important}}
/* V7: compact header and a precisely aligned two-line wordmark. */
:root{--header-height:72px}
.site-header{padding-block:10px}
.brand{align-items:stretch;gap:14px}
.brand-type{display:inline-grid;grid-template-columns:max-content;row-gap:3px;line-height:1;letter-spacing:0}
.brand-name{display:block;white-space:nowrap;letter-spacing:.26em;margin-inline-end:-.26em}
.brand-type small,.site-header .brand-type small,.footer-top .brand-type small{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;padding:0;margin:0;font-size:7px;font-weight:400;line-height:1.2;letter-spacing:.015em;text-align:center;white-space:nowrap}
.brand-type small b,.site-header .brand-type small b,.footer-top .brand-type small b{font-size:10px;line-height:1;font-weight:400}
.brand-mark,.footer-top .brand-mark{align-self:stretch;width:29px;height:auto;min-height:0;margin:2px 0 0}
.site-header nav{padding-top:0;align-items:center}
.site-header nav a{padding-block:10px}
.footer-top .brand-mark{width:23px}
.footer-top .brand-type small{font-size:5.6px}
@media(max-width:1100px){.site-header .brand-type small{font-size:6px}.site-header .brand-mark{width:25px}}
@media(max-width:760px){:root{--header-height:64px}.site-header{padding-block:8px}.site-header .brand{gap:12px}.site-header .brand-type small{font-size:5.8px}.site-header .brand-mark{width:24px}.site-header nav a{padding-block:13px}.footer-top .brand-type small{font-size:5.2px}}
@media(max-width:365px){.site-header .brand-type small{font-size:5.2px}.site-header .brand-mark{width:22px}}
@media(max-height:540px){:root{--header-height:64px}.site-header{padding-block:8px}.site-header .brand-type small{font-size:5.8px}.site-header .brand-mark{width:24px}}
@media(max-height:380px){:root{--header-height:60px}.site-header{padding-block:7px}.site-header .brand-type small{font-size:5.8px;margin:0}.site-header .brand-mark{width:24px}}
/* V8: a continuous slogan, sized in proportion to the CARSIPD wordmark. */
.brand-type small,.site-header .brand-type small,.footer-top .brand-type small{font-size:.347em;justify-content:center;gap:.3em}
.brand-type small b,.site-header .brand-type small b,.footer-top .brand-type small b{font-size:1em}
/* V9: the selected 05A symbol follows the height of the existing wordmark. */
.brand{--symbol-name-size:29px}
.footer-top .brand{--symbol-name-size:22px}
.brand .brand-mark{width:calc(var(--symbol-name-size)*1.4164 + 1px);height:auto;align-self:stretch;margin:2px 0 0;clip-path:none;background:url('assets/cristal/icono-05a.svg') center/contain no-repeat}
@media(max-width:1100px){.site-header .brand{--symbol-name-size:24px}}
@media(max-width:760px){.site-header .brand{--symbol-name-size:23px}.footer-top .brand{--symbol-name-size:20px}}
@media(max-height:540px){.site-header .brand{--symbol-name-size:23px}}
@media(max-width:365px){.site-header .brand{--symbol-name-size:20px}.footer-top .brand{--symbol-name-size:18px}}
@media(max-height:380px){.site-header .brand{--symbol-name-size:23px}}

/* V11: people first, with the previous hero retained as the second section. */
.intro-opening h1{font-weight:300;line-height:1.08;letter-spacing:-.055em}
.intro-opening .chapter-content{padding-top:calc(var(--header-height) + 34px);min-height:100svh;min-height:100dvh}
.section-anchor{position:absolute;top:0;left:0}
@media(prefers-reduced-motion:no-preference){
 .motion .hero .hero-copy.reveal h2 .line>span{animation:none}
 .motion .hero .hero-copy.reveal .hero-description,.motion .hero .hero-copy.reveal .button{animation:none}
}
@media(max-width:760px){
 .intro-opening .chapter-content{padding-top:calc(var(--header-height) + 22px)}
 .intro-opening .sculpture-figure{margin-bottom:22px}
}

/* The opening is unnumbered; the editorial sequence begins in the next section. */
.intro-opening .chapter-copy,.intro-opening .sculpture-figure{grid-row:1}
.hero>.section-meta{position:absolute;top:32px;left:var(--gutter);right:var(--gutter);margin:0;z-index:2}
@media(max-width:760px){.hero>.section-meta{top:24px;padding-bottom:16px}}
@media(max-height:380px){.hero>.section-meta{top:12px;padding-bottom:10px}}

/* The purpose chapter explains the connection between people and services. */
.care-story .intro-copy>p+p{margin-top:22px}
.care-story .sculpture-figure{align-self:center}
@media(min-width:761px){.care-story h2{font-size:clamp(38px,4.65vw,75px)}}