@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-0.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-1.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Karla;src:url('/assets/fonts/karla-0.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Karla;src:url('/assets/fonts/karla-2.woff2') format('woff2');font-weight:700;font-display:swap} :root{--bg:#1E1815;--panel:#2A2320;--ink:#FCFBF8;--muted:#E6E1D9;--copper:#A39E97;--light:#A39E97;--line:#3A3835;--heading:Outfit,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Karla,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--light);outline-offset:6px}main:focus{outline:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(40px,4.6vw,66px)}h3{font-size:30px}h1 em,h2 em{font-style:normal;color:var(--light)}h2 span{color:#A39E97}p{color:var(--muted)}.skip{position:fixed;z-index:30;top:10px;left:10px;padding:12px 20px;background:var(--ink);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}.header{position:relative;z-index:10;max-width:1600px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:32px;height:100px;border-bottom:1px solid #A39E9720}.brand{padding:8px 0}.brand img,.footer img{display:block;width:140px;height:auto}.header nav{display:flex;gap:30px;font-size:14px;color:#E6E1D9}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--light);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.header nav a:hover:after,.header nav a[aria-current]:after{transform:scaleX(1);transform-origin:left}.login{font-size:14px;display:flex;align-items:center;gap:25px;padding:10px 22px;border:1px solid #6B6762;border-radius:2px;transition:background .3s,color .3s}.login:hover{background:var(--light);color:var(--bg)}.section{width:min(1280px,90%);margin:0 auto;padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:10px;line-height:1.7;color:var(--light);margin-bottom:30px}.tiny-line{display:inline-block;width:30px;height:1px;background:var(--copper);margin-right:15px;vertical-align:middle}.hero{position:relative;isolation:isolate;max-width:1600px;margin:auto;overflow:hidden;min-height:770px}.hero-inner{width:90%;max-width:1280px;margin:0 auto;position:relative;min-height:625px;display:flex;align-items:center}.hero-copy{z-index:2;position:relative;padding:56px 0 32px;max-width:700px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(74px,7.1vw,108px);line-height:1.03;letter-spacing:-.055em;margin-bottom:34px}.hero-copy h1 em{font-style:normal;white-space:nowrap;color:var(--light)}.hero-copy .lead{font-size:18px;line-height:1.65;color:#E6E1D9;max-width:440px}.hero-copy .eyebrow{margin-bottom:37px}.actions{display:flex;gap:30px;align-items:center;margin-top:35px}.button{display:inline-flex;gap:42px;align-items:center;justify-content:space-between;padding:8px 8px 8px 23px;min-height:54px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:2px;transition:background .35s,color .35s,transform .35s var(--ease);position:relative}.primary{background:var(--light);color:var(--bg)}.primary:hover{background:#E6E1D9;transform:translateY(-2px)}.button-arrow{display:grid;place-items:center;width:37px;height:37px;background:#1E181512;font-size:18px;transition:transform .4s var(--ease)}.button:hover .button-arrow{transform:rotate(-6deg)}.text-link{display:inline-flex;gap:22px;align-items:center;padding:9px 0;font-size:14px;position:relative}.text-link:after{content:'';height:1px;background:#A39E9766;position:absolute;left:0;right:0;bottom:2px;transition:background .25s}.text-link:hover:after{background:var(--light)}.text-link>span,.circle-link>span{transition:transform .4s var(--ease)}.text-link:hover>span,.circle-link:hover>span{transform:translate(3px,-3px)}.landscape{position:absolute;width:910px;height:720px;right:-145px;top:0;perspective:1200px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 1s var(--ease);z-index:1}.terrain-relief{width:100%;height:100%;object-fit:contain;animation:terrain-breathe 14s ease-in-out infinite;opacity:.9}.landscape-orbit{position:absolute;inset:70px 45px 100px 55px;border:1px solid #A39E9720;border-radius:50%;transform:rotate(-22deg) scaleY(.6)}.terrain-cross{position:absolute;color:#A39E97;font-size:24px;font-weight:400}.cross-one{top:142px;right:138px}.cross-two{bottom:134px;left:220px}.terrain-tag{position:absolute;right:142px;bottom:123px;font-size:10px;letter-spacing:.02em;color:#E6E1D9}.terrain-tag small{display:block;color:#A39E97;font-size:9px;margin-top:8px;margin-left:14px}.tag-dot{display:inline-block;width:5px;height:5px;background:var(--light);border-radius:100%;margin-right:9px}.hero-bottom{width:min(1280px,90%);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-top:1px solid var(--line);padding:30px 0}.hero-bottom p{font-size:14px;line-height:1.4;margin:0;color:var(--ink)}.hero-bottom p span{color:#A39E97}.hero-audience{font-size:11px;line-height:1.6;color:#E6E1D9;margin-left:auto;margin-right:60px}.down-link{width:43px;height:43px;border:1px solid #4A3D36;display:grid;place-items:center;border-radius:50%;transition:background .3s,transform .3s}.down-link:hover{background:#3A3835;transform:translateY(3px)}.hero-grain{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#4A3D3618,transparent 60%);pointer-events:none}.intro-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.intro-top .eyebrow{margin-bottom:0}.motion-control{border:0;border-bottom:1px solid #4A3D36;color:var(--muted);padding:6px 0;background:transparent;font-size:11px}.motion-control:hover{color:var(--ink)}.editorial-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px}.editorial-heading h2{margin-bottom:0;font-size:58px;flex-shrink:0}.editorial-heading p{max-width:350px;font-size:16px;margin-bottom:5px}.module-words{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:57px;font-family:var(--heading);font-size:18px;color:#A39E97}.module-words i{width:5px;height:5px;border:1px solid #A39E97;transform:rotate(45deg)}.introduction{padding-top:98px;padding-bottom:56px}.explorer{padding-top:0;padding-bottom:100px}.chapter-list{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:30px}.chapter{border:0;color:#A39E97;background:transparent;display:flex;gap:12px;align-items:center;padding:20px 15px 25px 0;text-align:left;font-size:14px;position:relative}.chapter-number{font-size:10px;color:#A39E97}.chapter-arrow{margin-left:auto;opacity:0;transform:translate(-5px,5px);transition:all .35s var(--ease)}.chapter:after{content:'';position:absolute;height:2px;left:0;bottom:-1px;right:30px;transform:scaleX(0);transform-origin:left;background:var(--light);transition:transform .45s var(--ease)}.chapter[aria-pressed=true]{color:var(--ink)}.chapter[aria-pressed=true]:after{transform:scaleX(1)}.chapter:hover .chapter-arrow,.chapter[aria-pressed=true] .chapter-arrow{transform:none;opacity:1}.chapter:hover{color:var(--ink)}.atlas{border:1px solid #4A3D36;background:#1E1815;position:relative;overflow:hidden}.atlas-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid #4A3D36;background:#2A2320}.atlas-brand{font:600 18px var(--heading);display:flex;align-items:center}.atlas-brand>span:first-child{color:var(--light)}.atlas-brand i{font-style:normal;color:#6B6762;font-size:16px;margin:0 22px}.atlas-section{font:12px Karla;color:#E6E1D9}.illustration-label{font-size:10px;color:#A39E97}.atlas-visual{height:470px;position:relative;overflow:hidden}.atlas-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transition:opacity .45s var(--ease),transform .65s var(--ease),visibility .45s;pointer-events:none}.atlas[data-mode=mapa] .scene-mapa,.atlas[data-mode=radar] .scene-radar,.atlas[data-mode=estudos] .scene-estudos,.atlas[data-mode=ferramentas] .scene-ferramentas{opacity:1;visibility:visible;transform:none}.scene-mapa>svg{width:100%;height:100%;object-fit:cover}.map-polygons{animation:map-shimmer 7s ease-in-out infinite}.survey-lines{animation:survey 12s linear infinite}.layer-stack{position:absolute;top:26px;left:26px;display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#2A2320ee;border:1px solid #4A3D36;font-size:11px;color:#E6E1D9}.layer-stack i{display:inline-block;width:6px;height:6px;margin-right:10px;border:1px solid}.copper-dot{background:#A39E97}.olive-dot{background:#A39E97}.sand-dot{background:#E6E1D9}.compass{position:absolute;right:29px;bottom:28px;color:#E6E1D9;font-size:14px;text-align:center;line-height:1.4}.ping{animation:ping 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.atlas-caption{display:flex;align-items:center;gap:35px;padding:27px 32px;background:#2A2320;border-top:1px solid #4A3D36;min-height:132px}.atlas-index{font:400 45px var(--heading);color:#6B6762;min-width:58px}.atlas-caption h3{font-size:29px;margin-bottom:8px}.atlas-caption p{font-size:14px;max-width:750px;margin:0}.circle-link{border:1px solid #6B6762;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;font-size:21px;transition:background .3s,color .3s}.circle-link:hover{background:var(--light);color:var(--bg)}.atlas-caption .circle-link{margin-left:auto}.explorer-note{font-size:11px;max-width:850px;margin:20px 0 0;color:#A39E97}.scene-radar{display:flex;align-items:center;justify-content:center;gap:90px;background:radial-gradient(ellipse at 37% 50%,#4A3D3626,transparent 65%)}.radar-visual{width:320px;height:320px;border:1px solid #A39E9777;border-radius:50%;position:relative;overflow:hidden}.radar-grid{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 52px,#6B676240 53px,transparent 54px)}.radar-grid:before,.radar-grid:after{content:'';position:absolute;left:50%;width:1px;top:0;height:100%;background:#6B676240}.radar-grid:after{transform:rotate(90deg)}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 65%,#A39E9725 99%,#A39E9788);animation:rotate 16s linear infinite}.radar-center{position:absolute;inset:140px;border:1px solid var(--copper);color:var(--light);border-radius:4px;display:grid;place-items:center;font:400 24px Outfit}.radar-dot{position:absolute;width:5px;height:5px;background:#E6E1D9;border-radius:50%;box-shadow:0 0 0 7px #A39E9710}.r1{left:60px;top:115px}.r2{right:64px;top:82px}.r3{left:124px;bottom:40px}.radar-caption{display:flex;flex-direction:column;gap:16px;max-width:275px}.radar-caption .eyebrow{margin:0}.radar-caption strong{font:400 37px/1.15 Outfit;letter-spacing:-.04em}.radar-caption>span:last-child{font-size:13px;color:#A39E97}.scene-estudos{display:flex;justify-content:center;align-items:center;gap:90px;background:radial-gradient(ellipse at 45% 70%,#4A3D3630,transparent 65%)}.document-sheet{position:relative;width:278px;background:#E6E1D9;color:#3A3835;padding:28px 29px 22px;transform:rotate(-5deg);box-shadow:15px 17px 0 #A39E9733;border-top:4px solid #6B6762;animation:document-float 9s ease-in-out infinite}.doc-label{font-size:10px;letter-spacing:.06em}.document-sheet strong{display:block;font:400 29px/1.1 Outfit;letter-spacing:-.03em;margin:20px 0}.doc-rule,.doc-line{display:block;height:1px;background:#A39E97;margin-bottom:10px}.doc-line{height:3px;background:#A39E9777}.doc-line.short{width:72%}.doc-chart{display:flex;height:58px;align-items:end;gap:7px;border-bottom:1px solid #A39E97;padding-top:10px;margin-bottom:13px}.doc-chart i{width:17px;height:75%;background:#6B676260}.doc-chart i:nth-child(2n){height:100%}.doc-chart i:nth-child(3n){height:46%}.doc-stamp{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#4A3D36}.document-side{font:400 25px/1.6 Outfit;color:#A39E97}.tool-sheet{position:absolute;left:15%;right:15%;top:70px}.tool-sheet .eyebrow{margin-bottom:20px}.tool-sheet>div{display:flex;align-items:center;gap:30px;border-top:1px solid #4A3D36;padding:25px 0;color:#A39E97;font-size:12px}.tool-sheet strong{font:400 23px Outfit;color:var(--ink)}.tool-sheet>div>span:last-child{margin-left:auto;color:var(--light);font-size:20px}.tool-sheet>p{font-size:12px;text-align:right}.jade-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:110px 0 125px;border-top:1px solid var(--line);align-items:center}.jade-heading h2{font-size:56px;line-height:1.1}.jade-heading>p:not(.eyebrow){max-width:360px;font-size:16px}.jade-stage{position:relative;padding-top:168px}.jade-orbits{position:absolute;top:0;left:50%;width:280px;height:240px;transform:translateX(-50%)}.jade-orbits i{position:absolute;inset:20px;border:1px solid #6B67624f;border-radius:50%;transform:rotateX(55deg) rotate(-28deg);animation:orbit 15s linear infinite}.jade-orbits i:nth-child(2){inset:35px;border-color:#A39E9790;animation-direction:reverse;animation-duration:18s}.jade-orbits i:nth-child(3){inset:0;border-color:#6B67622d;animation-duration:25s}.jade-core{position:absolute;inset:90px 110px 90px 110px;display:grid;place-items:center;font:400 35px Outfit;color:var(--light);border:1px solid #A39E97;border-radius:50%;background:#2A2320}.jade-message{position:relative;background:linear-gradient(130deg,#2A2320,#1E1815);border:1px solid #4A3D36;padding:36px 40px 25px}.jade-message .eyebrow{font-size:9px;margin-bottom:15px}.jade-message h3{font-size:30px}.jade-message p{font-size:15px}.jade-footnote{font-size:9px;color:#A39E97}.film-section{background:#2A2320;border-top:1px solid #3A3835;border-bottom:1px solid #3A3835}.film-inner{padding:33px 0 0}.film-top{display:flex;justify-content:space-between;align-items:baseline}.film-marker{font-size:11px;color:#A39E97}.film-poster{position:relative;min-height:610px;overflow:hidden}.film-contours{position:absolute;inset:-160px -160px -200px 120px;opacity:.4;transform:rotate(-10deg)}.film-contours svg{width:100%;height:100%}.film-title{position:relative;z-index:1;text-align:center;padding:105px 0 80px}.film-play{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 28px;border:1px solid #A39E97;border-radius:50%;font-size:27px;color:var(--light)}.film-title h2{font-size:76px;line-height:1.05;margin-bottom:24px}.film-title p{font-size:13px}.film-bottom{display:flex;justify-content:space-between;position:absolute;left:0;right:0;bottom:30px;font-size:10px;color:#A39E97}.film-inner video{width:100%;aspect-ratio:2/1}.journal{display:flex;align-items:center;gap:95px;border-bottom:1px solid var(--line);padding:105px 0}.journal-number{font:400 120px/1 Outfit;color:#A39E97;letter-spacing:-.07em}.journal-copy{max-width:600px}.journal-copy h2{font-size:52px;margin-bottom:25px}.journal-copy>p:last-child{max-width:455px;font-size:16px;margin:0}.journal-link{margin-left:auto;width:74px;height:74px;font-size:28px}.responsibility{padding:85px 0 100px}.responsibility-body{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.responsibility h2{font-size:44px;line-height:1.16;margin:0}.responsibility-body>p{margin:0;font-size:15px;max-width:360px}.cta{position:relative;overflow:hidden;background:#2A2320;border-top:1px solid #4A3D36}.cta-inner{padding:75px 0 115px;position:relative}.cta-heading{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.cta-heading h2{font-size:clamp(90px,10vw,145px);line-height:.94;letter-spacing:-.065em;margin:0}.cta-heading p{font-size:17px;line-height:1.5;margin-bottom:30px}.cta-heading>div{margin-right:85px}.cta-strata{position:absolute;bottom:-165px;left:-10%;right:-10%;height:280px;transform:rotate(-7deg);pointer-events:none}.cta-strata span{position:absolute;inset:0;border:1px solid #6B676266;border-radius:50%}.cta-strata span:nth-child(2){inset:13px}.cta-strata span:nth-child(3){inset:26px}.cta-strata span:nth-child(4){inset:39px}.cta-strata span:nth-child(5){inset:52px}.footer{max-width:1600px;margin:auto;padding:60px 5% 30px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:45px}.footer-top p{font-size:15px;line-height:1.4;margin:0}.footer-top>a:last-child{font-size:13px;padding-bottom:8px;border-bottom:1px solid #6B6762}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#A39E97;border-top:1px solid var(--line);padding-top:25px}.footer-bottom div{display:flex;gap:25px}.footer a:hover{color:var(--light)}.page-hero{padding:95px 0 40px;position:relative}.page-hero h1{font-size:clamp(60px,6.6vw,95px);max-width:1000px;margin-bottom:30px;line-height:1.02}.page-hero .lead{max-width:490px;font-size:18px}.pricing{padding:15px 0 90px}.notice{padding:13px 18px;border-left:1px solid var(--copper);background:#2A2320;font-size:13px;color:#E6E1D9}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.plan{padding:35px 30px;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .45s var(--ease),border-color .3s}.plan:hover{border-color:#6B6762;transform:translateY(-5px)}.plan.featured{background:linear-gradient(145deg,#2A2320,#1E1815);border-color:#6B6762}.plan .eyebrow{font-size:9px}.plan h2{font-size:37px;margin-bottom:20px}.plan>p{font-size:15px;min-height:50px}.price{font:400 38px Outfit;margin-top:20px}.billing{font-size:11px;color:#A39E97;margin-top:6px}.plan ul{padding:25px 0;margin:25px 0;list-style:none;border-top:1px solid var(--line);flex:1}.plan li{font-size:13px;color:#E6E1D9;margin-bottom:16px}.plan li:before{content:'—';color:var(--light);margin-right:12px}.secondary{border-color:#4A3D36;background:transparent;color:var(--ink);padding:15px 20px;justify-content:center}.secondary:hover{background:#2A2320}.button:disabled{color:#E6E1D9;border-color:#4A3D36;cursor:default;background:transparent;transform:none}.plan .button{width:100%;justify-content:center}.caption{font-size:12px;color:var(--muted);margin-top:25px}.faq{max-width:880px;padding-top:0}.faq h2{font-size:49px}.faq details{border-bottom:1px solid var(--line);padding:0;overflow:hidden}.faq summary{list-style:none;position:relative;cursor:pointer;font-size:19px;padding:27px 35px 27px 0;color:#F7F4EF}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:25px;color:var(--light);font-size:24px;font-weight:400;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>p{font-size:16px;max-width:720px;margin:0 0 25px}.faq a{text-decoration:underline}.legal{max-width:850px;min-height:670px}.legal h1{font-size:65px}.legal>p{max-width:720px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:10px 0 115px}.contact-card{border-top:1px solid var(--copper);border-bottom:1px solid var(--line);padding:35px 30px 50px 0}.contact-card h2{font-size:38px;max-width:400px}.contact-card .button{margin-top:20px}.nojs-modules{padding:25px 0}.nojs-modules h3{font-size:24px} .will-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.will-reveal.is-visible{opacity:1;transform:none}@keyframes terrain-breathe{50%{transform:translateY(-12px) rotate(.7deg)}}@keyframes ping{50%{opacity:.25;transform:scale(1.5)}}@keyframes survey{to{stroke-dashoffset:-100}}@keyframes map-shimmer{50%{opacity:.55}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orbit{50%{transform:rotateX(60deg) rotate(152deg)}to{transform:rotateX(55deg) rotate(332deg)}}@keyframes document-float{50%{transform:rotate(-2deg) translateY(-7px)}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .will-reveal{opacity:1;transform:none;transition:none} .inner-page main{animation:document-entry .28s var(--ease) both}@keyframes document-entry{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}} @media(min-width:1600px){.hero-inner,.hero-bottom{width:1280px}.landscape{right:-110px}} @media(max-width:1190px){.header nav{gap:20px}.hero-copy h1{font-size:86px}.landscape{right:-235px;opacity:.8}.hero-copy{max-width:620px}.editorial-heading h2{font-size:49px}.editorial-heading{gap:45px}.editorial-heading p{max-width:290px}.chapter{font-size:12px;gap:8px}.jade-section{gap:35px}.jade-heading h2{font-size:47px}.journal{gap:65px}.cta-heading>div{margin-right:30px}.atlas-visual{height:435px}} @media(max-width:900px){.header{padding:22px 5%;height:91px;gap:20px}.brand img{width:123px}.header nav{gap:18px;font-size:12px}.header nav a:nth-child(2){display:none}.login{padding:8px 16px;font-size:12px;gap:15px}.hero{min-height:710px}.hero-inner{min-height:580px}.hero-copy h1{font-size:76px}.landscape{right:-295px;top:40px;width:820px;height:650px;opacity:.55}.hero-copy .lead{font-size:17px}.section{padding:75px 0}.introduction{padding-bottom:40px}.editorial-heading{display:block}.editorial-heading h2{font-size:54px}.editorial-heading p{max-width:550px;margin-top:28px;font-size:16px}.module-words{margin-top:35px}.explorer{padding-top:0}.chapter-list{grid-template-columns:repeat(2,1fr);gap:0 20px}.chapter{font-size:14px;padding:18px 0}.chapter:after{right:0}.atlas-visual{height:410px}.atlas-caption{padding:24px;gap:22px}.atlas-index{font-size:36px;min-width:40px}.atlas-caption h3{font-size:26px}.scene-radar{gap:30px}.radar-visual{width:260px;height:260px}.radar-center{inset:111px}.radar-caption{max-width:230px}.radar-caption strong{font-size:32px}.document-sheet{width:245px;padding:24px}.scene-estudos{gap:55px}.document-side{font-size:20px}.jade-section{grid-template-columns:1fr 1fr;gap:35px}.jade-heading h2{font-size:42px}.jade-stage{padding-top:145px}.jade-message{padding:27px}.jade-message h3{font-size:27px}.jade-message p{font-size:14px}.jade-orbits{transform:translateX(-50%) scale(.86);transform-origin:top}.film-inner{padding-top:27px;padding-bottom:0}.film-title h2{font-size:63px}.film-poster{min-height:580px}.journal{gap:40px}.journal-number{font-size:85px}.journal-copy h2{font-size:45px}.journal-link{width:58px;height:58px}.responsibility-body{display:block}.responsibility-body>p{margin-top:30px}.responsibility h2{font-size:43px}.cta-heading h2{font-size:105px}.cta-heading>div{margin-right:0}.cta-heading p{font-size:16px}.plans{gap:15px}.plan{padding:25px 20px}.plan h2{font-size:29px}.plan>p{min-height:74px}.price{font-size:31px}.footer-bottom{flex-wrap:wrap}.contact-card{padding-right:20px}.contact-card h2{font-size:32px}} @media(max-width:620px){html{scroll-padding-top:25px}body{font-size:16px}.header{flex-wrap:wrap;height:auto;min-height:113px;padding:18px 6% 0;gap:12px}.brand img{width:124px}.brand{padding:0}.login{padding:7px 16px;font-size:12px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px;border-top:1px solid #A39E9715;padding:3px 0;gap:0}.header nav a:nth-child(2){display:block}.header nav a{padding:11px 0}.hero{min-height:0}.hero-inner{width:88%;display:block;min-height:0}.hero-copy{padding-top:49px;padding-bottom:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:26px}.tiny-line{width:23px;margin-right:9px}.hero-copy h1{font-size:clamp(55px,14.3vw,85px);line-height:1.02;letter-spacing:-.05em;margin-bottom:28px}.hero-copy .lead{font-size:15px;line-height:1.65;max-width:340px}.actions{gap:22px;margin-top:25px;flex-wrap:wrap}.button{font-size:13px;min-height:48px;padding-left:18px;gap:24px}.button-arrow{width:30px;height:30px}.text-link{font-size:12px;gap:15px}.landscape{position:relative;top:auto;right:auto;width:calc(100% + 88px);height:auto;aspect-ratio:1.27;opacity:1;margin:-6px -44px -22px}.terrain-relief{height:100%;width:100%;object-fit:contain}.landscape-orbit{inset:35px 25px 50px}.terrain-tag{right:53px;bottom:42px;font-size:8px}.terrain-tag small{font-size:7px;margin-top:4px}.terrain-cross{font-size:18px}.cross-one{right:66px;top:55px}.cross-two{left:81px;bottom:61px}.hero-bottom{width:88%;padding:24px 0 27px}.hero-bottom p{font-size:12px}.hero-audience{display:none}.down-link{width:37px;height:37px;font-size:14px}.section{width:88%;padding:60px 0}.introduction{padding-top:67px;padding-bottom:25px}.intro-top{gap:15px;margin-bottom:26px;align-items:center}.intro-top .eyebrow{font-size:8px;letter-spacing:.1em}.motion-control{font-size:9px;white-space:nowrap}.eyebrow{font-size:9px;margin-bottom:23px}.editorial-heading h2{font-size:38px;line-height:1.1;letter-spacing:-.04em}.editorial-heading p{font-size:15px;line-height:1.6;margin-top:24px}.module-words{font-size:12px;padding:20px 0;gap:12px;margin-top:28px}.module-words i{width:3px;height:3px}.explorer{padding-top:0;padding-bottom:61px}.chapter-list{gap:0 17px;margin-bottom:24px}.chapter{font-size:11px;gap:8px;min-height:62px;padding:17px 0}.chapter-number{font-size:8px}.chapter-arrow{font-size:15px}.atlas-topbar{padding:15px 16px}.atlas-brand{font-size:16px}.atlas-brand i,.atlas-section{display:none}.illustration-label{font-size:8px}.atlas-visual{height:345px}.scene-mapa>svg{width:155%;max-width:none;transform:translateX(-24%)}.layer-stack{top:14px;left:14px;font-size:8px;padding:11px 12px;gap:5px}.layer-stack i{width:5px;height:5px;margin-right:7px}.compass{right:18px;bottom:18px;font-size:11px}.atlas-caption{padding:21px 18px;gap:13px;align-items:flex-start}.atlas-index{font-size:26px;min-width:28px;line-height:1.1;margin-top:3px}.atlas-caption h3{font-size:24px;line-height:1.13;margin-bottom:10px}.atlas-caption p{font-size:12px;line-height:1.5}.atlas-caption .circle-link{width:30px;height:30px;font-size:15px;margin-left:0;position:absolute;right:16px;bottom:17px}.atlas-caption>div{padding-right:10px;padding-bottom:24px}.explorer-note{font-size:10px;line-height:1.6;margin-top:17px}.scene-radar{gap:15px;flex-direction:column;padding:17px}.radar-visual{width:206px;height:206px;flex-shrink:0}.radar-center{inset:85px;font-size:20px}.radar-caption{text-align:center;gap:8px;max-width:none}.radar-caption .eyebrow{display:none}.radar-caption strong{font-size:23px}.radar-caption strong br{display:none}.radar-caption>span:last-child{font-size:10px}.scene-estudos{gap:0}.document-sheet{width:210px;padding:23px 20px;margin-top:0}.document-sheet strong{font-size:25px;margin:17px 0}.doc-chart{height:44px}.doc-label,.doc-stamp{font-size:8px}.document-side{display:none}.tool-sheet{left:20px;right:20px;top:45px}.tool-sheet>div{gap:15px;padding:21px 0;font-size:10px}.tool-sheet strong{font-size:17px}.tool-sheet .eyebrow{font-size:8px}.tool-sheet>p{font-size:10px}.jade-section{display:block;padding-top:55px;padding-bottom:60px}.jade-heading h2{font-size:40px}.jade-heading>p:not(.eyebrow){font-size:15px}.jade-stage{padding-top:157px;margin-top:18px}.jade-message{padding:27px}.jade-message h3{font-size:30px}.jade-message p{font-size:14px}.jade-footnote{font-size:8px;line-height:1.5;display:block}.jade-orbits{transform:translateX(-50%) scale(.92)}.film-inner{padding:25px 0 0}.film-top{gap:15px;align-items:center}.film-top .eyebrow{font-size:8px;margin-bottom:0}.film-marker{font-size:8px;max-width:80px;text-align:right;line-height:1.4}.film-poster{min-height:465px}.film-title{padding-top:78px;padding-bottom:65px}.film-title h2{font-size:49px}.film-play{width:48px;height:48px;font-size:23px;margin-bottom:27px}.film-title p{font-size:11px}.film-bottom{font-size:8px;bottom:24px;gap:20px}.film-contours{inset:-70px -180px -80px -200px;opacity:.3}.journal{gap:0;position:relative;padding:60px 0}.journal-number{position:absolute;right:0;top:54px;font-size:42px;color:#A39E97}.journal-copy h2{font-size:38px}.journal-copy>p:last-child{font-size:15px;padding-right:35px}.journal-link{width:42px;height:42px;font-size:21px;position:absolute;right:0;bottom:45px}.journal-copy .eyebrow{margin-bottom:28px}.responsibility{padding:58px 0 62px}.responsibility h2{font-size:34px;line-height:1.15}.responsibility-body>p{font-size:14px;margin-top:25px}.cta-inner{padding:54px 0 80px}.cta-heading{display:block}.cta-heading h2{font-size:99px;margin:0 0 34px}.cta-heading p{font-size:15px;margin-bottom:24px}.cta-strata{bottom:-190px;left:-60%;right:-60%}.footer{padding:42px 6% 25px}.footer-top{display:block;padding-bottom:32px}.footer-top img{width:128px}.footer-top p{font-size:13px;margin:25px 0}.footer-top>a:last-child{font-size:12px;display:inline-block}.footer-bottom{display:block;font-size:9px;line-height:1.5}.footer-bottom div{gap:26px;margin:20px 0}.page-hero{padding:55px 0 30px}.page-hero h1{font-size:54px;line-height:1.02}.page-hero .lead{font-size:16px}.pricing{padding:0 0 60px}.notice{font-size:12px;line-height:1.55}.plans{grid-template-columns:1fr;gap:20px;margin-top:30px}.plan{padding:30px}.plan h2{font-size:34px}.plan>p{min-height:0}.price{font-size:36px}.plan ul{margin-bottom:15px}.plan .button{padding:14px}.faq{padding-top:0}.faq h2{font-size:40px}.faq summary{font-size:17px;padding:24px 32px 24px 0}.faq summary:after{top:20px}.faq details>p{font-size:14px}.legal{padding-top:55px;min-height:665px}.legal h1{font-size:47px}.legal p{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:20px;padding-top:0;padding-bottom:65px}.contact-card{padding:28px 0 36px}.contact-card h2{font-size:34px}.contact-card p{font-size:15px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.landscape{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}} /* Large screens share a fluid page edge; reading columns keep their own measure. */ @media (min-width: 1441px) { :root { --wide-gutter: clamp(80px, 5.5vw, 176px); --wide-content: calc(100% - 2 * var(--wide-gutter)); } .header, .footer { max-width: none; padding-inline: var(--wide-gutter); } .header nav { font-size: clamp(14px, .68vw, 17px); gap: clamp(30px, 2vw, 60px); } .brand img, .footer img { width: clamp(140px, 6.3vw, 176px); } .section, .hero-bottom { width: var(--wide-content); } .hero { max-width: none; } .hero-inner { width: var(--wide-content); max-width: none; } .inner-page .pricing, .inner-page .contact-grid { max-width: 1800px; } } /* Native, accessible language links. Both destinations work without JavaScript. */ .header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0} .language-switch{display:flex;align-items:center;gap:4px} .language-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:44px;min-height:48px;border:1px solid transparent;border-radius:3px;color:var(--muted);font-size:9px;line-height:1;letter-spacing:.07em;transition:background .2s,border-color .2s,color .2s} .language-link img{width:24px;height:18px;display:block;border-radius:2px;box-shadow:0 0 0 1px #FCFBF820} .language-link:hover{background:#3A383566;color:var(--ink)} .language-link[aria-current=page]{border-color:#6B6762;background:#2A2320;color:var(--ink)} @media(max-width:900px){.header-actions{gap:12px}} @media(max-width:620px){.header-actions{gap:8px}.header .language-switch{gap:2px}.language-link{width:36px;min-height:44px;font-size:8px}.language-link img{width:22px;height:16px}.header .login{gap:10px;padding-inline:12px}} @media(max-width:370px){.header .brand img{width:108px}.header-actions{gap:4px}.header .login{padding-inline:9px;gap:7px}.language-link{width:32px}} @media(prefers-reduced-motion:reduce){.language-link{transition:none}} /* Three language choices retain a clear touch target on narrow screens. */ @media(max-width:620px){.header .brand img{width:118px}.header-actions{gap:6px}.header .login{padding-inline:10px;gap:8px}.header{column-gap:10px}} @media(max-width:370px){.header .brand img{width:102px}.header .login{font-size:11px;padding-inline:8px}.header-actions{gap:4px}} @media(min-width:621px) and (max-width:900px){.header{column-gap:12px}.header .brand img{width:112px}.header-actions{gap:8px}.header .login{padding-inline:10px;gap:8px}.language-link{width:36px}} @media(max-width:620px){.header .login>span{display:none}} /* Interactive expedition: all controls manipulate illustrative local content. */ .terrain-stack{position:absolute;inset:0;transform:rotate(var(--rotation,0deg));transition:transform .65s var(--ease)} .terrain-stack>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .75s var(--ease),opacity .5s} .terrain-stack #strata-art{animation:none;transform:translateY(calc(var(--separation,0px) * -1))} .terrain-slice{opacity:0;pointer-events:none}.terrain-stack[data-expanded=true] .terrain-slice{opacity:.58} .slice-middle{transform:translateY(calc(var(--separation,0px) * .15)) scale(.985)} .slice-bottom{transform:translateY(var(--separation,0px)) scale(.97);filter:brightness(.82)} .home-page .landscape{top:-24px;height:680px}.home-page .terrain-tag{bottom:128px;right:118px} .terrain-play{position:absolute;right:0;bottom:33px;z-index:3;width:380px;padding:17px 20px 13px;background:#2A2320f5;border:1px solid #6B6762;box-shadow:0 12px 40px #1E181533} .terrain-play-top,.terrain-play-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.terrain-play-top label{font-size:12px;color:#F7F4EF}.terrain-play-top output{font-size:10px;color:var(--light)} .terrain-play input{width:100%;margin:15px 0}.terrain-play-bottom>span{font-size:9px;color:#A39E97}.terrain-play-bottom>div{display:flex;gap:5px}.terrain-play button{border:1px solid #4A3D36;background:transparent;color:var(--light);width:30px;height:28px;transition:background .2s}.terrain-play button:hover{background:#4A3D36} input[type=range]{accent-color:var(--light);height:5px;cursor:pointer;touch-action:pan-y}input[type=range]:focus-visible{outline:2px solid var(--light);outline-offset:7px}input[type=checkbox]{accent-color:var(--light);cursor:pointer}input:focus-visible{outline:2px solid var(--light);outline-offset:4px} .expedition{padding-top:15px;padding-bottom:110px;scroll-margin-top:25px;--reveal:100%}.expedition-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.expedition-heading h2{font-size:60px;margin-bottom:0}.expedition-heading .eyebrow{margin-bottom:20px}.expedition-description{margin:25px 0 40px;font-size:16px;max-width:660px}.journey-progress{display:grid;grid-template-columns:1fr auto;gap:2px 20px;align-items:center;border-left:1px solid #4A3D36;padding-left:25px;margin-bottom:5px}.journey-progress>span{font-size:13px;color:#E6E1D9}.journey-progress strong{grid-row:span 2;font:400 39px Outfit;color:var(--light)}.journey-progress small{font-size:10px;color:#A39E97} .expedition-shell{border:1px solid #4A3D36;background:#2A2320}.expedition-command{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #4A3D36;background:#2A2320}.expedition-nav{display:flex;flex:1}.expedition-nav button{border:0;border-right:1px solid #4A3D364f;background:transparent;color:#E6E1D9;padding:25px 22px;display:flex;gap:12px;align-items:center;font-size:13px;position:relative;transition:background .3s,color .3s}.expedition-nav button>span{font-size:10px;color:#A39E97}.expedition-nav button>i{font-style:normal;font-size:13px;margin-left:9px;opacity:.4;transition:transform .3s}.expedition-nav button[aria-pressed=true]{color:#FCFBF8;background:#3A3835}.expedition-nav button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--light)}.expedition-nav button:hover{color:#FCFBF8;background:#2A2320}.expedition-nav button:hover>i{transform:translate(2px,-2px);opacity:1}.expedition-nav .is-visited>span{color:#E6E1D9}.expedition-utilities{display:flex;gap:15px;padding:12px 20px}.expedition-utilities button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#E6E1D9;font-size:10px;padding:5px 0}.expedition-utilities button:hover{color:#FCFBF8}.expedition-utilities button>span:first-child{font-size:18px} .station-panel[hidden]{display:none!important}.interactive-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.map-workspace{min-width:0;border-right:1px solid #4A3D36}.map-layerbar{display:flex;align-items:center;gap:22px;padding:17px 23px;border-bottom:1px solid #4A3D36;background:#2A2320;color:#E6E1D9}.map-layerbar>span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;margin-right:auto;color:#A39E97}.map-layerbar label{display:flex;gap:7px;align-items:center;font-size:11px;cursor:pointer}.map-layerbar input{margin:0;width:14px;height:14px}.map-viewport{position:relative;overflow:hidden;height:540px;background:#2A2320;touch-action:pan-y;cursor:grab}.map-viewport:active{cursor:grabbing}.map-viewport:focus-visible{outline:2px solid var(--light);outline-offset:-4px}.expedition-map{display:block;width:100%;height:100%;touch-action:pan-y;user-select:none}.expedition-map text{font-family:Karla,Arial,sans-serif;pointer-events:none}.expedition-map #map-world{transform-origin:0 0}.comparison-mask{clip-path:inset(0 calc(100% - var(--reveal,100%)) 0 0)}.layer-hidden{visibility:hidden!important;pointer-events:none!important}.demo-area{cursor:pointer;outline:0}.demo-area>path{fill:#A39E9722;stroke:#A39E97;stroke-width:1.5;transition:fill .3s,stroke-width .3s;vector-effect:non-scaling-stroke}.demo-area>circle{fill:#2A2320;stroke:#E6E1D9;stroke-width:1.2;transition:fill .3s}.demo-area>text{fill:#F7F4EF;font-size:16px}.demo-area .area-map-label{font-size:19px;letter-spacing:.02em}.demo-area:hover>path,.demo-area:focus-visible>path{fill:#A39E9755;stroke:#F7F4EF;stroke-width:3}.demo-area:hover>circle,.demo-area:focus-visible>circle{fill:#6B6762}.expedition-map[data-selected=serra] .area-serra>path,.expedition-map[data-selected=vale] .area-vale>path,.expedition-map[data-selected=horizonte] .area-horizonte>path{fill:#A39E9755;stroke:#FCFBF8;stroke-width:3}.expedition-map[data-selected=serra] .area-serra>circle,.expedition-map[data-selected=vale] .area-vale>circle,.expedition-map[data-selected=horizonte] .area-horizonte>circle{fill:#6B6762;stroke:#FCFBF8}.map-zoom{position:absolute;right:16px;bottom:17px;display:flex;align-items:center;gap:0;border:1px solid #6B6762;background:#2A2320ed}.map-zoom button{border:0;background:transparent;color:#E6E1D9;width:37px;height:36px;font-size:20px;transition:background .2s}.map-zoom button:hover{background:#4A3D36}.map-zoom output{min-width:49px;text-align:center;font-size:10px;color:#E6E1D9;padding:0 6px}.map-drag-hint{position:absolute;bottom:25px;left:21px;display:flex;align-items:center;gap:9px;color:#E6E1D9;font-size:10px;pointer-events:none}.map-drag-hint>span{font-size:16px}.map-north{position:absolute;right:24px;top:20px;color:#E6E1D9;text-align:center;font-size:12px;line-height:1.4;pointer-events:none}.map-compare{display:grid;grid-template-columns:auto 1fr 40px;align-items:center;gap:8px 24px;padding:19px 24px 15px;border-top:1px solid #4A3D36;background:#2A2320}.map-compare label{font-size:11px;color:#E6E1D9}.map-compare input{width:100%;margin:0}.map-compare output{text-align:right;font-size:10px;color:#E6E1D9}.map-compare p{grid-column:1/-1;font-size:9px;color:#A39E97;margin:0;line-height:1.5}.area-detail{padding:27px 25px 21px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(150deg,#2A2320,#1E1815)}.detail-status{display:flex;align-items:center;gap:8px;padding-bottom:23px;font-size:9px;color:#A39E97}.status-orbit{width:6px;height:6px;background:#A39E97;border-radius:50%;box-shadow:0 0 0 4px #A39E9715;flex-shrink:0}.area-detail .eyebrow{font-size:8px;letter-spacing:.12em;margin:8px 0 18px}.area-detail h3{font-size:31px;line-height:1.08;margin-bottom:21px;letter-spacing:-.035em}.area-detail>p{font-size:13px;color:#E6E1D9;line-height:1.65;min-height:88px}.detail-focus{border-top:1px solid #4A3D36;border-bottom:1px solid #4A3D36;padding:21px 0;margin:5px 0 22px}.detail-focus>span{font-size:9px;color:var(--light);text-transform:uppercase;letter-spacing:.12em}.detail-focus>p{font-size:12px;margin:10px 0 0;color:#E6E1D9}.detail-legend{display:flex;flex-direction:column;gap:9px;font-size:9px;color:#E6E1D9}.detail-legend i{display:inline-block;width:6px;height:6px;border:1px solid #E6E1D9;margin-right:7px}.detail-legend>span:last-child i{border-color:#E6E1D9}.detail-clear{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid #4A3D36;color:#E6E1D9;background:transparent;padding:15px 0 10px;font-size:10px;margin-top:auto}.detail-clear:hover{color:#F7F4EF}.area-detail .text-link{font-size:10px;gap:12px;margin-top:15px}.area-detail .text-link:after{display:none}.expedition-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 23px;background:#2A2320;border-top:1px solid #4A3D36}.expedition-footer>span{font-size:9px;white-space:nowrap;color:#E6E1D9}.expedition-footer i{display:inline-block;width:5px;height:5px;border:1px solid #A39E97;margin-right:8px;transform:rotate(45deg)}.expedition-footer p{font-size:9px;line-height:1.5;margin:0;max-width:620px;color:#A39E97;text-align:right}.expedition.is-expanded{width:98%;max-width:1600px}.expedition.is-expanded .map-viewport{height:72vh;max-height:850px} .radar-playground{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px;min-height:666px;align-items:center;background:radial-gradient(ellipse at 28% 50%,#4A3D3620,transparent 70%)}.radar-interactive-art{width:min(100%,400px);aspect-ratio:1;position:relative;margin:auto;border:1px solid #6B676255;border-radius:50%;isolation:isolate}.radar-orbit{position:absolute;border:1px solid #A39E9744;border-radius:50%;inset:12%}.ro2{inset:24%}.ro3{inset:36%}.ro4{inset:47%;border-color:#A39E97}.radar-interactive-art:before,.radar-interactive-art:after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#6B67622d}.radar-interactive-art:after{transform:rotate(90deg)}.radar-scan{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 76%,#A39E9722 98%,#A39E9788);animation:rotate 14s linear infinite;z-index:-1}.radar-center-mark{position:absolute;left:45%;top:45%;width:10%;height:10%;display:grid;place-items:center;color:#A39E97;font:400 22px Outfit}.radar-target{position:absolute;width:12px;height:12px;border:1px solid #E6E1D9;background:#4A3D36;border-radius:50%;transition:transform .5s,box-shadow .5s,background .5s}.target1{left:21%;top:33%}.target2{right:22%;top:25%}.target3{right:32%;bottom:19%}.radar-target.is-selected{background:#F7F4EF;transform:scale(1.3);box-shadow:0 0 0 8px #A39E9720,0 0 0 17px #A39E970c}.radar-coordinate{position:absolute;bottom:-40px;left:0;right:0;text-align:center;font-size:12px;color:#E6E1D9}.radar-coordinate>span{font-size:9px;color:#A39E97}.radar-controls h3{font-size:47px;line-height:1.06;margin-bottom:24px;min-height:101px}.radar-controls>p:not(.eyebrow){font-size:15px;max-width:400px;min-height:75px}.radar-slider-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#E6E1D9;margin:34px 0 19px}.radar-slider-heading output{color:#E6E1D9}.radar-controls input{width:100%;margin:0}.radar-stage-labels{display:flex;justify-content:space-between;color:#A39E97;font-size:9px;margin-top:12px}.radar-controls .button{margin-top:35px;min-width:240px}.radar-controls p.radar-disclaimer{font-size:10px;min-height:0;margin-top:18px;margin-bottom:0;color:#A39E97} .study-playground{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px 54px;min-height:666px;background:radial-gradient(ellipse at 80% 50%,#4A3D3615,transparent 75%)}.study-builder h3{font-size:45px;margin-bottom:22px;line-height:1.04}.study-builder>p:not(.eyebrow){font-size:14px;max-width:380px}.study-builder fieldset{border:0;padding:0;margin:27px 0}.study-builder legend{font-size:10px;color:#A39E97;margin-bottom:8px}.study-builder label{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #4A3D36;cursor:pointer}.study-builder label input{width:17px;height:17px;flex-shrink:0;margin:0}.study-builder label>span{display:flex;flex-direction:column;gap:4px}.study-builder label strong{font-size:14px;font-weight:400;color:#F7F4EF}.study-builder label small{font-size:10px;color:#A39E97}.study-builder label>b{font-size:10px;font-weight:400;color:#6B6762;margin-left:auto}.study-actions{display:flex;align-items:center;gap:25px}.study-actions output{font:400 22px Outfit;color:#A39E97}.text-button{border:0;border-bottom:1px solid #4A3D36;background:transparent;color:#A39E97;font-size:10px;padding:6px 0;margin-top:15px}.study-preview{display:flex;align-items:center;justify-content:center;padding:25px 10px}.study-preview-paper{position:relative;max-width:340px;width:100%;padding:35px 30px 27px;background:#E6E1D9;color:#2A2320;transform:rotate(3deg);box-shadow:14px 17px 0 #6B676228;transition:transform .65s var(--ease),box-shadow .65s;min-height:475px}.paper-brand{font-size:10px;display:block}.paper-stamp{display:block;border:1px solid #6B6762;color:#4A3D36;padding:3px 7px;font-size:7px;text-transform:uppercase;letter-spacing:.12em;width:max-content;margin-top:18px}.study-preview-paper h4{font:400 35px/1.05 Outfit;margin:24px 0;color:#2A2320;letter-spacing:-.035em}.paper-preview-lines{display:flex;flex-direction:column;gap:8px;margin:20px 0}.paper-preview-lines span{height:3px;background:#6B676230;width:100%}.paper-preview-lines span:nth-child(2){width:84%}.paper-preview-lines span:nth-child(3){width:60%}.paper-blocks{margin:23px 0}.paper-blocks>div{font-size:10px;padding:12px 0;border-top:1px solid #A39E97;opacity:.5;transition:opacity .3s}.paper-blocks span{display:inline-block;width:28px;color:#4A3D36}.paper-disclaimer{display:block;font-size:8px;line-height:1.5;color:#4A3D36;margin-top:25px;padding-top:12px;border-top:1px solid #A39E97}.expedition[data-document=ready] .study-preview-paper{transform:rotate(0);box-shadow:0 0 0 1px #A39E97,0 20px 50px #1E18154d}.expedition[data-document=ready] .paper-blocks>div{opacity:1}#study-result{padding:14px;background:#E6E1D94f;border-left:2px solid #6B6762}#study-result strong{font:400 17px Outfit;color:#3A3835}#study-result p{font-size:10px;color:#4A3D36;line-height:1.5;margin:7px 0 0}#study-result[hidden]{display:none} /* Guided Jade: authored examples, chosen by the visitor. */ .jade-section:has(.jade-playground){display:block;padding:95px 0 110px}.jade-playground{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:80px}.jade-intro{padding-top:35px}.jade-intro h2{font-size:55px;line-height:1.08}.jade-intro>p{font-size:16px;max-width:370px}.jade-intro-note{font-size:11px!important;max-width:320px!important;margin-top:24px}.jade-console{border:1px solid #4A3D36;background:#2A2320;box-shadow:0 22px 60px #1E18151f}.jade-console-header{display:flex;align-items:center;gap:13px;padding:22px 25px;background:#2A2320;border-bottom:1px solid #4A3D36}.jade-avatar{width:39px;height:39px;display:grid;place-items:center;border:1px solid #A39E97;border-radius:50%;font:400 22px Outfit;color:#E6E1D9}.jade-console-identity{display:flex;flex-direction:column}.jade-console-identity strong{font:400 19px Outfit}.jade-console-kicker{font-size:9px;color:#A39E97}.jade-demo-caption{font-size:9px;color:#A39E97;margin:0;padding:13px 25px;border-bottom:1px solid #4A3D36;line-height:1.5}.jade-thread{padding:25px;min-height:345px}.jade-question{background:#3A3835;border:1px solid #4A3D36;padding:13px 16px;margin:0 0 20px 35px}.jade-question[hidden]{display:none!important}.jade-question-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#A39E97}.jade-question p{font-size:14px;margin:5px 0 0;color:#F7F4EF}.jade-answer-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#A39E97;margin-bottom:13px}.jade-answer-title{font:400 26px/1.12 Outfit;letter-spacing:-.03em;margin-bottom:13px}.jade-answer-copy{font-size:13px;line-height:1.65;color:#E6E1D9}.jade-answer-placeholder{font-size:14px;color:#E6E1D9}.jade-recommendations{list-style:none;padding:0;margin:23px 0 0;display:flex;flex-direction:column;gap:14px}.jade-recommendations li{display:flex;gap:13px;align-items:start}.jade-step-number{font-size:10px;color:#A39E97;min-width:20px;line-height:1.7}.jade-step-copy{font-size:12px;line-height:1.6;color:#E6E1D9}.jade-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px 23px}.jade-prompt{border:1px solid #6B6762;color:#E6E1D9;background:#2A2320;padding:9px 12px;font-size:10px;border-radius:2px;transition:background .25s,border-color .25s}.jade-prompt:hover,.jade-prompt[aria-pressed=true]{background:#3A3835;border-color:#A39E97;color:#FCFBF8}.jade-console-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 25px;border-top:1px solid #4A3D36;color:#A39E97;font-size:9px}.jade-reset{border:0;border-bottom:1px solid #6B6762;padding:4px 0;background:transparent;color:#E6E1D9;font-size:10px}.jade-no-script{font-size:12px;padding:20px}.text-button:hover,.jade-reset:hover{color:#F7F4EF} @media(max-width:1190px){.terrain-play{width:335px}.expedition-nav button{font-size:11px;gap:9px;padding:22px 16px}.expedition-utilities{gap:11px;padding:12px 14px}.interactive-map-layout{grid-template-columns:minmax(0,1fr) 270px}.map-viewport{height:490px}.area-detail{padding:23px 20px}.area-detail h3{font-size:29px}.map-layerbar{padding:16px 17px;gap:15px}.map-compare{gap:8px 15px;padding:18px}.radar-playground{padding:45px;gap:40px}.radar-controls h3{font-size:40px}.study-playground{gap:35px;padding:40px}.jade-playground{gap:50px}.jade-intro h2{font-size:48px}} @media(max-width:900px){.terrain-play{width:300px;right:0;bottom:21px}.hero-bottom{margin-top:25px}.home-page .hero-inner{min-height:650px}.expedition-heading h2{font-size:48px}.journey-progress{padding-left:16px;gap:2px 12px}.journey-progress strong{font-size:31px}.journey-progress>span{font-size:11px}.journey-progress small{font-size:9px}.expedition-command{display:block}.expedition-nav{width:100%}.expedition-nav button{flex:1;justify-content:space-between;padding:20px 17px;font-size:12px}.expedition-utilities{justify-content:flex-end;border-top:1px solid #4A3D364f;padding:7px 18px;gap:23px}.interactive-map-layout{grid-template-columns:1fr}.map-workspace{border-right:0}.map-viewport{height:470px}.area-detail{border-top:1px solid #4A3D36;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:25px}.detail-status{grid-column:1/-1;padding-bottom:14px}.area-detail .eyebrow{grid-column:1}.area-detail h3{grid-column:1;grid-row:3;font-size:32px}.area-detail>p{grid-column:1;grid-row:4;min-height:0;margin:0}.detail-focus{grid-column:2;grid-row:2/5;margin:5px 0 15px;padding:16px 0}.detail-legend{grid-column:2;grid-row:5}.detail-clear{grid-column:1;grid-row:5;margin-top:15px;max-width:200px}.area-detail .text-link{grid-column:1/-1;margin-top:22px}.radar-playground{gap:40px;padding:44px 30px;min-height:550px}.radar-controls h3{font-size:34px;min-height:85px}.radar-controls>p:not(.eyebrow){font-size:13px}.radar-slider-heading{font-size:10px;gap:10px}.radar-controls .button{min-width:210px;font-size:12px}.study-playground{padding:35px;gap:35px}.study-builder h3{font-size:35px}.study-builder label{gap:12px}.study-builder label strong{font-size:12px}.study-preview-paper{padding:25px 22px}.study-preview-paper h4{font-size:29px}.study-builder label small{font-size:9px}.jade-playground{gap:30px}.jade-intro h2{font-size:42px}.jade-thread{padding:23px;min-height:370px}.jade-prompts{padding:0 23px 20px}.expedition-footer{gap:20px}.expedition-footer p{max-width:450px}} @media(max-width:620px){.home-page .hero-inner{min-height:0}.home-page .landscape{height:auto;top:auto;aspect-ratio:1.25;margin-bottom:0}.home-page .terrain-tag{right:55px;bottom:50px}.terrain-stack{inset:0}.terrain-play{position:relative;right:auto;bottom:auto;width:100%;padding:16px 17px 12px;margin:0 0 25px}.terrain-play-top label{font-size:11px}.terrain-play-top output{font-size:9px}.terrain-play input{margin:19px 0}.terrain-play-bottom>span{font-size:8px}.terrain-play button{width:36px;height:30px}.hero-bottom{margin-top:0}.hero-copy h1{font-size:55px}.hero-copy .actions{gap:14px}.hero-copy .button{gap:15px;font-size:12px;padding-left:15px}.hero-copy .text-link{font-size:11px;gap:9px}.expedition{width:92%;padding:10px 0 65px;scroll-margin-top:12px}.expedition-heading{display:block;padding:0 2%}.expedition-heading h2{font-size:39px;line-height:1.08}.expedition-heading .eyebrow{font-size:8px;max-width:290px}.journey-progress{border-left:0;border-top:1px solid #4A3D36;padding:17px 0 0;margin-top:26px;display:flex;gap:15px;align-items:center}.journey-progress strong{font-size:25px;margin-left:auto}.journey-progress>span{font-size:11px}.journey-progress small{font-size:9px;max-width:58px;line-height:1.35}.expedition-description{font-size:13px;padding:0 2%;margin:20px 0 25px;max-width:320px}.expedition-nav button{font-size:10px;padding:16px 10px;line-height:1.35;gap:8px;text-align:left;align-items:flex-start}.expedition-nav button>span{font-size:8px;margin-top:1px}.expedition-nav button>i{display:none}.expedition-utilities{padding:7px 13px;gap:20px}.expedition-utilities button{font-size:9px;min-height:27px}.expedition-utilities button>span:first-child{font-size:16px}.map-layerbar{padding:15px 13px;gap:14px}.map-layerbar>span{font-size:8px;letter-spacing:.06em}.map-layerbar label{font-size:10px;gap:6px}.map-layerbar input{width:14px;height:14px}.map-viewport{height:366px}.expedition-map{width:100%;height:100%}.map-zoom{right:12px;bottom:12px}.map-zoom button{width:33px;height:34px}.map-zoom output{min-width:42px;font-size:9px}.map-drag-hint{display:none}.map-north{right:18px;top:13px;font-size:10px}.map-compare{grid-template-columns:1fr 40px;padding:18px 16px 16px;gap:13px 12px}.map-compare label{font-size:11px;grid-column:1;grid-row:1}.map-compare output{grid-column:2;grid-row:1}.map-compare input{grid-column:1/-1;grid-row:2;margin:4px 0 3px}.map-compare p{grid-row:3;font-size:9px}.area-detail{display:block;padding:22px}.detail-status{font-size:9px;margin:0;padding-bottom:20px}.area-detail .eyebrow{font-size:8px;margin:0 0 14px}.area-detail h3{font-size:33px;max-width:250px;margin-bottom:17px}.area-detail>p{font-size:13px;min-height:0;max-width:320px}.detail-focus{margin:23px 0 20px;padding:17px 0}.detail-focus>p{font-size:12px}.detail-focus>span{font-size:9px}.detail-legend{font-size:9px;gap:7px}.detail-clear{max-width:none;width:100%;padding:14px 0 10px;margin-top:13px;font-size:10px}.area-detail .text-link{font-size:11px;margin-top:17px}.expedition-footer{display:block;padding:15px 16px}.expedition-footer>span{font-size:9px}.expedition-footer p{font-size:9px;text-align:left;margin-top:8px}.expedition.is-expanded{width:100%}.expedition.is-expanded .map-viewport{height:60vh;max-height:600px}.expedition.is-expanded .expedition-heading,.expedition.is-expanded .expedition-description{padding-left:6%;padding-right:6%}.radar-playground{display:flex;flex-direction:column;padding:36px 24px;gap:70px;min-height:0}.radar-interactive-art{width:230px}.radar-coordinate{bottom:-34px;font-size:10px}.radar-coordinate>span{font-size:8px}.radar-controls{width:100%}.radar-controls .eyebrow{font-size:8px;margin-bottom:20px}.radar-controls h3{font-size:37px;min-height:78px;margin-bottom:20px}.radar-controls>p:not(.eyebrow){font-size:13px;min-height:84px;line-height:1.6}.radar-slider-heading{margin-top:25px;font-size:10px}.radar-controls .button{margin-top:29px;font-size:12px}.radar-controls p.radar-disclaimer{font-size:9px;min-height:0}.study-playground{grid-template-columns:1fr;padding:30px 23px;gap:15px}.study-builder .eyebrow{font-size:8px}.study-builder h3{font-size:38px}.study-builder>p:not(.eyebrow){font-size:13px}.study-builder fieldset{margin:22px 0}.study-builder legend{font-size:10px}.study-builder label{padding:17px 0;gap:13px}.study-builder label strong{font-size:13px}.study-builder label small{font-size:9px;max-width:210px}.study-actions{gap:25px}.study-actions .button{font-size:12px;min-width:187px}.study-actions output{font-size:21px}.study-preview{padding:28px 5px 15px}.study-preview-paper{max-width:275px;min-height:440px;padding:28px 24px}.study-preview-paper h4{font-size:32px}.jade-section:has(.jade-playground){padding-top:55px;padding-bottom:62px}.jade-playground{grid-template-columns:1fr;gap:30px}.jade-intro{padding-top:0}.jade-intro h2{font-size:41px}.jade-intro>p{font-size:15px}.jade-intro-note{font-size:10px!important;margin-top:20px}.jade-console-header{padding:18px 20px}.jade-demo-caption{padding:12px 20px;font-size:8px}.jade-thread{padding:23px 20px;min-height:335px}.jade-question{margin-left:15px;padding:12px 14px}.jade-question p{font-size:13px}.jade-answer-title{font-size:25px}.jade-answer-copy{font-size:12px}.jade-answer-placeholder{font-size:13px}.jade-step-copy{font-size:11px}.jade-step-number{font-size:9px}.jade-prompts{padding:0 20px 21px;gap:8px}.jade-prompt{font-size:10px;padding:11px 12px}.jade-console-footer{padding:13px 20px;font-size:8px;gap:14px}.jade-reset{font-size:9px;white-space:nowrap}} @media(prefers-reduced-motion:reduce){.terrain-stack,.terrain-stack>img,.demo-area>path,.demo-area>circle,.study-preview-paper{transition:none!important}} /* Finishing details for touch targets and the guided console. */ .home-page .terrain-tag{display:none} .jade-console-identity>span{font-size:10px;color:#A39E97;margin-top:3px} .jade-console-kicker{margin-left:auto;font-size:8px;letter-spacing:.05em} .jade-console-footer>p{margin:0;font-size:9px;color:#A39E97;max-width:285px} .jade-prompt{display:inline-flex;align-items:center;gap:9px} .jade-answer-placeholder{display:flex;flex-direction:column;gap:10px;margin-top:25px} .jade-answer-placeholder>span{display:block;height:3px;background:#6B676233;width:80%} .jade-answer-placeholder>span:nth-child(2){width:62%}.jade-answer-placeholder>span:nth-child(3){width:45%} @media(max-width:620px){.demo-area>text{font-size:28px}.demo-area .area-map-label{font-size:27px}.comparison-mask text{font-size:23px}.jade-console-kicker{font-size:7px;max-width:50px;text-align:right;line-height:1.5}.jade-console-footer>p{font-size:8px}.terrain-play button{min-height:34px}} .map-selection-chip{display:none} @media(max-width:620px){.has-selection .map-selection-chip{position:absolute;display:inline-flex;gap:13px;align-items:center;bottom:58px;left:13px;border:1px solid #A39E97;background:#2A2320;color:#F7F4EF;padding:9px 12px;font-size:10px}.area-detail{scroll-margin-top:18px}} .tools-demo{border-top:1px solid var(--line);padding-top:90px;padding-bottom:100px} .tools-demo-heading{max-width:800px;margin-bottom:45px}.tools-demo-heading h2{font-size:54px;margin-bottom:25px}.tools-demo-heading>p:last-child{font-size:16px} .tools-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.unit-converter{background:#2A2320;border:1px solid #4A3D36;padding:35px 38px 25px}.unit-converter .eyebrow{font-size:8px;margin-bottom:23px}.unit-converter h3{font-size:31px;margin-bottom:17px}.unit-converter-description{font-size:13px;max-width:330px}.unit-converter-label{display:block;font-size:10px;color:#E6E1D9;margin:25px 0 9px}.unit-converter-input-wrap{position:relative}.unit-converter-input-wrap input{width:100%;border:1px solid #6B6762;background:#2A2320;color:#F7F4EF;font:400 34px Outfit;padding:10px 55px 10px 16px;border-radius:0}.unit-converter-input-wrap>span{position:absolute;right:24px;top:20px;font-size:14px;color:#E6E1D9;pointer-events:none}.unit-converter-help{font-size:9px;margin:8px 0 16px;color:#A39E97}.unit-converter-presets{display:flex;gap:8px}.unit-converter-presets button{border:1px solid #4A3D36;background:transparent;color:#E6E1D9;padding:7px 12px;font-size:10px}.unit-converter-presets button[aria-pressed=true],.unit-converter-presets button:hover{background:#3A3835;border-color:#A39E97;color:#F7F4EF}.unit-converter-output-label{font-size:10px;margin:28px 0 7px;color:#E6E1D9}.unit-converter-result{display:flex;align-items:baseline;gap:15px;min-height:78px}.unit-converter-result output{font:400 58px/1.2 Outfit;letter-spacing:-.045em;color:var(--light);overflow-wrap:anywhere}.unit-converter-result>span{font-size:18px;color:#E6E1D9}.unit-converter-relation{font-size:11px;color:#E6E1D9;margin:5px 0 0}.unit-converter-error{min-height:20px;font-size:11px;color:#E6E1D9;margin:16px 0 10px;line-height:1.5}.unit-converter-note{font-size:9px;margin:0;border-top:1px solid #4A3D36;padding-top:14px;color:#A39E97}.tools-reference-mark{display:block;font:400 68px/1 Outfit;color:#6B6762;letter-spacing:-.06em;margin-bottom:42px}.tools-reference h3{font-size:38px;max-width:340px;line-height:1.1}.tools-reference>p{font-size:15px;max-width:380px}.tools-reference-details{border-top:1px solid #4A3D36;border-bottom:1px solid #4A3D36;margin:29px 0 25px;overflow:hidden}.tools-reference-details summary{position:relative;list-style:none;font-size:14px;padding:20px 28px 20px 0;cursor:pointer;color:#E6E1D9}.tools-reference-details summary::-webkit-details-marker{display:none}.tools-reference-details summary:after{content:'+';position:absolute;right:2px;font-size:18px;color:var(--light);top:18px;transition:transform .3s}.tools-reference-details[open] summary:after{transform:rotate(45deg)}.tools-reference-details>p{font-size:13px;line-height:1.7;color:#A39E97;padding-right:25px;margin:0 0 20px} @media(max-width:900px){.tools-demo-grid{gap:40px}.unit-converter{padding:30px}.tools-demo-heading h2{font-size:48px}.tools-reference-mark{font-size:56px}.tools-reference h3{font-size:34px}} @media(max-width:620px){.tools-demo{padding-top:55px;padding-bottom:60px}.tools-demo-heading{margin-bottom:30px}.tools-demo-heading h2{font-size:38px}.tools-demo-heading>p:last-child{font-size:14px}.tools-demo-grid{grid-template-columns:1fr;gap:36px}.unit-converter{padding:27px 22px 22px}.unit-converter .eyebrow{font-size:8px;letter-spacing:.08em}.unit-converter h3{font-size:29px}.unit-converter-description{font-size:13px}.unit-converter-result output{font-size:52px}.unit-converter-presets button{min-height:35px}.tools-reference-mark{font-size:49px;margin:5px 0 28px}.tools-reference h3{font-size:34px}.tools-reference>p{font-size:14px}.tools-reference-details summary{font-size:13px}} /* Directed map presentation and a clear, benefit-led editorial hierarchy. */ .home-page .hero-inner{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;min-height:720px;align-items:center;padding:32px 0 22px} .home-page .hero-copy{padding:25px 0;max-width:none;pointer-events:auto} .home-page .hero-copy h1{font-size:clamp(57px,5.5vw,80px);line-height:1.04;letter-spacing:-.055em;max-width:650px;margin-bottom:30px} .home-page .hero-copy h1 em{display:block}.home-page .hero-copy .lead{max-width:360px;font-size:18px;line-height:1.6} .home-page .hero-copy .actions{gap:26px;flex-wrap:wrap}.home-page .hero-bottom{padding:21px 0}.home-page .hero-audience{display:block;font-size:12px;line-height:1.5}.hero-bottom .hero-bottom-index{font:400 10px Karla;letter-spacing:.12em;color:#A39E97;text-transform:uppercase} .hero-tour{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-height:640px;perspective:1300px} .tour-top{position:absolute;left:14px;right:0;top:22px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.08em;color:#A39E97;z-index:2}.tour-top>span:first-child{display:flex;gap:8px;align-items:center}.tour-top i{width:5px;height:5px;border-radius:50%;background:#A39E97;box-shadow:0 0 10px #A39E9780}.tour-top>span:last-child{font-size:8px;letter-spacing:.14em} .tour-viewport{position:absolute;inset:24px -55px 120px -50px;overflow:hidden;perspective:1100px;mask-image:linear-gradient(transparent,#1E1815 8%,#1E1815 87%,transparent)} .tour-camera{position:absolute;inset:-50px 0 -65px;transform:rotateZ(-5deg) scale(.95);transform-origin:50% 48%;transition:transform 2.4s cubic-bezier(.25,.1,.25,1)} .tour-relief,.tour-polygons{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.tour-relief{opacity:.85}.tour-polygons{overflow:visible}.tour-area path{fill:#A39E9720;stroke:#E6E1D9;stroke-width:1.6;stroke-dasharray:4 3;transition:fill .8s,stroke-width .8s}.tour-area text{font:400 16px Karla;fill:#F7F4EF;paint-order:stroke;stroke:#2A2320;stroke-width:5px;letter-spacing:.4px;transition:opacity .7s;opacity:.65}.tour-area-core path{fill:#A39E9733;stroke-dasharray:none;stroke-width:2.5}.tour-area-core text{opacity:1}.tour-connector{stroke:#A39E97;stroke-width:1;stroke-dasharray:3 7;opacity:.3}.tour-target{stroke:#E6E1D9;opacity:.7}.tour-north{position:absolute;top:57px;right:43px;color:#E6E1D9;font-size:10px;text-align:center;line-height:1.8}.tour-scale{position:absolute;bottom:80px;left:64px;font-size:8px;color:#A39E97}.tour-scale i{display:block;width:62px;height:5px;border:1px solid #A39E97;border-top:0;margin-bottom:6px}.tour-zoom{position:absolute;right:38px;bottom:84px;display:grid;border:1px solid #4A3D36;color:#E6E1D9;font-size:18px;background:#1E1815a6}.tour-zoom span{width:29px;height:29px;text-align:center}.tour-zoom span+span{border-top:1px solid #4A3D36} [data-tour-stage="1"] .tour-camera{transform:translate(-5%,5%) rotateZ(0deg) scale(1.36)} [data-tour-stage="2"] .tour-camera{transform:translate(4%,10%) rotateZ(6deg) scale(1.2)} [data-tour-stage="3"] .tour-camera{transform:translate(-4%,5%) rotateX(13deg) rotateZ(-10deg) scale(1.25)} [data-tour-stage="4"] .tour-camera{transform:rotateZ(3deg) scale(.91)} [data-tour-stage="2"] .tour-area-north path,[data-tour-stage="3"] .tour-area-east path,[data-tour-stage="4"] .tour-area-south path{fill:#A39E9777;stroke-width:3;stroke-dasharray:none} [data-tour-stage="2"] .tour-area-north text,[data-tour-stage="3"] .tour-area-east text,[data-tour-stage="4"] .tour-area-south text{opacity:1} .tour-info{position:relative;z-index:2;background:linear-gradient(120deg,#2A2320ed,#2A2320f5);border:1px solid #4A3D36;padding:20px 22px 18px;min-height:218px;box-shadow:0 16px 35px #1E181526}.tour-info-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:9px;color:#E6E1D9}.tour-view{color:#E6E1D9;font-size:9px}.tour-info h2{font:400 26px/1.13 Outfit;letter-spacing:-.035em;min-height:30px;margin-bottom:8px}.tour-description{font-size:12px;line-height:1.55;margin:0 0 18px;max-width:410px;min-height:37px;color:#E6E1D9}.tour-facts{display:grid;grid-template-columns:1.15fr 1.6fr .6fr;gap:14px;margin:0;border-top:1px solid #4A3D36;padding-top:14px}.tour-facts dt{font-size:8px;color:#A39E97;margin-bottom:5px}.tour-facts dd{font-size:11px;color:#F7F4EF;margin:0;line-height:1.4}.tour-timeline{display:flex;gap:4px;margin-top:12px}.tour-timeline i{height:2px;flex:1;background:#4A3D36;overflow:hidden;position:relative}.tour-timeline i:after{content:'';position:absolute;inset:0;background:#A39E97;transform:translateX(-100%)} [data-tour-stage="0"] .tour-timeline i:nth-child(1):after,[data-tour-stage="1"] .tour-timeline i:nth-child(2):after,[data-tour-stage="2"] .tour-timeline i:nth-child(3):after,[data-tour-stage="3"] .tour-timeline i:nth-child(4):after,[data-tour-stage="4"] .tour-timeline i:nth-child(5):after{transform:translateX(0)} .tour-playing[data-tour-stage="0"] .tour-timeline i:nth-child(1):after,.tour-playing[data-tour-stage="1"] .tour-timeline i:nth-child(2):after,.tour-playing[data-tour-stage="2"] .tour-timeline i:nth-child(3):after,.tour-playing[data-tour-stage="3"] .tour-timeline i:nth-child(4):after,.tour-playing[data-tour-stage="4"] .tour-timeline i:nth-child(5):after{animation:tour-progress var(--tour-step-duration,3.2s) linear} @keyframes tour-progress{from{transform:translateX(-100%)}to{transform:translateX(0)}} .tour-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 0;font-size:8px;color:#A39E97}.tour-bottom>div{display:flex;gap:6px}.tour-bottom button{min-height:32px;border:1px solid #4A3D36;background:#2A2320;color:#E6E1D9;font-size:10px;padding:0 10px;cursor:pointer}.tour-bottom button:disabled{cursor:default;opacity:.7}.tour-bottom button:hover{background:#3A3835}.tour-noscript{font-size:11px} .module-pains{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);margin-top:46px;padding-top:25px}.module-pains article{min-width:0}.module-pains h3{font:400 20px Outfit;color:#A39E97;margin:0 0 19px}.module-pains h4{font:400 22px/1.2 Outfit;letter-spacing:-.025em;margin:0 0 14px;color:#F7F4EF}.module-pains p{font-size:13px;line-height:1.65;color:#E6E1D9;margin:0}.module-pains .pain-index{display:block;font:400 9px Karla;letter-spacing:.12em;color:#A39E97;margin-bottom:14px}.module-pains a{display:inline-block;font-size:11px;border-bottom:1px solid #4A3D36;padding:7px 0;margin-top:15px;color:#E6E1D9} .home-page .cta-heading{gap:55px}.home-page .cta-heading h2{font-size:clamp(55px,6.2vw,89px);line-height:1.02;max-width:770px}.home-page .cta-heading>div{margin-right:0;flex:0 0 260px}.home-page .cta-inner{padding-bottom:95px} .motion-paused .tour-camera,.motion-paused .tour-area path,.motion-paused .tour-area text{transition:none} @media(max-width:1100px){.home-page .hero-inner{grid-template-columns:1fr 1fr;min-height:680px;gap:20px}.home-page .hero-copy h1{font-size:62px}.hero-tour{min-height:610px}.tour-info{padding:17px}.tour-info h2{font-size:23px}.tour-facts{gap:8px;grid-template-columns:1.1fr 1.4fr .6fr}.tour-facts dd{font-size:10px}.tour-view{display:none}.home-page .hero-copy .lead{font-size:16px}.module-pains{gap:22px}.module-pains h4{font-size:20px}} @media(max-width:800px){.home-page .hero-inner{grid-template-columns:1fr;gap:0;padding-top:30px}.home-page .hero-copy{max-width:640px;padding-bottom:0}.home-page .hero-copy h1{font-size:clamp(54px,8.4vw,70px);max-width:610px}.home-page .hero-copy .lead{max-width:400px}.hero-tour{min-height:625px;max-width:650px;width:100%;margin:0 auto 16px}.tour-top{top:22px}.tour-viewport{inset:15px -50px 115px}.tour-info{padding:21px 24px}.tour-info h2{font-size:27px}.tour-facts dd{font-size:12px}.tour-facts dt{font-size:9px}.tour-view{display:block}.module-pains{grid-template-columns:1fr 1fr;gap:28px 35px}.home-page .cta-heading{display:block}.home-page .cta-heading h2{font-size:68px;margin-bottom:32px}.home-page .cta-heading>div{max-width:400px}.home-page .hero-bottom .hero-audience{display:none}} @media(max-width:480px){.home-page .hero-inner{width:88%;padding:18px 0 0}.home-page .hero-copy{padding-top:22px}.home-page .hero-copy h1{font-size:52px;line-height:1.05;margin-bottom:25px}.home-page .hero-copy .lead{font-size:15px;max-width:300px}.home-page .hero-copy .actions{gap:19px;margin-top:24px}.hero-tour{min-height:567px;margin-top:16px}.tour-top{left:0;top:19px;font-size:8px}.tour-top>span:last-child{font-size:7px}.tour-viewport{inset:12px -34px 145px -34px}.tour-camera{inset:-35px -12px -35px}.tour-info{padding:17px 16px;min-height:224px}.tour-info h2{font-size:25px;min-height:54px}.tour-description{font-size:11px;min-height:35px;margin-bottom:13px}.tour-facts{grid-template-columns:1.1fr 1.5fr .6fr;gap:8px;padding-top:12px}.tour-facts dd{font-size:10px}.tour-facts dt{font-size:8px}.tour-view{display:none}.tour-bottom{font-size:7px}.tour-bottom button{min-height:36px}.tour-north{right:32px}.tour-scale{left:35px;bottom:61px}.tour-zoom{right:26px;bottom:61px}.home-page .hero-bottom{padding:17px 0}.hero-bottom .hero-bottom-index{font-size:8px;max-width:220px}.module-pains{gap:28px 20px;margin-top:30px;padding-top:24px}.module-pains h3{font-size:18px;margin-bottom:14px}.module-pains h4{font-size:21px}.module-pains p{font-size:12px}.module-pains a{font-size:10px}.home-page .cta-heading h2{font-size:53px}.home-page .cta-inner{padding-bottom:76px}} @media(prefers-reduced-motion:reduce){.tour-camera,.tour-area path,.tour-area text{transition:none}.tour-timeline i:after{animation:none!important}} /* A concrete, fictional Radar case. Load after experience.css. */ .radar-story{padding:44px 42px 28px;background:linear-gradient(145deg,#2A2320,#2A2320)} .radar-story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;margin-bottom:32px} .radar-story-heading .eyebrow{margin-bottom:20px}.radar-story-heading h3{font-size:39px;line-height:1.12;margin:0;letter-spacing:-.04em}.radar-story-heading>p{font-size:14px;line-height:1.7;margin:0 0 2px;max-width:410px;color:#E6E1D9} .radar-case-board{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(255px,1fr);border:1px solid #4A3D36;background:#2A2320} .radar-story-map{position:relative;min-height:380px;overflow:hidden;border-right:1px solid #4A3D36;background:radial-gradient(ellipse at 42% 45%,#6B676215,transparent 70%)} .radar-story-map svg{position:absolute;inset:25px 0 15px;width:100%;height:calc(100% - 40px)} .radar-map-heading{position:absolute;top:21px;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#E6E1D9;z-index:1}.radar-map-heading>span:first-child{text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#A39E97} .radar-neighbor{fill:#A39E9720;stroke:#A39E97;stroke-opacity:.45}.radar-story-polygon{fill:#A39E972d;stroke:#E6E1D9;stroke-width:2;transition:fill .65s,stroke .65s}.radar-polygon-outline{stroke:#E6E1D9;stroke-width:2;stroke-dasharray:4 7;opacity:.55}.radar-area-center{fill:#E6E1D9;stroke:#2A2320;stroke-width:3}.radar-change-marker{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .65s var(--ease)} .expedition[data-radar-stage="1"] .radar-story-polygon{fill:#A39E9755;stroke:#E6E1D9}.expedition[data-radar-stage="1"] .radar-change-marker,.expedition[data-radar-stage="2"] .radar-change-marker{opacity:1;transform:none}.expedition[data-radar-stage="2"] .radar-story-polygon{fill:#A39E9745;stroke:#E6E1D9}.expedition[data-radar-stage="2"] .radar-polygon-outline{stroke-dasharray:none;opacity:1} .radar-map-caption{position:absolute;left:24px;right:20px;bottom:21px;display:flex;align-items:center;gap:9px;color:#E6E1D9;font-size:9px;line-height:1.5}.radar-map-dot{width:5px;height:5px;border-radius:50%;background:#E6E1D9;flex-shrink:0} .radar-case-card{padding:27px 27px 22px;background:#2A2320}.radar-case-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.radar-fiction-tag{border:1px solid #6B6762;padding:4px 7px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#E6E1D9}.radar-case-top>span:last-child{font:400 11px Outfit;color:#E6E1D9}.radar-case-card h4{font:400 30px/1.1 Outfit;margin:0 0 9px;letter-spacing:-.035em;color:#F7F4EF}.radar-case-id{font-size:10px;margin:0;color:#E6E1D9}.radar-case-id strong{font-weight:400;margin-left:8px;color:#E6E1D9}.radar-case-card dl{margin:23px 0 20px}.radar-case-card dl>div{border-top:1px solid #4A3D36;padding:12px 0}.radar-case-card dt{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#A39E97;margin-bottom:5px}.radar-case-card dd{font-size:12px;line-height:1.45;color:#F7F4EF;margin:0;min-height:18px}.radar-case-note{border-left:2px solid #A39E97;padding:0 0 0 11px;font-size:10px;line-height:1.55;color:#E6E1D9;margin:0} .radar-story-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:27px 0 29px;padding:0}.radar-story-timeline button{width:100%;position:relative;display:flex;align-items:center;gap:15px;border:0;background:transparent;text-align:left;padding:16px 8px 19px 0;color:#A39E97;min-height:76px}.radar-step-number{font:400 18px/1 Outfit;color:#A39E97}.radar-story-timeline strong{display:block;font-weight:400;font-size:13px;color:#E6E1D9}.radar-story-timeline small{display:block;font-size:10px;color:#A39E97;margin-top:4px}.radar-story-timeline button:hover strong,.radar-story-timeline button.is-selected strong{color:#FCFBF8}.radar-story-timeline button.is-selected .radar-step-number{color:#E6E1D9}.radar-step-progress{position:absolute;height:2px;left:0;right:0;bottom:0;background:#4A3D36;overflow:hidden}.radar-step-progress:after{content:'';display:block;width:100%;height:100%;background:#E6E1D9;transform:scaleX(0);transform-origin:left}.radar-story-timeline button.is-selected .radar-step-progress:after{transform:scaleX(1)}.expedition[data-radar-playing="true"] .radar-story-timeline button.is-selected .radar-step-progress:after{animation:radar-case-progress 4.8s linear both} .radar-story-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start}.radar-story-bottom h4{font:400 29px/1.14 Outfit;letter-spacing:-.035em;color:#F7F4EF;margin:0 0 13px;min-height:66px}.radar-story-bottom #radar-text{font-size:13px;color:#E6E1D9;line-height:1.65;margin:0;max-width:440px;min-height:65px}.radar-story-controls{display:grid;grid-template-columns:1fr;gap:15px;padding-top:3px}.radar-story-range>div{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#E6E1D9;margin-bottom:14px}.radar-story-range output{color:#E6E1D9}.radar-story-range input{width:100%;margin:0}.radar-play-control{justify-self:start;display:inline-flex;align-items:center;gap:12px;border:1px solid #6B6762;background:#2A2320;color:#E6E1D9;padding:11px 16px;font-size:11px;min-height:42px;transition:background .2s,border-color .2s}.radar-play-control:hover{background:#3A3835;border-color:#E6E1D9}.radar-play-icon{display:inline-block;width:9px;height:11px;border-left:7px solid #E6E1D9;border-top:5px solid transparent;border-bottom:5px solid transparent}.radar-play-control[aria-pressed="true"] .radar-play-icon{width:9px;height:10px;border-left:3px solid #E6E1D9;border-right:3px solid #E6E1D9;border-top:0;border-bottom:0}.radar-story-controls #radar-playback-note{font-size:9px;color:#A39E97;margin:-5px 0 0;line-height:1.5}.radar-story-disclaimer{font-size:9px;line-height:1.6;color:#A39E97;margin:25px 0 0;padding-top:19px;border-top:1px solid #4A3D36} @keyframes radar-case-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(max-width:1050px){.radar-story{padding:34px 30px 25px}.radar-story-heading{gap:32px}.radar-story-heading h3{font-size:33px}.radar-story-heading>p{font-size:13px}.radar-case-board{grid-template-columns:minmax(0,1.1fr) minmax(235px,1fr)}.radar-case-card{padding:24px 22px}.radar-story-bottom{gap:32px}.radar-story-bottom h4{font-size:26px}.radar-story-timeline{gap:15px}.radar-story-timeline button{gap:10px}.radar-story-timeline strong{font-size:11px}.radar-story-timeline small{font-size:9px}} @media(max-width:700px){.radar-story-heading{grid-template-columns:1fr;gap:20px}.radar-story-heading h3{font-size:36px;max-width:460px}.radar-story-heading>p{max-width:550px}.radar-case-board{grid-template-columns:1fr}.radar-story-map{height:285px;min-height:0;border-right:0;border-bottom:1px solid #4A3D36}.radar-case-card{padding:23px 24px}.radar-case-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:20px 0 12px}.radar-case-card dl>div:last-child{grid-column:1/-1}.radar-case-top{margin-bottom:17px}.radar-story-bottom{grid-template-columns:1fr;gap:24px}.radar-story-bottom h4{min-height:0}.radar-story-bottom #radar-text{min-height:0}.radar-story-controls{grid-template-columns:1fr auto;gap:18px;align-items:center}.radar-story-controls #radar-playback-note{grid-column:1/-1}.radar-story-timeline{gap:13px}.radar-story-timeline button{display:block;min-height:101px}.radar-step-number{display:block;margin-bottom:10px}.radar-story-timeline strong{font-size:11px;line-height:1.4}.radar-story-timeline small{font-size:9px;line-height:1.4}} @media(max-width:420px){.radar-story{padding:28px 21px 22px}.radar-story-heading{margin-bottom:24px}.radar-story-heading .eyebrow{font-size:9px;margin-bottom:18px}.radar-story-heading h3{font-size:32px;line-height:1.12}.radar-story-heading h3 br{display:none}.radar-story-heading>p{font-size:13px;line-height:1.6}.radar-story-map{height:240px}.radar-map-heading{left:16px;right:16px;top:16px;font-size:9px}.radar-map-heading>span:first-child{font-size:7px}.radar-map-caption{left:16px;right:15px;bottom:14px;font-size:8px;max-width:220px}.radar-story-map svg{inset:16px 0 21px;height:calc(100% - 37px);transform:scale(1.13)}.radar-case-card{padding:22px 18px}.radar-case-card h4{font-size:27px}.radar-case-card dl{gap:0 15px}.radar-case-card dt{font-size:7px;letter-spacing:.08em}.radar-case-card dd{font-size:11px;line-height:1.5}.radar-case-note{font-size:9px}.radar-story-timeline{gap:12px;margin:16px 0 26px}.radar-story-timeline button{min-height:111px;padding-bottom:15px}.radar-story-timeline strong{font-size:10px}.radar-story-timeline small{font-size:8px}.radar-step-number{font-size:17px}.radar-story-bottom h4{font-size:28px}.radar-story-bottom #radar-text{font-size:12px}.radar-story-controls{grid-template-columns:1fr;gap:17px}.radar-story-range>div{font-size:10px}.radar-play-control{font-size:11px;min-height:44px}.radar-story-controls #radar-playback-note{font-size:9px}.radar-story-disclaimer{font-size:8px;line-height:1.6;margin-top:22px;padding-top:17px}} @media(prefers-reduced-motion:reduce){.radar-story *,.radar-story *:before,.radar-story *:after{animation:none!important;transition:none!important}} .radar-story-playbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.radar-story-playbar>span{font-size:10px;color:#E6E1D9}.radar-story-controls{grid-template-columns:1fr} @media(max-width:420px){.radar-story-playbar{gap:15px;margin-bottom:18px}.radar-story-playbar>span{font-size:9px;max-width:103px;line-height:1.5}.radar-story-playbar .radar-play-control{font-size:9px;padding:10px 11px;gap:9px;min-height:40px}} /* Scoped presentation for the local, fictional portfolio demonstration. */ .portfolio-demo{--pf-copper:#A39E97;--pf-muted:#A39E97;--pf-line:rgba(163,158,151,.18);--pf-bg:#1E1815;--pf-soft:#1E1815;color:#F7F4EF} .portfolio-demo [hidden]{display:none!important} .portfolio-heading{max-width:none;width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:48px} .portfolio-heading>p{max-width:470px;margin:0 0 8px;color:var(--pf-muted);font-size:16px;line-height:1.75} .portfolio-heading h2{margin-bottom:0} .portfolio-workbench{border:1px solid var(--pf-line);border-radius:4px;background:var(--pf-bg);overflow:hidden} .portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:14px 24px;border-bottom:1px solid var(--pf-line)} .portfolio-demo-label{display:flex;align-items:center;gap:13px} .portfolio-demo-label>span{font-size:10px;letter-spacing:.12em;font-weight:600;border:1px solid rgba(163,158,151,.35);padding:5px 8px;color:var(--pf-copper);border-radius:2px} .portfolio-demo-label p{margin:0;font-size:12px;color:var(--pf-muted)} .portfolio-demo button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent} .portfolio-demo button:focus-visible{outline:2px solid #E6E1D9;outline-offset:4px} .portfolio-demo button:disabled{opacity:.46;cursor:default} .portfolio-reset{display:flex;gap:10px;align-items:center;background:none;border:0;padding:8px 0;font-size:12px!important;color:var(--pf-muted)!important} .portfolio-reset span{font-size:18px;color:var(--pf-copper)} .portfolio-actions{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--pf-line)} .portfolio-actions>button{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:70px;padding:16px 23px;border:0;border-right:1px solid var(--pf-line);background:transparent;text-align:left;font-size:13px;transition:background .2s,color .2s} .portfolio-actions>button:last-child{border-right:0} .portfolio-actions>button>span:last-child{margin-left:auto;font-size:19px;color:var(--pf-copper)} .portfolio-actions>button:hover:not(:disabled),.portfolio-actions>button[aria-pressed=true]{background:rgba(163,158,151,.095);color:var(--pf-copper)} .portfolio-action-number{font-size:10px;letter-spacing:.1em;color:var(--pf-muted)} .portfolio-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);min-height:488px} .portfolio-map-column{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--pf-line)} .portfolio-map{position:relative;min-height:438px;flex:1;overflow:hidden;background:#1E1815} .portfolio-map>svg{display:block;width:100%;height:100%;min-height:438px;position:absolute;inset:0;color:#A39E97} .portfolio-contours{opacity:.14} .portfolio-map-compass{fill:var(--pf-muted);stroke:var(--pf-muted);stroke-width:1;opacity:.7} .portfolio-map-compass text{font:11px sans-serif;text-anchor:middle;stroke:none} .portfolio-plot-hint{fill:rgba(163,158,151,.04);stroke:rgba(163,158,151,.27);stroke-width:1;stroke-dasharray:4 7;transition:opacity .3s} .portfolio-primary,.portfolio-neighbor-shapes,.portfolio-restriction{opacity:0;transition:opacity .28s} .portfolio-primary{pointer-events:none} .portfolio-primary-fill{fill:rgba(163,158,151,.11)} .portfolio-primary-line{fill:none;stroke:#A39E97;stroke-width:1.8;vector-effect:non-scaling-stroke} .portfolio-primary circle{fill:#1E1815;stroke:#E6E1D9;stroke-width:1.4} .portfolio-primary text{text-anchor:middle;fill:#E6E1D9;font-family:inherit;letter-spacing:1.7px} .portfolio-map-area-label{font-size:13px;font-weight:500} .portfolio-map-area-note{font-size:7px;opacity:.68;letter-spacing:1.25px!important} .portfolio-demo[data-portfolio-state=plotted] .portfolio-primary{opacity:1} .portfolio-demo[data-portfolio-state=plotted] .portfolio-primary-line{animation:portfolio-outline .65s cubic-bezier(.2,.75,.25,1) both} .portfolio-demo[data-portfolio-state=plotted] .portfolio-plot-hint{opacity:0} .portfolio-neighbor-shapes{pointer-events:none} .portfolio-neighbors-visible .portfolio-neighbor-shapes,.portfolio-neighbors-visible .portfolio-restriction{opacity:1} .portfolio-neighbors-visible .portfolio-neighbor-shapes{pointer-events:auto} .portfolio-neighbor{fill:rgba(163,158,151,.075);stroke:#6B6762;stroke-width:1;cursor:pointer;transition:fill .2s,stroke .2s} .portfolio-neighbor:hover,.portfolio-neighbor.is-selected{fill:rgba(163,158,151,.18);stroke:#A39E97;stroke-width:1.7} .portfolio-map-labels{pointer-events:none;font-size:10px;letter-spacing:.4px;text-anchor:middle;fill:#E6E1D9} .portfolio-restriction{pointer-events:none} .portfolio-restriction path{fill:url(#portfolio-hatch);fill-opacity:.18;stroke:#A39E97;stroke-opacity:.7;stroke-width:1;stroke-dasharray:4 5} .portfolio-restriction text{text-anchor:middle;fill:#A39E97;font-size:8px;letter-spacing:1.6px} .portfolio-boundary-after,.portfolio-restriction-after{display:none} .portfolio-demo[data-portfolio-view=after] .portfolio-boundary-before,.portfolio-demo[data-portfolio-view=after] .portfolio-restriction-before{display:none} .portfolio-demo[data-portfolio-view=after] .portfolio-boundary-after,.portfolio-demo[data-portfolio-view=after] .portfolio-restriction-after{display:block} .portfolio-demo[data-portfolio-view=after] .portfolio-boundary-after{stroke:#A39E97;stroke-width:1.6} .portfolio-map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(180deg,transparent,rgba(30,24,21,.14))} .portfolio-map-empty>span{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(163,158,151,.35);border-radius:50%;color:var(--pf-copper);font-size:24px;font-weight:300;margin-bottom:20px;background:#1E1815} .portfolio-map-empty p{max-width:260px;font-size:21px;line-height:1.35;margin:0;color:#E6E1D9} .portfolio-map-empty small{max-width:270px;font-size:12px;margin-top:14px;color:var(--pf-muted);line-height:1.6} .portfolio-map-badge{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--pf-line);background:rgba(30,24,21,.9);padding:9px 12px;font-size:10px;color:#E6E1D9;max-width:calc(100% - 75px)} .portfolio-map-badge span{font-size:12px} .portfolio-map-view{position:absolute;bottom:18px;left:21px;display:flex;flex-direction:column;gap:3px} .portfolio-map-view>span{font-size:12px;color:#E6E1D9} .portfolio-map-view>small{font-size:10px;color:var(--pf-muted)} .portfolio-legend{display:flex;flex-wrap:wrap;gap:18px;padding:15px 21px;min-height:51px;border-top:1px solid var(--pf-line);font-size:10px;color:var(--pf-muted)} .portfolio-legend>span{display:flex;align-items:center;gap:7px} .portfolio-legend i{display:inline-block;width:10px;height:10px;flex-shrink:0} .portfolio-key-area{border:1px solid #A39E97;background:rgba(163,158,151,.14)} .portfolio-key-neighbor{border:1px solid #6B6762} .portfolio-key-restriction{background:repeating-linear-gradient(-35deg,transparent 0 3px,#A39E97 3px 4px);border:1px solid #A39E97} .portfolio-panel{padding:30px 28px;display:flex;flex-direction:column;min-width:0} .portfolio-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} .portfolio-panel-heading .eyebrow{margin:0;font-size:9px;letter-spacing:.15em} .portfolio-panel-index{font-size:9px;color:#6B6762;letter-spacing:.12em} .portfolio-panel h3{font-size:24px!important;font-weight:450;line-height:1.18;letter-spacing:-.025em;margin:20px 0 12px} .portfolio-panel-copy{font-size:13px!important;line-height:1.65!important;color:var(--pf-muted);margin:0 0 21px!important} .portfolio-area-summary{padding:16px 0;border-top:1px solid var(--pf-line);border-bottom:1px solid var(--pf-line);display:grid;gap:11px;margin-bottom:21px} .portfolio-area-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:10px} .portfolio-area-summary span{color:var(--pf-muted)} .portfolio-area-summary strong{font-weight:400;text-align:right;color:#E6E1D9} .portfolio-list-title{font-size:10px;color:var(--pf-muted);margin:0 0 10px} .portfolio-neighbor-list button{width:100%;border:0;border-bottom:1px solid var(--pf-line);padding:12px 10px;background:transparent;display:flex;justify-content:space-between;gap:12px;text-align:left;transition:background .2s} .portfolio-neighbor-list button>span:first-child{display:flex;flex-direction:column;gap:5px} .portfolio-neighbor-list button strong{font-weight:450;font-size:12px;letter-spacing:.025em} .portfolio-neighbor-list button small{font-size:10px;color:var(--pf-muted)} .portfolio-neighbor-list button>span:last-child{color:#A39E97} .portfolio-neighbor-list button:hover,.portfolio-neighbor-list button[aria-pressed=true]{background:rgba(163,158,151,.10)} .portfolio-fiction-note{font-size:9px;color:var(--pf-muted);line-height:1.5;margin:10px 0 0} .portfolio-context{margin-top:17px;border-left:1px solid #6B6762;padding:2px 0 2px 14px} .portfolio-context-kicker{font-size:9px;color:var(--pf-muted);margin:0 0 7px} .portfolio-context h4{font-size:12px;font-weight:500;color:#E6E1D9;margin:0 0 8px} .portfolio-context>p:last-child{font-size:11px;color:#A39E97;line-height:1.65;margin:0} .portfolio-panel-footnote{display:flex;align-items:flex-start;gap:12px;padding-top:26px;margin-top:auto} .portfolio-panel-footnote>span{color:var(--pf-copper);font-size:19px;line-height:1} .portfolio-panel-footnote p{font-size:11px;line-height:1.6;color:var(--pf-muted);margin:0} .portfolio-comparison{display:grid;grid-template-columns:.9fr 1.5fr;gap:42px;padding:35px 30px;border-top:1px solid var(--pf-line);background:rgba(30,24,21,.5)} .portfolio-comparison-intro .eyebrow{font-size:9px;margin:0 0 13px} .portfolio-comparison-intro h3{font-size:23px!important;font-weight:400;letter-spacing:-.025em;line-height:1.25;margin:0 0 20px} .portfolio-comparison-intro>p:last-child{font-size:11px;line-height:1.65;color:var(--pf-muted);max-width:290px;margin:15px 0 0} .portfolio-view-buttons{display:inline-flex;border:1px solid var(--pf-line);padding:3px;gap:3px} .portfolio-view-buttons button{min-height:35px;padding:8px 18px;font-size:11px;background:transparent;border:0;color:var(--pf-muted)} .portfolio-view-buttons button[aria-pressed=true]{background:#A39E97;color:#1E1815} .portfolio-view-buttons button span{margin-left:13px} .portfolio-comparison-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed} .portfolio-comparison-table caption{text-align:left;font-size:12px;color:#E6E1D9;margin-bottom:20px} .portfolio-comparison-table th,.portfolio-comparison-table td{font-size:11px;padding:13px 10px;border-bottom:1px solid var(--pf-line);line-height:1.5;vertical-align:top;font-weight:400;color:var(--pf-muted);overflow-wrap:anywhere} .portfolio-comparison-table th:first-child,.portfolio-comparison-table td:first-child{padding-left:0;width:35%} .portfolio-comparison-table thead th{font-size:9px;letter-spacing:.06em;color:#E6E1D9;padding-top:0} .portfolio-comparison-table tbody th{color:#E6E1D9} .portfolio-demo[data-portfolio-view=before] .portfolio-comparison-table td:nth-child(2),.portfolio-demo[data-portfolio-view=after] .portfolio-comparison-table td:nth-child(3){background:rgba(163,158,151,.08);color:#E6E1D9} .portfolio-comparison-note{font-size:10px;color:var(--pf-muted);line-height:1.6;margin:16px 0 0} .portfolio-status{margin:0!important;min-height:46px;padding:14px 23px!important;border-top:1px solid var(--pf-line);font-size:10px!important;line-height:1.65!important;color:#A39E97} .portfolio-section-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px} .portfolio-section-footer>p{max-width:580px;font-size:13px;line-height:1.7;color:var(--pf-muted);margin:0} .portfolio-section-footer>a{flex-shrink:0;font-size:13px} @keyframes portfolio-outline{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}} @media(min-width:1450px){.portfolio-map,.portfolio-map>svg{min-height:490px}} @media(max-width:1000px){.portfolio-heading{gap:35px}.portfolio-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.portfolio-actions>button{padding:15px;gap:9px;font-size:12px}.portfolio-panel{padding:25px 22px}.portfolio-comparison{gap:25px;padding:28px 24px}.portfolio-legend{gap:11px;padding:14px;font-size:9px}} @media(max-width:760px){.portfolio-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.portfolio-heading>p{font-size:14px;margin:0;max-width:480px}.portfolio-toolbar{padding:13px 16px}.portfolio-demo-label{gap:8px}.portfolio-demo-label p{font-size:9px}.portfolio-demo-label>span{font-size:8px;padding:4px 6px}.portfolio-reset{font-size:10px!important;gap:5px}.portfolio-actions{grid-template-columns:1fr}.portfolio-actions>button{min-height:49px;padding:13px 16px;border-right:0;border-bottom:1px solid var(--pf-line);gap:14px;font-size:12px}.portfolio-actions>button:last-child{border-bottom:0}.portfolio-action-number{font-size:9px}.portfolio-layout{grid-template-columns:1fr}.portfolio-map-column{border-right:0;border-bottom:1px solid var(--pf-line)}.portfolio-map,.portfolio-map>svg{min-height:315px}.portfolio-map>svg{width:112%;left:-6%}.portfolio-map-empty p{font-size:19px;max-width:225px}.portfolio-map-empty small{font-size:10px}.portfolio-map-empty>span{width:36px;height:36px;font-size:21px;margin-bottom:14px}.portfolio-map-badge{top:13px;left:13px;padding:7px 9px;font-size:9px}.portfolio-map-view{left:14px;bottom:13px}.portfolio-map-view>span{font-size:11px}.portfolio-map-view>small{font-size:9px}.portfolio-map-area-note{display:none}.portfolio-map-labels{font-size:12px}.portfolio-map-area-label{font-size:15px}.portfolio-legend{padding:13px 14px;gap:12px;font-size:8px;min-height:42px}.portfolio-legend i{width:8px;height:8px}.portfolio-panel{padding:25px 20px}.portfolio-panel h3{font-size:24px!important;margin-top:17px}.portfolio-panel-copy{max-width:420px;font-size:13px!important}.portfolio-panel-footnote{padding-top:23px}.portfolio-area-summary>div{font-size:11px}.portfolio-neighbor-list button{padding:14px 9px}.portfolio-neighbor-list button strong{font-size:13px}.portfolio-neighbor-list button small{font-size:11px}.portfolio-context h4{font-size:13px}.portfolio-context>p:last-child{font-size:12px}.portfolio-comparison{grid-template-columns:1fr;gap:27px;padding:27px 19px}.portfolio-comparison-intro h3{font-size:24px!important}.portfolio-comparison-intro>p:last-child{max-width:360px;font-size:12px}.portfolio-comparison-table th,.portfolio-comparison-table td{padding:12px 7px;font-size:10px}.portfolio-comparison-table caption{font-size:11px;line-height:1.5}.portfolio-comparison-table thead th{font-size:9px}.portfolio-status{padding:13px 16px!important;font-size:10px!important}.portfolio-section-footer{align-items:flex-start;flex-direction:column;gap:18px;margin-top:22px}.portfolio-section-footer>p{font-size:12px}.portfolio-section-footer>a{font-size:12px}} .motion-paused .portfolio-demo *{animation:none!important;transition:none!important} @media(prefers-reduced-motion:reduce){.portfolio-demo *{animation:none!important;transition:none!important}} /* The portrait is the same local character artwork. Animation does not alter her face. */ .jade-playground{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:65px;align-items:center} .jade-intro{padding-top:0} .jade-intro>p:not(.eyebrow):not(.jade-intro-note){max-width:400px} .jade-intro h2{font-size:clamp(38px,3.6vw,52px);margin-bottom:25px} .jade-character{position:relative;isolation:isolate;height:315px;max-width:470px;margin:13px 0 0;overflow:hidden} .jade-character:before{content:'';position:absolute;z-index:-2;inset:10% 8% -8% -7%;background:radial-gradient(ellipse at 40% 65%,#6B67621a,transparent 62%)} .jade-character-figure{position:absolute;inset:0 auto 0 5%;height:100%;width:240px;transform-origin:50% 94%;z-index:2} .jade-character-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 94%} .jade-character-orbit{position:absolute;left:8%;bottom:7%;width:72%;height:50px;border:1px solid #6B67623b;border-radius:50%;transform:rotate(-8deg);z-index:-1} .jade-character-orbit:after{content:'';position:absolute;width:5px;height:5px;background:#A39E97;border-radius:50%;left:87%;top:11%;box-shadow:0 0 18px #A39E9766} .jade-character-orbit.orbit-front{bottom:11%;left:2%;width:91%;height:65px;opacity:.5;transform:rotate(7deg)} .jade-character-orbit.orbit-front:after{left:11%;top:61%;width:3px;height:3px} .jade-character-cue{position:absolute;left:64%;right:0;top:26%;padding-left:16px;z-index:3} .jade-cue-dot{position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#A39E97;box-shadow:0 0 0 4px #A39E970c} .jade-cue-eyebrow{display:block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#A39E97} .jade-character-cue p{font:400 19px/1.25 var(--heading);letter-spacing:-.02em;color:#E6E1D9;margin:13px 0 18px;max-width:145px;min-height:48px} .jade-cue-rule{display:block;width:39px;height:1px;background:#6B676266} .jade-avatar-motion{position:absolute;right:0;bottom:4px;z-index:4;display:flex;align-items:center;gap:8px;min-height:33px;padding:6px 2px;background:transparent;border:0;border-bottom:1px solid #4A3D36;color:#A39E97;font-size:10px} .jade-avatar-motion>span:first-child{font-size:12px;min-width:11px} .jade-avatar-motion:hover:not(:disabled){color:#F7F4EF;border-color:#A39E97} .jade-avatar-motion:disabled{cursor:default;color:#A39E97} .jade-intro-note{margin-top:17px!important} .jade-console-header .jade-avatar{position:relative;display:block;width:44px;height:44px;flex:0 0 44px;overflow:hidden;background:#3A3835} .jade-console-header .jade-avatar img{position:absolute;width:136px;height:204px;max-width:none;left:50%;top:-3px;transform:translateX(-50%)} .jade-character[data-animate=true] .jade-character-image{animation:jade-idle 7s ease-in-out infinite} .jade-character[data-animate=true] .jade-character-orbit{animation:jade-orbit-light 6s ease-in-out infinite} .jade-character[data-animate=true] .orbit-front{animation-delay:-3s} @keyframes jade-idle{0%,100%{transform:rotate(-.35deg) translateY(0)}50%{transform:rotate(.35deg) translateY(-2px)}} @keyframes jade-orbit-light{0%,100%{opacity:.45}50%{opacity:.95}} body.motion-paused .jade-character *,body.motion-paused .jade-character *:before,body.motion-paused .jade-character *:after{animation-play-state:paused!important} @media(max-width:1100px){.jade-playground{gap:35px}.jade-character{height:305px}.jade-character-figure{left:-2%;width:225px}.jade-character-cue{left:63%}.jade-character-cue p{font-size:17px}.jade-cue-eyebrow{font-size:7px}} @media(max-width:780px){.jade-playground{grid-template-columns:1fr;gap:28px}.jade-intro{display:grid;grid-template-columns:1fr 220px;gap:0 20px;align-items:start}.jade-intro>.eyebrow,.jade-intro>h2,.jade-intro>p,.jade-intro>.text-link{grid-column:1}.jade-intro h2{font-size:40px}.jade-character{grid-column:2;grid-row:1/6;width:220px;height:360px;margin:0}.jade-character-figure{inset:0;max-height:295px;width:100%}.jade-character-cue{top:auto;bottom:22px;left:9%;right:12%;padding-left:15px;display:flex;align-items:baseline;gap:8px}.jade-character-cue p{font-size:12px;min-height:0;margin:0;max-width:100px}.jade-character-cue p br{display:none}.jade-cue-rule{display:none}.jade-cue-eyebrow{font-size:7px;white-space:nowrap}.jade-cue-dot{top:5px}.jade-avatar-motion{bottom:0;right:12%;font-size:9px;min-height:25px}.jade-character-orbit{bottom:20%}.jade-character-orbit.orbit-front{bottom:22%}.jade-thread{min-height:305px}} @media(max-width:620px){.jade-intro{display:block}.jade-intro h2{font-size:40px}.jade-character{width:100%;max-width:360px;height:280px;margin:13px auto 0}.jade-character-figure{left:1%;width:200px;max-height:none}.jade-character-cue{display:block;left:64%;right:0;top:25%;bottom:auto;padding-left:13px}.jade-character-cue p{font-size:17px;min-height:45px;margin:12px 0 15px;max-width:120px}.jade-character-cue p br{display:initial}.jade-cue-rule{display:block;width:29px}.jade-cue-eyebrow{font-size:7px}.jade-avatar-motion{bottom:2px;right:0;min-height:32px}.jade-character-orbit{bottom:7%;left:0;width:82%}.jade-character-orbit.orbit-front{bottom:10%;left:0;width:98%}.jade-intro-note{margin-top:11px!important;font-size:10px!important}.jade-console-header .jade-avatar{width:40px;height:40px;flex-basis:40px}.jade-console-header .jade-avatar img{width:127px;height:190.5px}.jade-playground{gap:25px}.jade-thread{min-height:315px}} @media(prefers-reduced-motion:reduce){.jade-character *,.jade-character *:before,.jade-character *:after{animation:none!important;transition:none!important}} /* Packed video is only a decoding source. The canvas supplies real transparent pixels. */ .jade-character-video{position:absolute;inset:0;width:100%;height:100%;opacity:0!important;pointer-events:none} .jade-character-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none} .jade-character[data-video-visible=true] .jade-character-canvas{opacity:1;visibility:visible} .jade-character[data-video-visible=true] .jade-character-image{opacity:0} .jade-character[data-video-mode=true] .jade-character-image{animation:none!important} /* Poster and decoded canvas share the same 9:16 content box, without edge masks. */ .jade-character-figure--video .jade-character-image,.jade-character-figure--video .jade-character-canvas{position:absolute;inset:0;margin-inline:auto;width:auto;max-width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;object-position:center bottom} /* Widescreen composition. The existing layout below 1441px stays intact. */ @media (min-width: 1441px) { .home-page .hero-inner { width: var(--wide-content); grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(30px, 3.2vw, 110px); min-height: clamp(720px, calc(100svh - 185px), 960px); padding-block: 30px 22px; } .home-page .hero-copy h1 { font-size: clamp(80px, 4.3vw, 142px); max-width: none; } .home-page .hero-copy .lead { font-size: clamp(18px, .9vw, 23px); max-width: 28ch; } .home-page .hero-copy .eyebrow { font-size: clamp(10px, .47vw, 13px); } .home-page .hero-copy .actions { margin-top: clamp(35px, 2.4vw, 70px); gap: clamp(26px, 2vw, 55px); } .home-page .hero-copy .button { font-size: clamp(14px, .65vw, 17px); min-height: clamp(54px, 2.6vw, 68px); } .home-page .hero-copy .text-link { font-size: clamp(14px, .65vw, 17px); } .hero-tour { min-height: 660px; } .tour-viewport { inset: 0 -65px 100px -60px; } .tour-camera { inset: auto; left: -3%; top: 49%; width: 106%; height: auto; aspect-ratio: 1200 / 950; translate: 0 -50%; } .tour-info, .tour-timeline, .tour-bottom { width: min(100%, 880px); align-self: flex-end; } .tour-info { padding: clamp(22px, 1.4vw, 36px); min-height: 224px; } .tour-info h2 { font-size: clamp(27px, 1.4vw, 40px); } .tour-description { font-size: clamp(12px, .65vw, 17px); max-width: 55ch; } .tour-facts { gap: 25px; padding-top: 18px; } .tour-facts dt, .tour-info-top { font-size: clamp(9px, .43vw, 12px); } .tour-facts dd { font-size: clamp(11px, .6vw, 16px); } .tour-top { font-size: clamp(9px, .45vw, 12px); } .tour-top > span:last-child, .tour-bottom { font-size: clamp(8px, .4vw, 11px); } .tour-bottom button { min-height: 36px; font-size: 11px; } .home-page .section { padding-block: clamp(100px, 5.8vw, 170px); } .home-page .introduction { padding-bottom: 60px; } .home-page .expedition { padding-top: 0; } .editorial-heading h2, .portfolio-heading h2, .jade-intro h2, .responsibility h2 { font-size: clamp(58px, 3.1vw, 90px); } .editorial-heading p, .portfolio-heading > p, .responsibility-body > p { max-width: 43ch; font-size: clamp(16px, .82vw, 21px); } .module-pains { gap: clamp(30px, 3.5vw, 110px); } .module-pains h3 { font-size: clamp(20px, 1vw, 27px); } .module-pains h4 { font-size: clamp(22px, 1.15vw, 32px); max-width: 24ch; } .module-pains p { font-size: clamp(13px, .7vw, 18px); max-width: 45ch; } .module-pains a { font-size: clamp(11px, .58vw, 15px); } .interactive-map-layout { grid-template-columns: minmax(0, 1fr) clamp(320px, 20vw, 520px); } .map-viewport { height: clamp(540px, 28vw, 850px); } .area-detail { padding: clamp(27px, 1.8vw, 48px); } .area-detail > p { max-width: 42ch; } .expedition.is-expanded { width: calc(100% - 48px); max-width: none; } .radar-case-board { grid-template-columns: minmax(0, 1fr) clamp(350px, 27vw, 680px); } .radar-story-map { min-height: clamp(380px, 21vw, 670px); } .radar-story-heading h3 { font-size: clamp(39px, 2vw, 55px); } .radar-story-heading > p { max-width: 48ch; font-size: clamp(14px, .7vw, 18px); } .radar-case-card { padding: clamp(27px, 1.7vw, 46px); } .radar-case-card dd { font-size: clamp(12px, .65vw, 16px); } .radar-story-timeline strong { font-size: clamp(13px, .65vw, 17px); } .study-playground { padding: clamp(54px, 3vw, 90px); gap: 8%; } .study-builder { max-width: 650px; } .study-preview-paper { max-width: clamp(340px, 18vw, 480px); } .portfolio-layout { grid-template-columns: minmax(0, 1fr) clamp(350px, 25vw, 640px); } .portfolio-map { min-height: clamp(438px, 25vw, 800px); } .portfolio-panel { padding: clamp(30px, 1.8vw, 50px); } .portfolio-heading { gap: 7%; } .jade-playground { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(65px, 6vw, 190px); } .jade-intro > p:not(.eyebrow):not(.jade-intro-note) { max-width: 43ch; font-size: clamp(16px, .8vw, 21px); } .jade-character { height: clamp(315px, 17vw, 470px); max-width: 650px; } .jade-character-figure { width: 52%; } .jade-console-header, .jade-thread { padding: clamp(25px, 1.7vw, 48px); } .jade-thread { min-height: clamp(345px, 18vw, 490px); } .jade-answer-title { font-size: clamp(26px, 1.45vw, 40px); } .jade-answer-copy, .jade-answer-placeholder { font-size: clamp(14px, .72vw, 19px); max-width: 58ch; } .jade-step-copy { font-size: clamp(12px, .65vw, 17px); max-width: 57ch; } .jade-prompts { padding-inline: clamp(25px, 1.7vw, 48px); } .jade-prompt { font-size: clamp(10px, .55vw, 14px); min-height: 40px; } .film-inner { padding-top: 35px!important; padding-bottom: 0!important; } .film-poster { min-height: clamp(610px, 32vw, 980px); } .film-title h2 { font-size: clamp(78px, 4.7vw, 135px); } .journal { gap: clamp(95px, 8vw, 240px); } .journal-copy { max-width: 900px; } .journal-copy h2 { font-size: clamp(56px, 3.3vw, 90px); } .journal-copy > p:last-child { max-width: 45ch; font-size: clamp(16px, .8vw, 21px); } .journal-link { margin-left: auto; } .home-page .cta-heading h2 { font-size: clamp(89px, 5vw, 156px); max-width: 1300px; } .home-page .cta-heading > div { flex-basis: clamp(260px, 22vw, 520px); } } /* SHS Holding Systems / QUARTZ - dark cafe theme. Continuous dark surfaces retain the brand palette and original Outfit/Karla typography. Blue is reserved for actions and concise state markers. Official SVGs are intact. */ :root { --cafe-900:#1E1815; --cafe-800:#2A2320; --cafe-600:#4A3D36; --graphite-700:#3A3835; --graphite-500:#6B6762; --graphite-300:#A39E97; --sand:#E6E1D9; --offwhite:#F7F4EF; --paper:#FCFBF8; --blue:#1E4DB7; --blue-hover:#163A8C; --navy:#161C2E; color-scheme:dark; --bg:var(--cafe-900); --panel:var(--cafe-800); --ink:var(--offwhite); --muted:var(--graphite-300); --line:var(--cafe-600); --light:var(--sand); --copper:var(--sand); --heading:Outfit,Arial,sans-serif; } body {background:var(--bg);color:var(--ink);font-family:Karla,Arial,sans-serif;font-size:16px;line-height:1.55} h1,h2,h3,h4 {font-family:var(--heading);font-weight:400;letter-spacing:-.045em} h2 span {color:var(--graphite-300)} p {color:var(--muted)} button,.button,strong,b {font-weight:700} .eyebrow,.pain-index,.hero-bottom-index {font-family:Karla,Arial,sans-serif;font-weight:700;letter-spacing:.15em;font-size:10px;line-height:1.7} .eyebrow {color:var(--muted)} .button.primary {background:var(--blue);color:var(--offwhite);border-color:var(--blue)} .button.primary:hover {background:var(--blue-hover);border-color:var(--blue-hover)} .button.primary:disabled {background:var(--cafe-800);border-color:var(--graphite-500);color:var(--graphite-300)} .button-arrow {background:#FCFBF812} :where(a,button,summary,input,video):focus-visible {outline:2px solid var(--sand);outline-offset:5px} .header,.hero,.footer,.film-section,.cta,.jade-section,.expedition-shell,.portfolio-workbench { --bg:var(--cafe-900);--panel:var(--cafe-800);--ink:var(--offwhite); --muted:var(--graphite-300);--line:var(--cafe-600);--light:var(--sand); color:var(--ink);background-color:var(--bg); } .header :focus-visible,.hero :focus-visible,.footer :focus-visible,.film-section :focus-visible,.cta :focus-visible,.jade-section :focus-visible,.expedition-shell :focus-visible,.portfolio-workbench :focus-visible {outline-color:var(--sand)} .header,.hero,.footer {max-width:none} .header {height:116px;border-bottom:1px solid var(--cafe-600);padding-block:14px} .header .corporate-brand {padding:0;display:flex;align-items:center;flex-shrink:0} .header .corporate-brand img {display:block;width:148px;height:auto;max-width:100%} .header nav {color:var(--sand);font-size:13px;gap:27px} .header nav a:after {height:2px;background:var(--offwhite)} .login {border-color:var(--graphite-500);color:var(--offwhite);font-weight:700} .login:hover {background:var(--cafe-600);color:var(--offwhite);border-color:var(--graphite-300)} .language-link {color:var(--graphite-300)} .language-link:hover {background:var(--cafe-600)} .language-link[aria-current=page] {border-color:var(--graphite-300);background:var(--cafe-800);color:var(--offwhite)} .hero-grain {background:radial-gradient(ellipse at 78% 44%,#4A3D3629,transparent 65%)} .hero-copy h1,.home-page .hero-copy h1 {font-weight:400;letter-spacing:-.06em;line-height:1.08} .home-page .hero-copy h1 {font-size:clamp(52px,5.05vw,76px)} .hero-copy h1 em {color:var(--sand)} .hero-copy .lead {color:var(--sand)} .hero-copy .hero-systems-description {font-size:16px;line-height:1.6;color:var(--graphite-300);max-width:440px;margin:12px 0 0} .hero-copy .eyebrow {font-size:8px;margin-bottom:21px} .solution-brand {display:flex;flex-direction:column;align-items:flex-start;margin-bottom:30px;gap:8px} .solution-brand img {display:block;width:221px;height:auto;margin-left:-10px} .solution-brand .brand-endorsement {font:400 10px/1.6 Karla,Arial,sans-serif;letter-spacing:.02em;color:var(--graphite-300);margin:0} .hero-bottom-index {color:var(--graphite-300)} .hero-audience {color:var(--graphite-300)} .tour-top i,.status-orbit,.jade-cue-dot {background:var(--offwhite)} .tour-card {box-shadow:0 22px 55px #1E181529} .tour-copy h3,.tour-card h3 {font-weight:400} .hero-bottom .down-link {border-color:var(--graphite-500)} .down-link:hover {background:var(--cafe-600)} .circle-link:hover {background:var(--cafe-600);color:var(--offwhite);border-color:var(--graphite-300)} .holding-intro {padding-block:112px;border-bottom:1px solid var(--line)} .holding-intro>.eyebrow {margin-bottom:38px} .holding-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(55px,8vw,150px);align-items:start} .holding-grid h2 {font-size:clamp(38px,4.3vw,64px);line-height:1.12;margin-bottom:28px;max-width:700px} .holding-grid>div>p {max-width:600px;font-size:17px;line-height:1.75;margin:0} .holding-solution {border-left:2px solid var(--blue);padding:10px 0 10px 36px} .holding-solution .eyebrow {margin-bottom:19px} .holding-solution img {width:255px;height:auto;display:block;margin:0 0 22px -12px;max-width:100%} .holding-solution h3 {font-size:24px;line-height:1.35;letter-spacing:-.03em;max-width:340px;margin-bottom:16px} .holding-solution .text-link {color:var(--sand);font-weight:700} .holding-solution .text-link:after {background:var(--blue)} .introduction .editorial-heading h2 {font-size:clamp(38px,4.05vw,58px)} .introduction .module-pains h3 {color:var(--offwhite);font-weight:400;font-size:21px} .introduction .module-pains h4 {font-weight:400;color:var(--sand);line-height:1.4;letter-spacing:-.025em} .introduction .module-pains p {color:var(--graphite-300);font-size:14px;line-height:1.75} .introduction .module-pains .pain-index {font-family:Karla,Arial,sans-serif;color:var(--graphite-300);font-size:8px} .introduction .module-pains a {color:var(--sand);border-color:var(--graphite-500);font-weight:700;font-size:12px} .introduction .module-pains a:hover {border-color:var(--blue)} .introduction .motion-control {color:var(--graphite-300);border-color:var(--graphite-500)} .expedition>.expedition-heading h2 {font-size:clamp(38px,4.2vw,60px)} .journey-progress {border-color:var(--line)} .journey-progress>span,.journey-progress small {color:var(--graphite-300)} .journey-progress strong {color:var(--sand);font-weight:700} .expedition-shell {border-color:var(--cafe-600)} .expedition-nav button[aria-pressed=true] {background:var(--cafe-600);color:var(--offwhite)} .expedition-nav button[aria-pressed=true]:after {background:var(--blue);height:3px} .expedition-nav button:focus-visible {outline-offset:-5px} .expedition-nav button[aria-pressed=true]>span {color:var(--sand)} .radar-result .eyebrow,.area-detail .eyebrow {color:var(--graphite-300)} .study-preview-paper {background:var(--cafe-800);color:var(--sand);border:1px solid var(--graphite-500);box-shadow:14px 17px 0 #1E181570} .study-preview-paper h4 {color:var(--offwhite)} .paper-stamp {color:var(--sand);border-color:var(--graphite-500)} .paper-preview-lines span {background:var(--cafe-600)} .paper-blocks>div {border-color:var(--cafe-600)} .paper-blocks span {color:var(--sand)} .paper-disclaimer {color:var(--graphite-300);border-color:var(--cafe-600)} #study-result {background:var(--cafe-900);border-left-color:var(--blue)} #study-result strong {color:var(--offwhite)} #study-result p {color:var(--graphite-300)} .portfolio-demo {color:var(--offwhite);--pf-copper:var(--sand);--pf-muted:var(--graphite-300);--pf-line:var(--cafe-600);--pf-bg:var(--cafe-900);--pf-soft:var(--cafe-800)} .portfolio-heading>p,.portfolio-section-footer>p {color:var(--graphite-300)} .portfolio-heading h2 {font-weight:400} .portfolio-heading h2 em {color:var(--sand)} .portfolio-workbench {color:var(--offwhite);border-color:var(--cafe-600);border-radius:0} .portfolio-panel-index {color:var(--graphite-300)} .portfolio-actions>button[aria-pressed=true] {box-shadow:inset 0 -3px var(--blue);color:var(--offwhite)} .portfolio-view-buttons button[aria-pressed=true] {background:var(--blue);color:var(--offwhite)} .portfolio-section-footer .text-link {color:var(--sand);font-weight:700} .jade-section {position:relative;isolation:isolate;border-top:0;box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)} .jade-intro h2 {font-weight:400} .jade-intro h2 em {color:var(--sand)} .jade-question-label {color:var(--sand)} .jade-intro>.eyebrow {font-size:9px} .jade-console {background:var(--cafe-800);border-color:var(--cafe-600)} .jade-prompt[aria-pressed=true] {border-color:var(--sand);box-shadow:inset 0 -2px var(--blue)} .jade-character-cue p {color:var(--sand)} .film-section {background:var(--cafe-800);border-color:var(--cafe-600)} .film-top .eyebrow,.film-marker,.film-bottom {color:var(--graphite-300)} .film-play {color:var(--sand);border-color:var(--graphite-500)} .journal-number {color:var(--graphite-300)} .journal-link {color:var(--sand);border-color:var(--graphite-500)} .journal-link:hover {background:var(--blue);color:var(--offwhite);border-color:var(--blue)} .cta {background:var(--cafe-800);border-color:var(--cafe-600)} .cta-heading h2 {font-weight:400;letter-spacing:-.06em} .cta-strata span {border-color:#A39E9744} .footer {background:var(--cafe-900);padding-top:50px} .footer-top img {width:148px;height:auto} .footer-top p,.footer-bottom {color:var(--graphite-300)} .footer-top>a:last-child {color:var(--sand);border-color:var(--graphite-500)} .footer a:hover {color:var(--offwhite)} .inner-page .page-hero h1,.inner-page .legal h1 {font-weight:400} .inner-page .notice {color:var(--sand);background:var(--cafe-800);border-left:3px solid var(--blue)} .inner-page .plan {background:var(--cafe-800);border-color:var(--line)} .inner-page .plan.featured {background:var(--cafe-800);border-color:var(--blue)} .inner-page .plan:hover {border-color:var(--graphite-300)} .inner-page .plan h2,.inner-page .price {font-weight:400} .inner-page .billing,.inner-page .plan li {color:var(--graphite-300)} .inner-page .plan .button:disabled {color:var(--graphite-300);border-color:var(--graphite-500)} .inner-page .faq summary {color:var(--offwhite)} .inner-page .faq summary:after {color:var(--sand)} .inner-page .contact-card {border-top-color:var(--graphite-500)} .inner-page .secondary {color:var(--sand);border-color:var(--graphite-500)} .inner-page .secondary:hover {background:var(--cafe-600);border-color:var(--graphite-300)} @media(min-width:1441px) { .header .corporate-brand img,.footer-top img {width:clamp(148px,6.6vw,184px)} .header {height:clamp(116px,5.5vw,144px)} .home-page .hero-copy h1 {font-size:clamp(76px,4.25vw,136px)} .hero-copy .hero-systems-description {font-size:clamp(16px,.8vw,20px);max-width:36ch} .holding-grid h2 {font-size:clamp(60px,3.8vw,96px)} .holding-grid>div>p {font-size:clamp(17px,.85vw,22px)} .solution-brand img {width:clamp(221px,11vw,300px)} } @media(max-width:1100px) { .header {gap:20px}.header nav {gap:18px;font-size:12px} .holding-grid {gap:50px}.holding-solution {padding-left:25px} .home-page .hero-copy h1 {font-size:clamp(51px,5.8vw,63px)} } @media(max-width:900px) { .header .corporate-brand img {width:125px}.header {height:104px;column-gap:12px} .header nav {gap:16px;font-size:11px} .holding-intro {padding-block:80px}.holding-grid {grid-template-columns:1.15fr 1fr;gap:30px} .holding-grid h2 {font-size:42px}.holding-grid>div>p {font-size:15px} .holding-solution img {width:220px}.holding-solution h3 {font-size:21px} } @media(max-width:620px) { .header {height:auto;padding-top:10px;min-height:120px;row-gap:1px;column-gap:8px} .header .corporate-brand img {width:118px;height:auto} .header nav {font-size:11px;border-color:var(--cafe-600);gap:12px;justify-content:space-between} .header nav a {white-space:nowrap}.header-actions {gap:6px} .header .login {padding:8px 10px;font-size:11px} .header .language-link {width:33px;font-size:8px} .solution-brand {margin-bottom:25px;gap:4px}.solution-brand img {width:195px;margin-left:-9px} .solution-brand .brand-endorsement {font-size:9px} .home-page .hero-copy h1 {font-size:clamp(43px,12vw,70px);line-height:1.1;letter-spacing:-.055em} .home-page .hero-copy .eyebrow {font-size:7px;margin-bottom:20px;letter-spacing:.08em} .home-page .hero-copy .lead {font-size:15px} .hero-copy .hero-systems-description {font-size:14px;max-width:340px} .hero-copy h1 em {white-space:normal} .holding-intro {padding-block:65px}.holding-intro>.eyebrow {margin-bottom:24px} .holding-grid {grid-template-columns:1fr;gap:37px} .holding-grid h2 {font-size:38px;line-height:1.14} .holding-grid>div>p {font-size:15px;line-height:1.75} .holding-solution {padding:4px 0 4px 22px} .holding-solution img {width:220px;margin-bottom:17px} .holding-solution h3 {font-size:23px;max-width:270px} .introduction .module-pains h4 {font-size:19px} .introduction .module-pains h3 {font-size:19px} .introduction .module-pains p {font-size:13px} .introduction .module-pains .pain-index {font-size:7px} .introduction .module-pains a {font-size:10px} .introduction .editorial-heading h2 {font-size:36px} .footer-top img {width:136px;height:auto} .eyebrow {font-size:8px} } @media(max-width:370px) { .header .corporate-brand img {width:102px} .header .language-link {width:30px} .header-actions {gap:3px} .header nav {font-size:10px;gap:8px} .home-page .hero-copy h1 {font-size:41px} } @media(prefers-reduced-motion:reduce) { .holding-intro *, .solution-brand * {animation:none;transition:none} } /* The reference is the unchanged QUARTZ mark: 40 units in an 850-unit signature. */ .logo-registered {display:block;width:var(--logo-registered-size,10.4px);height:var(--logo-registered-size,10.4px);flex:0 0 auto;color:inherit} .sentinel-signature {position:relative;display:block;color:var(--offwhite)} .sentinel-signature>.logo-registered {position:absolute;left:96.417910448%;bottom:calc(21% + var(--logo-registered-size,10.4px) * .2);transform:translateX(-50%)} .shs-roots-signature>.logo-registered,.solution-roots-wordmark>.logo-registered {position:relative;top:calc(var(--logo-registered-size,10.4px) * -.2)} /* SHS family: a single ordered view of the three systems. */ .systems-section {padding-block:104px 112px} .systems-section>.eyebrow {margin-bottom:30px} .systems-heading {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:clamp(32px,7vw,110px);align-items:end;margin-bottom:58px} .systems-heading h2 {font-size:clamp(42px,4.3vw,64px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:730px} .systems-heading>p {font-size:18px;line-height:1.7;max-width:420px;margin:0 0 4px} .systems-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--cafe-800)} .system-card {display:flex;flex-direction:column;min-width:0;padding:32px clamp(24px,2.6vw,40px) 26px;position:relative} .system-card+.system-card {border-left:1px solid var(--line)} .system-card:before {content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s ease} .system-card:hover:before,.system-card:focus-within:before {transform:scaleX(1)} .system-index {font:700 10px/1.5 Karla,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite-300);margin:0 0 30px;min-height:30px} .system-brand {height:64px;display:flex;align-items:center;margin:0 0 28px} .system-brand img {width:100%;max-width:280px;height:auto;max-height:64px;object-fit:contain;object-position:left center;display:block} #system-quartz-title img {max-width:246px;margin-left:-11px} .roots-wordmark {font:400 64px/1 Outfit,Arial,sans-serif;letter-spacing:-.055em;color:var(--offwhite);gap:6px} .roots-point {width:7px;height:7px;background:var(--blue);border-radius:50%;align-self:flex-end;margin-bottom:12px} .system-card h4 {font:400 28px/1.15 Outfit,Arial,sans-serif;letter-spacing:-.025em;color:var(--offwhite);margin:0 0 18px;max-width:305px;min-height:64px} .system-description {font-size:16px;line-height:1.65;margin:0 0 32px;color:var(--graphite-300)} .system-footer {margin-top:auto;padding-top:22px;border-top:1px solid var(--line);min-height:56px;display:flex;align-items:center} .system-footer p {font-size:12px;line-height:1.5;margin:0;color:var(--graphite-300)} .system-footer .text-link {color:var(--sand);font-size:13px;font-weight:700} .system-footer .text-link:after {background:var(--blue)} @media(min-width:1441px) { .systems-heading h2 {font-size:clamp(64px,3.7vw,96px);max-width:1000px} .systems-heading>p {font-size:clamp(18px,.9vw,23px);max-width:570px} .system-card {padding:40px clamp(32px,2.6vw,64px)} .system-brand {height:76px} .system-brand img {max-width:330px;max-height:76px} #system-quartz-title img {max-width:290px} .roots-wordmark {font-size:76px} .system-card h4 {font-size:clamp(28px,1.65vw,39px);max-width:440px;min-height:2.3em} .system-description {font-size:clamp(16px,.86vw,21px);max-width:520px} } @media(max-width:1000px) and (min-width:701px) { .systems-heading {grid-template-columns:1.2fr 1fr;gap:30px} .system-card {padding:26px 20px} .system-index {font-size:9px;letter-spacing:.07em} .system-brand {height:56px;margin-bottom:24px} .system-card h4 {font-size:24px;min-height:82px} .system-description {font-size:15px} .roots-wordmark {font-size:54px} } @media(max-width:700px) { .systems-section {padding-block:65px} .systems-heading {grid-template-columns:1fr;gap:24px;margin-bottom:35px} .systems-heading h2 {font-size:clamp(37px,9.5vw,58px);max-width:510px} .systems-heading>p {font-size:16px;max-width:450px} .systems-grid {grid-template-columns:1fr} .system-card {padding:28px 26px} .system-card+.system-card {border-left:0;border-top:1px solid var(--line)} .system-index {min-height:0;margin-bottom:23px} .system-brand {margin-bottom:20px;height:56px} .system-brand img {max-width:285px} #system-quartz-title img {max-width:229px} .roots-wordmark {font-size:60px} .system-card h4 {font-size:27px;min-height:0;max-width:380px} .system-description {margin-bottom:26px;max-width:450px} .system-footer {min-height:45px;padding-top:18px} } @media(prefers-reduced-motion:reduce) {.system-card:before {transition:none}} /* Illustrative generated terrain stays beneath the existing vector interactions. */ .map-terrain {pointer-events:none} .tour-relief {object-fit:cover;opacity:1;filter:brightness(.72);border-radius:3px} .tour-viewport {mask-image:linear-gradient(transparent,#000 6%,#000 86%,transparent)} .tour-area path {fill:#e8bd7824;stroke:#f7ecd5;stroke-width:2.4;filter:drop-shadow(0 1px 2px #141810)} .tour-area-core path {fill:#e8bd7840;stroke:#f5ce8b;stroke-width:3} .tour-area text {opacity:1} .tour-north,.tour-scale {color:#f7f4ef;text-shadow:0 1px 4px #000} .expedition-map text,.portfolio-map svg text,.radar-story-map svg text,.solution-landscape text {paint-order:stroke;stroke:#182018;stroke-width:4px;stroke-linejoin:round;fill:#f7f4ef} .demo-area>path {fill:#e8bd7820;stroke:#f5dfb6;stroke-width:2.5;filter:drop-shadow(0 1px 2px #151b16)} .demo-area:hover>path,.demo-area.is-selected>path {fill:#e8bd784d;stroke:#fff3d9} .map-drag-hint,.map-north {background:#1e1815d9;padding:7px 10px;color:#f7f4ef} .portfolio-contours,.solution-contours {display:none} .portfolio-map,.radar-story-map {background:linear-gradient(#151b1640,#151b1640),url('/assets/terrain-satellite-demo.webp') center/cover} .portfolio-map-empty {background:#171b1680} .portfolio-map-empty p,.portfolio-map-empty small {color:#f7f4ef;text-shadow:0 1px 4px #000} .portfolio-neighbor {stroke:#f3e8d3;stroke-width:2;fill:#ddd4b61a} .portfolio-primary-line {stroke:#f5ce8b;stroke-width:3} .portfolio-primary-fill {fill:#ebbd7838} .portfolio-map-compass {color:#f7f4ef} .radar-neighbor {stroke:#f3e8d3;stroke-width:1.5;fill:#ddd4b618} .radar-story-polygon {fill:#ebbd7838;stroke:#f5ce8b;stroke-width:2.5} .radar-map-heading,.radar-map-caption {background:#1e1815e8;padding:8px 10px;border-radius:2px;color:#f7f4ef;width:fit-content;max-width:calc(100% - 32px)} .radar-map-heading>span:first-child {color:#e6e1d9} .radar-map-heading {gap:24px} .solution-landscape {background:#20291b} .solution-landscape>g:not(.map-terrain) {filter:drop-shadow(0 1px 2px #151b16)} .tour-viewport {left:0;right:0} .solution-visual-caption {margin-top:24px} .solution-polygon {stroke-opacity:.85;fill-opacity:.1} .portfolio-map-view {background:#1e1815e8;padding:8px 10px;border-radius:2px} .portfolio-key-area {border-color:#f5ce8b!important} .portfolio-key-neighbor {border-color:#f3e8d3!important} .solution-landscape>.solution-camera {filter:none} /* Shared page geometry: keep this last in each page bundle. */ :root {--site-gutter:clamp(24px,4vw,112px);--site-width:min(2440px,calc(100% - 2 * var(--site-gutter)));--section-space:clamp(64px,5vw,112px);--hero-space:clamp(40px,3.5vw,80px);--copy-gap:24px;--hero-title:clamp(42px,3.6vw,88px)} .header {padding-inline:max(var(--site-gutter),calc((100% - 2440px)/2))} .home-page .section,.home-page .hero-inner,.home-page .hero-bottom,.holding-page .shs-shell,.inner-page .section {width:var(--site-width);max-width:2440px;margin-inline:auto} .home-page .section {padding-block:var(--section-space)} .home-page .hero-inner,.home-page .solution-hero,.holding-page .shs-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,100px);align-items:start;padding-block:var(--hero-space) var(--section-space);min-height:0} .home-page .hero-copy,.solution-hero-copy,.shs-hero-copy {padding:0;min-width:0;max-width:none} .home-page .solution-back {display:flex;align-items:center;gap:12px;width:fit-content;height:20px;margin:0 0 24px;font-size:12px;line-height:20px;color:var(--muted)} .holding-page .shs-hero-copy:before {content:'';display:block;height:20px;margin-bottom:24px} .home-page .solution-brand,.home-page .solution-page-brand,.holding-page .shs-eyebrow {height:88px;margin:0 0 var(--copy-gap);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px} .home-page .solution-brand>img {height:48px;width:auto;max-width:100%;margin:0;object-fit:contain;object-position:left} .home-page .solution-page-brand .sentinel-signature {height:48px;display:flex;align-items:center;margin:0;max-width:100%} .home-page .solution-page-brand .sentinel-signature img {max-height:48px;margin:0;object-fit:contain;object-position:left} .home-page .solution-roots-wordmark {font-size:52px;line-height:48px;height:48px;margin:0} .home-page .solution-brand .brand-endorsement,.home-page .solution-page-brand .eyebrow {margin:0;font-size:9px;line-height:16px} .holding-page .shs-eyebrow {flex-direction:row;align-items:center;justify-content:flex-start;font-size:10px;letter-spacing:.14em} .home-page .hero-copy h1,.home-page .solution-hero h1,.holding-page .shs-hero h1 {font-size:var(--hero-title);line-height:1.08;font-weight:400;letter-spacing:-.05em;margin:0 0 var(--copy-gap);max-width:100%;min-height:3.24em;text-wrap:wrap;overflow-wrap:normal} .home-page .hero-copy .lead,.home-page .solution-lead,.holding-page .shs-description {font-size:clamp(17px,.95vw,22px);line-height:1.65;max-width:54ch;margin:0;min-height:6.6em} .home-page .hero-copy .actions,.home-page .solution-hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:var(--copy-gap) 0 0} .holding-page .shs-main-action {margin-top:var(--copy-gap)} .home-page .hero-copy .button,.home-page .solution-hero-actions .button,.holding-page .shs-main-action {font-size:13px;min-height:54px;padding:15px 22px} .home-page .hero-tour,.home-page .solution-visual,.holding-page .shs-graphic {margin:44px 0 0;align-self:start;width:100%;max-width:none} .home-page .hero-tour {min-height:clamp(620px,38vw,900px)} .home-page .hero {min-height:0} .home-page .hero-bottom {padding-block:24px} .home-page .solution-section-heading,.holding-page .shs-section-heading,.home-page .editorial-heading,.home-page .portfolio-heading {margin-bottom:40px} .home-page .solution-section-heading h2,.holding-page .shs-section-heading h2,.home-page .editorial-heading h2,.home-page .portfolio-heading h2 {font-size:clamp(36px,3vw,72px);line-height:1.12;margin:0;text-wrap:wrap} .home-page .solution-section-heading .eyebrow,.holding-page .shs-section-heading .eyebrow {margin-bottom:24px} @media(max-width:1000px) { :root {--hero-title:clamp(38px,4.4vw,48px)} .home-page .hero-inner,.home-page .solution-hero,.holding-page .shs-hero {grid-template-columns:1fr;gap:40px} .home-page .hero-copy h1,.home-page .solution-hero h1,.holding-page .shs-hero h1 {min-height:0;max-width:720px} .home-page .hero-copy .lead,.home-page .solution-lead,.holding-page .shs-description {min-height:0} .home-page .hero-tour,.home-page .solution-visual,.holding-page .shs-graphic {margin:0;max-width:none} .home-page .hero-tour {min-height:640px} } @media(max-width:620px) { :root {--site-gutter:24px;--hero-space:32px;--section-space:56px;--hero-title:clamp(36px,9.5vw,54px)} .header {padding-inline:var(--site-gutter)} .home-page .hero-tour {min-height:580px} .home-page .solution-brand,.home-page .solution-page-brand,.holding-page .shs-eyebrow {height:80px} .home-page .hero-copy .actions,.home-page .solution-hero-actions {gap:20px} .home-page .hero-copy .lead,.home-page .solution-lead,.holding-page .shs-description {font-size:17px} .home-page .solution-section-heading,.holding-page .shs-section-heading,.home-page .editorial-heading,.home-page .portfolio-heading {margin-bottom:32px} } /* Equal title rows on desktop; mobile text can grow without clipping. */ @media(min-width:1001px){ .home-page .hero-copy h1,.home-page .solution-hero h1,.holding-page .shs-hero h1 {min-height:2.16em} } .home-page .hero-copy .button-arrow {width:24px;height:24px} @media(max-width:620px){ .home-page .hero-copy h1,.home-page .solution-hero h1,.holding-page .shs-hero h1 {min-height:3.24em} .home-page .hero-copy .lead,.home-page .solution-lead {min-height:8.25em} } /* Preserve the registered-mark reference size while normalizing the logo row. */ .home-page .solution-brand>img {width:221px;height:52px} .home-page .solution-page-brand {--logo-registered-size:10.4px} @media(max-width:620px){ .home-page .solution-brand>img {width:195px;height:45.882352941px} .home-page .solution-page-brand {--logo-registered-size:9.176470588px} } /* Keep the company description attached to its signature. */ .footer-top {display:flex;justify-content:space-between;align-items:flex-start;gap:32px} .footer-brand {display:flex;flex-direction:column;align-items:flex-start;gap:16px} .footer-brand>a {display:block} .footer .footer-brand p {margin:0;max-width:30ch;font-size:13px;line-height:1.6} .footer-top>a:last-child {align-self:flex-start} @media(max-width:620px){ .footer-top {flex-direction:column;gap:28px} .footer-brand {gap:12px} } /* Product signature replaces the repeated access headline. */ .quartz-page .cta-heading {gap:48px} .quartz-page .cta-heading .cta-brand {flex:0 1 510px;margin:0;line-height:1;font-size:inherit;max-width:45%} .cta-brand img {display:block;width:100%;height:auto} @media(max-width:620px){ .quartz-page .cta-heading .cta-brand {width:280px;max-width:100%;margin:0 0 32px} } /* Direct transition from the product overview to its features. */ .quartz-page .introduction {padding-top:24px} .quartz-page .intro-top {justify-content:flex-end} .contact-grid.contact-only {grid-template-columns:minmax(0,1fr)} /* QUARTZ keeps the same signature height as the other product marks. */ .home-page .solution-brand>img {width:296.4px;height:52px} @media(max-width:620px){.home-page .solution-brand>img {width:261.529411765px;height:45.882352941px}} /* QUARTZ uses the same independent registered mark as SENTINEL and ROOTS. */ .quartz-signature {position:relative;display:block;color:var(--offwhite);width:100%} .quartz-signature>img {display:block;width:100%;height:auto;max-width:none;margin:0} .quartz-signature>.logo-registered {position:absolute;left:94%;bottom:calc(35.384615385% + var(--logo-registered-size,10.4px) * .2)} .home-page .solution-brand>.quartz-signature {width:221.333333333px;height:52px;max-width:100%;--logo-registered-size:10.4px} .home-page .solution-brand>.quartz-signature>img {width:100%;height:auto;margin:0} .holding-page .shs-product-logo>.quartz-signature {max-width:255px} .holding-page .shs-product-logo .quartz-signature>img {height:auto;max-width:none} .cta-brand .quartz-signature {--logo-registered-size:clamp(11px,1.1vw,20px)} @media(min-width:1800px){.holding-page .shs-product-logo>.quartz-signature {max-width:300px}} @media(max-width:620px){.home-page .solution-brand>.quartz-signature {width:195.294117647px;height:45.882352941px;--logo-registered-size:9.176470588px}} /* The holding has no product back-link or logo row to reserve above its title. */ .holding-page .shs-hero {padding-block:clamp(32px,3vw,56px) clamp(48px,4vw,80px)} .holding-page .shs-hero-copy:before {display:none} .holding-page .shs-eyebrow {height:auto;min-height:16px;line-height:16px;margin:0 0 24px} .holding-page .shs-hero h1,.holding-page .shs-description {min-height:0} .holding-page .shs-graphic {margin:0} @media(max-width:620px){.holding-page .shs-hero {padding-block:28px 48px}.holding-page .shs-eyebrow {margin-bottom:20px}} /* SHS editorial standard: justified body copy in every supported language. */ body main p:not(.eyebrow):not(.shs-eyebrow), body main li, body .footer p { text-align:justify; text-align-last:start; text-justify:inter-word; hyphens:auto; overflow-wrap:break-word; }