@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@400;500;600;700&display=swap");
:root{--ocean:#071A2B;--deep:#0D2740;--blue:#173E5C;--warm:#FAFBFC;--ivory:#F6F4EF;--stone:#E9EDF1;--ink:#111827;--muted:#69727C;--line:rgba(7,26,43,.16);--line-light:rgba(255,255,255,.18);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{max-width:var(--max);margin:0 auto;padding:0 42px}
.site-header{position:fixed;z-index:30;left:0;right:0;top:0;height:88px;display:flex;align-items:center;transition:.4s ease;color:#fff}.site-header::after{content:"";position:absolute;left:42px;right:42px;bottom:0;height:1px;background:rgba(255,255,255,.16);transition:.4s ease}.site-header.scrolled,.site-header.light{background:rgba(250,251,252,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ocean)}.site-header.scrolled::after,.site-header.light::after{left:0;right:0;background:var(--line)}.header-inner{width:100%;max-width:var(--max);margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:28px;font-weight:400;letter-spacing:.11em}.nav{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.055em;text-transform:uppercase}.nav a{opacity:.78;transition:.2s ease}.nav a:hover{opacity:1}.lang{font-size:11px;letter-spacing:.08em;white-space:nowrap}.nav-cta{padding:0 0 5px;border-bottom:1px solid currentColor}.menu-btn{display:none;background:none;border:0;color:inherit;font-size:22px}
.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:var(--ocean);color:white}.hero::before{content:"";position:absolute;inset:-3%;background:linear-gradient(180deg,rgba(3,14,24,.08),rgba(3,14,24,.46)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=90') center 55%/cover no-repeat;animation:oceanDrift 20s ease-in-out infinite alternate}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.55) 0%,rgba(4,18,31,.16) 55%,rgba(4,18,31,.06) 100%)}@keyframes oceanDrift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.6%,-.35%,0)}}.hero-content{position:relative;z-index:2;padding:170px 42px 86px;width:100%;max-width:var(--max);margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;opacity:.7;margin-bottom:25px}.hero h1,.page-hero h1{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(58px,8.8vw,132px);line-height:.84;letter-spacing:-.038em;max-width:1080px;margin:0 0 34px;font-weight:400}.hero p{font-size:clamp(17px,1.55vw,22px);line-height:1.58;max-width:660px;margin:0 0 38px;color:rgba(255,255,255,.86);font-weight:400}.actions{display:flex;gap:26px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:auto;padding:0 0 7px;border:0;border-bottom:1px solid currentColor;border-radius:0;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;transition:.25s ease;background:transparent}.btn.primary,.btn.dark{background:transparent;color:inherit;border-color:currentColor}.btn:hover{transform:translateY(-2px);opacity:.72}
section{position:relative}.section{padding:150px 0}.section.compact{padding:104px 0}.ivory{background:var(--ivory)}.stone{background:#F0F2F2}.dark{background:var(--ocean);color:#fff}.section h2{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(48px,6.6vw,90px);line-height:.94;letter-spacing:-.032em;font-weight:400;margin:0 0 36px;max-width:980px}.section p.lead{font-size:clamp(19px,1.9vw,28px);line-height:1.5;max-width:860px;color:#37434E;font-weight:400}.dark p.lead{color:rgba(255,255,255,.73)}.statement{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(52px,7.5vw,112px);line-height:.9;letter-spacing:-.038em;font-weight:400;max-width:1160px;margin:86px 0 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.editorial-list{border-top:1px solid var(--line);margin-top:62px}.editorial-row{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:37px 0;border-bottom:1px solid var(--line);font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(28px,3.2vw,48px);line-height:1.08;letter-spacing:-.022em;transition:.28s ease}.editorial-row span:first-child{font-family:"DM Sans",Inter,sans-serif;font-size:10px;letter-spacing:.14em;color:var(--muted);padding-top:10px}.editorial-row:hover{padding-left:14px}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);margin-top:68px;background:none}.triptych>div{background:none;padding:35px 38px 42px 0;min-height:170px;border-right:1px solid var(--line-light)}.triptych>div+div{padding-left:38px}.triptych>div:last-child{border-right:0}.triptych h3{font-size:11px;letter-spacing:.16em;margin:0 0 19px;font-weight:600}.triptych p{margin:0;color:rgba(255,255,255,.8);font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:33px;line-height:1.18}.tagline{margin-top:48px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.dimensions{display:flex;gap:16px 25px;flex-wrap:wrap;margin-top:58px;font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(26px,3vw,44px);line-height:1.1}.dimensions span::after{content:"·";margin-left:24px;color:#B1B8BD}.dimensions span:last-child::after{display:none}.photo-band{min-height:78vh;background:linear-gradient(90deg,rgba(7,26,43,.58),rgba(7,26,43,.08)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2400&q=88') center/cover no-repeat;color:#fff;display:flex;align-items:end}.photo-band .shell{padding-bottom:86px}.photo-band h2{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-weight:400}.flow{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(30px,4.4vw,64px);letter-spacing:-.024em;margin-top:36px}.small-block{padding:52px 0;border-top:1px solid var(--line)}.small-block h3{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}.small-block p{max-width:760px;line-height:1.72;color:#3E4B56;font-size:17px}.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:105px;align-items:center}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#DCE1E3 0%,#F7F6F1 46%,#C8CFD3 100%);position:relative;overflow:hidden}.portrait::after{content:"CAMILA\A ARANCIBIA";white-space:pre;position:absolute;left:28px;bottom:26px;font-size:11px;line-height:1.35;letter-spacing:.17em;color:#33404A}.founder-copy p{font-size:18px;line-height:1.78;color:#3B4853}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.credential{border-top:1px solid var(--line);padding-top:20px}.credential h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.credential p{font-size:14px;line-height:1.55;color:#4D5863;margin:0}.page-hero{padding:190px 0 118px;background:var(--ivory)}.page-hero h1{color:var(--ocean);font-size:clamp(64px,8.6vw,126px)}.page-hero p{max-width:790px;font-size:22px;line-height:1.58;color:#4A5661}.service-lines{margin-top:34px}.service-line{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;border-top:1px solid var(--line);padding:52px 0}.service-line h3{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(42px,4.8vw,70px);letter-spacing:-.03em;font-weight:400;margin:0}.service-line p{font-size:19px;line-height:1.65;margin:8px 0 0;color:#45515B}.health-hero{background:linear-gradient(100deg,rgba(7,26,43,.82),rgba(7,26,43,.28)),url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=2400&q=88') center/cover no-repeat;color:#fff}.health-hero h1,.health-hero p{color:#fff}.contact-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:100px}.contact-form{display:grid;gap:22px}.field{display:grid;gap:9px}.field label{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #A9B1B8;background:transparent;padding:15px 0;outline:none;border-radius:0}.field textarea{min-height:130px;resize:vertical}.contact-note{font-size:13px;line-height:1.6;color:#5B6670}.policy{max-width:860px}.policy h2{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:40px;letter-spacing:-.02em;font-weight:400;margin-top:58px}.policy p,.policy li{line-height:1.75;color:#43505B}.footer{background:#061522;color:#fff;padding:82px 0 38px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:60px}.footer .brand{font-size:31px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 38px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.65)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.13);margin-top:66px;padding-top:26px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.mobile-panel{display:none}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.mobile-panel.open{display:flex;position:fixed;z-index:29;inset:88px 0 0;background:var(--ivory);color:var(--ocean);flex-direction:column;padding:42px 26px;gap:27px;font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:30px}.shell,.header-inner{padding-left:24px;padding-right:24px}.site-header::after{left:24px;right:24px}.hero-content{padding-left:24px;padding-right:24px;padding-bottom:60px}.hero h1,.page-hero h1{line-height:.9}.two-col,.founder,.contact-grid,.service-line{grid-template-columns:1fr;gap:34px}.triptych{grid-template-columns:1fr}.triptych>div,.triptych>div+div{padding:28px 0;border-right:0;border-bottom:1px solid var(--line-light)}.triptych>div:last-child{border-bottom:0}.credentials{grid-template-columns:1fr}.section{padding:108px 0}.page-hero{padding:150px 0 82px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.editorial-row{grid-template-columns:50px 1fr;padding:28px 0}.statement{margin-top:58px}.portrait{max-width:460px}.nav-cta{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   MÖNLAM — BELOW THE SURFACE / CONCEPT HOME
   Radical editorial layer. Interior pages retain the approved
   elegant system above.
   ========================================================= */
:root{--abyss:#041019;--abyss2:#071a2b;--mist:#f3f1eb;--paper:#f7f5ef;--electric:#c7d8df;--acid:#b9c6c8}
.mono{font-family:"DM Sans",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.concept-home{background:var(--abyss);overflow-x:hidden}
.concept-home .site-header{height:76px}.concept-home .site-header::after{opacity:.55}.concept-home .brand{font-family:"DM Sans",sans-serif;font-weight:500;font-size:18px;letter-spacing:.24em}.concept-home .nav{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.1em}.concept-home .site-header.scrolled{background:rgba(243,241,235,.9)}

.depth-hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--abyss);color:#f6f5ef;display:flex;align-items:flex-end}
#oceanCanvas,#oceanCanvasBottom{position:absolute;inset:0;width:100%;height:100%;display:block}
.depth-vignette{position:absolute;inset:0;background:radial-gradient(circle at 52% 18%,transparent 0 22%,rgba(2,10,16,.16) 52%,rgba(2,10,16,.7) 100%),linear-gradient(180deg,rgba(3,13,20,.05),rgba(3,13,20,.64));pointer-events:none}
.depth-copy{width:100%;max-width:1440px;margin:0 auto;padding:150px 64px 54px;position:relative;z-index:3}
.kicker{margin-bottom:26px;color:rgba(255,255,255,.62)}
.depth-copy h1{margin:0;max-width:1220px;font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(65px,9.1vw,145px);font-weight:400;line-height:.79;letter-spacing:-.048em;text-wrap:balance}
.depth-copy h1 span{font-style:normal}.depth-copy h1 em{font-weight:400;color:rgba(255,255,255,.57)}
.hero-lower{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.19)}
.hero-lower p{max-width:520px;margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.55}
.enter-link{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em;display:flex;gap:24px;align-items:center;white-space:nowrap}.enter-link span{font-size:18px;animation:downPulse 2s infinite ease-in-out}@keyframes downPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.hero-index{position:absolute;z-index:4;top:112px;left:64px;color:rgba(255,255,255,.45)}
.depth-scale{position:absolute;right:30px;top:115px;bottom:55px;z-index:4;color:rgba(255,255,255,.36);display:flex;flex-direction:column;align-items:center;gap:9px}.depth-scale i{display:block;width:1px;flex:1;background:linear-gradient(rgba(255,255,255,.33),rgba(255,255,255,.03))}.surface-word{position:absolute;z-index:1;right:-.03em;bottom:-.16em;font:400 clamp(100px,19vw,300px)/.8 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.07em;color:rgba(255,255,255,.032);pointer-events:none}

.descent{min-height:170vh;position:relative;color:white;background:radial-gradient(circle at 25% 20%,#0c2b3a 0,#071b28 30%,#030d14 76%);padding:170px 0 120px;overflow:hidden}.descent::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 48%,rgba(179,207,216,.025) 49%,transparent 50% 100%);background-size:43px 43px;opacity:.45;pointer-events:none}.grain{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.descent-meta{position:absolute;top:72px;left:64px;color:rgba(255,255,255,.38)}.descent-shell{position:relative;z-index:2;max-width:1440px}.margin-note{position:absolute;right:0;top:10px;line-height:1.9;color:rgba(255,255,255,.36);text-align:right}.descent-title{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(90px,15vw,230px);line-height:.71;letter-spacing:-.065em;font-weight:400;margin:0}.descent-title em{font-weight:400;color:rgba(255,255,255,.35)}.descent-lead{font-size:clamp(21px,2.2vw,31px);line-height:1.45;max-width:760px;margin:82px 0 210px 22%;color:rgba(255,255,255,.68)}
.fragments{height:680px;position:relative;margin:0 -2vw}.fragment{position:absolute;font:400 clamp(45px,7vw,105px)/.9 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.045em;color:rgba(255,255,255,.64);white-space:nowrap}.fragment::before{content:"";display:inline-block;width:9px;height:9px;border:1px solid rgba(255,255,255,.32);border-radius:50%;margin:0 16px 13px 0}.f1{left:2%;top:2%}.f2{right:4%;top:10%;font-style:italic;color:rgba(255,255,255,.28)}.f3{left:18%;top:31%;font-size:clamp(36px,5.4vw,82px)}.f4{right:14%;top:42%}.f5{left:1%;top:63%;font-style:italic;color:rgba(255,255,255,.3)}.f6{right:2%;top:76%;font-size:clamp(55px,8vw,115px)}
.convergence{margin-top:100px;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:grid;grid-template-columns:180px 1fr;gap:40px;position:relative}.convergence>.mono{color:rgba(255,255,255,.35)}.convergence-line{position:absolute;top:65px;left:180px;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}.convergence p{grid-column:2;margin:80px 0 15px;font:400 clamp(24px,3vw,42px)/1 "Manrope","Arial Narrow",Impact,sans-serif;color:rgba(255,255,255,.35)}.convergence h3{grid-column:2;margin:0;font:400 clamp(90px,13vw,190px)/.75 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.06em}.convergence h3 em{font-weight:400;color:#fff}

.order-section{background:var(--paper);color:var(--abyss);padding:0 0 180px}.order-top{height:70px;border-bottom:1px solid rgba(7,26,43,.17);display:flex;align-items:center;justify-content:space-between;padding:0 64px;color:#6f7777}.order-intro{padding:170px 0 135px;display:grid;grid-template-columns:170px 1fr minmax(280px,420px);gap:50px;align-items:start}.order-intro h2{font:400 clamp(70px,10vw,150px)/.78 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.055em;margin:0}.order-intro h2 em{font-weight:400;color:#778286}.order-intro>p:last-child{font-size:18px;line-height:1.65;margin:12px 0 0;color:#4d595c}.tiny-label{margin:14px 0 0;color:#6c7679}
.order-words{border-top:1px solid rgba(7,26,43,.19)}.order-word{display:grid;grid-template-columns:100px 1fr 260px;gap:30px;align-items:baseline;border-bottom:1px solid rgba(7,26,43,.19);padding:34px 0 30px}.order-word span{color:#7d8587}.order-word strong{font-family:"Manrope","Arial Narrow",Impact,sans-serif;font-size:clamp(55px,8vw,115px);font-weight:400;letter-spacing:-.045em}.order-word small{font-size:16px;color:#596368}.order-word:hover strong{font-style:italic}

.situations-radical{background:#e9e7e0;color:var(--abyss);padding:160px 0}.section-split-head{display:grid;grid-template-columns:160px 1fr 320px;gap:50px;align-items:end;margin-bottom:100px}.section-split-head>span{align-self:start;color:#798083}.section-split-head h2{font:400 clamp(70px,10vw,145px)/.75 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.055em;margin:0}.section-split-head p{font-size:18px;line-height:1.55;margin:0;color:#50595d}.situation-lines{border-top:1px solid rgba(4,16,25,.22)}.situation-line{display:grid;grid-template-columns:70px minmax(280px,1fr) minmax(240px,.8fr) 30px;gap:25px;align-items:center;padding:31px 0;border-bottom:1px solid rgba(4,16,25,.22);transition:.25s ease}.situation-line span{color:#767e80}.situation-line strong{font:400 clamp(35px,4vw,57px)/1 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.03em}.situation-line p{font-size:15px;color:#626b6e;margin:0}.situation-line i{font-style:normal;font-size:24px;transition:.25s}.situation-line:hover{padding-left:14px;background:rgba(255,255,255,.18)}.situation-line:hover i{transform:translate(4px,-4px)}

.artifact-section{background:#111c21;color:#f5f4ee;min-height:100vh}.artifact-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.artifact-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#d8d4c9,#b8c0be);min-height:830px}.artifact-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}.paper{position:absolute;background:#f2f0e8;color:#111b20;box-shadow:0 28px 75px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:space-between;padding:24px;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em}.paper b{font:400 130px/1 "Manrope","Arial Narrow",Impact,sans-serif}.p1{width:38%;height:45%;left:15%;top:15%;transform:rotate(-7deg)}.p2{width:44%;height:54%;right:8%;top:27%;transform:rotate(4deg);background:#d7dde0}.p3{width:32%;height:37%;left:28%;bottom:7%;transform:rotate(1deg);background:#071a2b;color:white}.paper-lines{height:65%;background:repeating-linear-gradient(180deg,rgba(7,26,43,.25) 0 1px,transparent 1px 34px)}.artifact-caption{position:absolute;left:24px;bottom:20px;color:rgba(7,26,43,.58);line-height:1.5}.artifact-copy{padding:110px 8vw;display:flex;flex-direction:column;justify-content:center}.artifact-copy>span{color:rgba(255,255,255,.35)}.artifact-copy h2{font:400 clamp(65px,8vw,120px)/.77 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.05em;margin:45px 0}.artifact-copy h2 em{font-weight:400;color:#9cb3bb}.artifact-copy p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.62);max-width:560px}.result-rule{height:1px;background:rgba(255,255,255,.16);margin:50px 0 30px}.artifact-copy strong{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;line-height:1.7;letter-spacing:.12em;font-weight:400;color:rgba(255,255,255,.75)}

.dimensions-radical{background:#071a2b;color:white;padding:55px 0 120px;overflow:hidden}.ticker-label{padding:0 64px 34px;color:rgba(255,255,255,.33)}.dimension-marquee{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden;white-space:nowrap;padding:20px 0 26px}.dimension-marquee>div{display:inline-block;font:400 clamp(62px,9vw,135px)/.9 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.045em;animation:marquee 35s linear infinite;color:rgba(255,255,255,.84)}@keyframes marquee{to{transform:translateX(-50%)}}.dimensions-note{display:flex;justify-content:space-between;gap:70px;padding-top:80px}.dimensions-note p{font-size:22px;line-height:1.5;max-width:650px;margin:0;color:rgba(255,255,255,.62)}.dimensions-note p strong{color:white;font-weight:400}.dimensions-note span{max-width:330px;line-height:1.6;color:rgba(255,255,255,.3)}

.implementation-radical{position:relative;background:#e7e4dc;color:#06131d;padding:170px 0;overflow:hidden}.structure-grid{position:absolute;inset:0 0 0 48%;background:linear-gradient(90deg,rgba(7,26,43,.08) 1px,transparent 1px),linear-gradient(rgba(7,26,43,.08) 1px,transparent 1px);background-size:70px 70px;transform:skewX(-11deg) scale(1.2);transform-origin:top left}.implementation-copy{position:relative;z-index:2}.implementation-copy>span{color:#737d80}.implementation-copy h2{font:400 clamp(90px,14vw,200px)/.72 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.06em;margin:60px 0 55px}.implementation-copy h2 em{font-weight:400;color:#7d878a}.implementation-copy p{max-width:630px;font-size:19px;line-height:1.65;color:#465256}.implementation-flow{display:flex;gap:24px;align-items:center;margin-top:70px;padding-top:25px;border-top:1px solid rgba(7,26,43,.2);max-width:720px}.implementation-flow b{font-size:18px;font-weight:300;color:#7b8587}

.human-section{background:#020a0f;color:#f5f4ed;padding:85px 0 180px;position:relative}.human-index{margin-left:64px;color:rgba(255,255,255,.28)}.human-shell{padding-top:120px}.human-small{max-width:560px;margin:0 0 80px 50%;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.11em;line-height:1.8;color:rgba(255,255,255,.34)}.human-shell h2{font:400 clamp(80px,13vw,190px)/.72 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.06em;margin:0}.human-shell h2 em{font-weight:400;color:#677a82}.human-end{max-width:620px;margin:80px 0 0 42%;font-size:19px;line-height:1.65;color:rgba(255,255,255,.6)}

.founder-radical{background:#f4f1e9;color:#071a2b;padding:180px 0}.founder-radical-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.founder-portrait-art{aspect-ratio:4/5;position:relative;background:linear-gradient(160deg,#cad0cf,#e9e4da 46%,#a8b5b9);overflow:hidden}.founder-portrait-art::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 55% 35%,rgba(255,255,255,.55),transparent 32%),linear-gradient(120deg,transparent 35%,rgba(7,26,43,.12) 36% 38%,transparent 39%);filter:blur(.3px);transform:rotate(-8deg)}.portrait-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;line-height:1.6;letter-spacing:.15em;text-align:center;color:rgba(7,26,43,.35)}.portrait-label{position:absolute;bottom:20px;left:22px}.founder-radical-copy>span{color:#717a7d}.founder-radical-copy h2{font:400 clamp(72px,8.5vw,128px)/.77 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.055em;margin:45px 0}.founder-radical-copy h2 em{font-weight:400;color:#7c888c}.founder-radical-copy p{font-size:18px;line-height:1.72;color:#465257;max-width:620px}.founder-origin{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.14em;margin:40px 0!important;color:#071a2b!important}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid #071a2b;padding-bottom:7px;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em}

.final-depth{min-height:100svh;position:relative;overflow:hidden;background:#041019;color:white;display:flex;align-items:center}.final-depth-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,18,.08),rgba(3,12,18,.68)),radial-gradient(circle at 50% 40%,transparent,rgba(3,12,18,.55))}.final-index{position:absolute;z-index:2;left:64px;top:70px;color:rgba(255,255,255,.36)}.final-depth-content{position:relative;z-index:2;width:100%}.final-depth-content>span{color:rgba(255,255,255,.48)}.final-depth-content h2{font:400 clamp(85px,13vw,190px)/.73 "Manrope","Arial Narrow",Impact,sans-serif;letter-spacing:-.06em;margin:60px 0 75px;max-width:1200px}.final-depth-content h2 em{font-weight:400;color:rgba(255,255,255,.52)}.final-cta{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);padding:24px 0;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.12em}.final-cta b{font:300 35px/1 "DM Sans",sans-serif;transition:.25s}.final-cta:hover b{transform:translate(8px,-8px)}.final-depth-content>p{font-size:11px;color:rgba(255,255,255,.38);margin-top:25px}.radical-footer{background:#02090e}.radical-footer p{color:rgba(255,255,255,.5);max-width:430px;line-height:1.6}

@media(max-width:1000px){
  .depth-copy{padding-left:26px;padding-right:26px}.hero-index{left:26px}.depth-scale{right:12px}.order-top{padding:0 26px}.order-intro{grid-template-columns:1fr;gap:28px}.order-intro .tiny-label{margin:0}.order-intro>p:last-child{max-width:560px}.order-word{grid-template-columns:60px 1fr}.order-word small{grid-column:2}.section-split-head{grid-template-columns:1fr;gap:24px}.section-split-head p{max-width:500px}.artifact-grid{grid-template-columns:1fr}.artifact-visual{min-height:680px}.artifact-copy{padding:100px 26px}.founder-radical-grid{grid-template-columns:1fr;gap:70px}.founder-portrait-art{max-width:620px}.human-small{margin-left:35%}.human-end{margin-left:28%}.ticker-label{padding-left:26px}.human-index,.final-index,.descent-meta{left:26px;margin-left:0}
}
@media(max-width:700px){
  .concept-home .site-header{height:68px}.depth-hero{min-height:700px}.depth-copy{padding-top:120px;padding-bottom:34px}.depth-copy h1{font-size:clamp(58px,20vw,95px);line-height:.78}.hero-lower{grid-template-columns:1fr;gap:35px}.depth-scale{display:none}.surface-word{font-size:34vw}.descent{padding-top:130px;min-height:1450px}.margin-note{position:static;text-align:left;margin:40px 0 60px}.descent-title{font-size:26vw}.descent-lead{margin:65px 0 120px;font-size:20px}.fragments{height:600px}.fragment{font-size:14vw}.f2{top:14%}.f3{top:30%;left:3%;font-size:12vw}.f4{top:47%;right:1%}.f5{top:63%;left:0}.f6{top:78%;font-size:15vw}.convergence{grid-template-columns:1fr}.convergence-line{left:0}.convergence p,.convergence h3{grid-column:1}.convergence p{margin-top:70px}.convergence h3{font-size:22vw}.order-section{padding-bottom:110px}.order-top{height:auto;padding-top:22px;padding-bottom:22px;gap:20px}.order-top span:last-child{display:none}.order-intro{padding:110px 0 90px}.order-intro h2{font-size:22vw}.order-word{grid-template-columns:45px 1fr;padding:25px 0}.order-word strong{font-size:16vw}.order-word small{font-size:14px}.situations-radical{padding:110px 0}.section-split-head{margin-bottom:65px}.section-split-head h2{font-size:21vw}.situation-line{grid-template-columns:38px 1fr 25px;gap:12px}.situation-line p{grid-column:2;font-size:13px}.situation-line strong{font-size:10vw}.artifact-visual{min-height:580px}.p1{width:48%;left:7%}.p2{width:50%;right:3%}.p3{width:42%;left:23%}.artifact-copy h2{font-size:19vw}.dimensions-note{flex-direction:column}.dimension-marquee>div{font-size:19vw}.implementation-radical{padding:110px 0}.implementation-copy h2{font-size:24vw}.implementation-flow{gap:11px;flex-wrap:wrap;font-size:8px}.human-section{padding-bottom:120px}.human-shell{padding-top:90px}.human-small,.human-end{margin-left:0}.human-shell h2{font-size:22vw}.founder-radical{padding:110px 0}.founder-radical-copy h2{font-size:20vw}.final-depth-content h2{font-size:22vw;margin:45px 0 55px}.final-index{top:35px}.radical-footer{padding-top:65px}
}
@media(prefers-reduced-motion:reduce){.dimension-marquee>div,.enter-link span{animation:none!important}}
\n/* 2026-10-06 refined concept: quieter typography, less copy, more atmosphere */
@media (min-width:901px){
  .depth-copy h1{font-size:clamp(56px,6.6vw,92px)!important;line-height:.88!important;letter-spacing:-.045em!important;max-width:820px!important}
  .hero-lower{margin-top:40px!important}.hero-lower p{font-size:16px!important;max-width:430px!important;line-height:1.55!important}
  .descent-title{font-size:clamp(58px,7.6vw,104px)!important;line-height:.86!important}
  .fragments{height:620px!important}.fragment{font-size:clamp(38px,5vw,68px)!important}
  .convergence h3{font-size:clamp(58px,7vw,96px)!important;line-height:.9!important}
  .order-intro h2{font-size:clamp(56px,6.5vw,88px)!important;line-height:.9!important;max-width:800px!important}
  .order-word strong{font-size:clamp(38px,4vw,58px)!important}
  .section-split-head h2{font-size:clamp(50px,5.6vw,76px)!important;line-height:.94!important}
  .situation-line{grid-template-columns:60px 1fr 30px!important;padding:26px 0!important}
  .situation-line strong{font-size:clamp(27px,3vw,42px)!important}.situation-line p{display:none!important}
  .artifact-copy h2{font-size:clamp(55px,6.3vw,88px)!important;line-height:.88!important;max-width:700px!important}
  .dimension-marquee>div{font-size:clamp(44px,6vw,82px)!important}
  .implementation-copy h2{font-size:clamp(58px,7vw,96px)!important;line-height:.88!important}
  .human-shell h2{font-size:clamp(60px,7vw,98px)!important;line-height:.88!important;max-width:850px!important}
  .human-shell{padding-top:90px!important}.human-small{margin:0 0 42px 0!important}.human-end{display:none!important}
  .founder-radical-copy h2{font-size:clamp(54px,6vw,82px)!important;line-height:.9!important}
  .final-depth-content h2{font-size:clamp(58px,7vw,96px)!important;line-height:.9!important;max-width:950px!important;margin:44px 0 58px!important}
  .final-depth{min-height:82svh!important}
}
@media (max-width:900px){
  .depth-copy h1{font-size:clamp(48px,14vw,68px)!important;line-height:.88!important}
  .descent{min-height:1180px!important}.descent-title{font-size:15vw!important;line-height:.9!important}
  .fragments{height:520px!important}.fragment{font-size:10.5vw!important}
  .convergence h3{font-size:14vw!important;line-height:.92!important}
  .order-intro h2{font-size:14vw!important;line-height:.92!important}.order-word strong{font-size:11vw!important}
  .section-split-head h2{font-size:13vw!important}.situation-line strong{font-size:7.8vw!important}.situation-line p{display:none!important}
  .artifact-copy h2{font-size:14vw!important;line-height:.92!important}
  .dimension-marquee>div{font-size:13vw!important}
  .implementation-copy h2{font-size:14vw!important;line-height:.92!important}
  .human-shell h2{font-size:13vw!important;line-height:.92!important}
  .founder-radical-copy h2{font-size:13vw!important;line-height:.92!important}
  .final-depth-content h2{font-size:14vw!important;line-height:.92!important}
}

/* =========================================================
   MÖNLAM 2026 — ZEN / RUPTURISTA HOME
   Quiet, precise, atmospheric. No custom cursor. No loud UI.
   ========================================================= */
.zen-home{--z-ink:#081119;--z-ocean:#041019;--z-deep:#061a27;--z-blue:#173E5C;--z-ivory:#f2f0e9;--z-warm:#f8f8f5;--z-line:rgba(8,17,25,.15);background:var(--z-warm);overflow-x:hidden;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif}
.zen-home .mono{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.zen-home .zen-brand,.zen-home .brand{font-family:"DM Sans",Inter,sans-serif;font-size:18px;font-weight:500;letter-spacing:.22em}
.zen-home .site-header{height:74px}.zen-home .site-header::after{left:28px;right:28px}.zen-home .header-inner{padding:0 28px}.zen-home .nav{font-size:10px;gap:24px;letter-spacing:.08em}.zen-home .nav-cta{padding-bottom:4px}

.hello-screen{position:fixed;inset:0;z-index:999;background:#02090e;color:#f7f6f1;display:grid;place-items:center;overflow:hidden;transition:opacity .9s cubic-bezier(.22,.8,.24,1),visibility .9s}
.hello-screen.is-gone{opacity:0;visibility:hidden;pointer-events:none}.hello-grain{position:absolute;inset:-30%;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");animation:grainMove 9s steps(8) infinite}
.hello-orbit{position:absolute;width:min(58vw,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 90px rgba(86,143,164,.08) inset;animation:helloPulse 7s ease-in-out infinite}.hello-orbit::before,.hello-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;inset:11%}.hello-orbit::after{inset:28%;border-color:rgba(255,255,255,.04)}
.hello-copy{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:25px}.hello-mark{font-size:10px;letter-spacing:.28em;opacity:.42}.hello-copy p{margin:0;font-size:clamp(22px,2.5vw,34px);font-weight:300;letter-spacing:-.03em}.hello-copy button{appearance:none;border:0;background:none;color:rgba(255,255,255,.62);font:400 9px/1 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.22)}.hello-copy button span{display:inline-block;margin-left:10px;transition:.25s}.hello-copy button:hover span{transform:translateY(4px)}
@keyframes helloPulse{0%,100%{transform:scale(.98);opacity:.72}50%{transform:scale(1.03);opacity:1}}@keyframes grainMove{0%{transform:translate(0,0)}25%{transform:translate(4%,-3%)}50%{transform:translate(-3%,4%)}75%{transform:translate(2%,5%)}100%{transform:translate(0,0)}}

.depth-track{position:fixed;right:18px;top:50%;z-index:24;transform:translateY(-50%);height:150px;width:10px;display:grid;align-content:space-between;justify-items:center;pointer-events:none}.depth-track-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.13)}.depth-track i{position:relative;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.26);transition:.35s ease}.depth-track i.active{width:7px;height:7px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}

.zen-hero{min-height:100svh;background:#041019;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.zen-hero canvas,.grow-section canvas{position:absolute;inset:0;width:100%;height:100%}.zen-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 68% 24%,rgba(121,181,197,.06),transparent 30%),linear-gradient(90deg,rgba(2,9,14,.62),rgba(2,9,14,.19) 60%,rgba(2,9,14,.44));z-index:1}.zen-coordinate,.section-code{position:absolute;z-index:3;left:30px;top:104px;color:rgba(255,255,255,.34)}.zen-hero-inner{position:relative;z-index:2;width:100%;padding-top:115px;padding-bottom:72px;display:flex;align-items:flex-end;justify-content:space-between;min-height:100svh}.zen-hero-copy{align-self:center;max-width:760px}.zen-kicker{display:block;color:rgba(255,255,255,.46);margin-bottom:28px}.zen-hero h1{margin:0;font-size:clamp(52px,6vw,84px);line-height:.92;letter-spacing:-.055em;font-weight:300;max-width:760px}.zen-hero p{margin:30px 0 32px;max-width:420px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.67)}.zen-link{display:inline-flex;align-items:center;gap:18px;font:400 9px/1.2 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;padding:0 0 7px;border-bottom:1px solid currentColor}.zen-link b{font:300 18px/1 "DM Sans",sans-serif;transition:.25s}.zen-link:hover b{transform:translateY(4px)}.dark-link:hover b{transform:translate(4px,-4px)}.zen-whisper{position:absolute;right:42px;bottom:70px;font-size:13px;font-style:italic;letter-spacing:.04em;color:rgba(255,255,255,.26);writing-mode:vertical-rl;transform:rotate(180deg)}.surface-line{position:absolute;z-index:3;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12)}.surface-line span{display:block;width:23%;height:1px;background:rgba(255,255,255,.45);animation:surfaceScan 8s ease-in-out infinite}@keyframes surfaceScan{0%,100%{transform:translateX(-20%)}50%{transform:translateX(370%)}}

.under-section{min-height:1200px;background:#020a0f;color:#f4f3ee;position:relative;padding:150px 0 130px;overflow:hidden}.under-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(52,101,117,.12),transparent 24%),linear-gradient(180deg,rgba(23,62,92,.12),transparent 28%)}.under-section .section-code{top:42px;color:rgba(255,255,255,.24)}.under-shell{position:relative;z-index:2}.under-lead{max-width:650px}.under-lead>span{color:rgba(255,255,255,.34)}.under-lead h2{margin:22px 0 0;font-size:clamp(42px,5vw,70px);line-height:.94;letter-spacing:-.05em;font-weight:300}.floating-field{height:650px;position:relative;margin-top:70px}.float-word{position:absolute;font-size:clamp(29px,4vw,56px);font-weight:300;letter-spacing:-.045em;color:rgba(255,255,255,.62);transition:color .3s}.float-word:hover{color:#fff}.fw1{left:3%;top:13%}.fw2{right:14%;top:5%}.fw3{left:47%;top:34%}.fw4{right:4%;top:52%}.fw5{left:12%;top:64%}.fw6{left:58%;top:79%}.field-crosshair{position:absolute;left:50%;top:48%;width:180px;height:180px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.06);border-radius:50%}.field-crosshair::before,.field-crosshair::after{content:"";position:absolute;background:rgba(255,255,255,.08)}.field-crosshair::before{width:240%;height:1px;left:-70%;top:50%}.field-crosshair::after{height:240%;width:1px;top:-70%;left:50%}.under-conclusion{margin-left:auto;max-width:530px;border-top:1px solid rgba(255,255,255,.16);padding-top:28px}.under-conclusion span{color:rgba(255,255,255,.35)}.under-conclusion p{font-size:15px;color:rgba(255,255,255,.55);margin:28px 0 8px}.under-conclusion strong{font-size:clamp(34px,4.4vw,58px);font-weight:300;letter-spacing:-.045em}

.clarity-section{background:var(--z-ivory);color:var(--z-ink);padding:150px 0 120px;position:relative}.clarity-section .section-code{top:38px;color:rgba(8,17,25,.38)}.clarity-intro{display:grid;grid-template-columns:220px 1fr;gap:54px;align-items:start}.clarity-intro>span{padding-top:12px;color:#6f7474}.clarity-intro h2{font-size:clamp(42px,5.2vw,70px);line-height:.94;letter-spacing:-.05em;font-weight:300;margin:0}.clarity-steps{margin-top:105px;border-top:1px solid var(--z-line)}.clarity-step{display:grid;grid-template-columns:72px minmax(180px,1fr) 1fr;align-items:center;padding:30px 0;border-bottom:1px solid var(--z-line);gap:24px}.clarity-step>span{color:#7d8282}.clarity-step strong{font-size:clamp(28px,3.2vw,43px);font-weight:350;letter-spacing:-.04em}.clarity-step small{font-size:14px;color:#687071}.clarity-rule{margin:46px 0 0;color:#7a8080}

.signal-section{background:#f8f8f5;padding:145px 0 160px;color:var(--z-ink);position:relative;overflow:hidden}.signal-noise{position:absolute;right:-12%;top:-10%;width:48vw;aspect-ratio:1;background:repeating-radial-gradient(circle at 50% 50%,rgba(7,26,43,.04) 0 1px,transparent 1px 18px);border-radius:50%;transform:rotate(16deg)}.signal-shell{position:relative}.signal-head{display:grid;grid-template-columns:220px 1fr;gap:54px;margin-bottom:65px}.signal-head span{padding-top:12px;color:#7d8282}.signal-head h2{font-size:clamp(42px,5.2vw,68px);line-height:.94;letter-spacing:-.05em;font-weight:300;margin:0}.signal-list{border-top:1px solid var(--z-line)}.signal-row{display:grid;grid-template-columns:60px 1fr 30px;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid var(--z-line);transition:.28s ease}.signal-row span{font:400 9px/1 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;color:#878d8e;letter-spacing:.12em}.signal-row p{font-size:clamp(24px,2.6vw,36px);font-weight:350;letter-spacing:-.035em;margin:0;max-width:900px}.signal-row b{font-size:21px;font-weight:300;transition:.28s}.signal-row:hover{padding-left:12px}.signal-row:hover b{transform:translate(5px,-5px)}

.result-section{min-height:900px;display:grid;grid-template-columns:1.05fr .95fr;background:#e8e6df;color:var(--z-ink);overflow:hidden}.result-visual{position:relative;min-height:760px;background:linear-gradient(140deg,#d7dad6,#eeebe4 50%,#c7d0d1)}.result-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 47%,rgba(4,16,25,.08) 48%,transparent 49%),radial-gradient(circle at 67% 30%,rgba(255,255,255,.68),transparent 23%)}.result-sheet{position:absolute;background:rgba(250,250,247,.82);box-shadow:0 32px 75px rgba(4,16,25,.11);backdrop-filter:blur(8px);border:1px solid rgba(4,16,25,.08);padding:23px;transform-origin:center}.result-sheet span{font:400 8px/1 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.13em;color:#72797a}.result-sheet i{display:block;height:1px;background:rgba(7,26,43,.16);margin-top:22px}.rs1{width:34%;height:40%;left:10%;top:18%;transform:rotate(-7deg)}.rs2{width:35%;height:34%;right:11%;top:27%;transform:rotate(6deg)}.rs3{width:29%;height:25%;left:36%;bottom:15%;transform:rotate(-1.5deg);display:flex;flex-direction:column;justify-content:space-between}.rs3 b{font-size:50px;font-weight:200}.result-ring{position:absolute;width:330px;aspect-ratio:1;border:1px solid rgba(7,26,43,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.result-copy{padding:120px clamp(42px,7vw,110px);align-self:center}.result-copy>span{color:#767d7d}.result-copy h2{font-size:clamp(44px,5.2vw,70px);font-weight:300;letter-spacing:-.05em;line-height:.94;margin:28px 0}.result-copy p{font-size:16px;color:#667071;margin:0 0 42px}

.dimensions-zen{background:#071A2B;color:#f5f4ef;padding:88px 0 72px;overflow:hidden}.dimension-loop{white-space:nowrap;overflow:hidden;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);padding:18px 0}.dimension-loop>div{display:inline-block;font-size:clamp(25px,3.5vw,48px);font-weight:300;letter-spacing:-.035em;color:rgba(255,255,255,.66);animation:zenTicker 34s linear infinite}@keyframes zenTicker{to{transform:translateX(-50%)}}.dimension-caption{display:flex;justify-content:space-between;gap:30px;padding-top:38px;align-items:flex-end}.dimension-caption span{color:rgba(255,255,255,.34)}.dimension-caption p{margin:0;font-size:14px;color:rgba(255,255,255,.56)}

.human-zen{background:#02090e;color:#f5f4ef;padding:150px 0;min-height:720px;position:relative;overflow:hidden}.human-zen .section-code{top:40px;color:rgba(255,255,255,.22)}.human-zen-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;min-height:480px}.human-zen-copy>span{color:rgba(255,255,255,.32)}.human-zen-copy h2{font-size:clamp(42px,5.4vw,74px);line-height:.95;letter-spacing:-.052em;font-weight:300;max-width:780px;margin:26px 0 0}.human-zen-orbit{position:relative;width:min(35vw,420px);aspect-ratio:1;margin-left:auto;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.human-zen-orbit span,.human-zen-orbit i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07);inset:18%}.human-zen-orbit i{inset:38%;background:radial-gradient(circle,rgba(88,144,161,.12),transparent 68%);box-shadow:0 0 70px rgba(88,144,161,.08)}

.founder-zen{background:#f2f0e9;padding:140px 0;color:var(--z-ink)}.founder-zen-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:95px;align-items:center}.founder-frame{min-height:620px;position:relative;overflow:hidden;background:linear-gradient(150deg,#bec7c6,#e8e4db 45%,#9ba8aa)}.founder-shadow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 57% 31%,rgba(255,255,255,.6),transparent 27%),linear-gradient(112deg,transparent 39%,rgba(7,26,43,.12) 40% 42%,transparent 43%);transform:rotate(-5deg)}.founder-frame>span{position:absolute;left:20px;bottom:20px;color:rgba(7,26,43,.38)}.founder-zen-copy>span{color:#737a7b}.founder-zen-copy h2{font-size:clamp(44px,5.1vw,68px);font-weight:300;letter-spacing:-.05em;line-height:.95;margin:28px 0}.founder-zen-copy p{max-width:600px;font-size:16px;line-height:1.7;color:#556063;margin:0 0 34px}

.grow-section{min-height:84svh;background:#041019;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.grow-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,14,.68),rgba(2,9,14,.15) 62%,rgba(2,9,14,.5)),radial-gradient(circle at 70% 25%,rgba(157,209,219,.08),transparent 28%);z-index:1}.grow-content{position:relative;z-index:2;width:100%;padding-top:100px;padding-bottom:80px}.grow-content>span{color:rgba(255,255,255,.38)}.grow-content h2{font-size:clamp(52px,6.5vw,88px);font-weight:300;letter-spacing:-.055em;line-height:.92;margin:28px 0 18px}.grow-content>p{font-size:17px;color:rgba(255,255,255,.62);margin:0 0 58px}.grow-cta{max-width:800px;display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);padding:21px 0;font:400 10px/1 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.grow-cta b{font:300 28px/1 "DM Sans",sans-serif;transition:.25s}.grow-cta:hover b{transform:translate(6px,-6px)}.grow-content small{display:block;margin-top:22px;font-size:10px;color:rgba(255,255,255,.34)}.zen-footer{background:#02090e}.zen-footer p{color:rgba(255,255,255,.46)}

@media(max-width:900px){
  .depth-track{display:none}.zen-home .site-header{height:68px}.zen-home .header-inner{padding:0 20px}.zen-coordinate,.section-code{left:20px}.zen-hero-inner{padding:100px 22px 48px}.zen-hero h1{font-size:clamp(44px,13vw,65px)}.zen-whisper{display:none}.under-section{min-height:1050px;padding:125px 0 100px}.under-lead h2{font-size:12vw}.floating-field{height:560px}.float-word{font-size:9vw}.field-crosshair{width:120px;height:120px}.under-conclusion{max-width:430px}.clarity-section,.signal-section{padding:120px 0 105px}.clarity-intro,.signal-head{grid-template-columns:1fr;gap:22px}.clarity-steps{margin-top:70px}.clarity-step{grid-template-columns:48px 1fr}.clarity-step small{grid-column:2}.result-section{grid-template-columns:1fr}.result-visual{min-height:600px}.result-copy{padding:90px 28px}.human-zen-grid{grid-template-columns:1fr}.human-zen-orbit{width:min(70vw,360px);margin:20px auto 0}.founder-zen-grid{grid-template-columns:1fr;gap:65px}.founder-frame{min-height:560px;max-width:620px}.grow-content{padding-left:22px;padding-right:22px}
}
@media(max-width:640px){
  .hello-orbit{width:92vw}.hello-copy p{font-size:24px}.zen-hero h1{font-size:15vw}.zen-hero p{font-size:15px;max-width:330px}.under-section{min-height:980px}.under-lead h2{font-size:13vw}.floating-field{height:500px}.fw1{left:3%}.fw2{right:2%}.fw3{left:38%}.fw4{right:0}.fw5{left:2%}.fw6{left:46%}.under-conclusion strong{font-size:11vw}.clarity-intro h2,.signal-head h2,.result-copy h2,.human-zen-copy h2,.founder-zen-copy h2{font-size:12vw}.clarity-step strong{font-size:9vw}.signal-row{grid-template-columns:38px 1fr 24px;gap:12px}.signal-row p{font-size:7.3vw}.result-visual{min-height:470px}.rs1{width:43%;left:4%}.rs2{width:43%;right:4%}.rs3{width:40%;left:30%}.dimension-caption{flex-direction:column;align-items:flex-start}.human-zen{padding:120px 0}.founder-zen{padding:105px 0}.founder-frame{min-height:480px}.grow-content h2{font-size:15vw}.grow-section{min-height:78svh}
}
@media(prefers-reduced-motion:reduce){.hello-orbit,.hello-grain,.surface-line span,.dimension-loop>div{animation:none!important}.hello-screen{transition:none}}


/* --- refinement patch: calmer about title + ready portrait + desktop dropdowns --- */
.about-hero h1{font-family:"DM Sans",Inter,sans-serif !important;font-size:clamp(52px,6vw,84px) !important;line-height:.95 !important;letter-spacing:-.05em !important;font-weight:500 !important;max-width:760px !important}
.about-hero p{max-width:760px}
.portrait{background:linear-gradient(145deg,#DCE1E3 0%,#F7F6F1 46%,#C8CFD3 100%);position:relative;overflow:hidden;border-radius:2px}
.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.02)}
.portrait.no-photo img{display:none}
.portrait::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(7,26,43,.06));pointer-events:none}
.portrait::after{content:"CAMILA\A ARANCIBIA";white-space:pre;position:absolute;left:28px;bottom:26px;font-size:11px;line-height:1.35;letter-spacing:.17em;color:#33404A;background:rgba(250,251,252,.66);padding:10px 12px 8px;border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{opacity:.78;transition:.2s ease}
.nav-item:hover>a,.nav-item:focus-within>a{opacity:1}
.dropdown{position:absolute;top:calc(100% + 18px);left:-14px;min-width:240px;display:grid;gap:6px;padding:16px 18px;background:rgba(250,251,252,.94);border:1px solid rgba(17,24,39,.08);box-shadow:0 18px 50px rgba(7,26,43,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .24s ease,transform .24s ease;z-index:8}
.site-header:not(.scrolled):not(.light) .dropdown{background:rgba(8,25,38,.88);border-color:rgba(255,255,255,.12);box-shadow:0 22px 56px rgba(0,0,0,.28)}
.has-menu:hover .dropdown,.has-menu:focus-within .dropdown{opacity:1;transform:none;pointer-events:auto}
.dropdown a{display:block;padding:6px 0;font-size:11px;letter-spacing:.04em;text-transform:none;white-space:nowrap;opacity:.88}
.dropdown a:hover{opacity:1;transform:translateX(2px)}
.dropdown a small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.45;margin-bottom:4px}
@media(max-width:900px){.nav-item{display:block}.dropdown{display:none}}

.drop-label{display:block;font-size:8px;letter-spacing:.17em;opacity:.42;margin:0 0 8px;text-transform:uppercase}.vertical-focus{font-family:"DM Sans",Inter,sans-serif;font-size:clamp(22px,2.5vw,38px);line-height:1.3;letter-spacing:-.025em;max-width:900px;color:#172f3d}.vertical-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:54px}.vertical-mini span{padding:24px 18px 24px 0;font-size:11px;letter-spacing:.05em;text-transform:uppercase;border-right:1px solid var(--line);color:#4d5863}.vertical-mini span+span{padding-left:18px}.vertical-mini span:last-child{border-right:0}.sector-index .editorial-row{font-family:"DM Sans",Inter,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:500}.sector-index .editorial-row small{display:block;font-family:"DM Sans",Inter,sans-serif;font-size:13px;line-height:1.45;color:#6b747d;margin-top:8px;font-weight:400;letter-spacing:0}.sector-index a.editorial-row:hover{padding-left:14px}.vertical-hero h1{font-family:"DM Sans",Inter,sans-serif!important;font-size:clamp(48px,6vw,82px)!important;line-height:.98!important;font-weight:500!important;letter-spacing:-.05em!important;max-width:900px!important}@media(max-width:900px){.vertical-mini{grid-template-columns:1fr 1fr}.vertical-mini span{border-bottom:1px solid var(--line)}.vertical-mini span:nth-child(2n){border-right:0}}

.home-verticals-strip{background:#f4f2ec;padding:70px 0 64px;border-top:1px solid rgba(7,26,43,.08);border-bottom:1px solid rgba(7,26,43,.08)}.home-verticals-strip .mono{display:block;font-size:9px;letter-spacing:.15em;opacity:.45;margin-bottom:24px}.home-vertical-links{display:flex;gap:14px 24px;flex-wrap:wrap}.home-vertical-links a{font-size:14px;letter-spacing:-.01em;border-bottom:1px solid rgba(7,26,43,.22);padding-bottom:5px;transition:.2s}.home-vertical-links a:hover{opacity:.58;transform:translateY(-1px)}


/* --- v2 typography patch requested by user --- */
.brand,.footer .brand{
  font-family:"DM Sans",Inter,sans-serif !important;
  font-size:22px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
}
.site-header .brand{font-size:21px !important}
.founder-copy h2,
.founder-zen-copy h2{
  font-family:"DM Sans",Inter,sans-serif !important;
  font-size:clamp(44px,5.5vw,76px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  font-weight:500 !important;
  text-transform:uppercase;
  max-width:820px;
}


/* Final photo integration — uses the founder's supplied photograph */
.founder-frame{
  min-height:0 !important;
  aspect-ratio:1/1;
  background:#1b2024 !important;
}
.founder-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.founder-frame .founder-shadow,.founder-frame>span{display:none !important}
.portrait{
  aspect-ratio:1/1 !important;
  background:#1b2024 !important;
}
.portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.portrait::before{display:none !important}
.portrait::after{
  content:"CAMILA ARANCIBIA" !important;
  white-space:normal !important;
}


/* Final requested refinements: clean Services typography + editorial founder portrait */
.services-page .page-hero h1,
.services-page .service-line h3,
.services-page .statement{
  font-family:"DM Sans",Inter,sans-serif !important;
}
.services-page .page-hero h1{
  font-size:clamp(50px,6.2vw,86px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  font-weight:500 !important;
  max-width:1000px !important;
}
.services-page .service-line h3{
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
}
.services-page .statement{
  font-size:clamp(38px,5vw,70px) !important;
  line-height:.98 !important;
  letter-spacing:-.05em !important;
  font-weight:500 !important;
  max-width:1050px !important;
}
.founder-frame{
  aspect-ratio:4/5 !important;
  max-height:720px;
}
.founder-frame img,
.portrait img{
  object-fit:cover !important;
  object-position:center 42% !important;
}
.portrait{aspect-ratio:4/5 !important;}
@media(max-width:900px){
  .services-page .page-hero h1{font-size:clamp(42px,11vw,64px) !important;}
  .services-page .statement{font-size:clamp(34px,9vw,54px) !important;}
  .founder-frame{max-width:520px;}
}

/* --- ART DIRECTION 2026-10-06: real photography, corporate language hidden inside art --- */
/* All photographs are sourced from Unsplash and used as decorative editorial imagery. */
:root{
  --photo-water:url('https://images.unsplash.com/photo-1766589177101-168fa8b85f1c?auto=format&fit=crop&w=2400&q=86');
  --photo-glass:url('https://images.unsplash.com/photo-1765888366685-c3071053f426?auto=format&fit=crop&w=2200&q=84');
  --photo-architecture:url('https://images.unsplash.com/photo-1753111842215-40119afc1ce7?auto=format&fit=crop&w=2200&q=84');
  --photo-hands:url('https://images.unsplash.com/photo-1561570541-aaba21a3ecf0?auto=format&fit=crop&w=2200&q=86');
}

/* HOME: dark water is the first impression — organic, abstract, premium, still serious. */
.hero-photo,.grow-photo{position:absolute;inset:-2%;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.hero-photo-water{background-image:var(--photo-water);background-position:center 48%;filter:saturate(.72) contrast(1.08) brightness(.72);transform:scale(1.035);animation:photoDrift 18s ease-in-out infinite alternate}
.zen-hero-shade{background:linear-gradient(90deg,rgba(2,9,14,.77) 0%,rgba(2,9,14,.42) 44%,rgba(2,9,14,.2) 72%,rgba(2,9,14,.44) 100%),linear-gradient(180deg,rgba(2,9,14,.16),rgba(2,9,14,.4));}
@keyframes photoDrift{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-.55%,-.35%,0)}}

/* BELOW: the corporate cue is deliberately disguised as an abstract glass grid. */
.under-art{position:absolute;right:-5vw;top:185px;width:min(52vw,760px);height:560px;background-image:var(--photo-glass);background-size:cover;background-position:center;opacity:.25;filter:saturate(.65) contrast(1.14) brightness(.58);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 78%,transparent 100%);transform:rotate(-2deg)}
.under-shell{isolation:isolate}.under-lead,.floating-field,.under-conclusion{position:relative;z-index:2}

/* CLARITY: a real architectural study becomes an editorial interruption, not a stock-photo block. */
.clarity-art{height:clamp(260px,34vw,520px);margin:78px 0 14px;background-image:var(--photo-architecture);background-size:cover;background-position:center 48%;filter:grayscale(1) contrast(1.08) brightness(1.02);position:relative;overflow:hidden}
.clarity-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,244,239,.18),transparent 34%,rgba(7,26,43,.06)),linear-gradient(180deg,transparent 72%,rgba(246,244,239,.2));}
.clarity-steps{margin-top:54px}

/* HUMAN JUDGMENT: the image the user selected — two hands almost touching — displayed like gallery photography. */
.human-art{width:min(42vw,560px);aspect-ratio:1.45/1;margin-left:auto;background:#fff var(--photo-hands) center/contain no-repeat;box-shadow:0 32px 90px rgba(0,0,0,.28);position:relative;overflow:hidden}
.human-art::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}

/* CLOSING: glass again, darker and tighter — a hidden corporate signal under a cultural/editorial finish. */
.grow-photo{background-image:var(--photo-glass);background-position:center 42%;filter:saturate(.8) contrast(1.17) brightness(.55);transform:scale(1.035)}
.grow-shade{background:linear-gradient(90deg,rgba(2,9,14,.86) 0%,rgba(2,9,14,.56) 46%,rgba(2,9,14,.28) 76%,rgba(2,9,14,.52) 100%),radial-gradient(circle at 74% 24%,rgba(79,151,176,.12),transparent 34%)}

@media(max-width:900px){
  .under-art{right:-22vw;top:260px;width:92vw;height:480px;opacity:.18}
  .clarity-art{margin-top:58px;height:420px}
  .human-art{width:min(86vw,560px);margin:32px auto 0}
}
@media(max-width:640px){
  .hero-photo-water{background-position:58% center}
  .under-art{right:-35vw;top:285px;width:118vw;height:420px;opacity:.15}
  .clarity-art{height:310px;margin-top:46px}
  .human-art{width:100%;aspect-ratio:1.2/1}
}
@media(prefers-reduced-motion:reduce){.hero-photo-water{animation:none!important}}

/* --- ART DIRECTION V3: rupture + hidden corporate structure --- */
:root{
  --photo-light-geometry:url('https://images.unsplash.com/photo-1776426128523-7729b721c524?auto=format&fit=crop&w=2600&q=84');
  --photo-shadow-concrete:url('https://images.unsplash.com/photo-1743228556830-a9232ee0bb1c?auto=format&fit=crop&w=2600&q=84');
  --photo-shadow-lines:url('https://images.unsplash.com/photo-1764621616112-f70807d5fc6c?auto=format&fit=crop&w=2600&q=84');
  --photo-grid-shadow:url('https://images.unsplash.com/photo-1773300768157-084bfa603ef5?auto=format&fit=crop&w=2600&q=84');
  --photo-blue-geometry:url('https://images.unsplash.com/photo-1767194947014-5193d4f36134?auto=format&fit=crop&w=2600&q=84');
  --photo-architecture-light:url('https://images.unsplash.com/photo-1760284739389-8a833519d6a5?auto=format&fit=crop&w=2600&q=84');
  --photo-translucent:url('https://images.unsplash.com/photo-1743842773343-d245a4d0e9d8?auto=format&fit=crop&w=2600&q=84');
  --photo-fabric:url('https://images.unsplash.com/photo-1768815151797-dc992ba7b0d9?auto=format&fit=crop&w=2600&q=84');
}

/* HOME starts with the user's selected hands — art first, consulting beneath it. */
.hands-home{background:#f6f6f3;color:#071A2B}
.hero-photo-hands{background-image:var(--photo-hands);background-position:66% center;background-size:cover;filter:grayscale(1) contrast(1.12) brightness(1.04);transform:scale(1.015);animation:handsFloat 16s ease-in-out infinite alternate}
.hands-home .zen-hero-shade{background:linear-gradient(90deg,rgba(248,248,245,.99) 0%,rgba(248,248,245,.94) 31%,rgba(248,248,245,.52) 53%,rgba(248,248,245,.06) 77%),linear-gradient(180deg,rgba(248,248,245,.12),rgba(248,248,245,.18))}
.hands-home .zen-hero-copy{max-width:600px}
.hands-home .zen-hero h1{color:#071A2B;font-size:clamp(58px,7.1vw,102px);max-width:720px;line-height:.88;font-weight:350;letter-spacing:-.065em}
.hands-home .zen-kicker,.hands-home .zen-coordinate{color:rgba(7,26,43,.48)}
.hands-home .zen-hero p{color:rgba(7,26,43,.72);font-size:17px;max-width:520px}
.hands-home .zen-link{color:#071A2B}
.hands-home .zen-whisper{color:rgba(7,26,43,.35)}
.hands-home .surface-line{background:rgba(7,26,43,.12)}
.hands-home .surface-line span{background:rgba(7,26,43,.45)}
.home-art-header:not(.scrolled){color:#071A2B}
.home-art-header:not(.scrolled)::after{background:rgba(7,26,43,.13)}
@keyframes handsFloat{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.35%,.15%,0)}}

/* More visual rhythm on the home page: images feel like gallery cuts rather than stock blocks. */
.signal-section::after{content:"";position:absolute;right:-5vw;bottom:-8vw;width:min(50vw,720px);aspect-ratio:1.3;background:var(--photo-shadow-lines) center/cover no-repeat;filter:grayscale(1) contrast(1.18);opacity:.12;mix-blend-mode:multiply;transform:rotate(-4deg);pointer-events:none}
.result-visual{background-image:linear-gradient(140deg,rgba(215,218,214,.78),rgba(238,235,228,.86) 50%,rgba(199,208,209,.8)),var(--photo-grid-shadow);background-size:cover;background-position:center;}
.dimensions-zen{background-image:linear-gradient(rgba(7,26,43,.86),rgba(7,26,43,.9)),var(--photo-fabric);background-size:cover;background-position:center}
.art-interlude{min-height:58vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#071A2B}
.art-interlude::before{content:"";position:absolute;inset:-2%;background-size:cover;background-position:center;transition:transform 1.2s ease;transform:scale(1.02)}
.art-interlude:hover::before{transform:scale(1.05)}
.art-interlude::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,18,.06),rgba(3,12,18,.56))}
.art-interlude-one::before{background-image:var(--photo-blue-geometry);filter:saturate(.55) contrast(1.08) brightness(.82)}
.art-interlude-two::before{background-image:var(--photo-translucent);filter:saturate(.68) contrast(1.08) brightness(.7)}
.art-interlude-caption{position:relative;z-index:2;color:rgba(255,255,255,.68);padding:0 42px 34px;letter-spacing:.15em;font-size:9px}
.grow-photo{background-image:var(--photo-glass)}

/* Every meaningful top-menu destination opens with a photograph immediately. */
.art-page{
  --page-art:var(--photo-light-geometry);
  --page-art-position:center;
  --page-art-filter:grayscale(1) contrast(1.08) brightness(.72);
}
.art-about{--page-art:var(--photo-fabric);--page-art-filter:saturate(.55) contrast(1.08) brightness(.66)}
.art-services{--page-art:var(--photo-light-geometry);--page-art-filter:grayscale(1) contrast(1.14) brightness(.72)}
.art-sectors{--page-art:var(--photo-glass);--page-art-filter:saturate(.6) contrast(1.12) brightness(.62)}
.art-risk{--page-art:var(--photo-water);--page-art-filter:saturate(.52) contrast(1.14) brightness(.58)}
.art-contact{--page-art:var(--photo-translucent);--page-art-filter:saturate(.6) contrast(1.1) brightness(.62)}
.art-health,.art-sector-health{--page-art:var(--photo-translucent);--page-art-filter:saturate(.62) contrast(1.1) brightness(.63)}
.art-sector-food{--page-art:var(--photo-water);--page-art-filter:saturate(.46) contrast(1.12) brightness(.58)}
.art-sector-retail{--page-art:var(--photo-glass);--page-art-filter:saturate(.58) contrast(1.13) brightness(.6)}
.art-sector-pro{--page-art:var(--photo-architecture-light);--page-art-filter:grayscale(1) contrast(1.12) brightness(.72)}
.art-sector-realestate{--page-art:var(--photo-shadow-concrete);--page-art-filter:grayscale(1) contrast(1.18) brightness(.63)}

.art-page .page-hero{min-height:78svh;padding:170px 0 82px;background:#071A2B;color:#fff;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.art-page .page-hero::before{content:"";position:absolute;inset:-2%;z-index:-2;background-image:var(--page-art);background-size:cover;background-position:var(--page-art-position);filter:var(--page-art-filter);transform:scale(1.025);transition:transform 1.2s ease}
.art-page .page-hero:hover::before{transform:scale(1.045)}
.art-page .page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,9,14,.82) 0%,rgba(2,9,14,.58) 40%,rgba(2,9,14,.18) 78%),linear-gradient(180deg,rgba(2,9,14,.16),rgba(2,9,14,.56))}
.art-page .page-hero .shell{width:100%;position:relative;z-index:2}
.art-page .page-hero h1,.art-page .page-hero p{color:#fff}
.art-page .page-hero h1{max-width:1050px;text-shadow:0 2px 22px rgba(0,0,0,.08)}
.art-page .page-hero p{color:rgba(255,255,255,.78);max-width:760px}
.art-page .page-hero .eyebrow{color:rgba(255,255,255,.68)}
.art-index-mark{position:absolute;right:28px;top:120px;z-index:2;color:rgba(255,255,255,.32);font:400 8px/1.2 "DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;writing-mode:vertical-rl;text-transform:uppercase}
.art-page .site-header:not(.scrolled){color:#fff;background:transparent}
.art-page .site-header:not(.scrolled)::after{background:rgba(255,255,255,.16)}

/* Keep menu readable and richer; sectors remain a real dropdown. */
.nav{gap:24px}
.dropdown{min-width:270px}
.nav-cta{font-weight:600}

@media(max-width:900px){
  .hands-home .zen-hero-shade{background:linear-gradient(180deg,rgba(248,248,245,.82) 0%,rgba(248,248,245,.58) 46%,rgba(248,248,245,.3) 100%)}
  .hero-photo-hands{background-position:62% center;background-size:cover}
  .hands-home .zen-hero-copy{align-self:flex-end;padding-bottom:36px}
  .art-page .page-hero{min-height:70svh;padding:150px 0 70px}
  .art-index-mark{display:none}
  .art-interlude{min-height:48vh}
  .art-interlude-caption{padding-left:22px;padding-right:22px}
}
@media(max-width:640px){
  .hero-photo-hands{background-position:68% center;filter:grayscale(1) contrast(1.1) brightness(1.03)}
  .hands-home .zen-hero h1{font-size:15vw;max-width:92vw}
  .hands-home .zen-hero p{max-width:88vw;font-size:15px}
  .art-page .page-hero{min-height:66svh;padding-bottom:58px}
  .art-page .page-hero h1{font-size:clamp(48px,14vw,72px)}
  .art-page .page-hero p{font-size:18px}
  .art-interlude{min-height:42vh}
}
@media(prefers-reduced-motion:reduce){.hero-photo-hands{animation:none!important}.art-page .page-hero::before,.art-interlude::before{transition:none!important}}


/* =========================================================
   MÖNLAM — V4 ENTRY + TYPOGRAPHY
   The welcome is intentional: it never auto-dismisses.
   Serif headlines restore an editorial, art-led rhythm while
   body/navigation remain clean and corporate underneath.
   ========================================================= */
.zen-home .hello-screen{cursor:default}
.zen-home .hello-copy{gap:28px}
.zen-home .hello-mark{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.31em;
  opacity:.48;
}
.zen-home .hello-copy p{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif;
  font-size:clamp(38px,5.2vw,76px);
  line-height:.95;
  font-weight:300;
  letter-spacing:-.045em;
  color:#f7f6f1;
}
.zen-home .hello-copy button{
  width:112px;
  height:112px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:0;
  color:rgba(255,255,255,.72);
  transition:background .35s ease,border-color .35s ease,transform .35s ease,color .35s ease;
}
.zen-home .hello-copy button:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.5);
  color:#fff;
  transform:scale(1.035);
}
.zen-home .hello-copy button span{display:block;margin:7px 0 0;font-size:15px}
.zen-home .hello-copy button::before{
  content:"";
  position:absolute;
  width:148px;
  height:148px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  pointer-events:none;
}
.zen-home .hello-copy button{position:relative;font-size:9px;line-height:1.25}

/* Distinct editorial headline voice — no endless repetition of the body font. */
.zen-home .zen-hero h1,
.zen-home .under-lead h2,
.zen-home .clarity-intro h2,
.zen-home .signal-head h2,
.zen-home .result-copy h2,
.zen-home .human-zen-copy h2,
.zen-home .founder-zen-copy h2,
.zen-home .grow-content h2{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:-.045em !important;
}
.zen-home .zen-brand,.zen-home .brand{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
}

@media(max-width:640px){
  .zen-home .hello-copy p{font-size:44px}
  .zen-home .hello-copy button{width:102px;height:102px}
  .zen-home .hello-copy button::before{width:136px;height:136px}
}


/* =========================================================
   MÖNLAM — V5 CONTACT TYPOGRAPHY
   Contact now uses the same editorial voice as the homepage.
   ========================================================= */
.art-contact .brand{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
}
.art-contact .page-hero h1,
.art-contact .section h2{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}
.art-contact .section h2{
  font-size:clamp(46px,5.7vw,82px) !important;
  line-height:.96 !important;
}
.art-contact .page-hero p,
.art-contact .section p,
.art-contact .contact-form,
.art-contact .field label,
.art-contact .field input,
.art-contact .field textarea,
.art-contact .nav,
.art-contact .mobile-panel{
  font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif !important;
}
@media(max-width:640px){
  .art-contact .section h2{font-size:clamp(42px,12vw,60px) !important}
}


/* =========================================================
   MÖNLAM — V7 UNIFIED TYPOGRAPHY SYSTEM
   Same typography across every page and language.
   ========================================================= */
html,body,
button,input,textarea,select,
.site-header,.nav,.mobile-panel,
p,li,a,label,small,
.mono,.kicker,.eyebrow,.section-code,.drop-label,
.text-link,.zen-link,.grow-cta,.final-cta,
.contact-form,.field label,.field input,.field textarea,
.editorial-row small,.vertical-mini,.portrait-placeholder,.founder-origin{
  font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.page-hero h1,.section h2,
.zen-hero h1,.under-lead h2,.clarity-intro h2,.signal-head h2,
.result-copy h2,.human-zen-copy h2,.founder-zen-copy h2,.grow-content h2,
.human-shell h2,.founder-radical-copy h2,.final-depth-content h2,
.editorial-row,.vertical-focus,.vertical-hero h1,.about-hero h1{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
}

.brand,.zen-brand,.hello-mark{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif !important;
}

/* Keep typography consistent while preserving each layout's hierarchy. */
body{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif !important}


/* =========================================================
   MÖNLAM — V8 HARD TYPOGRAPHY LOCK
   One system across every page. This block intentionally has
   enough specificity to override old per-page typography patches.
   ========================================================= */
:root{
  --font-body:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-editorial:"Manrope","Arial Narrow",Impact,sans-serif;
  --font-brand:"Manrope","Arial Narrow",Impact,sans-serif;
}
html,body,button,input,textarea,select,
.site-header,.site-header .nav,.mobile-panel,.dropdown,
p,li,a,label,small,span,.mono,.kicker,.eyebrow,.section-code,.drop-label,
.text-link,.zen-link,.grow-cta,.final-cta,.contact-form,.field,
.field label,.field input,.field textarea,.vertical-mini,.portrait-placeholder,
.founder-origin,.result-sheet span,.signal-row span,.value-no{
  font-family:var(--font-body)!important;
  font-optical-sizing:auto;
}
h1,h2,h3,h4,h5,h6,
.page-hero h1,.section h2,.service-line h3,.statement,.flow,.triptych p,.dimensions,
.zen-hero h1,.under-lead h2,.clarity-intro h2,.signal-head h2,.signal-row p,
.result-copy h2,.human-zen-copy h2,.founder-copy h2,.founder-zen-copy h2,.grow-content h2,
.human-shell h2,.founder-radical-copy h2,.final-depth-content h2,.vertical-focus,
.vertical-hero h1,.about-hero h1,.policy h2,.hello-copy p,
.services-page .page-hero h1,.services-page .service-line h3,.services-page .statement,
.sector-index .editorial-row,.sector-index .editorial-row>div,
.values-page .value-block h2,.values-manifesto h2{
  font-family:var(--font-editorial)!important;
  font-optical-sizing:auto!important;
  font-style:normal!important;
}
.brand,.footer .brand,.site-header .brand,.zen-brand,.hello-mark,
.zen-home .zen-brand,.zen-home .brand,.art-contact .brand{
  font-family:var(--font-brand)!important;
  font-optical-sizing:auto!important;
  font-style:normal!important;
}
/* One editorial weight language across pages; size hierarchy still belongs to each layout. */
.page-hero h1,.about-hero h1,.vertical-hero h1,
.services-page .page-hero h1,.services-page .service-line h3,.services-page .statement,
.founder-copy h2,.founder-zen-copy h2,.section h2,.value-block h2,.values-manifesto h2{
  font-weight:400!important;
  text-transform:none!important;
}
.mobile-panel{font-family:var(--font-body)!important}

/* VALUES — art-led, sober, and consistent with the rest of MÖNLAM. */
.art-values{--page-art:var(--photo-blue-geometry);--page-art-position:center 54%;--page-art-filter:saturate(.44) contrast(1.14) brightness(.57)}
.values-hero h1{max-width:1040px!important}
.values-section{background:#f6f4ef;color:#071A2B;padding:120px 0 135px}
.values-list{border-top:1px solid rgba(7,26,43,.18)}
.value-block{display:grid;grid-template-columns:100px minmax(0,1fr);gap:54px;padding:64px 0 70px;border-bottom:1px solid rgba(7,26,43,.18)}
.value-no{padding-top:12px;font-size:9px;letter-spacing:.16em;color:rgba(7,26,43,.44)}
.value-block h2{font-size:clamp(42px,5.2vw,76px);line-height:.95;letter-spacing:-.045em;margin:0 0 25px;color:#071A2B;max-width:920px}
.value-block p{font-size:18px;line-height:1.72;color:#45515b;max-width:850px;margin:0 0 14px}
.values-manifesto{min-height:76svh;position:relative;overflow:hidden;background:#041019;color:#fff;display:flex;align-items:flex-end}
.values-manifesto-art{position:absolute;inset:-2%;background:var(--photo-water) center/cover no-repeat;filter:saturate(.55) contrast(1.12) brightness(.55);transform:scale(1.03)}
.values-manifesto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,14,.86),rgba(2,9,14,.48) 58%,rgba(2,9,14,.22)),linear-gradient(180deg,rgba(2,9,14,.18),rgba(2,9,14,.64))}
.values-manifesto .shell{position:relative;z-index:2;width:100%;padding-top:110px;padding-bottom:92px}
.values-manifesto .eyebrow{color:rgba(255,255,255,.55)}
.values-manifesto h2{font-size:clamp(48px,6.1vw,88px);line-height:.94;letter-spacing:-.048em;max-width:1100px;margin:24px 0 46px;color:#fff}
.values-manifesto .zen-link{color:#fff}
@media(max-width:900px){
  .nav{gap:18px;font-size:11px}
  .value-block{grid-template-columns:62px 1fr;gap:24px;padding:52px 0 56px}
  .values-section{padding:86px 0 100px}
}
@media(max-width:640px){
  .value-block{grid-template-columns:1fr;gap:12px}
  .value-no{padding-top:0}
  .value-block p{font-size:16px}
  .values-manifesto{min-height:68svh}
  .values-manifesto .shell{padding-top:85px;padding-bottom:66px}
}


/* =========================================================
   MÖNLAM — V9 COMMERCIAL CLARITY
   Concrete deliverables and evidence without turning the site
   into a generic consulting catalogue.
   ========================================================= */
.result-copy{max-width:650px!important}
.result-copy>p{max-width:620px;line-height:1.65;color:#44515a;margin-bottom:28px}
.result-deliverables{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(7,26,43,.18);margin:30px 0 38px}
.result-deliverables span{font-size:13px;line-height:1.35;color:#172936;padding:15px 18px 15px 0;border-bottom:1px solid rgba(7,26,43,.14)}
.result-deliverables span:nth-child(even){padding-left:18px;border-left:1px solid rgba(7,26,43,.14)}

.proof-section{background:#eef0ed;color:#071A2B;padding:125px 0 130px;position:relative;overflow:hidden}
.proof-section::after{content:"";position:absolute;right:-9vw;top:-12vw;width:46vw;aspect-ratio:1;background:radial-gradient(circle,rgba(23,62,92,.08),transparent 67%);pointer-events:none}
.proof-shell{position:relative;z-index:1}
.proof-heading{display:grid;grid-template-columns:190px minmax(0,860px);column-gap:55px;align-items:start;margin-bottom:70px}
.proof-heading .mono{padding-top:13px;color:rgba(7,26,43,.48);font-size:9px;letter-spacing:.15em}
.proof-heading h2{font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.05em;margin:0;color:#071A2B}
.proof-heading>p{grid-column:2;font-size:15px;color:#68727a;max-width:650px;margin-top:25px}
.proof-case{border-top:1px solid rgba(7,26,43,.2);border-bottom:1px solid rgba(7,26,43,.2);padding:30px 0 46px}
.proof-case-meta{margin-bottom:38px;color:rgba(7,26,43,.5)}
.proof-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.proof-case-grid>div{padding:0 34px;border-left:1px solid rgba(7,26,43,.14)}
.proof-case-grid>div:first-child{padding-left:0;border-left:0}
.proof-case-grid small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(7,26,43,.45);margin-bottom:14px}
.proof-case-grid p{font-size:17px;line-height:1.65;color:#394954;margin:0}
.proof-link{display:inline-flex;gap:16px;margin-top:36px;color:#071A2B;text-decoration:none;font-size:13px;font-weight:600;border-bottom:1px solid rgba(7,26,43,.28);padding-bottom:7px}

/* SERVICES */
.art-services{--page-art:var(--photo-shadow-concrete);--page-art-position:center 54%;--page-art-filter:grayscale(1) contrast(1.1) brightness(.63)}
.services-page .page-hero h1{max-width:1080px!important;text-transform:none!important}
.service-entry{background:#f6f4ef;padding:120px 0;color:#071A2B}
.service-entry-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:9vw;align-items:end}
.service-entry-lead h2,.deliverables-head h2,.intervention-head h2,.when-title h2,.case-head h2,.service-final h2{font-family:var(--font-editorial)!important;font-weight:400;letter-spacing:-.045em}
.service-entry-lead h2{font-size:clamp(52px,6vw,86px);line-height:.94;margin:20px 0 28px;max-width:820px}
.service-entry-lead>p{font-size:19px;line-height:1.65;color:#43515b;max-width:760px}
.service-entry-note{border-top:1px solid rgba(7,26,43,.24);padding-top:22px}
.service-entry-note .mono{font-size:9px;letter-spacing:.15em;color:rgba(7,26,43,.46)}
.service-entry-note p{font-size:16px;line-height:1.7;color:#43515b;margin:20px 0 30px}

.deliverables-section{background:#071A2B;color:#fff;padding:125px 0 140px}
.deliverables-head{display:grid;grid-template-columns:190px minmax(0,850px);gap:55px;margin-bottom:75px}
.deliverables-head .eyebrow{padding-top:12px;color:rgba(255,255,255,.5)}
.deliverables-head h2{font-size:clamp(50px,6.3vw,90px);line-height:.93;margin:0;color:#fff}
.deliverables-head>p{grid-column:2;color:rgba(255,255,255,.63);font-size:18px;margin-top:22px}
.deliverables-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.deliverable{min-height:275px;padding:32px 30px 38px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.deliverable>span{display:block;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.38);margin-bottom:58px}
.deliverable h3{font-size:clamp(26px,2.4vw,38px);line-height:1.02;margin:0 0 18px;color:#fff;font-family:var(--font-editorial)!important;font-weight:400;letter-spacing:-.035em}
.deliverable p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.63);margin:0}

.intervention-section{background:#f6f4ef;padding:125px 0 120px;color:#071A2B}
.intervention-head{max-width:970px;margin-bottom:65px}
.intervention-head h2{font-size:clamp(52px,6vw,86px);line-height:.94;margin:20px 0 0}
.expanded-services{border-top:1px solid rgba(7,26,43,.2)}
.expanded-services .service-line{display:grid;grid-template-columns:65px minmax(240px,.75fr) minmax(0,1.25fr);gap:30px;align-items:start;padding:45px 0;border-bottom:1px solid rgba(7,26,43,.2)}
.expanded-services .service-line .mono{padding-top:10px;font-size:9px;color:rgba(7,26,43,.4)}
.expanded-services .service-line h3{margin:0;font-size:clamp(38px,4.2vw,62px)!important;line-height:.95!important}
.expanded-services .service-line p{font-size:17px;line-height:1.65;color:#485760;max-width:720px;margin:3px 0 0}
.service-scope-note{max-width:850px;margin:42px 0 0 auto;font-size:14px;line-height:1.7;color:#6b757b;border-left:1px solid rgba(7,26,43,.22);padding-left:24px}

.when-section{background:#e8ebe9;padding:125px 0;color:#071A2B}
.when-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:9vw}
.when-title h2{font-size:clamp(50px,5.7vw,82px);line-height:.94;margin:20px 0 0}
.when-list{border-top:1px solid rgba(7,26,43,.2)}
.when-list>div{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid rgba(7,26,43,.2)}
.when-list span{font-size:9px;color:rgba(7,26,43,.4);padding-top:7px}
.when-list p{font-family:var(--font-editorial)!important;font-size:clamp(25px,2.6vw,36px);line-height:1.08;letter-spacing:-.025em;margin:0;color:#142a39}

.case-section{background:#fff;padding:130px 0 125px;color:#071A2B}
.case-head{max-width:940px;margin-bottom:70px}
.case-head h2{font-size:clamp(52px,6.3vw,90px);line-height:.92;margin:20px 0 25px}
.case-head p{font-size:15px;color:#778087}
.case-flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;border-top:1px solid rgba(7,26,43,.2);border-bottom:1px solid rgba(7,26,43,.2);padding:48px 0}
.case-flow>div:not(.case-arrow){padding-right:20px}
.case-flow small{display:block;text-transform:uppercase;letter-spacing:.13em;color:rgba(7,26,43,.45);font-size:9px;margin-bottom:32px}
.case-flow h3{font-family:var(--font-editorial)!important;font-size:clamp(31px,3.1vw,45px);line-height:1;letter-spacing:-.035em;font-weight:400;margin:0 0 20px;color:#0d2536}
.case-flow p{font-size:16px;line-height:1.65;color:#4d5c65;margin:0}
.case-arrow{font-size:26px;color:rgba(7,26,43,.28);display:flex;align-items:center;justify-content:center}
.case-disclaimer{font-size:13px!important;color:#7d858a!important;line-height:1.6!important;max-width:760px;margin:28px 0 0 auto}

.service-final{background:#071A2B;color:#fff;padding:125px 0 135px}
.service-final .shell{max-width:1160px}
.service-final .eyebrow{color:rgba(255,255,255,.5)}
.service-final h2{font-size:clamp(56px,7vw,98px);line-height:.9;margin:22px 0 30px;max-width:1040px}
.service-final p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.68);max-width:730px;margin-bottom:38px}
.service-final .grow-cta{color:#fff;border-color:rgba(255,255,255,.25)}

@media(max-width:900px){
  .proof-heading,.deliverables-head{grid-template-columns:1fr;gap:18px}
  .proof-heading>p,.deliverables-head>p{grid-column:1}
  .proof-case-grid{grid-template-columns:1fr}
  .proof-case-grid>div{padding:26px 0;border-left:0;border-top:1px solid rgba(7,26,43,.14)}
  .proof-case-grid>div:first-child{border-top:0}
  .service-entry-grid,.when-grid{grid-template-columns:1fr;gap:60px}
  .deliverables-grid{grid-template-columns:1fr 1fr}
  .expanded-services .service-line{grid-template-columns:45px 1fr}
  .expanded-services .service-line p{grid-column:2}
  .case-flow{grid-template-columns:1fr;gap:0}
  .case-flow>div:not(.case-arrow){padding:30px 0}
  .case-flow>div:not(.case-arrow)+.case-arrow{display:none}
  .case-flow>div:not(.case-arrow){border-top:1px solid rgba(7,26,43,.14)}
  .case-flow>div:first-child{border-top:0}
}
@media(max-width:640px){
  .result-deliverables{grid-template-columns:1fr}
  .result-deliverables span:nth-child(even){padding-left:0;border-left:0}
  .proof-section,.service-entry,.deliverables-section,.intervention-section,.when-section,.case-section,.service-final{padding-top:88px;padding-bottom:92px}
  .proof-heading{margin-bottom:45px}
  .deliverables-grid{grid-template-columns:1fr}
  .deliverable{min-height:0}
  .deliverable>span{margin-bottom:35px}
  .expanded-services .service-line{grid-template-columns:1fr;gap:12px;padding:36px 0}
  .expanded-services .service-line p{grid-column:1}
  .when-list>div{grid-template-columns:38px 1fr}
}

/* =========================================================
   MÖNLAM — V10 MODERN EDITORIAL SYSTEM
   Requested direction: the clean contemporary sans-serif seen
   in the reference image, elegant dropdown navigation, and a
   younger premium feel without losing restraint.
   ========================================================= */
:root{--font-display:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif}

/* Display typography: same modern face across the site */
h1,h2,h3,h4,h5,h6,
.page-hero h1,.section h2,.service-line h3,.statement,.flow,.triptych p,.dimensions,
.zen-hero h1,.under-lead h2,.clarity-intro h2,.signal-head h2,.signal-row p,
.result-copy h2,.human-zen-copy h2,.founder-copy h2,.founder-zen-copy h2,.grow-content h2,
.human-shell h2,.founder-radical-copy h2,.final-depth-content h2,.vertical-focus,
.vertical-hero h1,.about-hero h1,.policy h2,.hello-copy p,
.services-page .page-hero h1,.services-page .service-line h3,.services-page .statement,
.sector-index .editorial-row,.values-page .value-block h2,.values-manifesto h2,
.service-entry-lead h2,.deliverables-head h2,.intervention-head h2,.when-title h2,.case-head h2,.service-final h2,
.proof-heading h2,.proof-case-grid p,.when-list p,.case-flow h3,.deliverable h3{
  font-family:var(--font-display)!important;
  font-weight:300!important;
  letter-spacing:-.045em!important;
  font-style:normal!important;
}
.brand,.footer .brand,.site-header .brand,.zen-brand,.hello-mark,.zen-home .zen-brand,.zen-home .brand,.art-contact .brand{
  font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:.18em!important
}
.page-hero h1,.art-page-hero h1{line-height:.94!important;max-width:1120px}
.section h2,.service-entry-lead h2,.deliverables-head h2,.intervention-head h2,.when-title h2,.case-head h2{line-height:.95!important}

/* Navigation: quiet-luxury dropdowns */
.site-header{height:82px}
.header-inner{max-width:1440px}
.nav{gap:26px;font-size:11px;letter-spacing:.075em}
.nav-item{height:82px;position:relative}
.nav-parent{display:flex;align-items:center;gap:7px;height:100%}
.has-menu>.nav-parent::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:.25s ease}
.has-menu:hover>.nav-parent::after,.has-menu:focus-within>.nav-parent::after{transform:rotate(225deg) translate(-1px,-1px)}
.dropdown.dropdown-editorial{top:72px;left:-22px;min-width:330px;padding:18px 22px 20px;border-radius:2px;gap:0;background:rgba(248,248,245,.965);border:1px solid rgba(7,26,43,.09);box-shadow:0 28px 70px rgba(3,18,30,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translateY(8px) scale(.985);transform-origin:top left}
.site-header:not(.scrolled):not(.light) .dropdown.dropdown-editorial{background:rgba(5,19,29,.94);border-color:rgba(255,255,255,.10);box-shadow:0 32px 75px rgba(0,0,0,.32)}
.dropdown-editorial .drop-label{padding:2px 0 13px;margin:0;border-bottom:1px solid currentColor;opacity:.35}
.dropdown-editorial>a{display:block;padding:13px 0 12px;border-bottom:1px solid rgba(7,26,43,.09);white-space:normal;transition:.22s ease}
.site-header:not(.scrolled):not(.light) .dropdown-editorial>a{border-color:rgba(255,255,255,.09)}
.dropdown-editorial>a:last-child{border-bottom:0}
.dropdown-editorial>a span{display:block;font-size:13px;letter-spacing:-.01em;text-transform:none;opacity:.96}
.dropdown-editorial>a small{display:block;margin:5px 0 0;font-size:10px;line-height:1.35;letter-spacing:.02em;text-transform:none;opacity:.48}
.dropdown-editorial>a:hover{transform:translateX(5px)}
.nav-cta{font-size:10px;letter-spacing:.11em;padding-bottom:6px}

/* More contemporary surfaces and movement */
.reveal{transition:opacity .9s cubic-bezier(.22,.7,.25,1),transform .9s cubic-bezier(.22,.7,.25,1)}
.proof-section,.when-section{background:#eceeea}
.service-entry,.intervention-section{background:#f7f6f1}
.result-deliverables span,.proof-case-grid p,.service-entry-lead>p,.method-intro{font-family:var(--font-body)!important}
.method-intro{font-size:18px;line-height:1.7;color:#46545d;max-width:810px;margin:26px 0 0}
.method-lines .service-line{grid-template-columns:65px minmax(220px,.65fr) minmax(0,1.35fr)}
.method-lines .service-line h3{font-size:clamp(36px,4vw,58px)!important}
.method-lines .service-line:hover h3{transform:translateX(6px)}
.method-lines .service-line h3{transition:transform .3s ease}

@media(max-width:1100px){.nav{gap:18px}.dropdown.dropdown-editorial{min-width:300px}}
@media(max-width:900px){
  .site-header{height:74px}.mobile-panel.open{inset:74px 0 0;padding:38px 24px;gap:22px;font-family:var(--font-display)!important;font-size:29px;font-weight:300}
  .mobile-panel a{border-bottom:1px solid rgba(7,26,43,.12);padding-bottom:12px}
  .method-lines .service-line{grid-template-columns:45px 1fr}.method-lines .service-line p{grid-column:2}
}
@media(max-width:640px){.method-lines .service-line{grid-template-columns:1fr}.method-lines .service-line p{grid-column:1}}

/* =========================================================
   MÖNLAM V11 — MOBILE-ONLY REFINEMENT
   IMPORTANT: everything below applies only to phones.
   Desktop/tablet design above 767px remains unchanged.
   ========================================================= */
@media (max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:15px}
  .shell{padding-left:20px!important;padding-right:20px!important}

  /* Header + mobile navigation */
  .site-header,.zen-home .site-header{height:68px!important}
  .header-inner,.zen-home .header-inner{padding-left:20px!important;padding-right:20px!important}
  .site-header::after,.zen-home .site-header::after{left:20px!important;right:20px!important}
  .site-header .brand,.zen-home .zen-brand,.zen-home .brand{font-size:17px!important;letter-spacing:.17em!important}
  .menu-btn{display:grid!important;place-items:center;position:relative;width:38px;height:38px;padding:0;font-size:0!important;cursor:pointer}
  .menu-btn::before,.menu-btn::after{content:"";position:absolute;width:19px;height:1px;background:currentColor;transition:transform .28s ease,top .28s ease}
  .menu-btn::before{top:14px}.menu-btn::after{top:22px}
  .menu-btn[aria-expanded="true"]::before{top:18px;transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"]::after{top:18px;transform:rotate(-45deg)}
  .mobile-panel.open{display:flex!important;position:fixed!important;z-index:29!important;inset:68px 0 0!important;background:rgba(247,247,243,.985)!important;color:#071A2B!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column!important;padding:26px 20px 30px!important;gap:0!important;overflow-y:auto!important;font-family:var(--font-display)!important;font-size:25px!important;font-weight:300!important;line-height:1.08!important}
  .mobile-panel a{display:block!important;padding:17px 0 15px!important;border-bottom:1px solid rgba(7,26,43,.13)!important;letter-spacing:-.025em!important}
  .mobile-panel a:nth-last-child(2){margin-top:20px!important;padding:17px 18px!important;background:#071A2B!important;color:#fff!important;border:0!important;font-size:17px!important;letter-spacing:-.01em!important}
  .mobile-panel a:last-child{border:0!important;padding:20px 0 0!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#66717a!important}

  /* Global type rhythm */
  .page-hero{padding:122px 0 72px!important}
  .page-hero h1,.art-page-hero h1,.about-hero h1,.vertical-hero h1{font-size:clamp(43px,13vw,56px)!important;line-height:.92!important;letter-spacing:-.05em!important;max-width:100%!important}
  .page-hero p,.about-hero p{font-size:17px!important;line-height:1.55!important;margin-top:24px!important}
  .section,.section.compact{padding:82px 0!important}
  .section h2,.service-entry-lead h2,.deliverables-head h2,.intervention-head h2,.when-title h2,.case-head h2,.service-final h2,.proof-heading h2{font-size:clamp(40px,11vw,49px)!important;line-height:.95!important;letter-spacing:-.045em!important}
  .section p.lead{font-size:18px!important;line-height:1.55!important}
  .statement{font-size:clamp(43px,12vw,54px)!important;line-height:.94!important;margin-top:55px!important}
  .two-col,.founder,.contact-grid,.service-line{grid-template-columns:1fr!important;gap:30px!important}
  .editorial-list{margin-top:42px!important}
  .editorial-row{grid-template-columns:42px 1fr!important;gap:12px!important;padding:25px 0!important;font-size:27px!important}
  .editorial-row:hover{padding-left:0!important}
  .dimensions{font-size:25px!important;gap:12px 16px!important;margin-top:40px!important}
  .dimensions span::after{margin-left:15px!important}

  /* Home hero */
  .zen-coordinate,.section-code{left:20px!important;top:88px!important}
  .zen-hero{min-height:92svh!important}
  .zen-hero-inner{min-height:92svh!important;padding:110px 20px 50px!important;align-items:flex-end!important}
  .zen-hero-copy{align-self:flex-end!important;max-width:100%!important}
  .zen-hero h1{font-size:clamp(56px,17vw,72px)!important;line-height:.86!important;letter-spacing:-.06em!important}
  .zen-kicker{margin-bottom:20px!important}
  .zen-hero p{font-size:16px!important;line-height:1.5!important;max-width:325px!important;margin:24px 0 28px!important}
  .zen-whisper{display:none!important}
  .surface-line span{width:34%!important}

  /* "Lo visible" section — replace scattered desktop art with a clean mobile field */
  .under-section{min-height:auto!important;padding:110px 0 88px!important}
  .under-section .section-code{top:30px!important}
  .under-lead{max-width:100%!important}
  .under-lead h2{font-size:clamp(43px,12vw,52px)!important;line-height:.93!important}
  .floating-field{height:auto!important;margin-top:56px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important}
  .float-word{position:static!important;font-size:25px!important;line-height:1.05!important;padding:18px 0!important;border-top:1px solid rgba(255,255,255,.13)!important;color:rgba(255,255,255,.72)!important}
  .field-crosshair,.under-art{display:none!important}
  .under-conclusion{margin:64px 0 0!important;max-width:100%!important}
  .under-conclusion p{margin-top:22px!important}
  .under-conclusion strong{font-size:43px!important}

  /* Clarity */
  .clarity-section,.signal-section{padding:100px 0 88px!important}
  .clarity-section .section-code{top:28px!important}
  .clarity-intro,.signal-head{grid-template-columns:1fr!important;gap:17px!important}
  .clarity-intro h2,.signal-head h2{font-size:clamp(43px,12vw,51px)!important;line-height:.94!important}
  .clarity-steps{margin-top:58px!important}
  .clarity-step{grid-template-columns:34px 1fr!important;gap:11px 14px!important;padding:24px 0!important}
  .clarity-step strong{font-size:31px!important}
  .clarity-step small{grid-column:2!important;font-size:13px!important}
  .clarity-rule{font-size:8px!important;line-height:1.5!important;margin-top:34px!important}

  /* Recognisable problems */
  .signal-head{margin-bottom:43px!important}
  .signal-row{grid-template-columns:28px 1fr 18px!important;gap:10px!important;padding:22px 0!important}
  .signal-row p{font-size:24px!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .signal-row b{font-size:17px!important}
  .signal-row:hover{padding-left:0!important}

  /* Results */
  .result-section{grid-template-columns:1fr!important;min-height:0!important}
  .result-visual{min-height:390px!important}
  .result-ring{width:220px!important}
  .rs1{width:44%!important;left:4%!important}.rs2{width:44%!important;right:4%!important}.rs3{width:40%!important;left:30%!important}
  .result-copy{padding:72px 20px 78px!important}
  .result-copy h2{font-size:clamp(43px,12vw,51px)!important;line-height:.94!important}
  .result-copy p{font-size:15px!important;line-height:1.6!important}
  .result-deliverables{grid-template-columns:1fr!important}
  .result-deliverables span{padding:15px 0!important;border-left:0!important}

  /* Marquees / human / founder / final CTA */
  .dimensions-zen{padding:64px 0 58px!important}
  .dimension-loop>div{font-size:27px!important}
  .dimension-caption{padding-top:28px!important;gap:12px!important}
  .human-zen{padding:95px 0!important}
  .human-zen-grid{gap:48px!important;min-height:0!important}
  .human-zen-copy h2{font-size:clamp(42px,11.5vw,50px)!important;line-height:.95!important}
  .human-zen-orbit{width:min(72vw,280px)!important}
  .founder-zen{padding:88px 0!important}
  .founder-zen-grid{gap:44px!important}
  .founder-frame{min-height:430px!important}
  .founder-zen-copy h2{font-size:clamp(42px,11.5vw,50px)!important;line-height:.95!important}
  .founder-zen-copy p{font-size:15px!important;line-height:1.65!important}
  .grow-section{min-height:70svh!important}
  .grow-content{padding:88px 20px 68px!important}
  .grow-content h2{font-size:clamp(52px,15vw,64px)!important;line-height:.88!important}
  .grow-content>p{font-size:16px!important;margin-bottom:42px!important}
  .grow-cta{grid-template-columns:1fr auto!important;gap:15px!important;font-size:9px!important;padding:18px 0!important}

  /* Service / methodology pages */
  .service-entry,.proof-section,.deliverables-section,.intervention-section,.when-section,.case-section,.service-final{padding-top:82px!important;padding-bottom:84px!important}
  .service-entry-grid,.proof-heading,.deliverables-head,.when-grid{grid-template-columns:1fr!important;gap:24px!important}
  .proof-case-grid{grid-template-columns:1fr!important}
  .proof-case-grid>div{padding:25px 0!important;border-left:0!important;border-top:1px solid rgba(7,26,43,.14)!important}
  .deliverables-grid{grid-template-columns:1fr!important}
  .deliverable{min-height:0!important;padding:30px 0!important}
  .deliverable h3{font-size:31px!important}
  .expanded-services .service-line,.method-lines .service-line{grid-template-columns:1fr!important;gap:10px!important;padding:32px 0!important}
  .expanded-services .service-line .mono{padding-top:0!important}
  .expanded-services .service-line h3,.method-lines .service-line h3,.services-page .service-line h3{font-size:34px!important;line-height:.98!important}
  .expanded-services .service-line p,.method-lines .service-line p{grid-column:1!important;font-size:16px!important;line-height:1.6!important}
  .method-intro{font-size:16px!important;line-height:1.65!important}
  .when-list>div{grid-template-columns:30px 1fr!important;gap:10px!important;padding:21px 0!important}
  .when-list p{font-size:25px!important;line-height:1.08!important}
  .case-flow{grid-template-columns:1fr!important;padding:16px 0!important}
  .case-flow>div:not(.case-arrow){padding:28px 0!important}
  .case-flow h3{font-size:32px!important}
  .case-flow p{font-size:15px!important}
  .case-arrow{display:none!important}
  .service-final p{font-size:16px!important;line-height:1.6!important}

  /* Values / sector pages */
  .values-page .value-block h2{font-size:39px!important;line-height:.96!important}
  .values-manifesto h2{font-size:43px!important;line-height:.94!important}
  .vertical-mini{grid-template-columns:1fr!important;margin-top:36px!important}
  .vertical-mini span,.vertical-mini span+span{padding:17px 0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .sector-index .editorial-row{font-size:27px!important}
  .vertical-focus{font-size:25px!important;line-height:1.25!important}

  /* Founder/about */
  .portrait{max-width:100%!important}
  .portrait::after{left:18px!important;bottom:17px!important;font-size:9px!important}
  .credentials{grid-template-columns:1fr!important;gap:22px!important;margin-top:42px!important}
  .credential{padding-top:17px!important}
  .founder-copy p{font-size:16px!important;line-height:1.67!important}

  /* Contact */
  .contact-grid{gap:48px!important}
  .contact-form{gap:18px!important}
  .field input,.field textarea{font-size:16px!important;padding:13px 0!important}
  .field textarea{min-height:115px!important}
  .contact-note{font-size:12px!important}
  .contact-form .btn{width:max-content!important;margin-top:8px!important}

  /* Footer */
  .footer{padding:62px 0 30px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:38px!important}
  .footer .brand{font-size:21px!important}
  .footer-links{grid-template-columns:1fr 1fr!important;gap:13px 24px!important;font-size:11px!important}
  .footer-bottom{margin-top:45px!important;padding-top:22px!important;gap:12px!important;line-height:1.45!important}

  /* Decorative elements that become noise on a phone */
  .depth-track,.signal-noise{display:none!important}
  .art-interlude{min-height:54svh!important}
}

@media (max-width:390px){
  .shell{padding-left:18px!important;padding-right:18px!important}
  .header-inner,.zen-home .header-inner{padding-left:18px!important;padding-right:18px!important}
  .site-header::after,.zen-home .site-header::after{left:18px!important;right:18px!important}
  .zen-hero-inner{padding-left:18px!important;padding-right:18px!important}
  .zen-hero h1{font-size:54px!important}
  .page-hero h1,.art-page-hero h1,.about-hero h1,.vertical-hero h1{font-size:42px!important}
  .signal-row p{font-size:22px!important}
  .footer-links{grid-template-columns:1fr!important}
}

/* =========================================================
   MÖNLAM — V15 ARTISTIC / RUPTURIST / MOBILE REPAIR
   2026-10-06
   Keeps existing typography and content architecture.
   New visual language: real photography, water, architecture,
   light/shadow and one restrained prism accent. No tech/futurism.
   ========================================================= */
:root{
  --v15-water:url('https://images.unsplash.com/photo-1777880916688-e36d7ec5f23b?auto=format&fit=crop&q=86&w=2400');
  --v15-architecture:url('https://images.unsplash.com/photo-1753111842215-40119afc1ce7?auto=format&fit=crop&q=86&w=2400');
  --v15-curves:url('https://images.unsplash.com/photo-1755746997629-82378c3478cf?auto=format&fit=crop&q=86&w=2400');
  --v15-prism:url('https://images.unsplash.com/photo-1573655349936-de6bed86f839?auto=format&fit=crop&q=86&w=2400');
  --v15-hands:url('https://images.unsplash.com/photo-1561570541-aaba21a3ecf0?auto=format&fit=crop&q=86&w=2200');
  --v15-paper:#f7f6f1;
  --v15-ocean:#071a2b;
  --v15-ink:#0a1d2b;
}

/* ---------- HEADER: readable on every background ---------- */
.site-header,
.zen-home .site-header,
.home-art-header:not(.scrolled),
.art-page .site-header:not(.scrolled){
  color:var(--v15-ink)!important;
  background:rgba(250,251,252,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 1px 0 rgba(7,26,43,.10)!important;
}
.site-header::after,
.zen-home .site-header::after,
.home-art-header:not(.scrolled)::after,
.art-page .site-header:not(.scrolled)::after{
  left:0!important;right:0!important;background:rgba(7,26,43,.11)!important;
}
.site-header .brand,.site-header .nav,.site-header .nav a,.site-header .lang,.site-header .menu-btn{color:var(--v15-ink)!important}

/* Dropdowns never inherit unreadable hero colors. */
.dropdown,
.dropdown.dropdown-editorial,
.site-header:not(.scrolled):not(.light) .dropdown,
.site-header:not(.scrolled):not(.light) .dropdown.dropdown-editorial{
  background:rgba(250,251,252,.985)!important;
  color:var(--v15-ink)!important;
  border:1px solid rgba(7,26,43,.11)!important;
  box-shadow:0 26px 70px rgba(7,26,43,.17)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  z-index:300!important;
}
.dropdown-editorial .drop-label,
.dropdown-editorial>a,
.dropdown-editorial>a span,
.dropdown-editorial>a small{color:var(--v15-ink)!important}
.dropdown-editorial .drop-label{opacity:.44!important;border-color:rgba(7,26,43,.15)!important}
.dropdown-editorial>a{border-color:rgba(7,26,43,.10)!important}
.dropdown-editorial>a span{opacity:1!important}
.dropdown-editorial>a small{opacity:.58!important}
.nav-item,.site-header,.header-inner,.nav{overflow:visible!important}

/* ---------- APPROVED IMAGE SYSTEM ---------- */
.hero-photo-hands{background-image:var(--v15-hands)!important}
.grow-photo{background-image:var(--v15-water)!important;background-position:center 50%!important;filter:saturate(.78) contrast(1.1) brightness(.58)!important}
.clarity-art{background-image:var(--v15-architecture)!important;filter:grayscale(1) contrast(1.08) brightness(1.03)!important}
.under-art{background-image:var(--v15-prism)!important;filter:saturate(.58) contrast(1.08) brightness(.68)!important;opacity:.23!important}
.result-visual{background-image:linear-gradient(140deg,rgba(230,229,222,.76),rgba(246,244,239,.88) 52%,rgba(202,211,212,.72)),var(--v15-architecture)!important;background-position:center!important}
.dimensions-zen{background-image:linear-gradient(rgba(7,26,43,.91),rgba(7,26,43,.93)),var(--v15-water)!important;background-position:center!important}
.values-manifesto-art{background-image:var(--v15-water)!important}

/* Page hero image assignment: art, not futuristic. */
.art-page{--page-art:var(--v15-architecture);--page-art-position:center;--page-art-filter:grayscale(1) contrast(1.06) brightness(.76)}
.art-services{--page-art:var(--v15-architecture);--page-art-position:center 54%;--page-art-filter:grayscale(1) contrast(1.08) brightness(.70)}
.art-needs{--page-art:var(--v15-prism);--page-art-position:center 54%;--page-art-filter:saturate(.62) contrast(1.08) brightness(.58)}
.art-intervention{--page-art:var(--v15-curves);--page-art-position:center 50%;--page-art-filter:grayscale(.8) saturate(.55) contrast(1.08) brightness(.68)}
.art-outcomes{--page-art:var(--v15-water);--page-art-position:center 50%;--page-art-filter:saturate(.62) contrast(1.08) brightness(.62)}
.art-about{--page-art:var(--v15-curves);--page-art-position:center 48%;--page-art-filter:grayscale(.72) saturate(.5) contrast(1.08) brightness(.67)}
.art-view{--page-art:var(--v15-prism);--page-art-position:center 54%;--page-art-filter:saturate(.58) contrast(1.06) brightness(.58)}
.art-team{--page-art:var(--v15-architecture);--page-art-position:center 52%;--page-art-filter:grayscale(1) contrast(1.08) brightness(.68)}
.art-sectors{--page-art:var(--v15-water);--page-art-position:center 52%;--page-art-filter:saturate(.60) contrast(1.08) brightness(.61)}
.art-sector-health,.art-health{--page-art:var(--v15-curves);--page-art-position:center 52%;--page-art-filter:grayscale(.55) saturate(.58) contrast(1.08) brightness(.66)}
.art-other{--page-art:var(--v15-architecture);--page-art-position:center 55%;--page-art-filter:grayscale(1) contrast(1.08) brightness(.68)}
.art-values{--page-art:var(--v15-prism);--page-art-position:center 55%;--page-art-filter:saturate(.62) contrast(1.1) brightness(.58)}
.art-contact{--page-art:var(--v15-water);--page-art-position:center 52%;--page-art-filter:saturate(.58) contrast(1.1) brightness(.60)}

/* Hero copy is always legible, regardless of the photograph. */
.art-page .page-hero::after{
  background:linear-gradient(90deg,rgba(2,10,17,.90) 0%,rgba(2,10,17,.72) 46%,rgba(2,10,17,.34) 78%,rgba(2,10,17,.48) 100%),linear-gradient(180deg,rgba(2,10,17,.18),rgba(2,10,17,.63))!important;
}
.art-page .page-hero h1{color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.22)!important}
.art-page .page-hero p{color:rgba(255,255,255,.87)!important}
.art-page .page-hero .eyebrow{color:rgba(255,255,255,.72)!important}

/* ---------- HOME V13: restore structure ---------- */
.zen-home{background:var(--v15-paper)}
.v13-hero{position:relative;isolation:isolate}
.hands-home .zen-hero-shade{
  background:linear-gradient(90deg,rgba(247,246,241,.99) 0%,rgba(247,246,241,.95) 34%,rgba(247,246,241,.72) 49%,rgba(247,246,241,.12) 78%)!important;
}
.hands-home .zen-hero h1,.hands-home .zen-hero p,.hands-home .zen-link{color:var(--v15-ink)!important}
.hands-home .zen-hero p.v13-hero-line{font-size:clamp(19px,1.65vw,24px)!important;line-height:1.42!important;max-width:610px!important;margin:24px 0 12px!important}
.hands-home .zen-hero p.v13-hero-sub{font-size:15px!important;line-height:1.62!important;max-width:580px!important;margin:0 0 30px!important;color:rgba(7,26,43,.70)!important}
.v13-hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.muted-link{opacity:.62}

.v13-hub-section,.v13-sector-split,.v13-view-section,.v13-team-strip{position:relative;overflow:hidden}
.v13-hub-section{padding:130px 0 138px;background:#f7f6f1;color:var(--v15-ink)}
.v13-section-head{max-width:1020px;margin-bottom:66px}
.v13-section-head>.mono{display:block;margin-bottom:24px;color:rgba(7,26,43,.48);font-size:9px;letter-spacing:.16em}
.v13-section-head h2{margin:0;font-size:clamp(52px,6vw,86px);line-height:.93;letter-spacing:-.052em;font-weight:300;color:var(--v15-ink)}
.v13-section-head p{max-width:680px;margin:28px 0 0;font-size:17px;line-height:1.64;color:#54616a}
.v13-portal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(7,26,43,.19);border-left:1px solid rgba(7,26,43,.19)}
.v13-portal{min-height:330px;padding:30px 30px 34px;border-right:1px solid rgba(7,26,43,.19);border-bottom:1px solid rgba(7,26,43,.19);display:flex;flex-direction:column;transition:background .28s ease,transform .28s ease;color:var(--v15-ink)}
.v13-portal>span{font-size:9px;letter-spacing:.15em;color:rgba(7,26,43,.42)}
.v13-portal h3{font-size:clamp(31px,3vw,46px);line-height:.98;margin:70px 0 18px;letter-spacing:-.04em;font-weight:300}
.v13-portal p{font-size:15px;line-height:1.6;color:#55616a;margin:0 0 28px;max-width:360px}
.v13-portal b{margin-top:auto;font-size:24px;font-weight:300}
.v13-portal:hover{background:#ecefe9;transform:translateY(-3px)}

.v13-sector-split{padding:132px 0 142px;background:#071a2b;color:#fff}
.v13-sector-split::before{content:"";position:absolute;inset:0;background:var(--v15-water) center/cover no-repeat;opacity:.11;filter:saturate(.55) contrast(1.05);transform:scale(1.02)}
.v13-sector-split .shell{position:relative;z-index:2}
.v13-sector-split .v13-section-head>.mono{color:rgba(255,255,255,.48)}
.v13-sector-split .v13-section-head h2{color:#fff}
.v13-sector-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.v13-sector-grid>a{min-height:480px;padding:42px 42px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff}
.v13-sector-primary{background:#0b2538}
.v13-sector-primary::before{content:"";position:absolute;inset:0;background:var(--v15-curves) center/cover no-repeat;filter:grayscale(.75) saturate(.45) contrast(1.08) brightness(.50);opacity:.92;transition:transform .7s ease}
.v13-sector-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,24,.18),rgba(4,15,24,.86))}
.v13-sector-primary:hover::before{transform:scale(1.035)}
.v13-sector-grid>a>*{position:relative;z-index:2}
.v13-sector-secondary{background:#0b2232}
.v13-sector-grid small{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.62)}
.v13-sector-grid h3{font-size:clamp(39px,4.8vw,68px);line-height:.94;letter-spacing:-.05em;font-weight:300;margin:auto 0 20px;max-width:620px}
.v13-sector-grid p{font-size:15px;line-height:1.62;color:rgba(255,255,255,.72);max-width:560px;margin:0 0 32px}
.v13-sector-grid b{font-size:10px;letter-spacing:.11em;text-transform:uppercase}

.v13-view-section{padding:140px 0;background:#e9ece8;color:var(--v15-ink)}
.v13-view-section::after{content:"";position:absolute;right:-7vw;top:-8vw;width:min(52vw,720px);aspect-ratio:1;background:var(--v15-prism) center/cover no-repeat;filter:saturate(.48) contrast(1.05);opacity:.12;mix-blend-mode:multiply;transform:rotate(-5deg)}
.v13-view-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:9vw;position:relative;z-index:2;align-items:end}
.v13-view-grid .mono{font-size:9px;letter-spacing:.15em;color:rgba(7,26,43,.46)}
.v13-view-grid h2{font-size:clamp(50px,6vw,84px);line-height:.93;letter-spacing:-.052em;font-weight:300;margin:25px 0 0;max-width:820px}
.v13-view-grid p{font-size:18px;line-height:1.65;color:#43515b;margin:0 0 18px;max-width:590px}
.v13-view-grid strong{font-weight:500;color:#102837}
.v13-view-grid .zen-link{display:inline-flex;margin-top:22px;color:var(--v15-ink)}

.v13-team-strip{padding:130px 0 120px;background:#041019;color:#fff}
.v13-team-strip .v13-section-head>.mono{color:rgba(255,255,255,.42)}
.v13-team-strip .v13-section-head h2{color:#fff}
.v13-team-strip .v13-section-head p{color:rgba(255,255,255,.66)}
.v13-specialty-line{display:flex;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);margin:10px 0 44px}
.v13-specialty-line span{padding:18px 23px 18px 0;margin-right:23px;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.75);position:relative}
.v13-specialty-line span:not(:last-child)::after{content:"·";position:absolute;right:0;color:rgba(255,255,255,.25)}
.v13-team-strip .light-link{color:#fff}

.v13-final{min-height:76svh}

/* ---------- TEAM + FOUNDER: one page, properly structured ---------- */
.cards.two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(7,26,43,.15);border:1px solid rgba(7,26,43,.15);margin-bottom:100px}
.card{background:#f6f5f0;padding:40px 42px 44px;min-height:220px}
.card h3{font-size:clamp(30px,3.2vw,44px);line-height:1;letter-spacing:-.04em;font-weight:300;margin:0 0 26px;color:var(--v15-ink)}
.card p{font-size:16px;line-height:1.7;color:#53616a;margin:0;max-width:620px}
.team-founder-block{padding-top:8px}
.team-founder-block .founder{padding:0 0 70px;border-bottom:1px solid rgba(7,26,43,.16)}
.team-founder-block .founder-copy h2{font-size:clamp(48px,5.2vw,72px);line-height:.95;letter-spacing:-.05em;margin:15px 0 28px;color:var(--v15-ink)}
.team-founder-block .founder-copy p{max-width:670px}
.team-founder-block .credentials{margin-top:58px}
.team-founder-block .founder-note{margin:35px 0 0;max-width:760px;font-size:16px;line-height:1.7;color:#53616a}
.team-founder-block .portrait{box-shadow:0 32px 80px rgba(7,26,43,.12)}
.quote-block{padding:56px 0;border-top:1px solid rgba(7,26,43,.16)}
.quote-block h2{font-size:clamp(38px,4.4vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:300;margin:0 0 20px;max-width:920px}
.quote-block p{max-width:760px;font-size:17px;line-height:1.7;color:#52606a}

/* ---------- MOBILE: intentional, not a shrunk desktop ---------- */
@media(max-width:767px){
  .site-header,.zen-home .site-header,.art-page .site-header{height:66px!important;background:rgba(250,251,252,.98)!important;color:var(--v15-ink)!important}
  .site-header::after,.zen-home .site-header::after,.art-page .site-header::after{left:0!important;right:0!important}
  .header-inner,.zen-home .header-inner{padding-left:18px!important;padding-right:18px!important}
  .mobile-panel.open{inset:66px 0 0!important;background:#f8f7f3!important;padding:18px 20px 38px!important;gap:0!important;z-index:290!important}
  .mobile-panel .mobile-label{display:block!important;padding:23px 0 8px!important;font-size:9px!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#71808a!important;border-bottom:1px solid rgba(7,26,43,.11)!important}
  .mobile-panel a,.mobile-panel .mobile-sub,.mobile-panel .mobile-top{font-size:21px!important;line-height:1.08!important;padding:13px 0!important;border-bottom:1px solid rgba(7,26,43,.11)!important;color:var(--v15-ink)!important;background:none!important;margin:0!important;letter-spacing:-.025em!important;text-transform:none!important}
  .mobile-panel .mobile-sub{font-size:17px!important;padding-left:12px!important;color:#43515b!important}
  .mobile-panel .mobile-lang{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#6d7880!important;border:0!important;padding-top:22px!important}

  /* Home hero: image remains visible but copy sits on a dependable paper field. */
  .zen-hero,.zen-hero-inner{min-height:86svh!important}
  .hero-photo-hands{background-position:70% center!important;filter:grayscale(1) contrast(1.08) brightness(1.06)!important}
  .hands-home .zen-hero-shade{background:linear-gradient(180deg,rgba(247,246,241,.98) 0%,rgba(247,246,241,.93) 47%,rgba(247,246,241,.62) 70%,rgba(247,246,241,.18) 100%)!important}
  .zen-hero-inner{padding:96px 20px 46px!important;align-items:flex-start!important}
  .hands-home .zen-hero-copy{align-self:flex-start!important;padding-bottom:0!important;max-width:100%!important}
  .hands-home .zen-hero h1{font-size:clamp(52px,15vw,67px)!important;line-height:.88!important;max-width:93vw!important;margin-bottom:20px!important}
  .hands-home .zen-hero p.v13-hero-line{font-size:18px!important;line-height:1.42!important;max-width:91vw!important;margin:16px 0 10px!important}
  .hands-home .zen-hero p.v13-hero-sub{font-size:14px!important;line-height:1.56!important;max-width:90vw!important;margin:0 0 24px!important}
  .v13-hero-actions{gap:15px 24px!important}
  .v13-hero-actions .zen-link{font-size:10px!important}

  .v13-hub-section,.v13-sector-split,.v13-view-section,.v13-team-strip{padding:84px 0!important}
  .v13-section-head{margin-bottom:42px!important}
  .v13-section-head>.mono{margin-bottom:17px!important}
  .v13-section-head h2{font-size:clamp(40px,11vw,49px)!important;line-height:.95!important}
  .v13-section-head p{font-size:15px!important;line-height:1.58!important;margin-top:20px!important}
  .v13-portal-grid{grid-template-columns:1fr!important;border-left:0!important}
  .v13-portal{min-height:0!important;padding:28px 0 30px!important;border-right:0!important}
  .v13-portal h3{font-size:34px!important;margin:38px 0 15px!important}
  .v13-portal p{font-size:14px!important;margin-bottom:16px!important}
  .v13-portal:hover{transform:none!important}

  .v13-sector-grid{grid-template-columns:1fr!important}
  .v13-sector-grid>a{min-height:390px!important;padding:28px 25px 28px!important}
  .v13-sector-grid h3{font-size:42px!important;line-height:.95!important}
  .v13-sector-grid p{font-size:14px!important;line-height:1.58!important}
  .v13-sector-secondary{min-height:330px!important}

  .v13-view-section::after{right:-55vw;top:2vw;width:120vw;opacity:.08}
  .v13-view-grid{grid-template-columns:1fr!important;gap:38px!important}
  .v13-view-grid h2{font-size:44px!important;line-height:.94!important}
  .v13-view-grid p{font-size:16px!important;line-height:1.6!important}
  .v13-specialty-line{display:grid!important;grid-template-columns:1fr 1fr!important;margin-bottom:34px!important}
  .v13-specialty-line span{font-size:11px!important;padding:14px 12px 14px 0!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .v13-specialty-line span::after{display:none!important}
  .v13-final{min-height:66svh!important}

  /* Art-page heroes: enough image to feel designed, enough shade to read. */
  .art-page .page-hero{min-height:68svh!important;padding:116px 0 58px!important;align-items:flex-end!important}
  .art-page .page-hero::after{background:linear-gradient(180deg,rgba(2,10,17,.34) 0%,rgba(2,10,17,.68) 48%,rgba(2,10,17,.91) 100%)!important}
  .art-page .page-hero h1{font-size:clamp(42px,12.5vw,56px)!important;line-height:.92!important;max-width:94vw!important}
  .art-page .page-hero p{font-size:16px!important;line-height:1.52!important;max-width:90vw!important;margin-top:20px!important}

  /* Generic structure on inner pages. */
  .cards.two{grid-template-columns:1fr!important;margin-bottom:62px!important;border-left:0!important;border-right:0!important}
  .card{min-height:0!important;padding:28px 0 32px!important;border-bottom:1px solid rgba(7,26,43,.15)!important}
  .card h3{font-size:31px!important;margin-bottom:16px!important}
  .card p{font-size:15px!important;line-height:1.62!important}
  .team-founder-block .founder{gap:38px!important;padding-bottom:52px!important}
  .team-founder-block .founder-copy h2{font-size:43px!important;margin:12px 0 22px!important}
  .team-founder-block .founder-copy p{font-size:15px!important;line-height:1.63!important}
  .team-founder-block .credentials{margin-top:42px!important}
  .quote-block{padding:42px 0!important}
  .quote-block h2{font-size:36px!important;line-height:.98!important}
  .quote-block p{font-size:15px!important;line-height:1.62!important}

  /* Prevent accidental horizontal overflow from long words / grids. */
  h1,h2,h3,p,a,span{overflow-wrap:break-word}
  img{max-width:100%;height:auto}
}

@media(max-width:390px){
  .zen-hero-inner,.shell{padding-left:17px!important;padding-right:17px!important}
  .hands-home .zen-hero h1{font-size:51px!important}
  .v13-section-head h2{font-size:39px!important}
  .v13-sector-grid h3{font-size:38px!important}
  .art-page .page-hero h1{font-size:41px!important}
}

/* V15 final safeguards */
.health-hero{background:#071A2B!important}
.art-interlude-one::before{background-image:var(--v15-architecture)!important;filter:grayscale(1) contrast(1.08) brightness(.72)!important}
.art-interlude-two::before{background-image:var(--v15-prism)!important;filter:saturate(.58) contrast(1.08) brightness(.64)!important}
.human-art{background:#fff var(--v15-architecture) center/cover no-repeat!important;filter:grayscale(1) contrast(1.05)!important}

/* V15.1 — Home hero contrast hotfix only. */
.hands-home .zen-hero-copy h1{
  color:#071A2B!important;
  text-shadow:none!important;
}
.hands-home .zen-hero-copy .zen-kicker{
  color:rgba(7,26,43,.58)!important;
}
.hands-home .zen-hero-copy p.v13-hero-line{
  color:#071A2B!important;
}
.hands-home .zen-hero-copy p.v13-hero-sub{
  color:rgba(7,26,43,.76)!important;
}
.hands-home .zen-hero-copy .zen-link{
  color:#071A2B!important;
  border-color:rgba(7,26,43,.48)!important;
}

/* =========================================================
   HERO TEST — Logan Voss / Efc_p8KNO8Y
   User-requested experiment: change HOME hero image only.
   Everything else on the site remains untouched.
   ========================================================= */
:root{
  --v15-hands:url('https://images.unsplash.com/photo-1749063312692-e3a2cfd7f586?auto=format&fit=crop&fm=jpg&q=88&w=2600');
}
.hero-photo-hands{
  background-image:var(--v15-hands)!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(.92) contrast(1.05) brightness(.94)!important;
}
@media(max-width:900px){
  .hero-photo-hands{
    background-position:center center!important;
    filter:saturate(.92) contrast(1.05) brightness(.94)!important;
  }
}
@media(max-width:640px){
  .hero-photo-hands{
    background-position:54% center!important;
    filter:saturate(.92) contrast(1.05) brightness(.94)!important;
  }
}


/* =========================================================
   V15.3 — TITLE TYPOGRAPHY TEST
   User-requested change: titles only. Body, layout and hero art untouched.
   ========================================================= */
:root{--font-title-art:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-title-art)!important;
  font-weight:400!important;
  font-style:normal!important;
}


/* V15.4 — Home hero dark blend over vortex image */
.hands-home .zen-hero-shade{
  background:
    linear-gradient(90deg,
      rgba(3,12,20,.94) 0%,
      rgba(7,26,43,.90) 24%,
      rgba(7,26,43,.72) 42%,
      rgba(7,26,43,.36) 60%,
      rgba(7,26,43,.10) 80%,
      rgba(7,26,43,.04) 100%),
    linear-gradient(180deg,
      rgba(2,10,17,.22) 0%,
      rgba(2,10,17,.44) 100%)!important;
}
.hands-home .zen-hero h1,
.hands-home .zen-hero p,
.hands-home .zen-link,
.hands-home .zen-hero-copy h1,
.hands-home .zen-hero-copy p.v13-hero-line,
.hands-home .zen-hero-copy .zen-link{
  color:#F7F6F1!important;
}
.hands-home .zen-kicker,
.hands-home .zen-hero-copy .zen-kicker{
  color:rgba(247,246,241,.68)!important;
}
.hands-home .zen-hero-copy p.v13-hero-sub,
.hands-home .zen-hero p.v13-hero-sub{
  color:rgba(247,246,241,.80)!important;
}
.hands-home .zen-hero-copy .zen-link{
  border-color:rgba(247,246,241,.42)!important;
}
.hands-home .muted-link{
  color:rgba(247,246,241,.74)!important;
}

@media(max-width:900px){
  .hands-home .zen-hero-shade{
    background:
      linear-gradient(180deg,
        rgba(3,12,20,.86) 0%,
        rgba(7,26,43,.74) 42%,
        rgba(7,26,43,.48) 68%,
        rgba(7,26,43,.16) 100%)!important;
  }
}


/* V15.5 — Modern title typography + dark hero blend */
:root{--font-title-modern:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-title-modern)!important;
  font-style:normal!important;
  font-weight:400!important;
}
.hero h1,.page-hero h1,.zen-hero h1,.section h2,.statement,.flow,.service-line h3,
.v13-section-head h2,.v13-portal h3,.v13-sector-primary h3,.v13-sector-secondary h3,
.grow-content h2,.footer .brand,.brand{
  font-family:var(--font-title-modern)!important;
  letter-spacing:-.055em!important;
}

/* keep the vortex hero blended with dark navy, not white */
.hands-home .zen-hero-shade{
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.92) 0%,
      rgba(7,26,43,.86) 24%,
      rgba(7,26,43,.66) 42%,
      rgba(7,26,43,.30) 62%,
      rgba(7,26,43,.08) 82%,
      rgba(7,26,43,.03) 100%),
    linear-gradient(180deg,
      rgba(2,10,17,.20) 0%,
      rgba(2,10,17,.42) 100%)!important;
}
.hands-home .zen-hero h1,
.hands-home .zen-hero p.v13-hero-line,
.hands-home .zen-hero p.v13-hero-sub,
.hands-home .zen-hero .zen-kicker,
.hands-home .zen-hero .zen-link{
  color:#F4F1EA!important;
}
.hands-home .zen-hero .zen-kicker{color:rgba(244,241,234,.72)!important;}
.hands-home .zen-hero .zen-link{border-color:rgba(244,241,234,.40)!important;}
.hands-home .muted-link{color:rgba(244,241,234,.76)!important;}

@media(max-width:900px){
  .hands-home .zen-hero-shade{
    background:
      linear-gradient(180deg,
        rgba(2,10,17,.84) 0%,
        rgba(7,26,43,.72) 44%,
        rgba(7,26,43,.42) 72%,
        rgba(7,26,43,.14) 100%)!important;
  }
}

/* V15.6 — Vortex moved to the welcome screen */
.zen-home .hello-screen{
  background:#02090e url('https://images.unsplash.com/photo-1749063312692-e3a2cfd7f586?auto=format&fit=crop&fm=jpg&q=90&w=2600') center center/cover no-repeat!important;
  isolation:isolate;
}
.zen-home .hello-screen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(2,9,14,.28),rgba(2,9,14,.52)),
    radial-gradient(circle at 50% 50%,rgba(2,9,14,.06) 0%,rgba(2,9,14,.20) 52%,rgba(2,9,14,.48) 100%);
  pointer-events:none;
}
.zen-home .hello-grain{z-index:1;opacity:.08}
.zen-home .hello-orbit{display:none!important}
.zen-home .hello-copy{z-index:2}
.zen-home .hello-copy p{
  font-family:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:300!important;
  letter-spacing:-.05em!important;
  text-shadow:0 2px 24px rgba(0,0,0,.28);
}
.zen-home .hello-mark{color:rgba(247,246,241,.72)}
.zen-home .hello-copy button{background:rgba(2,9,14,.18);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* Restore the previous home hero photograph: vortex is now entry-only. */
:root{--v15-hands:url('https://images.unsplash.com/photo-1561570541-aaba21a3ecf0?auto=format&fit=crop&q=86&w=2200');}


/* =========================================================
   V16 — CINEMATIC HUMAN BUSINESS HERO
   Selected real-business scenes: bakery, food service, flower market, tattoo studio.
   Editorial full-bleed slideshow; no SaaS cards, no tech effects.
   ========================================================= */
.cinematic-entry,.cinematic-main-hero{background:#06131d!important;isolation:isolate}
.cinematic-slideshow{position:absolute;inset:0;z-index:0;overflow:hidden;background:#06131d}
.cinematic-slide{position:absolute;inset:-1.5%;opacity:0;background-image:var(--slide-image);background-size:cover;background-repeat:no-repeat;background-position:var(--pos-desktop,center);transform:scale(1.035);transition:opacity 1.65s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.cinematic-slide.is-active{opacity:1;animation:monlamCinematicZoom 9s ease-out both}
@keyframes monlamCinematicZoom{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.35%,.2%,0)}}

/* Entry hero: selected photography + giant editorial type. */
.zen-home .hello-screen.cinematic-entry{background:#06131d!important;display:block;cursor:default}
.zen-home .hello-screen.cinematic-entry::after{display:none!important}
.hello-cinematic-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,9,14,.78) 0%,rgba(7,26,43,.62) 40%,rgba(7,26,43,.24) 72%,rgba(2,9,14,.42) 100%),linear-gradient(180deg,rgba(2,9,14,.18) 0%,rgba(2,9,14,.16) 52%,rgba(2,9,14,.66) 100%)}
.zen-home .hello-grain{z-index:2!important;opacity:.055!important;mix-blend-mode:screen}
.zen-home .hello-copy{position:absolute!important;z-index:3!important;left:clamp(28px,6vw,96px);right:clamp(28px,6vw,96px);bottom:clamp(56px,10vh,118px);top:auto!important;text-align:left!important;justify-items:start!important;gap:22px!important;max-width:min(1080px,88vw)}
.zen-home .hello-mark{font-family:"DM Sans",Inter,Arial,sans-serif!important;font-size:10px!important;letter-spacing:.32em!important;color:rgba(250,251,252,.74)!important;text-shadow:none!important}
.zen-home .hello-title{font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;font-weight:400!important;font-style:normal!important;text-transform:uppercase;margin:0;color:#FAFBFC;font-size:clamp(66px,9vw,148px);line-height:.84;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 5px 38px rgba(0,0,0,.22);transition:opacity .42s ease,transform .42s ease}
.zen-home .hello-title span{display:block;white-space:normal}
.zen-home .hello-title.is-changing{opacity:0;transform:translateY(10px)}
.zen-home .hello-copy button{position:absolute!important;right:0;bottom:5px;width:112px!important;height:112px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:50%!important;background:rgba(2,9,14,.12)!important;color:#fff!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;display:grid!important;place-items:center!important;align-content:center!important;padding:0!important;font-size:9px!important;letter-spacing:.15em!important;transition:background .3s ease,border-color .3s ease,transform .3s ease!important}
.zen-home .hello-copy button::before{display:none!important}
.zen-home .hello-copy button:hover{background:rgba(7,26,43,.48)!important;border-color:rgba(255,255,255,.62)!important;transform:translateY(-3px)}
.zen-home .hello-copy button span{display:block!important;margin:7px 0 0!important;font-size:15px!important}
.hello-counter{position:absolute;z-index:3;right:clamp(28px,4vw,64px);top:clamp(30px,5vw,64px);display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.68);font-size:9px;letter-spacing:.16em}
.hello-counter i{display:block;width:44px;height:1px;background:rgba(255,255,255,.34)}


.cinematic-main-hero .cinematic-slide{
  inset:0;
  background-image:none!important;
  background-color:#06131d;
  transform:none!important;
  overflow:hidden;
}
.cinematic-main-hero .cinematic-slide.is-active{animation:none!important}
.cinematic-main-hero .cinematic-slide::before{
  content:"";
  position:absolute;
  inset:-5%;
  background-image:var(--slide-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  filter:blur(34px) brightness(.34) saturate(.78);
  transform:scale(1.11);
  opacity:.92;
  pointer-events:none;
}
.cinematic-main-hero .cinematic-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,9,14,.88) 0%,rgba(7,26,43,.70) 30%,rgba(7,26,43,.22) 56%,rgba(2,9,14,.20) 100%),
    linear-gradient(180deg,rgba(2,9,14,.16),rgba(2,9,14,.34));
  pointer-events:none;
  z-index:1;
}
.cinematic-main-hero .cinematic-slide img{
  position:absolute;
  z-index:0;
  right:var(--img-right,4vw);
  left:auto;
  top:50%;
  width:auto;
  height:auto;
  max-width:var(--img-maxw,56vw);
  max-height:var(--img-maxh,80vh);
  object-fit:contain;
  transform:translateY(calc(-50% + var(--img-y,0vh))) scale(1.002);
  transform-origin:center;
  filter:saturate(.96) contrast(1.02) brightness(.94);
  box-shadow:none;
  will-change:transform,opacity;
}
.cinematic-main-hero .cinematic-slide.is-active img{animation:monlamCinematicImage 5.1s ease-out both}
@keyframes monlamCinematicImage{
  from{transform:translateY(calc(-50% + var(--img-y,0vh))) scale(1.002)}
  to{transform:translateY(calc(-50% + var(--img-y,0vh))) scale(1.016)}
}

/* Main home hero: same human visual world, business proposition on top. */
.cinematic-main-hero .hero-cinematic-slideshow{z-index:0}
.cinematic-main-hero .zen-hero-shade{z-index:1!important;background:linear-gradient(90deg,rgba(2,9,14,.90) 0%,rgba(7,26,43,.78) 34%,rgba(7,26,43,.42) 62%,rgba(2,9,14,.24) 100%),linear-gradient(180deg,rgba(2,9,14,.18),rgba(2,9,14,.48))!important}
.cinematic-main-hero .zen-hero-inner{z-index:2!important}
.cinematic-main-hero .zen-hero-copy h1{font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:-.025em!important;line-height:.86!important;font-size:clamp(72px,9.2vw,146px)!important;max-width:820px!important;color:#FAFBFC!important}
.cinematic-main-hero .zen-kicker,.cinematic-main-hero .v13-hero-line,.cinematic-main-hero .v13-hero-sub,.cinematic-main-hero .zen-link{color:#FAFBFC!important}
.cinematic-main-hero .v13-hero-sub{color:rgba(250,251,252,.78)!important}
.cinematic-main-hero .zen-link{border-color:rgba(250,251,252,.45)!important}

@media(max-width:900px){
  .cinematic-slide{background-position:var(--pos-mobile,var(--pos-desktop,center));inset:-1%}
  .cinematic-main-hero .cinematic-slide{inset:0}
  .cinematic-main-hero .cinematic-slide img{
    left:50%;
    right:auto;
    top:42%;
    max-width:92vw;
    max-height:56vh;
    transform:translate(-50%,-50%) scale(1.001);
  }
  .cinematic-main-hero .cinematic-slide.is-active img{animation:monlamCinematicImageMobile 5.1s ease-out both}
  @keyframes monlamCinematicImageMobile{from{transform:translate(-50%,-50%) scale(1.001)}to{transform:translate(-50%,-50%) scale(1.012)}}
  .hello-cinematic-shade{background:linear-gradient(180deg,rgba(2,9,14,.36) 0%,rgba(7,26,43,.24) 38%,rgba(7,26,43,.58) 72%,rgba(2,9,14,.86) 100%)}
  .zen-home .hello-copy{left:24px;right:24px;bottom:52px;max-width:none;gap:18px!important}
  .zen-home .hello-title{font-size:clamp(54px,15vw,98px);line-height:.86;max-width:94vw}
  .zen-home .hello-copy button{position:relative!important;right:auto!important;bottom:auto!important;width:88px!important;height:88px!important;margin-top:5px}
  .hello-counter{right:24px;top:28px}
  .cinematic-main-hero .zen-hero-shade{background:linear-gradient(180deg,rgba(2,9,14,.54) 0%,rgba(7,26,43,.48) 42%,rgba(7,26,43,.72) 72%,rgba(2,9,14,.90) 100%)!important}
  .cinematic-main-hero .zen-hero-inner{align-items:flex-end!important;padding-top:110px!important;padding-bottom:48px!important}
  .cinematic-main-hero .zen-hero-copy{align-self:flex-end!important}
  .cinematic-main-hero .zen-hero-copy h1{font-size:clamp(64px,17vw,92px)!important;max-width:94vw!important}
}
@media(max-width:520px){
  .zen-home .hello-copy{left:20px;right:20px;bottom:34px}
  .zen-home .hello-title{font-size:clamp(46px,14vw,72px);line-height:.88;letter-spacing:-.02em}
  .zen-home .hello-copy button{width:78px!important;height:78px!important;font-size:8px!important}
  .hello-counter{right:20px;top:22px}
  .hello-counter i{width:30px}
  .cinematic-main-hero .zen-hero-copy h1{font-size:clamp(58px,18vw,78px)!important}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-slide{transition:none!important;animation:none!important;transform:scale(1.02)!important}
  .zen-home .hello-title{transition:none!important}
  .cinematic-main-hero .cinematic-slide img{animation:none!important}
}

/* V16.1 — keep the circular entry control clear of long editorial headlines. */
@media(min-width:901px){
  .zen-home .hello-title{max-width:min(900px,calc(100% - 150px))}
}

/* =========================================================
   V17 — EDITORIAL ARCHITECTURE REFINEMENT
   Direction: contemporary legal/operational firm designed like
   an architecture magazine, with one controlled visual anomaly.
   ========================================================= */
:root{
  --v17-paper:#F4F2ED;
  --v17-paper-2:#EAE7E0;
  --v17-ink:#171717;
  --v17-navy:#071A2B;
  --v17-line:rgba(23,23,23,.18);
  --v17-line-light:rgba(244,242,237,.20);
  --v17-serif:"Manrope","Arial Narrow",Impact,sans-serif;
  --v17-sans:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif;
}
html,body{overflow-x:hidden}
body{background:var(--v17-paper);color:var(--v17-ink);font-family:var(--v17-sans)}

/* Global editorial hierarchy: serif for ideas, sans for information. */
h1,h2,h3,.statement,.flow,.service-line h3,.triptych p,.dimensions{
  font-family:var(--v17-serif)!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}
.brand,.footer .brand,.nav,.mono,.eyebrow,.btn,.zen-link,.nav-cta{
  font-family:var(--v17-sans)!important;
}
.section{padding:clamp(106px,10vw,164px) 0}
.section,.page-hero{background-color:var(--v17-paper)}
.section.stone{background:var(--v17-paper-2)}
.section h2{font-size:clamp(56px,6.6vw,82px)!important;line-height:.94!important;max-width:980px}
.page-hero h1{font-size:clamp(72px,8vw,112px)!important;line-height:.91!important}
.section p,.page-hero p{font-size:clamp(16px,1.35vw,18px);line-height:1.7}
.reveal{transform:translateY(16px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,.61,.36,1)}

/* Welcome: keep the vortex and only the two-line greeting. */
.zen-home .hello-title{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;
  font-size:clamp(72px,9.5vw,150px)!important;
  line-height:.84!important;
  max-width:min(980px,calc(100% - 150px))!important;
}

/* Hero: one consistent photographic frame, not six differently sized photos. */
.cinematic-main-hero{min-height:100svh!important;background:var(--v17-navy)!important}
.cinematic-main-hero .cinematic-slide img{
  right:clamp(24px,4.5vw,78px)!important;
  top:50%!important;
  width:min(51vw,790px)!important;
  height:min(74vh,780px)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  transform:translateY(-50%) scale(1.001)!important;
  filter:saturate(.88) contrast(1.035) brightness(.92)!important;
}
.cinematic-main-hero .cinematic-slide.is-active img{animation:v17HeroImage 4.25s ease-out both!important}
@keyframes v17HeroImage{from{transform:translateY(-50%) scale(1.001)}to{transform:translateY(-50%) scale(1.013)}}
.slide-cafe img{object-position:50% 44%!important}
.slide-peluqueria img{object-position:52% 40%!important}
.slide-floreria img{object-position:50% 43%!important}
.slide-panaderia img{object-position:50% 44%!important}
.slide-barberia img{object-position:50% 39%!important}
.slide-tattoo img{object-position:50% 47%!important}
.cinematic-main-hero .zen-hero-copy{max-width:min(620px,44vw)!important}
.cinematic-main-hero .zen-hero-copy h1{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;
  font-size:clamp(72px,7.8vw,112px)!important;
  line-height:.86!important;
  letter-spacing:-.025em!important;
  max-width:620px!important;
}
.cinematic-main-hero .zen-hero-shade{
  background:linear-gradient(90deg,rgba(2,9,14,.96) 0%,rgba(7,26,43,.91) 30%,rgba(7,26,43,.68) 47%,rgba(7,26,43,.20) 72%,rgba(2,9,14,.20) 100%)!important;
}

/* 01 — Three answers become three editorial chapters, not cards. */
.v13-hub-section{padding:clamp(110px,10vw,160px) 0;background:var(--v17-paper)!important}
.v13-section-head{margin-bottom:clamp(58px,7vw,92px)}
.v13-section-head h2{
  font-family:var(--v17-serif)!important;
  font-size:clamp(58px,6.6vw,86px)!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
}
.v13-portal-grid{display:block!important;border:0!important;background:transparent!important}
.v13-portal{
  min-height:46vh!important;
  padding:38px 0 44px!important;
  display:grid!important;
  grid-template-columns:minmax(128px,.34fr) minmax(300px,1.15fr) minmax(260px,.8fr) 34px;
  gap:clamp(24px,4vw,70px);
  align-items:center;
  border:0!important;
  border-top:1px solid var(--v17-line)!important;
  background:transparent!important;
  transform:none!important;
}
.v13-portal:last-child{border-bottom:1px solid var(--v17-line)!important}
.v13-portal:hover{background:transparent!important;transform:none!important}
.v13-portal .portal-no{
  font-family:var(--v17-serif)!important;
  font-size:clamp(86px,10vw,154px)!important;
  line-height:.75!important;
  letter-spacing:-.06em!important;
  color:rgba(23,23,23,.17)!important;
  align-self:start;
  padding-top:18px;
}
.v13-portal h3{
  font-family:var(--v17-serif)!important;
  font-size:clamp(48px,5.6vw,78px)!important;
  line-height:.9!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase;
  margin:0!important;
  max-width:620px;
}
.v13-portal p{font-size:16px!important;line-height:1.68!important;margin:0!important;max-width:390px}
.v13-portal b{margin:0!important;font-size:30px!important;justify-self:end;transition:transform .25s ease}
.v13-portal:hover b{transform:translate(5px,-5px)}

/* 02 — Sectors: asymmetry and scale, not two matching cards. */
.v13-sector-split{padding:clamp(115px,10vw,160px) 0!important;background:var(--v17-navy)!important}
.v13-sector-split::before{opacity:.055!important}
.v13-sector-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important;
  gap:clamp(26px,5vw,82px)!important;
  align-items:end!important;
  border:0!important;
  background:transparent!important;
}
.v13-sector-grid>a{border:0!important;padding:0!important;color:#fff!important}
.v13-sector-primary{min-height:620px!important;background:#0b2538!important;padding:clamp(34px,4vw,56px)!important}
.v13-sector-primary::before{opacity:.95!important}
.v13-sector-secondary{
  min-height:410px!important;
  background:transparent!important;
  border-top:1px solid var(--v17-line-light)!important;
  padding:34px 0 0!important;
  transform:translateY(46px);
}
.v13-sector-grid h3{
  font-family:var(--v17-serif)!important;
  font-size:clamp(52px,5.4vw,76px)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}
.v13-sector-secondary h3{font-size:clamp(44px,4vw,60px)!important}

/* 03 — The idea owns the room. */
.v13-view-section{padding:clamp(130px,12vw,190px) 0!important;background:var(--v17-paper-2)!important}
.v13-view-section::after{display:none!important}
.v13-view-grid{grid-template-columns:1.25fr .75fr!important;gap:clamp(60px,10vw,150px)!important;align-items:end!important}
.v13-view-grid h2{
  font-family:var(--v17-serif)!important;
  font-size:clamp(68px,8vw,112px)!important;
  line-height:.87!important;
  letter-spacing:-.055em!important;
  max-width:880px!important;
}
.v13-view-grid p{font-size:17px!important;line-height:1.72!important}

/* Single WOW moment: spatial editorial composition, no tech diagram. */
.v17-wow-section{position:relative;overflow:hidden;background:var(--v17-paper);padding:clamp(120px,12vw,190px) 0;color:var(--v17-ink)}
.v17-wow-kicker{font-size:10px;letter-spacing:.18em;color:rgba(23,23,23,.48);margin-bottom:42px}
.v17-wow-stage{position:relative;min-height:min(72vw,760px);border-top:1px solid var(--v17-line);border-bottom:1px solid var(--v17-line);overflow:hidden}
.wow-word{position:absolute;font-family:var(--v17-serif);font-size:clamp(48px,7.4vw,112px);line-height:.88;letter-spacing:-.055em;transition:transform 1.25s cubic-bezier(.22,.61,.36,1),opacity 1s ease}
.wow-1{left:2%;top:12%;transform:translateX(-18px)}
.wow-2{right:6%;top:29%;transform:translateX(20px)}
.wow-3{left:18%;bottom:25%;transform:translateX(-12px)}
.wow-4{right:3%;bottom:8%;transform:translateX(14px)}
.v17-wow-stage.visible .wow-word{transform:translateX(0)}
.wow-line{position:absolute;height:1px;background:rgba(23,23,23,.16);transform-origin:left center;transition:transform 1.35s cubic-bezier(.22,.61,.36,1),opacity 1s ease}
.line-a{left:5%;top:35%;width:78%;transform:rotate(-7deg) scaleX(.82)}
.line-b{left:14%;top:61%;width:72%;transform:rotate(5deg) scaleX(.74)}
.line-c{left:42%;top:4%;height:88%;width:1px;transform:rotate(11deg) scaleY(.88)}
.v17-wow-stage.visible .line-a{transform:rotate(-5deg) scaleX(1)}
.v17-wow-stage.visible .line-b{transform:rotate(3deg) scaleX(1)}
.v17-wow-stage.visible .line-c{transform:rotate(8deg) scaleY(1)}
.wow-anomaly{position:absolute;left:48%;top:49%;font:500 10px/1 var(--v17-sans);letter-spacing:.28em;transform:rotate(-8deg);color:rgba(23,23,23,.42)}

/* 04 — Specialties as one spatial system. */
.v13-team-strip{padding:clamp(120px,10vw,165px) 0!important;background:#171717!important}
.v13-team-strip .v13-section-head{max-width:920px}
.v13-specialty-line{
  position:relative!important;
  display:block!important;
  height:590px;
  margin:38px 0 52px!important;
  border-top:1px solid var(--v17-line-light)!important;
  border-bottom:1px solid var(--v17-line-light)!important;
}
.v13-specialty-line::before,.v13-specialty-line::after{content:"";position:absolute;background:rgba(244,242,237,.12);height:1px;width:42%;left:29%;top:50%;transform:rotate(-9deg)}
.v13-specialty-line::after{transform:rotate(8deg)}
.v13-specialty-line span,.specialty-core{position:absolute!important;margin:0!important;padding:0!important;color:rgba(244,242,237,.78)!important;font-family:var(--v17-sans)!important;font-size:clamp(13px,1.35vw,18px)!important;letter-spacing:.04em!important;z-index:2}
.v13-specialty-line span::after{display:none!important}
.specialty-core{left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--v17-serif)!important;font-size:clamp(54px,7vw,96px)!important;letter-spacing:-.045em!important;color:#F4F2ED!important;font-weight:400!important}
.v13-specialty-line span:nth-of-type(1){left:5%;top:18%}
.v13-specialty-line span:nth-of-type(2){right:10%;top:13%}
.v13-specialty-line span:nth-of-type(3){left:15%;bottom:14%}
.v13-specialty-line span:nth-of-type(4){right:2%;top:48%;max-width:220px}
.v13-specialty-line span:nth-of-type(5){left:2%;top:54%}
.v13-specialty-line span:nth-of-type(6){right:11%;bottom:13%;max-width:250px}
.v13-specialty-line span:nth-of-type(7){left:43%;bottom:7%}

/* Closing: brutalist restraint, not another marketing panel. */
.grow-section.v13-final{min-height:92svh!important;background:#111!important}
.grow-section.v13-final .grow-photo{display:none!important}
.grow-section.v13-final .grow-shade{background:#111!important}
.grow-content{padding-top:clamp(120px,14vh,180px)!important;padding-bottom:72px!important}
.grow-content h2{
  font-family:var(--v17-serif)!important;
  font-size:clamp(94px,14vw,210px)!important;
  line-height:.76!important;
  letter-spacing:-.065em!important;
  margin:44px 0 54px!important;
  color:#F4F2ED!important;
}
.grow-content>p{max-width:600px;font-size:18px!important;line-height:1.65!important;margin-bottom:52px!important}
.grow-cta{max-width:none!important;border-color:rgba(244,242,237,.22)!important}
.v17-final-meta{display:grid;grid-template-columns:1.2fr 2fr 1fr 1fr;gap:28px;margin-top:64px;padding-top:24px;border-top:1px solid rgba(244,242,237,.16);font:400 11px/1.4 var(--v17-sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,242,237,.62)}
.v17-final-meta strong{font-weight:600;color:#F4F2ED}
.v17-final-meta a{color:#F4F2ED}

/* Lines and borders stay hairline throughout the system. */
.card,.cards.two,.editorial-list,.editorial-row,.service-line,.small-block,.credential,.quote-block{border-color:var(--v17-line)!important;box-shadow:none!important}
.card{background:transparent!important}

/* Mobile: designed rather than shrunk. */
@media(max-width:900px){
  .section{padding:92px 0!important}
  .section h2,.page-hero h1{font-size:clamp(42px,12vw,52px)!important;line-height:.94!important}
  .zen-home .hello-title{font-size:clamp(60px,16vw,92px)!important;max-width:94vw!important}
  .cinematic-main-hero .zen-hero-copy{max-width:94vw!important}
  .cinematic-main-hero .zen-hero-copy h1{font-size:clamp(58px,16vw,82px)!important;max-width:92vw!important}
  .cinematic-main-hero .cinematic-slide img{
    left:50%!important;right:auto!important;top:34%!important;
    width:88vw!important;height:48vh!important;
    max-width:none!important;max-height:none!important;
    transform:translate(-50%,-50%) scale(1.001)!important;
    object-fit:cover!important;
  }
  .cinematic-main-hero .cinematic-slide.is-active img{animation:v17HeroImageMobile 4.25s ease-out both!important}
  @keyframes v17HeroImageMobile{from{transform:translate(-50%,-50%) scale(1.001)}to{transform:translate(-50%,-50%) scale(1.01)}}
  .slide-cafe img{object-position:50% 40%!important}
  .slide-peluqueria img{object-position:52% 37%!important}
  .slide-floreria img{object-position:50% 39%!important}
  .slide-panaderia img{object-position:50% 40%!important}
  .slide-barberia img{object-position:50% 35%!important}
  .slide-tattoo img{object-position:50% 43%!important}
  .v13-hub-section,.v13-sector-split,.v13-view-section,.v13-team-strip,.v17-wow-section{padding:92px 0!important}
  .v13-section-head h2,.v13-view-grid h2{font-size:clamp(44px,13vw,54px)!important;line-height:.92!important}
  .v13-portal{min-height:0!important;display:grid!important;grid-template-columns:74px 1fr 28px!important;gap:18px!important;padding:30px 0 34px!important}
  .v13-portal .portal-no{font-size:58px!important;grid-row:1/3}
  .v13-portal h3{font-size:clamp(40px,11vw,50px)!important;grid-column:2;margin:0!important}
  .v13-portal p{grid-column:2/4;font-size:16px!important;margin-top:8px!important}
  .v13-portal b{grid-column:3;grid-row:1;align-self:center}
  .v13-sector-grid{grid-template-columns:1fr!important;gap:54px!important}
  .v13-sector-primary{min-height:70svh!important;padding:28px!important}
  .v13-sector-secondary{min-height:0!important;transform:none!important;padding-top:28px!important}
  .v13-sector-grid h3{font-size:clamp(44px,12vw,54px)!important}
  .v13-view-grid{grid-template-columns:1fr!important;gap:56px!important}
  .v17-wow-stage{min-height:640px}
  .wow-word{font-size:clamp(42px,12vw,56px)}
  .wow-1{left:2%;top:10%}.wow-2{right:2%;top:31%}.wow-3{left:4%;bottom:29%}.wow-4{right:2%;bottom:9%}
  .wow-anomaly{left:42%;top:49%}
  .v13-specialty-line{height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:26px 0!important}
  .v13-specialty-line::before,.v13-specialty-line::after{display:none!important}
  .specialty-core,.v13-specialty-line span{position:static!important;transform:none!important;max-width:none!important;border-bottom:1px solid rgba(244,242,237,.12);padding:18px 0!important}
  .specialty-core{font-size:52px!important;border-bottom:1px solid rgba(244,242,237,.28)!important;margin-bottom:8px!important}
  .v17-final-meta{grid-template-columns:1fr!important;gap:14px!important}
  .grow-content h2{font-size:clamp(76px,22vw,118px)!important;line-height:.79!important}
}
@media(max-width:520px){
  .cinematic-main-hero .cinematic-slide img{width:90vw!important;height:45vh!important;top:31%!important}
  .v13-portal h3{font-size:42px!important}
  .v17-wow-stage{min-height:560px}
  .grow-section.v13-final{min-height:86svh!important}
}
@media(prefers-reduced-motion:reduce){
  .wow-word,.wow-line,.reveal,.cinematic-main-hero .cinematic-slide img{transition:none!important;animation:none!important}
}


/* V17.1 — minimal welcome screen + corrected first hero image composition */
.hello-screen.minimal-entry-screen{
  position:fixed;inset:0;z-index:999;background:#06131d!important;color:#FAFBFC;
  overflow:hidden;display:block;cursor:default;isolation:isolate;
}
.hello-screen.minimal-entry-screen::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.025),transparent 34%),
             linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 32%),
             linear-gradient(180deg,rgba(2,9,14,.08),rgba(2,9,14,.22));
  pointer-events:none;
}
.hello-screen.minimal-entry-screen::after{display:none!important}
.hello-screen.minimal-entry-screen .hello-grain{z-index:1!important;opacity:.04!important}
.hello-screen.minimal-entry-screen .minimal-entry-copy{
  position:absolute!important;inset:0;z-index:2!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:26px!important;padding:32px!important;max-width:none!important;text-align:center!important;
}
.hello-screen.minimal-entry-screen .hello-mark{
  position:absolute;top:28px;left:50%;transform:translateX(-50%);
  font-family:"DM Sans",Inter,Arial,sans-serif!important;font-size:11px!important;
  letter-spacing:.34em!important;color:rgba(250,251,252,.72)!important;text-transform:uppercase;
}
.hello-screen.minimal-entry-screen .hello-title{
  margin:0!important;font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;font-weight:400!important;
  font-style:normal!important;text-transform:none!important;letter-spacing:-.035em!important;
  line-height:.96!important;color:#FAFBFC!important;text-shadow:none!important;
  font-size:clamp(44px,5.2vw,82px)!important;max-width:12ch!important;
}
.hello-screen.minimal-entry-screen .hello-title span{display:block}
.hello-screen.minimal-entry-screen .hello-circle{
  width:74px!important;height:74px!important;border-radius:50%!important;
  border:1px solid rgba(250,251,252,.46)!important;background:transparent!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:0!important;display:inline-block!important;cursor:pointer;transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.hello-screen.minimal-entry-screen .hello-circle:hover{transform:scale(1.04);border-color:rgba(250,251,252,.9)!important;background:rgba(250,251,252,.045)!important}
.hello-screen.minimal-entry-screen .hello-circle::before{display:none!important}
.hello-screen.minimal-entry-screen .hello-circle::after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:rgba(250,251,252,.92);margin:31px auto 0}
@media(max-width:900px){
  .hello-screen.minimal-entry-screen .minimal-entry-copy{gap:22px!important;padding:24px!important}
  .hello-screen.minimal-entry-screen .hello-mark{top:22px;font-size:10px!important}
  .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(38px,10vw,58px)!important;max-width:10ch!important;line-height:1.02!important}
  .hello-screen.minimal-entry-screen .hello-circle{width:68px!important;height:68px!important}
  .hello-screen.minimal-entry-screen .hello-circle::after{margin-top:28px}
}
@media(max-width:520px){
  .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(34px,10.8vw,48px)!important;max-width:9.5ch!important}
  .hello-screen.minimal-entry-screen .hello-circle{width:64px!important;height:64px!important}
  .hello-screen.minimal-entry-screen .hello-circle::after{margin-top:26px}
}


/* V17.2 — homepage simplified: hero + specialty map only, and serif language throughout */
.zen-home .cinematic-main-hero .zen-hero-copy h1{
  font-family:var(--v17-serif)!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:-.05em!important;
  line-height:.88!important;
  font-size:clamp(66px,8vw,126px)!important;
}
.zen-home .cinematic-main-hero .v13-hero-line{
  font-family:var(--v17-serif)!important;
  font-size:clamp(26px,2.2vw,38px)!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  font-weight:400!important;
  max-width:580px!important;
}
.zen-home .cinematic-main-hero .v13-hero-sub{
  font-size:18px!important;
  line-height:1.7!important;
  max-width:580px!important;
}
.zen-home .cinematic-main-hero .zen-link{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.zen-home .brand,.zen-home .v13-team-strip h2,.zen-home .v13-team-strip h3,.zen-home .specialty-core{font-family:var(--v17-serif)!important}
.zen-home .v13-team-strip{padding-top:120px!important;padding-bottom:120px!important}
.zen-home .v13-section-head h2{font-family:var(--v17-serif)!important;font-size:clamp(60px,7vw,98px)!important;letter-spacing:-.05em!important;line-height:.9!important}
.zen-home .v13-team-strip .v13-section-head p{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:900px){
  .zen-home .cinematic-main-hero .zen-hero-copy h1{font-size:clamp(58px,14vw,84px)!important;line-height:.92!important}
  .zen-home .cinematic-main-hero .v13-hero-line{font-size:clamp(23px,6.2vw,30px)!important}
  .zen-home .v13-team-strip{padding-top:90px!important;padding-bottom:90px!important}
}


/* V17.3 — centered entry + one consistent editorial language across the whole site */
.hello-screen.minimal-entry-screen .minimal-entry-copy{
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:24px!important;
}
.hello-screen.minimal-entry-screen .hello-title{
  margin:0!important;
  text-align:center!important;
  max-width:none!important;
  width:auto!important;
}
.hello-screen.minimal-entry-screen .hello-circle{
  position:static!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  top:auto!important;
  margin:4px auto 0!important;
  flex:0 0 auto!important;
}

/* Typography system: one site, one editorial voice. */
:root{
  --monlam-serif:"Manrope","Arial Narrow",Impact,sans-serif;
  --monlam-sans:"DM Sans",Inter,"Helvetica Neue",Arial,sans-serif;
}
html,body{font-family:var(--monlam-sans)!important;}
.brand,.zen-brand,
.page-hero h1,.hero h1,
.section h1,.section h2,.section h3,
.v13-section-head h2,.v13-section-head h3,
.v13-portal h3,.v13-sector-primary h3,.v13-sector-secondary h3,
.v13-view-section h2,.v13-team-strip h2,
.grow-content h2,.statement,.editorial-row,
.service-line h3,.policy h2,
.founder-radical-copy h2,.human-shell h2,
.final-depth-content h2,.artifact-copy h2,
.implementation-copy h2,.specialty-core{
  font-family:var(--monlam-serif)!important;
  font-weight:400!important;
}

/* Internal pages should feel like the same publication as the home. */
.page-hero{
  background:#F4F2ED!important;
  color:#071A2B!important;
}
.page-hero h1{
  color:#071A2B!important;
  letter-spacing:-.045em!important;
  line-height:.9!important;
}
.page-hero p{
  color:#46525A!important;
  font-family:var(--monlam-sans)!important;
}
.section,.ivory,.stone{
  background:#F4F2ED;
}
.section h2,.section h3{
  color:#071A2B;
  letter-spacing:-.035em;
}
.section p,.section li,.small-block p,.service-line p,.founder-copy p,
.contact-note,.policy p,.policy li{
  font-family:var(--monlam-sans)!important;
}

/* Keep the dark editorial chapters visually related to the specialty map. */
.dark,.v13-team-strip,.dimensions-radical,.human-section,.final-depth{
  background:#171717!important;
  color:#F4F2ED!important;
}
.dark h1,.dark h2,.dark h3,
.v13-team-strip h1,.v13-team-strip h2,.v13-team-strip h3{
  color:#F4F2ED!important;
}

/* Navigation and microcopy stay restrained sans-serif everywhere. */
.nav,.mobile-panel,.mono,.eyebrow,.btn,.zen-link,.nav-cta,
.footer-links,.footer-bottom,.field label,.tagline{
  font-family:var(--monlam-sans)!important;
}

/* Avoid pages feeling like separate templates because of inconsistent radii/cards. */
.card,.portal,.credential,.triptych>div,.v13-portal,.v13-sector-primary,.v13-sector-secondary{
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  .hello-screen.minimal-entry-screen .minimal-entry-copy{gap:20px!important;}
  .hello-screen.minimal-entry-screen .hello-circle{margin-top:2px!important;}
  .page-hero h1{font-size:clamp(50px,14vw,78px)!important;}
}


/* V17.3 — Typography lock: Bodoni/Didone editorial language across the whole site */
:root{
  --font-editorial:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --v17-serif:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --font-brand:"Manrope","Arial Narrow",Impact,sans-serif!important;
}

/* Keep one consistent editorial voice across home + internal pages. */
body h1,
body h2,
body h3,
body .brand,
body .specialty-core,
body .statement,
body .editorial-row,
body .page-hero h1,
body .service-line h3,
body .policy h2,
body .photo-band h2,
body .flow,
body .dimensions,
body .triptych p,
body .founder-radical-copy h2,
body .human-shell h2,
body .final-depth-content h2,
body .artifact-copy h2,
body .implementation-copy h2,
body .dimension-marquee>div,
body .v13-section-head h2,
body .v13-sector-grid h3,
body .grow-content h2{
  font-family:var(--font-editorial)!important;
  font-weight:400!important;
}

/* Main hero specifically uses the same Bodoni language, not Manrope. */
.zen-home .cinematic-main-hero .zen-hero-copy h1{
  font-family:var(--font-editorial)!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:-.055em!important;
  line-height:.86!important;
}
.zen-home .cinematic-main-hero .v13-hero-line{
  font-family:var(--font-editorial)!important;
  font-weight:400!important;
}

/* Brand and large MÖNLAM lock to the same family. */
.brand,.specialty-core,.hello-mark{font-family:var(--font-editorial)!important}

/* Minimal entry: truly centered title + circle. No inherited bottom/left positioning. */
.zen-home .hello-screen.minimal-entry-screen .minimal-entry-copy{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:30px!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-mark{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:30px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  font-family:var(--font-editorial)!important;
  font-size:16px!important;
  letter-spacing:.18em!important;
  white-space:nowrap!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-title{
  position:static!important;
  margin:0!important;
  max-width:none!important;
  width:auto!important;
  font-family:var(--font-editorial)!important;
  font-size:clamp(46px,5.4vw,82px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  text-transform:none!important;
  color:#FAFBFC!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-circle{
  position:static!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;
  flex:0 0 auto!important;
}

@media(max-width:900px){
  .zen-home .hello-screen.minimal-entry-screen .minimal-entry-copy{padding:22px!important;gap:24px!important}
  .zen-home .hello-screen.minimal-entry-screen .hello-mark{top:22px!important;font-size:14px!important}
  .zen-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(40px,11vw,58px)!important;max-width:90vw!important}
}


/* V17.4 — TYPOGRAPHY LOCK: MANROPE across the entire MÖNLAM site */
:root{
  --font-impact:"Manrope","Arial Narrow",Impact,sans-serif;
  --font-editorial:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --v17-serif:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --font-brand:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --monlam-serif:"Manrope","Arial Narrow",Impact,sans-serif!important;
}

/* Every major title and editorial moment uses the same MANROPE voice. */
body h1,
body h2,
body h3,
body h4,
body .brand,
body .zen-brand,
body .specialty-core,
body .statement,
body .editorial-row,
body .page-hero h1,
body .hero h1,
body .service-line h3,
body .policy h2,
body .photo-band h2,
body .flow,
body .dimensions,
body .triptych p,
body .founder-radical-copy h2,
body .human-shell h2,
body .final-depth-content h2,
body .artifact-copy h2,
body .implementation-copy h2,
body .dimension-marquee>div,
body .v13-section-head h2,
body .v13-section-head h3,
body .v13-portal h3,
body .v13-sector-grid h3,
body .v13-sector-primary h3,
body .v13-sector-secondary h3,
body .v13-view-section h2,
body .v13-team-strip h2,
body .grow-content h2,
body .quote-block h2,
body .cards h3,
body .value-card h3,
body .founder-copy h2,
body .credentials h3,
body .small-block h3{
  font-family:var(--font-impact)!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* Consistent Manrope geometry site-wide. */
body h1,body .page-hero h1,body .hero h1{
  letter-spacing:-.025em!important;
  line-height:.86!important;
}
body h2{letter-spacing:-.018em!important;line-height:.9!important}
body h3,body h4{letter-spacing:-.01em!important}

/* Home hero keeps the exact strong condensed language the user selected. */
.zen-home .cinematic-main-hero .zen-hero-copy h1{
  font-family:var(--font-impact)!important;
  text-transform:uppercase!important;
  letter-spacing:-.025em!important;
  line-height:.86!important;
}
.zen-home .cinematic-main-hero .v13-hero-line{
  font-family:var(--font-impact)!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:-.01em!important;
}

/* The centered welcome screen belongs to the same identity too. */
.zen-home .hello-screen.minimal-entry-screen .hello-title,
.zen-home .hello-screen.minimal-entry-screen .hello-mark{
  font-family:var(--font-impact)!important;
  font-style:normal!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-title{
  text-transform:none!important;
  letter-spacing:-.02em!important;
  line-height:.94!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-mark{
  letter-spacing:.16em!important;
}

/* Body copy, navigation and utility text stay clean sans-serif everywhere. */
body,body p,body li,body .nav,body .mobile-panel,body .mono,body .eyebrow,body .btn,
body .zen-link,body .nav-cta,body .footer-links,body .footer-bottom,body .field label,
body .tagline,body input,body textarea,body button{
  font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Re-assert Manrope after generic button/body rules where the control is also an editorial title. */
body .brand,body .zen-brand,body .specialty-core{font-family:var(--font-impact)!important}

@media(max-width:900px){
  body .page-hero h1{font-size:clamp(52px,15vw,82px)!important}
  .zen-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(42px,12vw,62px)!important}
}


/* V17.5 — REAL MANROPE LOCK. All display/title typography across every template. */
:root{
  --font-impact:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --font-editorial:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --v17-serif:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --font-brand:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --monlam-serif:"Manrope","Arial Narrow",Impact,sans-serif!important;
}
:is(h1,h2,h3,h4,h5,h6),
.brand,.zen-brand,.hello-mark,.hello-title,.specialty-core,.statement,.editorial-row,
.page-hero h1,.hero h1,.zen-hero h1,.section h2,.service-line h3,.policy h2,.photo-band h2,
.flow,.dimensions,.triptych p,.founder-radical-copy h2,.human-shell h2,.final-depth-content h2,
.artifact-copy h2,.implementation-copy h2,.dimension-marquee>div,.v13-section-head h2,.v13-section-head h3,
.v13-portal h3,.v13-sector-grid h3,.v13-sector-primary h3,.v13-sector-secondary h3,.v13-view-section h2,
.v13-team-strip h2,.grow-content h2,.quote-block h2,.value-card h3,.founder-copy h2,.credentials h3,
.small-block h3,.depth-copy h1,.descent h2,.order-word strong,.human-section h2,.founder-radical h2,
.final-depth h2,.vertical-focus,.vertical-hero h1,.about-hero h1{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
}
/* Body/menu remain readable sans; display type stays Manrope. */
body,p,li,.nav,.mobile-panel,.mono,.eyebrow,.kicker,.section-code,.drop-label,.btn,.zen-link,.nav-cta,
.footer-links,.footer-bottom,.field label,input,textarea,button,small{
  font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
/* Reassert display elements that are also buttons/links/utility descendants. */
.brand,.zen-brand,.hello-mark,.hello-title,.specialty-core,.editorial-row{
  font-family:"Manrope","Arial Narrow",Impact,sans-serif!important;
}


/* V17.6 — MANROPE TRACKING REFINEMENT: more breathing room, same typeface */
:is(h1,h2,h3,h4,h5,h6),
.page-hero h1,.hero h1,.zen-hero h1,.section h2,.service-line h3,.policy h2,.photo-band h2,
.statement,.editorial-row,.flow,.dimensions,.triptych p,.founder-radical-copy h2,.human-shell h2,
.final-depth-content h2,.artifact-copy h2,.implementation-copy h2,.dimension-marquee>div,
.v13-section-head h2,.v13-section-head h3,.v13-portal h3,.v13-sector-grid h3,
.v13-sector-primary h3,.v13-sector-secondary h3,.v13-view-section h2,.v13-team-strip h2,
.grow-content h2,.quote-block h2,.value-card h3,.founder-copy h2,.credentials h3,.small-block h3,
.depth-copy h1,.descent h2,.order-word strong,.human-section h2,.founder-radical h2,.final-depth h2,
.vertical-focus,.vertical-hero h1,.about-hero h1{
  letter-spacing:.008em!important;
}
body h2,.section h2,.v13-section-head h2,.v13-view-section h2,.v13-team-strip h2{
  letter-spacing:.012em!important;
}
body h3,body h4,body h5,body h6,.service-line h3,.v13-portal h3,.v13-sector-grid h3,
.v13-sector-primary h3,.v13-sector-secondary h3,.value-card h3,.small-block h3{
  letter-spacing:.016em!important;
}
.brand,.zen-brand,.specialty-core{
  letter-spacing:.035em!important;
}
.zen-home .cinematic-main-hero .zen-hero-copy h1{
  letter-spacing:.006em!important;
}
.zen-home .hello-screen.minimal-entry-screen .hello-title{
  letter-spacing:.006em!important;
}
.zen-home .cinematic-main-hero .v13-hero-line{
  letter-spacing:.012em!important;
}
@media(max-width:900px){
  :is(h1,h2,h3,h4,h5,h6){letter-spacing:.01em!important}
  .brand,.zen-brand,.specialty-core{letter-spacing:.03em!important}
}


/* V17.7 — Final type system: Manrope for impact, DM Sans for secondary titles and body */
:root{
  --font-impact:"Manrope","Arial Narrow",Impact,sans-serif!important;
  --font-secondary:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* Keep the bold MÖNLAM voice */
.brand,
.hero h1,.page-hero h1,.section h2,.statement,.photo-band h2,
.cinematic-main-hero .zen-hero-copy h1,.hello-title,
.v13-section-head h2,.hub-copy h2,.specialty-core,
.result-copy h2,.grow-content h2,.about-hero h1,.vertical-hero h1{
  font-family:var(--font-impact);
}

/* Other headings use DM Sans */
.section h3,.section h4,.section h5,
.service-line h3,
.triptych p,
.editorial-row,
.dimensions,
.flow,
.vertical-focus,
.policy h2,
.signal-row p,
.grow-cta b,
.result-copy p strong,
.small-block h3,
.founder-copy h3,
.credential h4,
.contact-grid h3,
.contact-grid h4,
.footer-links,
.footer-bottom,
.v13-team-grid h3,.v13-team-grid h4,
.v13-specialty-line,
.v13-sector-item h3,.v13-sector-item h4,
.v13-value-item h3,.v13-value-item h4,
.v13-method-step h3,.v13-method-step h4,
.v13-service-card h3,.v13-service-card h4,
.v13-contact-block h3,.v13-contact-block h4,
.v13-team-strip h3,.v13-team-strip h4{
  font-family:var(--font-secondary)!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}

/* Body, nav, labels, paragraphs */
body,p,li,small,label,input,textarea,button,
.nav,.lang,.eyebrow,.tagline,.drop-label,.field label,.contact-note{
  font-family:var(--font-secondary)!important;
}

/* Refine the medium-title rhythm */
.service-line h3{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.02!important}
.editorial-row{font-size:clamp(24px,2.8vw,40px)!important;line-height:1.1!important}
.triptych p{font-size:clamp(28px,2.7vw,38px)!important;line-height:1.14!important}
.dimensions{font-size:clamp(22px,2.6vw,36px)!important;line-height:1.12!important}
.flow{font-size:clamp(28px,4vw,56px)!important;line-height:1.05!important}
.vertical-focus{font-size:clamp(22px,2.3vw,34px)!important;line-height:1.24!important}
.signal-row p{font-size:clamp(22px,2.35vw,34px)!important;line-height:1.15!important}
.policy h2{font-size:clamp(30px,3.2vw,42px)!important;line-height:1.04!important}
.grow-cta b{font-size:26px!important;line-height:1!important}
.small-block h3,.credential h4,.field label{letter-spacing:.08em!important}


/* V17.8 — abstract painting system for section/page heroes */
:root{
  --v17-abs-1:url("https://images.unsplash.com/photo-1773305853084-1ba4378f6f0a?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-2:url("https://images.unsplash.com/photo-1748287443626-872bd20346e8?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-3:url("https://images.unsplash.com/photo-1732780769402-b4ca6455ded0?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-4:url("https://images.unsplash.com/photo-1683223585212-6e3cf4cf9473?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-5:url("https://images.unsplash.com/photo-1741463562811-a280fb2bc028?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-6:url("https://images.unsplash.com/photo-1764092882302-4dea5948d6ad?auto=format&fit=crop&q=82&w=2400");
  --v17-abs-7:url("https://images.unsplash.com/photo-1760292343776-e8e35bb469c6?auto=format&fit=crop&q=82&w=2400");
}

/* page-by-page abstract direction */
.art-page{--page-art:var(--v17-abs-4);--page-art-position:center 50%;--page-art-filter:saturate(.78) contrast(1.06) brightness(.56)}
.art-services{--page-art:var(--v17-abs-1);--page-art-position:center 50%;--page-art-filter:saturate(.78) contrast(1.08) brightness(.53)}
.art-needs{--page-art:var(--v17-abs-4);--page-art-position:center 48%;--page-art-filter:saturate(.68) contrast(1.08) brightness(.49)}
.art-intervention{--page-art:var(--v17-abs-6);--page-art-position:center 51%;--page-art-filter:saturate(.82) contrast(1.08) brightness(.52)}
.art-outcomes{--page-art:var(--v17-abs-5);--page-art-position:center 50%;--page-art-filter:saturate(.78) contrast(1.07) brightness(.54)}
.art-about{--page-art:var(--v17-abs-1);--page-art-position:center 47%;--page-art-filter:saturate(.82) contrast(1.08) brightness(.50)}
.art-view{--page-art:var(--v17-abs-3);--page-art-position:center 48%;--page-art-filter:saturate(.74) contrast(1.08) brightness(.47)}
.art-team{--page-art:var(--v17-abs-2);--page-art-position:center 52%;--page-art-filter:saturate(.72) contrast(1.05) brightness(.51)}
.art-sectors{--page-art:var(--v17-abs-2);--page-art-position:center 50%;--page-art-filter:saturate(.82) contrast(1.07) brightness(.54)}
.art-sector-health,.art-health{--page-art:var(--v17-abs-7);--page-art-position:center 49%;--page-art-filter:saturate(.90) contrast(1.06) brightness(.56)}
.art-other{--page-art:var(--v17-abs-6);--page-art-position:center 52%;--page-art-filter:saturate(.80) contrast(1.06) brightness(.52)}
.art-values{--page-art:var(--v17-abs-5);--page-art-position:center 52%;--page-art-filter:saturate(.82) contrast(1.08) brightness(.51)}
.art-contact{--page-art:var(--v17-abs-3);--page-art-position:center 50%;--page-art-filter:saturate(.72) contrast(1.08) brightness(.45)}

.art-page .page-hero{box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.art-page .page-hero::before{transform:scale(1.02)!important}
.art-page .page-hero::after{
  background:
    linear-gradient(90deg,rgba(5,18,30,.93) 0%,rgba(5,18,30,.78) 40%,rgba(5,18,30,.38) 72%,rgba(5,18,30,.52) 100%),
    linear-gradient(180deg,rgba(155,181,198,.06),rgba(155,181,198,0) 20%,rgba(4,11,18,.18) 42%,rgba(4,11,18,.70) 100%)!important;
}
.art-page .page-hero .shell{padding-right:min(10vw,120px)}
.art-page .page-hero h1{max-width:820px!important}
.art-page .page-hero p{max-width:650px!important}

/* subtle abstract art presence on the simplified home specialty section */
.v13-team-strip{position:relative;isolation:isolate;overflow:hidden}
.v13-team-strip::before{
  content:"";position:absolute;inset:auto -10% -15% 36%;height:78%;z-index:0;
  background-image:linear-gradient(180deg,rgba(7,26,43,.08),rgba(7,26,43,.04)),var(--v17-abs-6);
  background-size:cover;background-position:center;opacity:.22;filter:saturate(.85) blur(1px);
  border-radius:44px 0 0 0;transform:rotate(-3deg);
}
.v13-team-strip .shell{position:relative;z-index:1}
.v13-specialty-line{background:rgba(7,26,43,.03)!important;border-color:rgba(7,26,43,.10)!important;backdrop-filter:blur(8px)}
.specialty-core{background:rgba(7,26,43,.96)!important;color:#FAFBFC!important;box-shadow:0 14px 34px rgba(7,26,43,.18)}

/* add a softer art feeling to quote/result blocks without making the layout noisy */
.quote-block,.result-copy,.small-block{background-image:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.96))!important;border:1px solid rgba(7,26,43,.08)!important;box-shadow:0 20px 50px rgba(7,26,43,.08)!important}
.card{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.95))!important;border-color:rgba(7,26,43,.08)!important}

@media(max-width:900px){
  .art-page .page-hero .shell{padding-right:0}
  .v13-team-strip::before{inset:auto -22% -6% 12%;height:55%;opacity:.18;border-radius:24px 0 0 0;transform:rotate(-4deg)}
}

/* =========================================================
   V18 — NARRATIVE HOME
   Manrope = impact only. DM Sans = all explanatory copy.
   ========================================================= */
.narrative-home{
  --nr-ink:#071A2B;
  --nr-deep:#041019;
  --nr-paper:#F3F1EB;
  --nr-paper-2:#EAE8E1;
  --nr-white:#FAFBFC;
  --nr-muted:#68727A;
  --nr-gold:#9BB5C6;
  background:var(--nr-paper);
  color:var(--nr-ink);
}
.narrative-home main{overflow:clip}
.narrative-home .shell{max-width:1440px}
.narrative-home .nr-index,
.narrative-home .nr-kicker{
  display:block;
  font-family:var(--font-secondary)!important;
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.narrative-home .nr-index{color:rgba(7,26,43,.48)}
.narrative-home .nr-index.light{color:rgba(255,255,255,.46)}

/* Header floats over the story. */
.narrative-home .narrative-header{height:76px;background:transparent;color:#fff}
.narrative-home .narrative-header::after{left:42px;right:42px;background:rgba(255,255,255,.14)}
.narrative-home .narrative-header.scrolled{background:rgba(244,242,236,.92);color:var(--nr-ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.narrative-home .narrative-header.scrolled::after{left:0;right:0;background:rgba(7,26,43,.12)}
.narrative-home .narrative-header .brand{font-size:23px;letter-spacing:.08em!important}
.narrative-home .narrative-nav{gap:24px;font-size:10px;letter-spacing:.09em}
.narrative-home .narrative-nav a{opacity:.74}
.narrative-home .narrative-nav a:hover{opacity:1}

/* 01 HERO */
.nr-hero{
  min-height:100svh;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:var(--nr-deep);
  color:#fff;
  isolation:isolate;
}
.nr-hero-photo{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#061522}
.nr-hero-photo img{
  position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:center;
  filter:saturate(.62) contrast(1.05) brightness(.86);
  transform:scale(1.015);
}
.nr-hero-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#041019 0%,rgba(4,16,25,.98) 30%,rgba(4,16,25,.70) 49%,rgba(4,16,25,.14) 78%),
             linear-gradient(180deg,rgba(4,16,25,.10),rgba(4,16,25,.42));
}
.nr-hero-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 15%,rgba(155,181,198,.10),transparent 28%)}
.nr-hero-inner{width:100%;padding-top:150px;padding-bottom:72px;position:relative}
.nr-hero-copy{max-width:950px}
.nr-hero .nr-kicker{color:rgba(255,255,255,.56);margin-bottom:28px}
.nr-hero h1{
  margin:0;
  font-family:var(--font-impact)!important;
  font-weight:400!important;
  font-size:clamp(72px,9.1vw,142px);
  line-height:.84!important;
  letter-spacing:.005em!important;
  text-transform:uppercase;
  max-width:950px;
}
.nr-hero h1 span{display:block}
.nr-hero h1 span:nth-child(2){margin-left:5.8vw}
.nr-hero h1 span:nth-child(3){margin-left:2.2vw}
.nr-hero-copy>p{
  margin:34px 0 26px;
  max-width:640px;
  font-family:var(--font-secondary)!important;
  font-size:18px;
  line-height:1.58;
  font-weight:400;
  color:rgba(255,255,255,.76);
}
.nr-hero-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font:500 10px/1 var(--font-secondary)!important;letter-spacing:.13em;color:rgba(255,255,255,.54)}
.nr-hero-meta i{font-style:normal;color:var(--nr-gold)}
.nr-scroll-cue{position:absolute;right:42px;bottom:72px;display:grid;justify-items:center;gap:13px;color:rgba(255,255,255,.56)}
.nr-scroll-cue span{font:500 9px/1 var(--font-secondary)!important;letter-spacing:.17em;writing-mode:vertical-rl}
.nr-scroll-cue b{font:300 24px/1 var(--font-secondary)!important;animation:nrBounce 1.8s ease-in-out infinite}
@keyframes nrBounce{50%{transform:translateY(7px)}}

/* 02 PROBLEM */
.nr-problem{background:var(--nr-paper);min-height:110svh;padding:150px 0 130px;display:flex;align-items:center}
.nr-problem-inner{width:100%}
.nr-problem-lead{margin-top:60px}
.nr-problem h2{
  margin:0;
  font-family:var(--font-impact)!important;
  font-weight:400!important;
  font-size:clamp(70px,8.4vw,126px);
  line-height:.87!important;
  letter-spacing:.007em!important;
}
.nr-problem h2 span{color:rgba(7,26,43,.38)}
.nr-problem-words{margin:95px 0 86px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(7,26,43,.16);border-bottom:1px solid rgba(7,26,43,.16)}
.nr-problem-words span{
  min-height:118px;display:flex;align-items:center;padding:0 26px 0 0;
  font-family:var(--font-secondary)!important;font-size:clamp(26px,3vw,42px);font-weight:450;letter-spacing:-.035em;
  border-right:1px solid rgba(7,26,43,.14);border-bottom:1px solid rgba(7,26,43,.12);
}
.nr-problem-words span:nth-child(3n+2),.nr-problem-words span:nth-child(3n+3){padding-left:30px}
.nr-problem-words span:nth-child(3n){border-right:0}
.nr-problem-words span:nth-last-child(-n+3){border-bottom:0}
.nr-question{margin:0;font-size:clamp(32px,4.6vw,68px);line-height:1.04;letter-spacing:-.045em;max-width:850px;font-weight:350}
.nr-question em{font-style:normal;color:var(--nr-gold)}

/* 03 WHAT WE DO */
.nr-what{min-height:115svh;padding:145px 0;background:var(--nr-deep);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.nr-what-art{position:absolute;z-index:-2;right:-6%;top:6%;width:62%;height:88%;background-image:var(--v17-abs-4);background-size:cover;background-position:center;opacity:.33;filter:saturate(.72) contrast(1.08) brightness(.62);transform:rotate(2deg) scale(1.04)}
.nr-what::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#041019 0%,rgba(4,16,25,.98) 34%,rgba(4,16,25,.71) 58%,rgba(4,16,25,.35) 100%)}
.nr-what-inner{position:relative}
.nr-what-brand{margin:70px 0 35px;font-family:var(--font-impact)!important;font-size:clamp(54px,7vw,110px);line-height:.9;letter-spacing:.04em;color:rgba(255,255,255,.22)}
.nr-verb-stack{position:relative;min-height:390px;margin-top:12px}
.nr-verb{position:absolute;font-family:var(--font-impact)!important;font-weight:400!important;font-size:clamp(82px,10vw,155px);line-height:.82;letter-spacing:.01em}
.nr-verb-a{left:0;top:0}.nr-verb-b{left:18%;top:115px}.nr-verb-c{left:5%;top:235px}
.nr-capabilities{margin-top:80px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font:500 12px/1 var(--font-secondary)!important;letter-spacing:.13em;color:rgba(255,255,255,.64)}
.nr-capabilities b{font-weight:300;color:var(--nr-gold);font-size:20px}
.nr-what-line{max-width:650px;margin:34px 0 0;font-size:20px;line-height:1.55;color:rgba(255,255,255,.72)}

/* 04 SITUATIONS */
.nr-situations{padding:155px 0 150px;background:#ECE9E2}
.nr-situations-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start}
.nr-situations-head h2{margin:0;font-family:var(--font-impact)!important;font-size:clamp(58px,7vw,106px);line-height:.88!important;letter-spacing:.006em!important;font-weight:400!important}
.nr-situations-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;margin-top:95px;align-items:stretch}
.nr-situation-list{border-top:1px solid rgba(7,26,43,.17)}
.nr-situation{
  appearance:none;width:100%;border:0;border-bottom:1px solid rgba(7,26,43,.17);background:transparent;color:var(--nr-ink);
  display:grid;grid-template-columns:64px 1fr;gap:24px;text-align:left;padding:28px 0;cursor:pointer;transition:.28s ease;
}
.nr-situation span{font:500 9px/1 var(--font-secondary)!important;letter-spacing:.12em;color:rgba(7,26,43,.44);padding-top:7px}
.nr-situation strong{font-family:var(--font-secondary)!important;font-size:clamp(21px,2.25vw,32px);line-height:1.13;font-weight:430;letter-spacing:-.03em;max-width:720px}
.nr-situation:hover,.nr-situation.is-active{padding-left:16px;background:rgba(255,255,255,.38)}
.nr-situation.is-active strong{color:#173E5C}
.nr-situation-visual{min-height:610px;position:sticky;top:115px;background-image:var(--v17-abs-1);background-size:cover;background-position:center;overflow:hidden;transition:background-image .5s ease,filter .5s ease;filter:saturate(.78) contrast(1.05)}
.nr-situation-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,43,.05),rgba(7,26,43,.32))}
.nr-situation-visual>span{position:absolute;z-index:2;right:26px;bottom:20px;font-family:var(--font-impact)!important;font-size:110px;line-height:.8;color:rgba(255,255,255,.82)}
.nr-situation-visual.s1{background-image:var(--v17-abs-4)}
.nr-situation-visual.s2{background-image:var(--v17-abs-5)}
.nr-situation-visual.s3{background-image:var(--v17-abs-3)}
.nr-situation-visual.s4{background-image:var(--v17-abs-6)}
.nr-situations-cta{margin-top:72px;display:flex;align-items:end;justify-content:space-between;gap:36px;border-top:1px solid rgba(7,26,43,.16);padding-top:28px}
.nr-situations-cta p{margin:0;font-size:18px;color:var(--nr-muted)}
.nr-situations-cta a{font:500 12px/1 var(--font-secondary)!important;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:7px}
.nr-situations-cta a b{font-size:18px;font-weight:300;margin-left:10px}

/* 05 SERVICES — sticky editorial story */
.nr-services{background:var(--nr-paper);padding:150px 0 110px}
.nr-services-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:start}
.nr-services-sticky{position:sticky;top:112px;min-height:calc(100vh - 150px)}
.nr-services-sticky h2{font-family:var(--font-impact)!important;font-size:clamp(70px,8vw,118px);line-height:.88!important;font-weight:400!important;margin:44px 0 55px}
.nr-service-nav{display:grid;border-top:1px solid rgba(7,26,43,.16);max-width:470px}
.nr-service-nav a{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid rgba(7,26,43,.13);font:500 12px/1.2 var(--font-secondary)!important;letter-spacing:.055em;color:rgba(7,26,43,.48);transition:.25s}
.nr-service-nav a span{font-size:9px;letter-spacing:.12em}
.nr-service-nav a.is-active{color:var(--nr-ink);padding-left:10px}
.nr-service-story{display:grid}
.nr-service-story article{min-height:92svh;padding:14vh 0 11vh;border-bottom:1px solid rgba(7,26,43,.14);display:flex;flex-direction:column;justify-content:center}
.nr-service-story article>span{font:500 11px/1 var(--font-secondary)!important;letter-spacing:.15em;color:rgba(7,26,43,.38);margin-bottom:35px}
.nr-service-story h3{font-family:var(--font-impact)!important;font-size:clamp(62px,7vw,105px);line-height:.88!important;letter-spacing:.005em!important;font-weight:400!important;margin:0 0 34px}
.nr-service-story p{font-family:var(--font-secondary)!important;font-size:20px;line-height:1.58;max-width:630px;color:#52606A;margin:0 0 34px;font-weight:400}
.nr-service-story a{font:500 11px/1 var(--font-secondary)!important;letter-spacing:.11em;text-transform:uppercase;width:max-content;border-bottom:1px solid currentColor;padding-bottom:7px}

/* 06 METHOD */
.nr-method{position:relative;min-height:120svh;background:#031018;color:#fff;padding:145px 0;overflow:hidden;isolation:isolate}
.nr-method-art{position:absolute;inset:0;z-index:-2;background-image:var(--v17-abs-3);background-size:cover;background-position:center;opacity:.25;filter:saturate(.60) contrast(1.1) brightness(.58)}
.nr-method::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,16,24,.97),rgba(3,16,24,.75) 58%,rgba(3,16,24,.55)),radial-gradient(circle at 70% 30%,rgba(155,181,198,.10),transparent 26%)}
.nr-method-flow{margin:85px auto 0;max-width:820px;display:grid;justify-items:center}
.nr-method-step{display:grid;justify-items:center;gap:11px}
.nr-method-step span{font-family:var(--font-impact)!important;font-size:clamp(64px,8.5vw,128px);line-height:.86;letter-spacing:.02em}
.nr-method-step i{font:300 28px/1 var(--font-secondary)!important;color:rgba(255,255,255,.34);font-style:normal;margin:7px 0 13px}
.nr-method-tagline{font-family:var(--font-impact)!important;font-size:clamp(46px,6.2vw,92px)!important;line-height:.9!important;letter-spacing:.015em!important;text-align:center;margin:115px auto 0;max-width:980px;color:rgba(255,255,255,.92)}

/* 07 SECTORS */
.nr-sectors{background:#E9E6DF;padding:150px 0 0}
.nr-sectors-head{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px;align-items:start;padding-bottom:100px}
.nr-sectors-head h2{margin:0;font-family:var(--font-impact)!important;font-size:clamp(54px,6.8vw,102px);line-height:.9!important;letter-spacing:.006em!important;font-weight:400!important}
.nr-sector-panels{display:grid}
.nr-sector-panel{min-height:66svh;position:relative;display:grid;grid-template-columns:90px 1fr auto;gap:40px;align-items:end;padding:70px max(42px,calc((100vw - 1356px)/2 + 42px));color:#fff;overflow:hidden;isolation:isolate;border-top:1px solid rgba(255,255,255,.18)}
.nr-sector-panel::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s ease;filter:saturate(.72) contrast(1.08) brightness(.68)}
.nr-sector-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,16,25,.88),rgba(4,16,25,.48),rgba(4,16,25,.28))}
.nr-sector-health::before{background-image:var(--v17-abs-7)}
.nr-sector-smes::before{background-image:var(--v17-abs-2)}
.nr-sector-panel:hover::before{transform:scale(1.035)}
.nr-sector-panel>span{font:500 10px/1 var(--font-secondary)!important;letter-spacing:.14em;align-self:start;color:rgba(255,255,255,.56)}
.nr-sector-panel h3{font-family:var(--font-impact)!important;font-size:clamp(66px,8vw,124px);line-height:.86!important;letter-spacing:.01em!important;font-weight:400!important;margin:0 0 20px}
.nr-sector-panel p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.72);max-width:580px;margin:0}
.nr-sector-panel>b{font:300 35px/1 var(--font-secondary)!important;align-self:end;transition:.25s}
.nr-sector-panel:hover>b{transform:translate(7px,-7px)}

/* 08 WHY */
.nr-why{padding:155px 0 145px;background:var(--nr-paper)}
.nr-why-statements{margin-top:80px;display:grid;gap:14px}
.nr-why-statements p{font-family:var(--font-impact)!important;font-size:clamp(68px,8.4vw,128px)!important;line-height:.84!important;letter-spacing:.007em!important;margin:0;color:var(--nr-ink)}
.nr-why-statements p:nth-child(2){margin-left:9vw}.nr-why-statements p:nth-child(3){margin-left:3vw}
.nr-why-statements p span{color:rgba(7,26,43,.35)}
.nr-why-words{margin-top:95px;border-top:1px solid rgba(7,26,43,.16);border-bottom:1px solid rgba(7,26,43,.16);display:grid;grid-template-columns:repeat(4,1fr)}
.nr-why-words span{padding:27px 16px 27px 0;font:500 11px/1 var(--font-secondary)!important;letter-spacing:.12em;border-right:1px solid rgba(7,26,43,.13)}
.nr-why-words span+span{padding-left:20px}.nr-why-words span:last-child{border-right:0}

/* 09 TEAM */
.nr-team{background:#061522;color:#fff;padding:155px 0}
.nr-team-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:stretch}
.nr-team-copy h2{font-family:var(--font-impact)!important;font-size:clamp(70px,8vw,120px);line-height:.86!important;letter-spacing:.008em!important;font-weight:400!important;margin:58px 0 34px}
.nr-team-copy p{font-size:18px;line-height:1.62;color:rgba(255,255,255,.64);max-width:540px;margin:0}
.nr-founder-card{min-height:720px;display:grid;grid-template-columns:1fr .78fr;background:#F0EEE7;color:var(--nr-ink);overflow:hidden}
.nr-founder-art{background-image:linear-gradient(180deg,rgba(7,26,43,.05),rgba(7,26,43,.18)),var(--v17-abs-1);background-size:cover;background-position:center;filter:saturate(.62) contrast(1.04)}
.nr-founder-info{padding:50px 38px;display:flex;flex-direction:column;justify-content:flex-end}
.nr-founder-info>span{font:500 9px/1 var(--font-secondary)!important;letter-spacing:.14em;color:rgba(7,26,43,.48)}
.nr-founder-info h3{font-family:var(--font-impact)!important;font-size:clamp(50px,5.1vw,78px);line-height:.87!important;letter-spacing:.01em!important;font-weight:400!important;margin:20px 0}
.nr-founder-info p{font-size:15px;line-height:1.45;color:#617079;margin:0 0 32px}
.nr-founder-info a{font:500 10px/1 var(--font-secondary)!important;letter-spacing:.10em;text-transform:uppercase;width:max-content;border-bottom:1px solid currentColor;padding-bottom:7px}

/* 10 CONTACT */
.nr-contact{min-height:92svh;background:#020B11;color:#fff;display:flex;align-items:center;padding:135px 0 70px;position:relative;overflow:hidden}
.nr-contact::before{content:"";position:absolute;right:-10%;top:-30%;width:68%;height:115%;background-image:var(--v17-abs-5);background-size:cover;background-position:center;opacity:.13;filter:saturate(.65) contrast(1.1);transform:rotate(-8deg)}
.nr-contact-inner{position:relative;width:100%}
.nr-contact h2{font-family:var(--font-impact)!important;font-size:clamp(76px,9vw,142px);line-height:.84!important;letter-spacing:.006em!important;font-weight:400!important;margin:68px 0 25px;max-width:1100px}
.nr-contact-inner>p{font-size:20px;color:rgba(255,255,255,.55);margin:0 0 70px}
.nr-contact-link{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);padding:28px 0;max-width:950px}
.nr-contact-link span{font:500 12px/1 var(--font-secondary)!important;letter-spacing:.13em}
.nr-contact-link b{font:300 34px/1 var(--font-secondary)!important;transition:.25s}.nr-contact-link:hover b{transform:translateX(9px)}
.nr-contact-bottom{margin-top:110px;display:flex;justify-content:space-between;gap:30px;align-items:end;color:rgba(255,255,255,.36)}
.nr-contact-bottom span:first-child{font-family:var(--font-impact)!important;font-size:31px;letter-spacing:.05em}.nr-contact-bottom span:last-child{font:500 9px/1 var(--font-secondary)!important;letter-spacing:.13em}
.nr-footer{padding:0 0 30px;background:#020B11}.nr-footer .footer-bottom{margin-top:0}

/* Manrope is NEVER used for explanatory/long-form text on the narrative home. */
.narrative-home p:not(.nr-method-tagline):not(.nr-why-statements p),
.narrative-home li,
.narrative-home button,
.narrative-home .nr-situation strong,
.narrative-home .nr-service-story p,
.narrative-home .nr-sector-panel p,
.narrative-home .nr-team-copy p,
.narrative-home .nr-founder-info p{
  font-family:var(--font-secondary)!important;
  font-weight:400;
}

/* Motion: restrained editorial reveals */
.narrative-home .reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.narrative-home .reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .nr-services-grid{gap:60px;grid-template-columns:.7fr 1.3fr}
  .nr-situations-layout{gap:45px}
  .nr-founder-card{grid-template-columns:1fr}
  .nr-founder-art{min-height:380px}
}
@media(max-width:900px){
  .narrative-home .narrative-header{height:66px!important;background:rgba(4,16,25,.92)!important;color:#fff!important}
  .narrative-home .narrative-header.scrolled{background:rgba(244,242,236,.98)!important;color:var(--nr-ink)!important}
  .narrative-home .narrative-header::after{left:0!important;right:0!important}
  .narrative-home .narrative-mobile-panel.open{inset:66px 0 0;background:var(--nr-paper);color:var(--nr-ink);font-family:var(--font-secondary)!important;font-size:24px}
  .nr-hero-photo img{width:100%;opacity:.72;object-position:62% center}
  .nr-hero-photo::after{background:linear-gradient(180deg,rgba(4,16,25,.37),rgba(4,16,25,.88) 68%,rgba(4,16,25,.97))}
  .nr-hero-inner{padding-top:125px;padding-bottom:62px}
  .nr-hero h1{font-size:clamp(58px,16vw,92px)!important;max-width:95%}
  .nr-hero h1 span:nth-child(2),.nr-hero h1 span:nth-child(3){margin-left:0}
  .nr-hero-copy>p{font-size:16px;max-width:92%}
  .nr-scroll-cue{right:24px;bottom:52px}
  .nr-problem,.nr-what,.nr-situations,.nr-services,.nr-sectors,.nr-why,.nr-team{padding-top:105px;padding-bottom:95px}
  .nr-problem h2,.nr-what .nr-verb,.nr-situations-head h2,.nr-services-sticky h2,.nr-sectors-head h2,.nr-team-copy h2,.nr-contact h2{font-size:clamp(50px,14vw,76px)!important}
  .nr-problem-words{grid-template-columns:1fr 1fr;margin:65px 0 60px}.nr-problem-words span{min-height:88px;padding:0 14px!important;border-right:1px solid rgba(7,26,43,.12)!important;border-bottom:1px solid rgba(7,26,43,.12)!important}.nr-problem-words span:nth-child(2n){border-right:0!important}.nr-problem-words span:nth-last-child(-n+2){border-bottom:0!important}
  .nr-question{font-size:38px}
  .nr-what-art{right:-40%;width:120%;opacity:.22}.nr-verb-stack{min-height:270px}.nr-verb-a{top:0}.nr-verb-b{left:10%;top:85px}.nr-verb-c{left:2%;top:170px}.nr-capabilities{margin-top:50px}
  .nr-situations-head,.nr-sectors-head{grid-template-columns:1fr;gap:30px}.nr-situations-layout{grid-template-columns:1fr;gap:36px;margin-top:55px}.nr-situation-visual{position:relative;top:auto;min-height:52svh;order:-1}.nr-situation{grid-template-columns:44px 1fr;padding:22px 0}.nr-situation strong{font-size:21px}
  .nr-services-grid{grid-template-columns:1fr;gap:20px}.nr-services-sticky{position:relative;top:auto;min-height:auto}.nr-service-nav{display:none}.nr-service-story article{min-height:auto;padding:90px 0}.nr-service-story h3{font-size:clamp(50px,14vw,78px)!important}.nr-service-story p{font-size:17px}
  .nr-method{padding:110px 0;min-height:auto}.nr-method-flow{margin-top:65px}.nr-method-step span{font-size:clamp(52px,15vw,78px)}.nr-method-tagline{font-size:clamp(42px,12vw,64px)!important;margin-top:85px}
  .nr-sectors{padding-bottom:0}.nr-sectors-head{padding-bottom:70px}.nr-sector-panel{min-height:70svh;grid-template-columns:42px 1fr auto;gap:15px;padding:48px 24px}.nr-sector-panel h3{font-size:clamp(52px,15vw,82px)!important}.nr-sector-panel p{font-size:16px}
  .nr-why-statements{margin-top:55px}.nr-why-statements p{font-size:clamp(54px,15vw,82px)!important}.nr-why-statements p:nth-child(2),.nr-why-statements p:nth-child(3){margin-left:0}.nr-why-words{grid-template-columns:1fr 1fr;margin-top:65px}.nr-why-words span{border-bottom:1px solid rgba(7,26,43,.12)}
  .nr-team-grid{grid-template-columns:1fr;gap:60px}.nr-founder-card{min-height:auto}.nr-founder-info{padding:36px 28px 42px}
  .nr-contact{min-height:auto;padding:110px 0 55px}.nr-contact-inner>p{margin-bottom:50px}.nr-contact-bottom{margin-top:78px;flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .nr-hero h1{font-size:clamp(52px,16.2vw,74px)!important}
  .nr-hero-meta{gap:9px;font-size:9px}
  .nr-problem-words{grid-template-columns:1fr}.nr-problem-words span{border-right:0!important;border-bottom:1px solid rgba(7,26,43,.12)!important}.nr-problem-words span:last-child{border-bottom:0!important}
  .nr-situations-cta{align-items:flex-start;flex-direction:column}.nr-situation-visual{min-height:48svh}
  .nr-sector-panel{grid-template-columns:34px 1fr}.nr-sector-panel>b{display:none}
  .nr-why-words{grid-template-columns:1fr}.nr-why-words span{border-right:0;padding-left:0!important}
}
@media(prefers-reduced-motion:reduce){
  .nr-scroll-cue b{animation:none}.nr-sector-panel::before{transition:none}
}

/* =========================================================
   V18.2 — CONTINUOUS NARRATIVE + SCROLL HERO + MOBILE FIX
   ========================================================= */
.narrative-home{
  --nr-paper:#E9E6DF;
  --nr-paper-2:#E9E6DF;
  --nr-deep:#05131F;
}

/* Keep the whole story visually continuous: two fields only. */
.nr-problem,.nr-situations,.nr-sectors,.nr-why{background:var(--nr-paper)!important}
.nr-services,.nr-method,.nr-team,.nr-contact{background:var(--nr-deep)!important}
.nr-problem,.nr-situations,.nr-services,.nr-method,.nr-sectors,.nr-why,.nr-team,.nr-contact{position:relative;isolation:isolate}
.nr-problem::after,.nr-situations::after,.nr-sectors::after,.nr-why::after,
.nr-services::after,.nr-method::before,.nr-team::after,.nr-contact::after{
  content:"";position:absolute;left:0;right:0;height:110px;pointer-events:none;z-index:-1;
}
.nr-problem::after,.nr-situations::after,.nr-sectors::after,.nr-why::after{bottom:-55px;background:linear-gradient(180deg,rgba(233,230,223,0),var(--nr-paper) 52%,rgba(233,230,223,0))}
.nr-services::after,.nr-team::after,.nr-contact::after{bottom:-55px;background:linear-gradient(180deg,rgba(5,19,31,0),var(--nr-deep) 52%,rgba(5,19,31,0))}

/* Light sections get texture, never a blank white sheet. */
.nr-problem::before{
  content:"";position:absolute;right:-8%;top:5%;width:52%;height:78%;z-index:-1;
  background-image:var(--v17-abs-4);background-size:cover;background-position:center;
  opacity:.08;filter:saturate(.55) contrast(1.05);transform:rotate(3deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 78%,transparent 100%);
}
.nr-situations::before{
  content:"";position:absolute;left:-12%;bottom:-8%;width:52%;height:48%;z-index:-1;
  background-image:var(--v17-abs-1);background-size:cover;background-position:center;
  opacity:.05;filter:saturate(.55) contrast(1.05);transform:rotate(-4deg);
}
.nr-why::before{
  content:"";position:absolute;right:-12%;top:12%;width:50%;height:70%;z-index:-1;
  background-image:var(--v17-abs-5);background-size:cover;background-position:center;
  opacity:.055;filter:saturate(.55) contrast(1.05);transform:rotate(4deg);
}

/* 01 HERO — images are driven by scroll instead of autoplay. */
.nr-hero{min-height:185svh!important;display:block!important;background:var(--nr-deep)!important}
.nr-hero-stage{position:sticky;top:0;min-height:100svh;height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.nr-hero-photo-sequence{position:absolute;inset:0;z-index:-3;background:#061522}
.nr-hero-photo-sequence .nr-hero-frame{
  position:absolute!important;inset:0 0 0 auto!important;width:64%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;opacity:0;
  filter:saturate(.64) contrast(1.06) brightness(.84);transform:scale(1.035);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform 1.3s cubic-bezier(.2,.7,.2,1);
}
.nr-hero-photo-sequence .nr-hero-frame.is-active{opacity:1;transform:scale(1.015)}
.nr-hero-photo-sequence::after{
  content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,#05131F 0%,rgba(5,19,31,.98) 29%,rgba(5,19,31,.70) 50%,rgba(5,19,31,.16) 78%),linear-gradient(180deg,rgba(5,19,31,.12),rgba(5,19,31,.46));
}
.nr-hero-progress{position:absolute;left:42px;bottom:28px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.42);font:500 9px/1 var(--font-secondary)!important;letter-spacing:.13em}
.nr-hero-progress i{display:block;width:54px;height:1px;background:rgba(255,255,255,.22)}
.nr-hero-copy{transition:opacity .35s ease,transform .35s ease}

/* 05 SERVICES — continue the dark field into the method section. */
.nr-services{color:#fff}
.nr-services .nr-index{color:rgba(255,255,255,.42)}
.nr-services-sticky h2,.nr-service-story h3{color:#fff!important}
.nr-service-nav{border-top-color:rgba(255,255,255,.16)!important}
.nr-service-nav a{color:rgba(255,255,255,.56)!important;border-bottom-color:rgba(255,255,255,.13)!important}
.nr-service-nav a.is-active,.nr-service-nav a:hover{color:#fff!important}
.nr-service-story article{border-bottom-color:rgba(255,255,255,.13)!important}
.nr-service-story article>span{color:rgba(255,255,255,.36)!important}
.nr-service-story p{color:rgba(255,255,255,.66)!important}
.nr-service-story a{color:#fff}
.nr-method{border-top:1px solid rgba(255,255,255,.08)}

/* Less empty space, more rhythm. */
.nr-problem{padding:125px 0 110px!important;min-height:auto!important}
.nr-situations{padding:125px 0 120px!important}
.nr-services{padding:125px 0 100px!important}
.nr-sectors{padding:125px 0 0!important}
.nr-why{padding:125px 0 115px!important}
.nr-team{padding:125px 0!important}
.nr-problem-words{margin:72px 0 68px!important}
.nr-situations-layout{margin-top:70px!important}
.nr-why-statements{margin-top:62px!important}
.nr-why-words{margin-top:70px!important}

/* MOBILE — Manrope still has presence, but never breaks the screen. */
@media(max-width:900px){
  .narrative-home .shell{padding-left:20px!important;padding-right:20px!important}
  .nr-hero{min-height:148svh!important}
  .nr-hero-stage{height:100svh;min-height:100svh}
  .nr-hero-photo-sequence .nr-hero-frame{width:100%!important;height:100%!important;object-position:center center!important;opacity:0;filter:saturate(.65) contrast(1.05) brightness(.72)}
  .nr-hero-photo-sequence::after{background:linear-gradient(180deg,rgba(5,19,31,.18) 0%,rgba(5,19,31,.44) 35%,rgba(5,19,31,.90) 69%,#05131F 100%)}
  .nr-hero-inner{padding:105px 20px 56px!important}
  .nr-hero-copy{max-width:100%!important}
  .nr-hero h1{font-size:clamp(40px,11.5vw,54px)!important;line-height:.90!important;letter-spacing:.008em!important;max-width:100%!important}
  .nr-hero h1 span{margin-left:0!important;white-space:normal}
  .nr-hero-copy>p{font-size:15px!important;line-height:1.5!important;max-width:88%!important;margin:24px 0 20px!important}
  .nr-hero-meta{font-size:8.5px!important;letter-spacing:.10em!important;gap:7px!important;max-width:88%}
  .nr-scroll-cue{right:20px!important;bottom:52px!important}
  .nr-hero-progress{left:20px;bottom:22px}

  .nr-problem,.nr-what,.nr-situations,.nr-services,.nr-sectors,.nr-why,.nr-team{padding-top:82px!important;padding-bottom:78px!important}
  .nr-problem h2,.nr-situations-head h2,.nr-services-sticky h2,.nr-sectors-head h2,.nr-team-copy h2,.nr-contact h2{font-size:clamp(40px,11.2vw,58px)!important;line-height:.91!important}
  .nr-what .nr-verb{font-size:clamp(44px,12vw,62px)!important;line-height:.9!important}
  .nr-what-brand{font-size:clamp(38px,10vw,54px)!important;margin-top:48px!important}
  .nr-verb-stack{min-height:205px!important}.nr-verb-a{top:0!important}.nr-verb-b{left:7%!important;top:62px!important}.nr-verb-c{left:1%!important;top:124px!important}
  .nr-what-line{font-size:16px!important;line-height:1.5!important;max-width:92%}
  .nr-question{font-size:clamp(28px,8vw,38px)!important;line-height:1.05!important}
  .nr-problem-words{margin:48px 0!important}.nr-problem-words span{font-size:clamp(22px,6.5vw,30px)!important;min-height:72px!important}

  .nr-situations-layout{margin-top:45px!important}.nr-situation strong{font-size:18px!important;line-height:1.22!important}.nr-situation-visual{min-height:42svh!important}
  .nr-situations-cta{margin-top:48px!important}

  .nr-service-story article{padding:62px 0!important}
  .nr-service-story h3{font-size:clamp(38px,10.8vw,54px)!important;line-height:.92!important;overflow-wrap:normal;word-break:normal}
  #service-tributario h3,#service-sanitario h3,#service-contratos h3{font-size:clamp(32px,9vw,46px)!important;line-height:.94!important}
  .nr-service-story p{font-size:16px!important;line-height:1.5!important}

  .nr-method{padding:88px 0!important;min-height:auto!important}.nr-method-flow{margin-top:52px!important}.nr-method-step span{font-size:clamp(38px,11vw,56px)!important}.nr-method-tagline{font-size:clamp(34px,9.5vw,48px)!important;line-height:.94!important;margin-top:66px!important}
  .nr-sectors-head{padding-bottom:48px!important}.nr-sector-panel{min-height:58svh!important;padding:38px 20px!important;grid-template-columns:32px 1fr!important}.nr-sector-panel h3{font-size:clamp(38px,10.8vw,56px)!important;line-height:.91!important}.nr-sector-panel p{font-size:15px!important;line-height:1.48!important}
  .nr-why-statements p{font-size:clamp(40px,11vw,58px)!important;line-height:.9!important}.nr-why-statements{gap:22px!important;margin-top:46px!important}.nr-why-words{margin-top:50px!important}
  .nr-team-grid{gap:44px!important}.nr-team-copy p{font-size:16px!important}.nr-founder-art{min-height:300px!important}.nr-founder-info h3{font-size:clamp(38px,10vw,52px)!important}
  .nr-contact{padding:86px 0 46px!important}.nr-contact h2{font-size:clamp(40px,11vw,58px)!important}.nr-contact-inner>p{font-size:17px!important;margin-bottom:40px!important}.nr-contact-bottom{margin-top:56px!important}

  .nr-problem::before,.nr-situations::before,.nr-why::before{opacity:.035}
}

@media(max-width:430px){
  .nr-hero h1{font-size:clamp(38px,10.7vw,46px)!important}
  .nr-hero-copy>p{font-size:14.5px!important;max-width:92%!important}
  .nr-problem h2,.nr-situations-head h2,.nr-services-sticky h2,.nr-sectors-head h2,.nr-team-copy h2,.nr-contact h2{font-size:clamp(36px,10.5vw,46px)!important}
  .nr-service-story h3{font-size:clamp(34px,9.8vw,44px)!important}
  #service-tributario h3,#service-sanitario h3,#service-contratos h3{font-size:clamp(29px,8.4vw,38px)!important}
  .nr-sector-panel h3{font-size:clamp(34px,9.8vw,44px)!important}
  .nr-why-statements p{font-size:clamp(36px,10.3vw,46px)!important}
}


/* =========================================================
   V18.3 — STORY PHOTOS THROUGH THE SCROLL
   ========================================================= */
.nr-story-backdrop{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;
  transition:opacity .65s cubic-bezier(.2,.7,.2,1);overflow:hidden;
}
.nr-story-backdrop.is-visible{opacity:1}
.nr-story-frame{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;
  opacity:0;transform:scale(1.035);
  filter:saturate(.72) contrast(1.03) brightness(.76);
  transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform 1.35s cubic-bezier(.2,.7,.2,1);
}
.nr-story-frame.is-active{opacity:1;transform:scale(1.015)}
.nr-story-backdrop-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,19,31,.28) 0%,rgba(5,19,31,.18) 24%,rgba(5,19,31,.32) 52%,rgba(5,19,31,.44) 100%),
             radial-gradient(circle at 72% 18%,rgba(155,181,198,.14),transparent 26%);
}
.narrative-home main{position:relative;z-index:1}
.nr-problem,.nr-what,.nr-situations,.nr-services,.nr-method,.nr-sectors,.nr-why,.nr-team,.nr-contact{z-index:1}

/* The chosen photos now live behind the scroll narrative. */
.nr-what-art,.nr-method-art{display:none!important}
.nr-problem,.nr-situations,.nr-sectors,.nr-why{background:rgba(233,230,223,.84)!important}
.nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{background:rgba(5,19,31,.86)!important}
.nr-problem,.nr-situations,.nr-sectors,.nr-why,.nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{backdrop-filter:saturate(104%) blur(2px);-webkit-backdrop-filter:saturate(104%) blur(2px)}
.nr-problem::before,.nr-situations::before,.nr-why::before{opacity:.025!important}
.nr-problem::after,.nr-situations::after,.nr-sectors::after,.nr-why::after{background:linear-gradient(180deg,rgba(233,230,223,0),rgba(233,230,223,.86) 52%,rgba(233,230,223,0))!important}
.nr-services::after,.nr-team::after,.nr-contact::after{background:linear-gradient(180deg,rgba(5,19,31,0),rgba(5,19,31,.88) 52%,rgba(5,19,31,0))!important}

/* A bit more continuity and less blocky feeling. */
.nr-problem,.nr-what,.nr-situations,.nr-services,.nr-method,.nr-sectors,.nr-why,.nr-team,.nr-contact{border-top:1px solid rgba(255,255,255,.04)}
.nr-problem,.nr-situations,.nr-sectors,.nr-why{border-top-color:rgba(7,26,43,.05)}

@media(max-width:900px){
  .nr-story-frame{object-position:center center;filter:saturate(.68) contrast(1.02) brightness(.62)}
  .nr-story-backdrop-shade{background:linear-gradient(180deg,rgba(5,19,31,.56) 0%,rgba(5,19,31,.48) 26%,rgba(5,19,31,.56) 56%,rgba(5,19,31,.72) 100%)}
  .nr-problem,.nr-situations,.nr-sectors,.nr-why{background:rgba(233,230,223,.88)!important}
  .nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{background:rgba(5,19,31,.90)!important}
}


/* =========================================================
   V18.4 — HOME MOBILE CENTER + INTERNAL PAGES ALIGNMENT
   ========================================================= */

/* 01 — Welcome / first hero: centered and legible on mobile. */
@media(max-width:900px){
  .zen-home .hello-screen.minimal-entry-screen .minimal-entry-copy{
    inset:0!important;width:100%!important;padding:24px 20px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;gap:24px!important;
  }
  .zen-home .hello-screen.minimal-entry-screen .hello-title{
    width:100%!important;max-width:92vw!important;text-align:center!important;
    font-size:clamp(42px,11.5vw,58px)!important;line-height:.92!important;letter-spacing:.008em!important;
  }
  .zen-home .hello-screen.minimal-entry-screen .hello-circle{margin-left:auto!important;margin-right:auto!important}

  /* The approved WE'RE OPEN bicycle image is the first frame. Keep its subject centred. */
  .nr-hero-photo-sequence .nr-hero-frame:first-child{
    object-position:50% 50%!important;
    transform:scale(1.005)!important;
  }
  .nr-hero-photo-sequence .nr-hero-frame:first-child.is-active{transform:scale(1)!important}
}

/* 02 — All internal pages inherit the same editorial architecture as the narrative home. */
.art-page{
  --internal-paper:#E9E6DF;
  --internal-deep:#05131F;
  --internal-ink:#071A2B;
  --internal-line:rgba(7,26,43,.14);
  background:var(--internal-paper)!important;
  color:var(--internal-ink)!important;
}
.art-page .shell{max-width:1440px!important;padding-left:42px!important;padding-right:42px!important}
.art-page main{overflow:hidden;background:var(--internal-paper)}

/* Header behaves like home. */
.art-page .site-header{height:76px!important;background:transparent!important;color:#fff!important}
.art-page .site-header::after{left:42px!important;right:42px!important;background:rgba(255,255,255,.14)!important}
.art-page .site-header.scrolled{background:rgba(233,230,223,.94)!important;color:var(--internal-ink)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.art-page .site-header.scrolled::after{left:0!important;right:0!important;background:rgba(7,26,43,.12)!important}
.art-page .brand{font-family:var(--font-impact)!important;font-weight:400!important;font-size:23px!important;letter-spacing:.08em!important}
.art-page .nav,.art-page .nav a,.art-page .lang,.art-page .nav-cta{font-family:var(--font-secondary)!important}

/* Internal art hero = same scale/rhythm as home, but uses abstract art. */
.art-page .page-hero{
  min-height:92svh!important;padding:150px 0 76px!important;display:flex!important;align-items:flex-end!important;
  background:var(--internal-deep)!important;color:#fff!important;isolation:isolate;overflow:hidden!important;
}
.art-page .page-hero::before{
  inset:0!important;transform:scale(1.025)!important;background-image:var(--page-art)!important;background-size:cover!important;
  background-position:var(--page-art-position)!important;filter:var(--page-art-filter)!important;opacity:1!important;
}
.art-page .page-hero::after{
  background:linear-gradient(90deg,rgba(5,19,31,.96) 0%,rgba(5,19,31,.86) 34%,rgba(5,19,31,.48) 66%,rgba(5,19,31,.40) 100%),
             linear-gradient(180deg,rgba(5,19,31,.08),rgba(5,19,31,.66))!important;
}
.art-page .page-hero .shell{width:100%!important;position:relative;z-index:2;padding-bottom:8px!important}
.art-page .page-hero .eyebrow{
  font-family:var(--font-secondary)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;
  color:rgba(255,255,255,.55)!important;margin-bottom:28px!important;
}
.art-page .page-hero h1{
  margin:0!important;max-width:980px!important;color:#fff!important;
  font-family:var(--font-impact)!important;font-weight:400!important;font-style:normal!important;text-transform:uppercase!important;
  font-size:clamp(64px,7.5vw,116px)!important;line-height:.88!important;letter-spacing:.006em!important;
  text-shadow:none!important;
}
.art-page .page-hero p{
  margin:30px 0 0!important;max-width:690px!important;color:rgba(255,255,255,.72)!important;
  font-family:var(--font-secondary)!important;font-size:18px!important;line-height:1.56!important;font-weight:400!important;
}

/* 03 — Content keeps scrolling like the home instead of feeling like a separate card page. */
.art-page .section.stone,.art-page .section.ivory,.art-page .values-section{
  position:relative;isolation:isolate;background:rgba(233,230,223,.94)!important;padding:120px 0 125px!important;
}
.art-page .section.stone::before,.art-page .section.ivory::before,.art-page .values-section::before{
  content:"";position:absolute;z-index:-2;right:-10%;top:5%;width:52%;height:72%;
  background-image:var(--page-art);background-size:cover;background-position:var(--page-art-position);
  opacity:.10;filter:saturate(.62) contrast(1.04);transform:rotate(2deg) scale(1.02);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 78%,transparent 100%);
}
.art-page .section.stone::after,.art-page .section.ivory::after,.art-page .values-section::after{
  content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(233,230,223,.99) 0%,rgba(233,230,223,.97) 54%,rgba(233,230,223,.80) 100%);
}

/* Cards become editorial rows: no generic floating white boxes. */
.art-page .cards{gap:0!important;border-top:1px solid var(--internal-line)!important}
.art-page .cards.two{grid-template-columns:1fr 1fr!important}
.art-page .card{
  min-height:240px!important;padding:34px 34px 38px 0!important;background:transparent!important;border:0!important;
  border-bottom:1px solid var(--internal-line)!important;border-right:1px solid var(--internal-line)!important;
  box-shadow:none!important;border-radius:0!important;
}
.art-page .card:nth-child(even){padding-left:34px!important;border-right:0!important}
.art-page .card>span,.art-page .value-no{
  font-family:var(--font-secondary)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;color:rgba(7,26,43,.42)!important;
}
.art-page .card h3,.art-page .value-block h2,.art-page .small-block h3,.art-page .service-line h3{
  font-family:var(--font-secondary)!important;font-weight:500!important;font-style:normal!important;
  font-size:clamp(26px,2.6vw,38px)!important;line-height:1.08!important;letter-spacing:-.025em!important;color:var(--internal-ink)!important;
}
.art-page .card p,.art-page .value-block p,.art-page .small-block p,.art-page .service-line p,.art-page .policy p,.art-page .policy li{
  font-family:var(--font-secondary)!important;font-size:17px!important;line-height:1.62!important;font-weight:400!important;color:#4E5B64!important;
}

/* Big internal statements echo the home. */
.art-page .quote-block{
  margin:100px 0 0!important;padding:70px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--internal-line)!important;
  box-shadow:none!important;border-radius:0!important;
}
.art-page .quote-block h2,.art-page .values-manifesto h2,.art-page .section> .shell > h2{
  font-family:var(--font-impact)!important;font-weight:400!important;font-style:normal!important;text-transform:uppercase!important;
  font-size:clamp(54px,6.4vw,96px)!important;line-height:.9!important;letter-spacing:.006em!important;color:var(--internal-ink)!important;
}
.art-page .quote-block p{font-family:var(--font-secondary)!important;font-size:18px!important;line-height:1.58!important;max-width:700px!important;color:#4E5B64!important}

/* Values: one flowing list instead of a separate visual language. */
.art-page .values-list{border-top:1px solid var(--internal-line)!important}
.art-page .value-block{
  display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:36px!important;
  padding:46px 0!important;border-bottom:1px solid var(--internal-line)!important;background:transparent!important;
}
.art-page .value-block>div{max-width:860px!important}
.art-page .value-block h2{margin:0 0 18px!important}
.art-page .values-manifesto{
  min-height:92svh!important;display:flex!important;align-items:flex-end!important;padding:120px 0 90px!important;
  background:var(--internal-deep)!important;color:#fff!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;
}
.art-page .values-manifesto-art{position:absolute!important;inset:0!important;z-index:-2!important;background-image:var(--page-art)!important;background-size:cover!important;background-position:center!important;opacity:.34!important;filter:saturate(.65) contrast(1.06) brightness(.70)!important}
.art-page .values-manifesto::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,31,.96),rgba(5,19,31,.66) 62%,rgba(5,19,31,.48))}
.art-page .values-manifesto h2{color:#fff!important;max-width:1050px!important}
.art-page .values-manifesto .eyebrow{font-family:var(--font-secondary)!important;color:rgba(255,255,255,.52)!important}
.art-page .values-manifesto .zen-link{font-family:var(--font-secondary)!important;color:#fff!important}

/* Dark secondary sections (e.g. legacy health page) align too. */
.art-page .section.dark{
  background:rgba(5,19,31,.98)!important;color:#fff!important;padding:120px 0!important;
}
.art-page .section.dark h2,.art-page .section.dark h3{color:#fff!important}
.art-page .section.dark p,.art-page .section.dark .lead{font-family:var(--font-secondary)!important;color:rgba(255,255,255,.68)!important}

/* Footer = same quiet ending as home. */
.art-page .footer{background:#031018!important;padding-top:72px!important}
.art-page .footer .brand{font-family:var(--font-impact)!important}
.art-page .footer p,.art-page .footer-links,.art-page .footer-bottom{font-family:var(--font-secondary)!important}

/* 04 — Mobile: same type scale/alignment as the home. */
@media(max-width:900px){
  .art-page .shell{padding-left:20px!important;padding-right:20px!important}
  .art-page .site-header{height:66px!important;background:rgba(5,19,31,.92)!important;color:#fff!important}
  .art-page .site-header::after{left:0!important;right:0!important;background:rgba(255,255,255,.10)!important}
  .art-page .site-header.scrolled{background:rgba(233,230,223,.98)!important;color:var(--internal-ink)!important}
  .art-page .mobile-panel.open{inset:66px 0 0!important;background:var(--internal-paper)!important;color:var(--internal-ink)!important;font-family:var(--font-secondary)!important;font-size:23px!important}

  .art-page .page-hero{min-height:82svh!important;padding:112px 0 54px!important}
  .art-page .page-hero::before{background-position:center center!important;filter:saturate(.70) contrast(1.05) brightness(.52)!important}
  .art-page .page-hero::after{background:linear-gradient(180deg,rgba(5,19,31,.36) 0%,rgba(5,19,31,.64) 45%,rgba(5,19,31,.94) 100%)!important}
  .art-page .page-hero h1{
    font-size:clamp(38px,10.8vw,52px)!important;line-height:.91!important;letter-spacing:.008em!important;max-width:100%!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  .art-page .page-hero p{font-size:15px!important;line-height:1.5!important;max-width:92%!important;margin-top:22px!important}
  .art-page .page-hero .eyebrow{font-size:9px!important;margin-bottom:20px!important}

  .art-page .section.stone,.art-page .section.ivory,.art-page .values-section,.art-page .section.dark{padding:78px 0!important}
  .art-page .section.stone::before,.art-page .section.ivory::before,.art-page .values-section::before{right:-35%;top:4%;width:95%;height:52%;opacity:.07}
  .art-page .section.stone::after,.art-page .section.ivory::after,.art-page .values-section::after{background:rgba(233,230,223,.91)}

  .art-page .cards.two{grid-template-columns:1fr!important}
  .art-page .card,.art-page .card:nth-child(even){min-height:auto!important;padding:30px 0!important;border-right:0!important;border-bottom:1px solid var(--internal-line)!important}
  .art-page .card h3,.art-page .value-block h2,.art-page .small-block h3,.art-page .service-line h3{font-size:clamp(24px,7vw,32px)!important;line-height:1.08!important}
  .art-page .card p,.art-page .value-block p,.art-page .small-block p,.art-page .service-line p{font-size:15.5px!important;line-height:1.55!important}

  .art-page .quote-block{margin-top:62px!important;padding-top:42px!important}
  .art-page .quote-block h2,.art-page .values-manifesto h2,.art-page .section> .shell > h2{
    font-size:clamp(38px,10.5vw,50px)!important;line-height:.92!important;
  }
  .art-page .quote-block p{font-size:15.5px!important;line-height:1.55!important}

  .art-page .value-block{grid-template-columns:42px 1fr!important;gap:16px!important;padding:32px 0!important}
  .art-page .values-manifesto{min-height:78svh!important;padding:90px 0 58px!important}
}

@media(max-width:430px){
  .art-page .page-hero h1{font-size:clamp(36px,10.2vw,45px)!important}
  .art-page .quote-block h2,.art-page .values-manifesto h2,.art-page .section> .shell > h2{font-size:clamp(34px,9.8vw,44px)!important}
}


/* V18.5 — stronger visible scroll backgrounds */
body.narrative-home{background:#071A2B!important;}
.narrative-home main{background:transparent!important;}
.nr-story-backdrop{opacity:0;z-index:0!important;background:#071A2B!important}
.nr-story-backdrop.is-visible{opacity:1!important}
.nr-story-frame{filter:saturate(.88) contrast(1.04) brightness(.88)!important}
.nr-story-frame.is-active{opacity:1!important;transform:scale(1.01)!important}
.nr-story-backdrop-shade{
  background:
    linear-gradient(180deg,rgba(7,26,43,.18) 0%,rgba(7,26,43,.14) 22%,rgba(7,26,43,.20) 52%,rgba(7,26,43,.30) 100%),
    linear-gradient(90deg,rgba(7,26,43,.22) 0%,rgba(7,26,43,.05) 40%,rgba(7,26,43,.10) 100%)!important;
}
/* Let the chosen photos actually show through. */
.nr-problem,.nr-situations,.nr-sectors,.nr-why{background:rgba(233,230,223,.70)!important}
.nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{background:rgba(7,26,43,.58)!important}
.nr-problem,.nr-situations,.nr-sectors,.nr-why,.nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{
  backdrop-filter:saturate(108%) blur(1.1px)!important;
  -webkit-backdrop-filter:saturate(108%) blur(1.1px)!important;
}
/* More visibility in the lower part of the scroll narrative. */
.nr-method,.nr-sectors,.nr-why,.nr-team,.nr-contact{position:relative}
.nr-method::before,.nr-sectors::before,.nr-why::before,.nr-team::before,.nr-contact::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 54%,rgba(255,255,255,.05) 100%);
}
.nr-sectors,.nr-team,.nr-contact{background:rgba(7,26,43,.48)!important}
.nr-sectors .shell,.nr-team .shell,.nr-contact .shell{position:relative;z-index:1}
/* Keep text readable while allowing more image. */
.nr-what .shell,.nr-services .shell,.nr-method .shell,.nr-team .shell,.nr-contact .shell{position:relative;z-index:1}
@media(max-width:900px){
  .nr-story-frame{filter:saturate(.82) contrast(1.03) brightness(.78)!important;object-position:center center!important}
  .nr-story-backdrop-shade{background:linear-gradient(180deg,rgba(7,26,43,.28) 0%,rgba(7,26,43,.20) 22%,rgba(7,26,43,.28) 60%,rgba(7,26,43,.42) 100%)!important}
  .nr-problem,.nr-situations,.nr-sectors,.nr-why{background:rgba(233,230,223,.74)!important}
  .nr-services,.nr-method,.nr-team,.nr-contact,.nr-what{background:rgba(7,26,43,.64)!important}
  .nr-sectors,.nr-team,.nr-contact{background:rgba(7,26,43,.56)!important}
}


/* =========================================================
   V18.6 — BLUE ONLY + ART ACTUALLY VISIBLE
   No warm/bone page fields. MÖNLAM blue is the canvas.
   ========================================================= */
:root{
  --monlam-blue:#071A2B;
  --monlam-blue-2:#0D2740;
  --monlam-blue-3:#173E5C;
  --monlam-white:#FAFBFC;
}

/* ---------- HOME: blue-only narrative ---------- */
body.narrative-home,
.narrative-home main{
  background:var(--monlam-blue)!important;
  color:var(--monlam-white)!important;
}

.nr-problem,.nr-situations,.nr-sectors,.nr-why{
  background:rgba(7,26,43,.54)!important;
  color:var(--monlam-white)!important;
}
.nr-what,.nr-services,.nr-method,.nr-team,.nr-contact{
  background:rgba(13,39,64,.50)!important;
  color:var(--monlam-white)!important;
}
.nr-problem,.nr-what,.nr-situations,.nr-services,.nr-method,.nr-sectors,.nr-why,.nr-team,.nr-contact{
  border-top-color:rgba(255,255,255,.07)!important;
  backdrop-filter:saturate(112%) blur(.65px)!important;
  -webkit-backdrop-filter:saturate(112%) blur(.65px)!important;
}

/* Story photos are intentionally visible behind the blue field. */
.nr-story-backdrop{background:var(--monlam-blue)!important}
.nr-story-frame{
  filter:saturate(.94) contrast(1.03) brightness(.92)!important;
}
.nr-story-backdrop-shade{
  background:
    linear-gradient(180deg,rgba(7,26,43,.10) 0%,rgba(7,26,43,.08) 28%,rgba(7,26,43,.14) 58%,rgba(7,26,43,.24) 100%),
    linear-gradient(90deg,rgba(7,26,43,.18) 0%,rgba(7,26,43,.02) 48%,rgba(7,26,43,.08) 100%)!important;
}

/* Recolour formerly light editorial typography. */
.nr-problem .nr-index,.nr-situations .nr-index,.nr-sectors .nr-index,.nr-why .nr-index{color:rgba(255,255,255,.46)!important}
.nr-problem h2,.nr-situations-head h2,.nr-sectors-head h2,.nr-question,.nr-why-statements p{color:#fff!important}
.nr-problem h2 span,.nr-why-statements p span{color:rgba(255,255,255,.52)!important}
.nr-problem-words{border-color:rgba(255,255,255,.15)!important}
.nr-problem-words span{
  color:#fff!important;border-right-color:rgba(255,255,255,.13)!important;border-bottom-color:rgba(255,255,255,.12)!important;
}
.nr-situation-list{border-top-color:rgba(255,255,255,.16)!important}
.nr-situation{
  color:#fff!important;border-bottom-color:rgba(255,255,255,.14)!important;
}
.nr-situation span{color:rgba(255,255,255,.42)!important}
.nr-situation strong{color:rgba(255,255,255,.86)!important}
.nr-situation:hover,.nr-situation.is-active{background:rgba(255,255,255,.07)!important}
.nr-situation.is-active strong{color:#fff!important}
.nr-situations-cta{border-top-color:rgba(255,255,255,.15)!important}
.nr-situations-cta p{color:rgba(255,255,255,.65)!important}
.nr-situations-cta a{color:#fff!important}
.nr-why-words{border-top-color:rgba(255,255,255,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important}
.nr-why-words span{color:rgba(255,255,255,.74)!important;border-right-color:rgba(255,255,255,.12)!important}

/* Photos/paintings within the home are visible rather than decorative ghosts. */
.nr-situation-visual{filter:saturate(.92) contrast(1.04) brightness(.88)!important;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.nr-situation-visual::after{background:linear-gradient(180deg,rgba(7,26,43,.03),rgba(7,26,43,.18))!important}
.nr-sector-panel::before{opacity:.80!important;filter:saturate(.85) contrast(1.05) brightness(.76)!important}
.nr-sector-panel::after{background:linear-gradient(90deg,rgba(7,26,43,.83),rgba(7,26,43,.30) 66%,rgba(7,26,43,.18))!important}
.nr-founder-art{filter:saturate(.86) contrast(1.04) brightness(.80)!important}
.nr-contact::before{opacity:.34!important;filter:saturate(.82) contrast(1.08) brightness(.76)!important}

/* ---------- INTERNAL PAGES: same blue universe ---------- */
.art-page{
  --internal-paper:var(--monlam-blue);
  --internal-deep:var(--monlam-blue);
  --internal-ink:var(--monlam-white);
  --internal-line:rgba(255,255,255,.14);
  background:var(--monlam-blue)!important;
  color:var(--monlam-white)!important;
}
.art-page main{background:var(--monlam-blue)!important;color:#fff!important}
.art-page .site-header.scrolled{
  background:rgba(7,26,43,.94)!important;color:#fff!important;
}
.art-page .site-header.scrolled::after{background:rgba(255,255,255,.12)!important}

/* Internal heroes: artwork becomes a real visual protagonist. */
.art-page .page-hero{background:var(--monlam-blue)!important}
.art-page .page-hero::before{
  opacity:1!important;
  filter:saturate(.94) contrast(1.05) brightness(.82)!important;
}
.art-page .page-hero::after{
  background:
    linear-gradient(90deg,rgba(7,26,43,.88) 0%,rgba(7,26,43,.70) 38%,rgba(7,26,43,.24) 69%,rgba(7,26,43,.20) 100%),
    linear-gradient(180deg,rgba(7,26,43,.06),rgba(7,26,43,.40))!important;
}

/* Content sections: blue base + a large visible art field on the right. */
.art-page .section.stone,
.art-page .section.ivory,
.art-page .values-section{
  background-color:var(--monlam-blue)!important;
  background-image:
    linear-gradient(90deg,rgba(7,26,43,.98) 0%,rgba(7,26,43,.92) 42%,rgba(7,26,43,.54) 68%,rgba(7,26,43,.38) 100%),
    var(--page-art)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,56% 100%!important;
  background-position:center,right center!important;
  color:#fff!important;
}
.art-page .section.stone::before,
.art-page .section.ivory::before,
.art-page .values-section::before,
.art-page .section.stone::after,
.art-page .section.ivory::after,
.art-page .values-section::after{display:none!important}

.art-page .cards{border-top-color:rgba(255,255,255,.14)!important}
.art-page .card{
  border-bottom-color:rgba(255,255,255,.13)!important;
  border-right-color:rgba(255,255,255,.12)!important;
}
.art-page .card>span,.art-page .value-no{color:rgba(255,255,255,.42)!important}
.art-page .card h3,.art-page .value-block h2,.art-page .small-block h3,.art-page .service-line h3{
  color:#fff!important;
}
.art-page .card p,.art-page .value-block p,.art-page .small-block p,.art-page .service-line p,.art-page .policy p,.art-page .policy li{
  color:rgba(255,255,255,.72)!important;
}
.art-page .quote-block{border-top-color:rgba(255,255,255,.15)!important}
.art-page .quote-block h2,.art-page .values-manifesto h2,.art-page .section> .shell > h2{color:#fff!important}
.art-page .quote-block p{color:rgba(255,255,255,.72)!important}
.art-page .values-list{border-top-color:rgba(255,255,255,.14)!important}
.art-page .value-block{border-bottom-color:rgba(255,255,255,.13)!important}

/* Any generic / legacy light blocks are forced back into blue. */
.art-page .stone,.art-page .ivory,
.art-page .section:not(.dark),
.art-page .cards,.art-page .card,
.art-page .quote-block,.art-page .small-block,.art-page .service-line,
.art-page .policy,.art-page .contact-grid{
  color:#fff;
}
.art-page .section.dark{background:rgba(13,39,64,.72)!important}
.art-page .values-manifesto{background:var(--monlam-blue)!important}
.art-page .values-manifesto-art{opacity:.62!important;filter:saturate(.90) contrast(1.05) brightness(.78)!important}
.art-page .values-manifesto::after{background:linear-gradient(90deg,rgba(7,26,43,.88),rgba(7,26,43,.48) 62%,rgba(7,26,43,.24))!important}

/* Footer and mobile menu remain blue — no flash of cream on load. */
.art-page .footer,.narrative-home .footer{background:#031018!important}
.art-page .mobile-panel.open,.narrative-home .narrative-mobile-panel.open{
  background:var(--monlam-blue)!important;color:#fff!important;
}
.art-page .mobile-panel a,.narrative-home .narrative-mobile-panel a{color:#fff!important}

@media(max-width:900px){
  .nr-problem,.nr-situations,.nr-sectors,.nr-why{background:rgba(7,26,43,.62)!important}
  .nr-what,.nr-services,.nr-method,.nr-team,.nr-contact{background:rgba(13,39,64,.60)!important}
  .nr-story-frame{filter:saturate(.90) contrast(1.03) brightness(.84)!important}
  .nr-story-backdrop-shade{background:linear-gradient(180deg,rgba(7,26,43,.20),rgba(7,26,43,.14) 32%,rgba(7,26,43,.22) 64%,rgba(7,26,43,.36))!important}

  .art-page .site-header,.art-page .site-header.scrolled{background:rgba(7,26,43,.94)!important;color:#fff!important}
  .art-page .page-hero::before{filter:saturate(.92) contrast(1.04) brightness(.74)!important}
  .art-page .page-hero::after{background:linear-gradient(180deg,rgba(7,26,43,.18) 0%,rgba(7,26,43,.42) 46%,rgba(7,26,43,.82) 100%)!important}
  .art-page .section.stone,.art-page .section.ivory,.art-page .values-section{
    background-color:var(--monlam-blue)!important;
    background-image:
      linear-gradient(180deg,rgba(7,26,43,.50) 0%,rgba(7,26,43,.72) 36%,rgba(7,26,43,.96) 72%,rgba(7,26,43,1) 100%),
      var(--page-art)!important;
    background-size:100% 100%,100% 54%!important;
    background-position:center,center top!important;
  }
  .art-page .mobile-panel.open{background:var(--monlam-blue)!important;color:#fff!important}
}

/* =========================================================
   V19 FINAL — EDITORIAL PORTAL HOME
   Short home, expandable chapters, photo + art universe
   ========================================================= */
.portal-home{
  --p-blue:#071A2B;
  --p-blue-2:#0D2740;
  --p-blue-3:#173E5C;
  --p-white:#FAFBFC;
  --p-gold:#9BB5C6;
  margin:0;background:var(--p-blue);color:var(--p-white);
  font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;
}
.portal-home main{background:var(--p-blue);overflow:hidden}
.portal-home .shell{max-width:1440px}
.portal-home .site-header{height:76px;background:transparent;color:#fff}
.portal-home .site-header::after{left:42px;right:42px;background:rgba(255,255,255,.14)}
.portal-home .site-header.scrolled{background:rgba(7,26,43,.94);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.portal-home .site-header.scrolled::after{left:0;right:0;background:rgba(255,255,255,.10)}
.portal-home .brand{font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:23px;letter-spacing:.08em!important}
.portal-home .portal-nav{gap:24px;font-size:10px;letter-spacing:.08em}
.portal-home .portal-nav a{opacity:.74}.portal-home .portal-nav a:hover{opacity:1}
.portal-home .nav-cta{opacity:1!important}
.portal-home .portal-mobile-panel.open{background:var(--p-blue)!important;color:#fff!important;font-family:"DM Sans",sans-serif!important}

/* Welcome stays calm and centered on every screen. */
.portal-home .hello-screen.minimal-entry-screen{background:#071A2B!important}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.portal-home .hello-title{font-family:"Manrope",sans-serif!important;font-weight:400!important;letter-spacing:.006em!important}
.portal-home .hello-mark{font-family:"DM Sans",sans-serif!important}

/* HERO */
.portal-hero{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#071A2B}
.portal-hero-photo{position:absolute;inset:0;z-index:-3;overflow:hidden}
.portal-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.74) contrast(1.05) brightness(.80);transform:scale(1.01)}
.portal-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,18,30,.97) 0%,rgba(5,18,30,.87) 36%,rgba(5,18,30,.42) 66%,rgba(5,18,30,.24) 100%),linear-gradient(180deg,rgba(5,18,30,.08),rgba(5,18,30,.52))}
.portal-hero-inner{width:100%;position:relative;padding-top:160px;padding-bottom:76px}
.portal-hero-copy{max-width:970px}
.portal-kicker{display:block;margin-bottom:28px;font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.58)}
.portal-hero h1{margin:0;max-width:980px;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(68px,8.2vw,126px);line-height:.88!important;letter-spacing:.006em!important;color:#fff}
.portal-hero-copy>p{max-width:620px;margin:30px 0 28px;font-family:"DM Sans",sans-serif!important;font-size:19px;line-height:1.55;color:rgba(255,255,255,.77)}
.portal-link{display:inline-flex;gap:12px;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.62);font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.13em}
.portal-link b{font-size:18px;font-weight:300}
.portal-hero-note{position:absolute;right:42px;bottom:76px;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.45);writing-mode:vertical-rl}

/* Index intro */
.portal-index{background:#071A2B;color:#fff;padding:95px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.portal-index-head{display:grid;grid-template-columns:.52fr 1.48fr;gap:70px;align-items:start;padding-bottom:65px}
.portal-index-head>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.43)}
.portal-index-head>p{margin:0;max-width:760px;font:400 clamp(24px,2.5vw,38px)/1.18 "DM Sans",sans-serif;letter-spacing:-.035em;color:rgba(255,255,255,.82)}

/* Expandable chapters */
.portal-chapters{border-top:1px solid rgba(255,255,255,.14)}
.portal-chapter{border-bottom:1px solid rgba(255,255,255,.14);background:#071A2B}
.portal-chapter summary{list-style:none;cursor:pointer;min-height:118px;display:grid;grid-template-columns:72px 1.45fr .85fr 44px;gap:24px;align-items:center;padding:0 max(42px,calc((100vw - 1356px)/2));transition:background .28s ease}
.portal-chapter summary::-webkit-details-marker{display:none}
.portal-chapter summary:hover,.portal-chapter[open] summary{background:rgba(255,255,255,.035)}
.portal-chapter summary>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.42)}
.portal-chapter summary h2{margin:0;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(34px,3.7vw,58px);line-height:.92!important;letter-spacing:.008em!important;color:#fff}
.portal-chapter summary p{margin:0;font:400 14px/1.35 "DM Sans",sans-serif;color:rgba(255,255,255,.50)}
.portal-chapter summary b{justify-self:end;font:300 28px/1 "DM Sans",sans-serif;color:rgba(255,255,255,.55);transition:transform .3s ease}
.portal-chapter[open] summary b{transform:rotate(45deg)}
.portal-chapter-panel{display:grid;grid-template-columns:1.15fr .85fr;min-height:560px;border-top:1px solid rgba(255,255,255,.08);background:#0A2033}
.portal-chapter-image{position:relative;min-height:560px;overflow:hidden;background:#0D2740}
.portal-chapter-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.04) brightness(.80);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.portal-chapter[open] .portal-chapter-image img{transform:scale(1.015)}
.portal-chapter-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,43,.06),rgba(7,26,43,.20)),linear-gradient(180deg,rgba(7,26,43,.03),rgba(7,26,43,.26))}
.portal-chapter-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(38px,6vw,90px);background:#0D2740}
.portal-chapter-copy>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.42);margin-bottom:26px}
.portal-chapter-copy h3{margin:0 0 26px;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(40px,4.7vw,70px);line-height:.91!important;letter-spacing:.006em!important;color:#fff}
.portal-chapter-copy p{margin:0 0 34px;max-width:560px;font:400 17px/1.58 "DM Sans",sans-serif;color:rgba(255,255,255,.70)}
.portal-chapter-copy a{width:max-content;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.55);font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.12em;color:#fff}
.portal-art-image{background-size:cover;background-position:center;filter:saturate(.90) contrast(1.05) brightness(.84)}
.portal-art-view .portal-art-image{background-image:var(--v17-abs-3)}
.portal-art-values .portal-art-image{background-image:var(--v17-abs-5)}
.portal-founder-image{background-image:linear-gradient(180deg,rgba(7,26,43,.02),rgba(7,26,43,.24)),url('/assets/camila-photo.png');background-size:cover;background-position:center 18%;filter:saturate(.72) contrast(1.04) brightness(.86)}

/* Closing CTA */
.portal-contact{position:relative;min-height:72svh;display:flex;align-items:center;background:#031018;border-top:1px solid rgba(255,255,255,.08)}
.portal-contact::before{content:"";position:absolute;right:-8%;top:0;width:54%;height:100%;background-image:var(--v17-abs-6);background-size:cover;background-position:center;opacity:.28;filter:saturate(.72) contrast(1.08) brightness(.72);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%)}
.portal-contact-inner{position:relative;z-index:1;padding-top:90px;padding-bottom:90px}
.portal-contact-inner>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.44)}
.portal-contact h2{margin:32px 0 46px;font-family:"Manrope",sans-serif!important;font-size:clamp(64px,7.8vw,118px);font-weight:400!important;line-height:.88!important;letter-spacing:.006em!important;color:#fff}
.portal-contact a{display:flex;justify-content:space-between;align-items:center;max-width:780px;padding:20px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.13em}
.portal-contact a b{font:300 28px/1 "DM Sans",sans-serif}
.portal-footer{background:#020B12!important}

/* Manrope is never used for long body copy. */
.portal-home p,.portal-home summary p,.portal-home li,.portal-home button,.portal-home a,.portal-home small{font-family:"DM Sans",sans-serif}

@media(max-width:900px){
  .portal-home .site-header{height:66px!important;background:rgba(7,26,43,.92)!important;color:#fff!important}
  .portal-home .site-header::after{left:0!important;right:0!important}
  .portal-home .shell{padding-left:20px!important;padding-right:20px!important}
  .portal-hero{min-height:88svh}
  .portal-hero-photo img{object-position:center center!important;filter:saturate(.76) contrast(1.04) brightness(.66)}
  .portal-hero-shade{background:linear-gradient(180deg,rgba(5,18,30,.16) 0%,rgba(5,18,30,.34) 32%,rgba(5,18,30,.83) 66%,#05121E 100%)}
  .portal-hero-inner{padding:110px 20px 52px!important}
  .portal-hero h1{font-size:clamp(43px,11.3vw,58px)!important;line-height:.91!important;max-width:100%}
  .portal-hero-copy>p{font-size:15px;line-height:1.5;max-width:90%;margin:24px 0}
  .portal-hero-note{display:none}
  .portal-kicker{font-size:8.5px;letter-spacing:.13em;margin-bottom:20px}
  .portal-index{padding-top:70px}
  .portal-index-head{grid-template-columns:1fr;gap:24px;padding-bottom:48px}
  .portal-index-head>p{font-size:24px;line-height:1.18}
  .portal-chapter summary{min-height:96px;grid-template-columns:38px 1fr 34px;gap:12px;padding:0 20px}
  .portal-chapter summary h2{font-size:clamp(28px,8vw,38px)!important;line-height:.94!important}
  .portal-chapter summary p{display:none}
  .portal-chapter summary b{font-size:23px}
  .portal-chapter-panel{grid-template-columns:1fr;min-height:0}
  .portal-chapter-image{min-height:48svh}
  .portal-chapter-copy{padding:44px 20px 52px}
  .portal-chapter-copy h3{font-size:clamp(34px,9.3vw,46px)!important;line-height:.93!important}
  .portal-chapter-copy p{font-size:15.5px;line-height:1.52}
  .portal-founder-image{background-position:center 15%}
  .portal-contact{min-height:64svh}
  .portal-contact::before{width:100%;right:0;opacity:.20;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 42%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 42%,#000 100%)}
  .portal-contact h2{font-size:clamp(42px,11vw,58px)!important;line-height:.91!important}
  .portal-contact-inner{padding-top:76px;padding-bottom:76px}
}
@media(max-width:430px){
  .portal-hero h1{font-size:clamp(39px,10.7vw,47px)!important}
  .portal-chapter summary h2{font-size:clamp(25px,7.2vw,33px)!important}
  .portal-chapter-copy h3{font-size:clamp(31px,8.8vw,40px)!important}
}


/* === V19 visual corrections === */
:root{
  --photo-cafe-owner:url("https://plus.unsplash.com/premium_photo-1663932464682-a8ffd67c7b85?auto=format&fit=crop&fm=jpg&q=82&w=2600");
  --photo-peluqueria:url("https://images.unsplash.com/photo-1750263147700-8bea3899f287?auto=format&fit=crop&fm=jpg&q=82&w=2600");
  --photo-floreria:url("https://images.unsplash.com/photo-1747835334237-4ab81c9c921a?auto=format&fit=crop&fm=jpg&q=82&w=2600");
  --photo-panaderia:url("https://images.unsplash.com/photo-1772758632331-56fcdb6fd45b?auto=format&fit=crop&fm=jpg&q=82&w=2600");
  --photo-barberia:url("https://images.unsplash.com/photo-1747832512459-5566e6d0ee5a?auto=format&fit=crop&fm=jpg&q=82&w=2600");
  --photo-tattoo:url("https://images.unsplash.com/photo-1679621551066-ba0ee68b680a?auto=format&fit=crop&fm=jpg&q=82&w=2600");
}

/* Home chapter images: sector and help use real SMEs, not aesthetics. */
.portal-chapter-help .portal-chapter-image img{object-position:center 32%;}
.portal-chapter-sectors .portal-chapter-image img{object-position:center 44%;}
.portal-chapter-teamcard .portal-chapter-image{background:#071A2B;position:relative;}
.portal-chapter-teamcard .portal-chapter-image::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,26,43,.10),rgba(7,26,43,.40));pointer-events:none;}
.portal-chapter-teamcard .portal-founder-image{background-position:center 15%;}
.portal-chapter-panel{background:#0A2033;}
.portal-chapter-copy{background:linear-gradient(180deg,rgba(13,39,64,.995),rgba(10,32,51,.98));}
.portal-chapter-copy h3,.portal-chapter-copy p,.portal-chapter-copy a{text-shadow:0 2px 16px rgba(0,0,0,.18);}
.portal-chapter-image::after{background:linear-gradient(90deg,rgba(7,26,43,.04),rgba(7,26,43,.18)),linear-gradient(180deg,rgba(7,26,43,.02),rgba(7,26,43,.18));}
@media(max-width:900px){
  .portal-chapter-image{min-height:42svh;}
  .portal-chapter-help .portal-chapter-image img,.portal-chapter-sectors .portal-chapter-image img{object-position:center 35%;}
}

/* Give each internal page its own artwork / photo so the same image is not repeated. */
.art-services{--page-art:var(--v17-abs-1)!important;--page-art-position:center 48%!important;}
.art-needs{--page-art:var(--v17-abs-4)!important;--page-art-position:center 48%!important;}
.art-intervention{--page-art:var(--v17-abs-6)!important;--page-art-position:center 52%!important;}
.art-outcomes{--page-art:var(--v17-abs-5)!important;--page-art-position:center 50%!important;}
.art-about{--page-art:var(--v17-abs-3)!important;--page-art-position:center 50%!important;}
.art-view{--page-art:var(--v17-abs-7)!important;--page-art-position:center 50%!important;}
.art-team{--page-art:var(--v17-abs-2)!important;--page-art-position:center 52%!important;}
.art-values{--page-art:var(--v17-abs-5)!important;--page-art-position:center 50%!important;}
.art-contact{--page-art:var(--v17-abs-6)!important;--page-art-position:center 50%!important;}
.art-sectors{--page-art:var(--photo-floreria)!important;--page-art-position:center 48%!important;--page-art-filter:saturate(.90) contrast(1.04) brightness(.76)!important;}
.art-sector-health,.art-health{--page-art:var(--photo-peluqueria)!important;--page-art-position:center 30%!important;--page-art-filter:saturate(.84) contrast(1.03) brightness(.72)!important;}
.art-other{--page-art:var(--photo-panaderia)!important;--page-art-position:center 38%!important;--page-art-filter:saturate(.88) contrast(1.04) brightness(.74)!important;}

/* Stronger readability on internal hero text and content sections. */
.art-page .page-hero .shell{position:relative;z-index:2;padding-right:min(28vw,340px);}
.art-page .page-hero .shell::before{content:"";position:absolute;left:-16px;top:-28px;width:min(760px,100%);height:calc(100% + 56px);background:linear-gradient(90deg,rgba(7,26,43,.88) 0%,rgba(7,26,43,.70) 58%,rgba(7,26,43,.26) 100%);z-index:-1;pointer-events:none;border-radius:2px;}
.art-page .page-hero::after{background:linear-gradient(90deg,rgba(7,26,43,.92) 0%,rgba(7,26,43,.78) 38%,rgba(7,26,43,.38) 68%,rgba(7,26,43,.18) 100%),linear-gradient(180deg,rgba(7,26,43,.06),rgba(7,26,43,.42))!important;}
.art-page .section.stone,.art-page .section.ivory,.art-page .values-section{
  background-image:linear-gradient(90deg,rgba(7,26,43,.99) 0%,rgba(7,26,43,.97) 36%,rgba(7,26,43,.92) 52%,rgba(7,26,43,.72) 68%,rgba(7,26,43,.48) 84%,rgba(7,26,43,.34) 100%),var(--page-art)!important;
  background-size:100% 100%,48% 100%!important;
  background-position:center,right center!important;
}

/* Sector overview cards become image-led. */
.sector-card{position:relative;isolation:isolate;overflow:hidden;min-height:320px!important;padding:34px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;}
.sector-card::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.88) contrast(1.03) brightness(.78);transition:transform .8s ease,filter .4s ease;}
.sector-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,43,.12) 0%,rgba(7,26,43,.30) 34%,rgba(7,26,43,.90) 100%);}
.sector-card-health::before{background-image:var(--photo-peluqueria);}
.sector-card-other::before{background-image:var(--photo-floreria);}
.sector-card:hover::before{transform:scale(1.04);filter:saturate(.92) contrast(1.04) brightness(.82);}
.art-page .sector-card h3,.art-page .sector-card p,.art-page .sector-card>span{color:#fff!important;}
.art-page .sector-card p{max-width:30rem!important;}
@media(max-width:900px){
  .art-page .page-hero .shell{padding-right:0!important;}
  .art-page .page-hero .shell::before{width:calc(100% + 20px);left:-10px;top:-14px;height:calc(100% + 28px);background:linear-gradient(180deg,rgba(7,26,43,.68) 0%,rgba(7,26,43,.84) 52%,rgba(7,26,43,.92) 100%);}
  .art-page .section.stone,.art-page .section.ivory,.art-page .values-section{background-size:100% 100%,100% 34%!important;background-position:center,bottom center!important;}
  .sector-card{min-height:260px!important;padding:26px 0 26px!important;}
}

/* Founder / team readability. */
.art-team .team-founder-block .founder{align-items:stretch;border-bottom-color:rgba(255,255,255,.12)!important;}
.art-team .team-founder-block .founder-copy{background:linear-gradient(180deg,rgba(7,26,43,.40),rgba(7,26,43,.58));padding:28px 30px;border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.art-team .team-founder-block .founder-copy h2,.art-team .team-founder-block .founder-copy p,.art-team .team-founder-block .founder-copy .eyebrow,.art-team .team-founder-block .founder-note{color:#fff!important;}
.art-team .team-founder-block .founder-copy p,.art-team .team-founder-block .founder-note{color:rgba(255,255,255,.78)!important;}
.art-team .team-founder-block .credential{padding:24px 18px 0 0!important;background:rgba(7,26,43,.34);border-top:1px solid rgba(255,255,255,.12)!important;}
.art-team .team-founder-block .credential p{color:rgba(255,255,255,.74)!important;}
.art-team .team-founder-block .quote-block{background:linear-gradient(180deg,rgba(7,26,43,.44),rgba(7,26,43,.58));padding:34px 30px!important;border:1px solid rgba(255,255,255,.10)!important;}
.art-team .team-founder-block .quote-block p{color:rgba(255,255,255,.76)!important;}


/* === V20 hero simplificado === */
.portal-home .site-header{background:rgba(7,26,43,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.portal-hero-minimal{min-height:100svh!important;align-items:flex-end!important;}
.portal-hero-minimal .portal-hero-photo img{object-position:center center!important;filter:saturate(.78) contrast(1.02) brightness(.76)!important;}
.portal-hero-minimal .portal-hero-shade{background:linear-gradient(180deg,rgba(5,18,30,.16) 0%,rgba(5,18,30,.18) 35%,rgba(5,18,30,.42) 68%,rgba(5,18,30,.72) 100%)!important;}
.portal-hero-minimal .portal-hero-inner{padding-top:150px!important;padding-bottom:38px!important;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;}
.portal-hero-minimal .portal-hero-copy{max-width:440px!important;}
.portal-hero-minimal .portal-kicker{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.84)!important;}
.portal-hero-minimal h1{font-size:clamp(42px,5.8vw,72px)!important;line-height:.95!important;max-width:9ch!important;}
.portal-hero-minimal .portal-hero-copy>p,.portal-hero-minimal .portal-link,.portal-hero-minimal .portal-hero-note{display:none!important;}
.portal-scroll-cue{margin-top:30px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.82);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.26);padding-bottom:10px;}
.portal-scroll-cue b{font-size:16px;line-height:1;position:relative;top:-1px;}
.portal-index{padding-top:96px!important;}
.portal-index-head{padding-bottom:56px!important;}
.portal-index-head>span{color:rgba(255,255,255,.40)!important;}
.portal-index-head>p{max-width:820px!important;font-size:clamp(28px,2.9vw,44px)!important;line-height:1.1!important;color:#fff!important;}
@media(max-width:900px){
  .portal-hero-minimal{min-height:100svh!important;}
  .portal-hero-minimal .portal-hero-inner{padding:112px 20px 32px!important;}
  .portal-hero-minimal h1{font-size:clamp(36px,9.8vw,48px)!important;max-width:8.6ch!important;}
  .portal-scroll-cue{margin-top:22px;font-size:9px!important;padding-bottom:9px!important;}
  .portal-index{padding-top:72px!important;}
  .portal-index-head>p{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.12!important;}
}


/* === V20.1 orden y títulos cortos === */
.portal-home .hello-screen.minimal-entry-screen{background:#071A2B!important}
.portal-home .hello-screen.minimal-entry-screen .hello-title{font-family:"Manrope",sans-serif!important;letter-spacing:.005em!important;text-transform:uppercase!important}
.portal-home .hello-screen.minimal-entry-screen .hello-mark{font-family:"DM Sans",sans-serif!important}
.portal-home .hello-screen.minimal-entry-screen .hello-circle{margin-left:auto!important;margin-right:auto!important}

.portal-index-head{padding-bottom:48px!important;border-bottom:1px solid rgba(255,255,255,.08)}
.portal-index-head>span{display:block;margin-bottom:14px}
.portal-index-head>p{max-width:760px!important}
.portal-chapters{display:grid;gap:0!important}
.portal-chapter{border-top:1px solid rgba(255,255,255,.10)!important}
.portal-chapter:last-child{border-bottom:1px solid rgba(255,255,255,.10)!important}
.portal-chapter summary{min-height:112px!important;grid-template-columns:52px minmax(220px,440px) 1fr 38px!important;gap:18px!important;align-items:center!important;padding:0 max(34px,calc((100vw - 1280px)/2))!important}
.portal-chapter summary>span{font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.18em!important;color:rgba(255,255,255,.44)!important}
.portal-chapter summary h2{font-family:"Manrope",sans-serif!important;font-size:clamp(28px,3vw,44px)!important;line-height:.92!important;letter-spacing:.01em!important;text-transform:uppercase!important;max-width:12ch!important}
.portal-chapter summary p{font:500 15px/1.32 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important;max-width:28ch!important;justify-self:start!important}
.portal-chapter summary b{font-size:22px!important;color:rgba(255,255,255,.52)!important}
.portal-chapter[open] summary,.portal-chapter summary:hover{background:rgba(255,255,255,.03)!important}
.portal-chapter-panel{background:#091d2f!important;border-top:1px solid rgba(255,255,255,.08)!important}
.portal-chapter-copy{padding:44px 42px!important}
.portal-chapter-copy>span{font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.16em!important;color:rgba(255,255,255,.48)!important;text-transform:uppercase!important}
.portal-chapter-copy h3{font-family:"DM Sans",sans-serif!important;font-size:clamp(30px,2.8vw,42px)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.03em!important;text-transform:none!important;max-width:14ch!important;margin:0 0 18px!important}
.portal-chapter-copy p{font-size:17px!important;line-height:1.6!important;max-width:38ch!important;color:rgba(255,255,255,.76)!important}
.portal-chapter-copy a{font:500 11px/1 "DM Sans",sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-top:26px!important;display:inline-flex!important}
.portal-chapter-image{min-height:420px!important}
.portal-chapter-image img,.portal-art-image,.portal-founder-image{display:block;width:100%;height:100%;object-fit:cover}
.portal-contact h2{max-width:10ch!important}
@media(max-width:900px){
  .portal-index-head{padding-bottom:34px!important}
  .portal-chapter summary{grid-template-columns:34px 1fr 28px!important;min-height:88px!important;gap:12px!important;padding:0 20px!important}
  .portal-chapter summary h2{font-size:clamp(24px,7vw,32px)!important;max-width:none!important}
  .portal-chapter summary p{display:block!important;grid-column:2 / 3;font-size:13px!important;line-height:1.28!important;padding-bottom:16px!important;margin-top:-6px!important;max-width:26ch!important}
  .portal-chapter summary{align-content:center!important;padding-top:14px!important;padding-bottom:14px!important}
  .portal-chapter-panel{grid-template-columns:1fr!important}
  .portal-chapter-copy{padding:28px 20px 32px!important}
  .portal-chapter-copy h3{font-size:clamp(26px,8vw,34px)!important;max-width:12ch!important}
  .portal-chapter-image{min-height:34svh!important}
}


/* === V20.2 hola + arte ordenado === */
.portal-home .hello-screen.minimal-entry-screen{display:grid!important;place-items:center!important;position:fixed!important;inset:0!important;z-index:9999!important;background:#071A2B!important;}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:26px!important;padding:28px!important;}
.portal-home .hello-screen.minimal-entry-screen .hello-mark{display:block!important;font:500 13px/1 "DM Sans",sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:rgba(250,251,252,.70)!important;position:static!important;}
.portal-home .hello-screen.minimal-entry-screen .hello-title{display:block!important;font-family:"Manrope",sans-serif!important;font-size:clamp(44px,9vw,92px)!important;line-height:.96!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#FAFBFC!important;margin:0!important;max-width:12ch!important;}
.portal-home .hello-screen.minimal-entry-screen .hello-circle{display:grid!important;place-items:center!important;width:78px!important;height:78px!important;border-radius:999px!important;border:1px solid rgba(250,251,252,.42)!important;background:rgba(250,251,252,.03)!important;position:static!important;margin:4px auto 0!important;}
.portal-home .hello-screen.minimal-entry-screen .hello-circle::after{content:"";display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:rgba(250,251,252,.92)!important;margin:0!important;}
@media(max-width:900px){
  .portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{gap:20px!important;padding:22px!important;}
  .portal-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(36px,11.6vw,58px)!important;max-width:10ch!important;}
  .portal-home .hello-screen.minimal-entry-screen .hello-circle{width:66px!important;height:66px!important;}
}

/* Make art feel curated instead of mixed under text. */
.art-page .section.stone,.art-page .section.ivory,.art-page .values-section{
  position:relative;overflow:hidden;isolation:isolate;
  background:#071A2B!important;
  background-image:none!important;
}
.art-page .section.stone::before,.art-page .section.ivory::before,.art-page .values-section::before{
  content:"";position:absolute;top:0;right:0;bottom:0;width:32%;z-index:0;pointer-events:none;
  background-image:var(--page-art);background-size:cover;background-position:var(--page-art-position,center);
  filter:saturate(.86) contrast(1.02) brightness(.62);opacity:.32;
}
.art-page .section.stone::after,.art-page .section.ivory::after,.art-page .values-section::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#071A2B 0%,rgba(7,26,43,.985) 48%,rgba(7,26,43,.90) 66%,rgba(7,26,43,.72) 82%,rgba(7,26,43,.46) 100%);
}
.art-page .section.stone > .shell,.art-page .section.ivory > .shell,.art-page .values-section > .shell{position:relative;z-index:1;}
.art-page .section.stone p,.art-page .section.ivory p,.art-page .values-section p,.art-page .section.stone li,.art-page .section.ivory li,.art-page .values-section li{color:rgba(255,255,255,.76)!important;}
.art-page .section.stone h2,.art-page .section.ivory h2,.art-page .values-section h2,.art-page .section.stone h3,.art-page .section.ivory h3,.art-page .values-section h3{color:#fff!important;}
.art-page .card,.art-page .quote-block,.art-page .small-block,.art-page .credential,.art-page .founder-copy{background:rgba(7,26,43,.60)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.art-page .card p,.art-page .quote-block p,.art-page .small-block p,.art-page .credential p,.art-page .founder-copy p{color:rgba(255,255,255,.78)!important;}
@media(max-width:900px){
  .art-page .section.stone::before,.art-page .section.ivory::before,.art-page .values-section::before{width:100%;height:30%;top:auto;left:0;right:0;bottom:0;opacity:.18;}
  .art-page .section.stone::after,.art-page .section.ivory::after,.art-page .values-section::after{background:linear-gradient(180deg,#071A2B 0%,rgba(7,26,43,.97) 62%,rgba(7,26,43,.82) 100%);}
}


/* === V20.3 ajustes finales orden === */
/* Keep the hello screen, but calmer and not giant. */
.portal-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(30px,6.6vw,56px)!important;line-height:1.02!important;letter-spacing:-.01em!important;text-transform:none!important;max-width:11ch!important;}
@media(max-width:900px){
  .portal-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(28px,8.2vw,42px)!important;max-width:10.5ch!important;}
}

/* Short chapter titles, but much more controlled. */
.portal-chapter summary h2{font-size:clamp(20px,2vw,30px)!important;line-height:.98!important;max-width:13ch!important;}
.portal-chapter summary p{font-size:14px!important;line-height:1.34!important;max-width:32ch!important;}
.portal-chapter summary{min-height:92px!important;gap:14px!important;}
.portal-chapter-copy h3{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.06!important;max-width:15ch!important;}
.portal-index-head>p{font-size:clamp(22px,2.3vw,34px)!important;line-height:1.14!important;max-width:700px!important;}
@media(max-width:900px){
  .portal-chapter summary{min-height:78px!important;padding-top:12px!important;padding-bottom:12px!important;}
  .portal-chapter summary h2{font-size:clamp(20px,5.8vw,26px)!important;}
  .portal-chapter summary p{font-size:12px!important;line-height:1.25!important;max-width:24ch!important;}
  .portal-chapter-copy h3{font-size:clamp(22px,6.4vw,28px)!important;max-width:14ch!important;}
  .portal-index-head>p{font-size:clamp(20px,6vw,28px)!important;}
}

/* Internal pages: remove art from content backgrounds so it doesn't fight the text. */
.art-page .section.stone,.art-page .section.ivory,.art-page .values-section{background:#071A2B!important;background-image:none!important;}
.art-page .section.stone::before,.art-page .section.ivory::before,.art-page .values-section::before,.art-page .section.stone::after,.art-page .section.ivory::after,.art-page .values-section::after{display:none!important;}
.art-page .card,.art-page .quote-block,.art-page .small-block,.art-page .credential,.art-page .founder-copy{background:rgba(7,26,43,.52)!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Keep art mainly in page heroes, with stronger overlay for readability. */
.art-page .page-hero .shell::before{background:linear-gradient(90deg,rgba(7,26,43,.92) 0%,rgba(7,26,43,.84) 52%,rgba(7,26,43,.44) 100%)!important;}
.art-page .page-hero::after{background:linear-gradient(90deg,rgba(7,26,43,.94) 0%,rgba(7,26,43,.84) 36%,rgba(7,26,43,.52) 68%,rgba(7,26,43,.28) 100%),linear-gradient(180deg,rgba(7,26,43,.10),rgba(7,26,43,.46))!important;}
.art-page .page-hero h1,.art-page .about-hero h1,.art-page .vertical-hero h1{font-size:clamp(36px,4.2vw,58px)!important;line-height:.96!important;max-width:12ch!important;}
.art-page .page-hero p{font-size:18px!important;line-height:1.55!important;max-width:34ch!important;}

/* Section headings across the site: still strong, but no longer enormous. */
.section h2,.statement,.photo-band h2,.hub-copy h2,.result-copy h2,.grow-content h2,.about-hero h1,.vertical-hero h1,.service-line h3{font-size:clamp(28px,3vw,42px)!important;line-height:.98!important;}
.section h3,.section h4,.policy h2,.dimensions,.editorial-row,.triptych p{font-size:clamp(20px,2vw,28px)!important;line-height:1.12!important;}


/* === V20.4 contact hero fingers + mobile fix === */
:root{
  --photo-fingers:url("https://images.unsplash.com/photo-1561570541-aaba21a3ecf0?auto=format&fit=crop&fm=jpg&q=84&w=2400");
}
.art-contact{--page-art:var(--photo-fingers)!important;--page-art-position:center center!important;}
.art-contact .page-hero{min-height:72svh!important;padding:132px 0 62px!important;background:#071A2B!important;}
.art-contact .page-hero::before{background-image:var(--photo-fingers)!important;background-position:center center!important;filter:saturate(.72) contrast(1.02) brightness(.66)!important;transform:none!important;}
.art-contact .page-hero::after{background:linear-gradient(180deg,rgba(7,26,43,.22) 0%,rgba(7,26,43,.40) 34%,rgba(7,26,43,.78) 72%,rgba(7,26,43,.94) 100%)!important;}
.art-contact .art-index-mark{display:none!important;}
.art-contact .page-hero .shell{padding-right:0!important;}
.art-contact .page-hero .shell::before{width:min(700px,100%)!important;background:linear-gradient(180deg,rgba(7,26,43,.36) 0%,rgba(7,26,43,.56) 55%,rgba(7,26,43,.72) 100%)!important;left:-18px!important;top:-16px!important;height:calc(100% + 24px)!important;}
.art-contact .page-hero h1{font-size:clamp(34px,4.2vw,58px)!important;line-height:.92!important;max-width:10ch!important;}
.art-contact .page-hero p{font-size:18px!important;line-height:1.48!important;max-width:28ch!important;color:rgba(255,255,255,.92)!important;}
.art-contact .section.stone{background:#071A2B!important;padding-top:92px!important;}
.art-contact .contact-grid{grid-template-columns:minmax(0,1fr) minmax(320px,520px)!important;gap:54px!important;align-items:start!important;}
.art-contact .section h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.02!important;max-width:12ch!important;margin-bottom:20px!important;}
.art-contact .section p,.art-contact .section p.lead,.art-contact .contact-note{color:rgba(255,255,255,.80)!important;}
.art-contact .tagline{color:rgba(255,255,255,.72)!important;margin-top:30px!important;}
.art-contact .contact-form{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.10)!important;padding:28px 26px 24px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.art-contact .field label{color:#fff!important;opacity:.92!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
.art-contact .field input,.art-contact .field textarea{background:transparent!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.32)!important;padding:14px 0 12px!important;}
.art-contact .field input::placeholder,.art-contact .field textarea::placeholder{color:rgba(255,255,255,.44)!important;}
.art-contact .btn.dark{color:#fff!important;border-color:rgba(255,255,255,.58)!important;}
@media(max-width:900px){
  .art-contact .page-hero{min-height:56svh!important;padding:102px 0 36px!important;}
  .art-contact .page-hero::before{background-position:center 42%!important;filter:saturate(.72) contrast(1.02) brightness(.52)!important;}
  .art-contact .page-hero .shell::before{left:-10px!important;top:-10px!important;width:calc(100% + 20px)!important;height:calc(100% + 18px)!important;background:linear-gradient(180deg,rgba(7,26,43,.54) 0%,rgba(7,26,43,.72) 54%,rgba(7,26,43,.86) 100%)!important;}
  .art-contact .page-hero h1{font-size:clamp(28px,9.5vw,42px)!important;max-width:9ch!important;}
  .art-contact .page-hero p{font-size:16px!important;line-height:1.42!important;max-width:20ch!important;}
  .art-contact .section.stone{padding-top:54px!important;}
  .art-contact .contact-grid{grid-template-columns:1fr!important;gap:30px!important;}
  .art-contact .section h2{font-size:clamp(24px,7vw,30px)!important;max-width:11ch!important;margin-bottom:16px!important;}
  .art-contact .section p,.art-contact .section p.lead{font-size:16px!important;line-height:1.5!important;}
  .art-contact .contact-form{padding:22px 18px 18px!important;}
  .art-contact .field input,.art-contact .field textarea{font-size:16px!important;}
}


/* === V20.5 TITULOS CORTOS / RESTO PEQUENO === */
/* RULE: Manrope only for short impact titles. Everything explanatory = DM Sans. */
.art-page .page-hero h1,
.portal-hero-minimal h1,
.portal-chapter summary h2,
.portal-contact h2{
  font-family:"Manrope",sans-serif!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  letter-spacing:.012em!important;
}

/* Internal page titles: large, short, controlled. */
.art-page .page-hero h1{
  font-size:clamp(52px,6vw,86px)!important;
  line-height:.90!important;
  max-width:11ch!important;
  margin:0 0 22px!important;
}
.art-page .page-hero .eyebrow{
  font-family:"DM Sans",sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:18px!important;
}
.art-page .page-hero p{
  font-family:"DM Sans",sans-serif!important;
  font-size:17px!important;
  line-height:1.52!important;
  font-weight:400!important;
  max-width:38ch!important;
  color:rgba(255,255,255,.82)!important;
}

/* Everything below the title is deliberately smaller and sans. */
.art-page .section h2,
.art-page .section h3,
.art-page .section h4,
.art-page .section h5,
.art-page .section h6,
.art-page .quote-block h2,
.art-page .small-block h3,
.art-page .service-line h3,
.art-page .value-block h2,
.art-page .founder-copy h2,
.art-page .credential h4,
.art-page .policy h2,
.art-page .editorial-row,
.portal-chapter-copy h3{
  font-family:"DM Sans",sans-serif!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
}
.art-page .section h2,
.art-page .quote-block h2,
.art-page .founder-copy h2{
  font-size:clamp(27px,2.8vw,40px)!important;
  line-height:1.04!important;
  max-width:18ch!important;
}
.art-page .section h3,
.art-page .small-block h3,
.art-page .service-line h3,
.art-page .value-block h2,
.art-page .policy h2{
  font-size:clamp(21px,2vw,29px)!important;
  line-height:1.10!important;
}
.art-page p,
.art-page li,
.art-page .card p,
.art-page .small-block p,
.art-page .service-line p,
.art-page .founder-copy p,
.art-page .credential p,
.art-page .quote-block p,
.art-page .contact-note,
.art-page .field label,
.art-page input,
.art-page textarea,
.art-page button{
  font-family:"DM Sans",sans-serif!important;
}
.art-page .section p,
.art-page .section li,
.art-page .card p,
.art-page .small-block p,
.art-page .service-line p,
.art-page .founder-copy p,
.art-page .quote-block p{
  font-size:16px!important;
  line-height:1.58!important;
}

/* Home chapter hierarchy: title = Manrope; descriptor/copy = DM Sans. */
.portal-chapter summary h2{
  font-size:clamp(26px,2.8vw,40px)!important;
  line-height:.94!important;
  max-width:12ch!important;
}
.portal-chapter summary p{
  font-family:"DM Sans",sans-serif!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:400!important;
  color:rgba(255,255,255,.66)!important;
}
.portal-chapter-copy h3{
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.08!important;
  max-width:16ch!important;
}
.portal-chapter-copy p{
  font-family:"DM Sans",sans-serif!important;
  font-size:16px!important;
  line-height:1.58!important;
  max-width:40ch!important;
}

/* Contact: the screenshot issue — only CONTACTO is the big title. */
.art-contact .page-hero h1{max-width:8ch!important;}
.art-contact .section h2{
  font-family:"DM Sans",sans-serif!important;
  font-size:clamp(24px,2.5vw,34px)!important;
  line-height:1.08!important;
  font-weight:500!important;
  text-transform:none!important;
  max-width:18ch!important;
}

@media(max-width:900px){
  .art-page .page-hero h1{
    font-size:clamp(38px,11vw,54px)!important;
    line-height:.92!important;
    max-width:10ch!important;
  }
  .art-page .page-hero p{font-size:15px!important;line-height:1.48!important;max-width:30ch!important;}
  .art-page .section h2,.art-page .quote-block h2,.art-page .founder-copy h2{
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.08!important;
  }
  .art-page .section h3,.art-page .service-line h3,.art-page .small-block h3,.art-page .policy h2{
    font-size:clamp(19px,5.7vw,25px)!important;
  }
  .art-page .section p,.art-page .section li,.art-page .card p,.art-page .service-line p,.art-page .founder-copy p,.art-page .quote-block p{
    font-size:15px!important;line-height:1.55!important;
  }
  .portal-chapter summary h2{font-size:clamp(23px,6.6vw,30px)!important;}
  .portal-chapter summary p{font-size:12.5px!important;}
  .portal-chapter-copy h3{font-size:clamp(22px,6.2vw,28px)!important;}
  .portal-chapter-copy p{font-size:15px!important;}
}


/* === V20.5 welcome exacto === */
.portal-home .hello-screen.minimal-entry-screen{
  position:fixed!important;inset:0!important;z-index:99999!important;
  display:block!important;background:#071A2B!important;color:#FAFBFC!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-grain{opacity:.025!important;}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{
  position:absolute!important;inset:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;padding:28px!important;gap:26px!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-mark{
  position:absolute!important;top:28px!important;left:50%!important;transform:translateX(-50%)!important;
  font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.20em!important;text-transform:uppercase!important;
  color:rgba(250,251,252,.54)!important;white-space:nowrap!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-title{
  position:static!important;margin:0!important;max-width:none!important;
  font-family:"DM Sans",sans-serif!important;font-size:clamp(34px,4.4vw,54px)!important;font-weight:500!important;
  line-height:1.06!important;letter-spacing:-.025em!important;text-transform:none!important;color:#FAFBFC!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-circle{
  position:static!important;width:72px!important;height:72px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(250,251,252,.38)!important;border-radius:50%!important;background:transparent!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-circle::before{display:none!important;}
.portal-home .hello-screen.minimal-entry-screen .hello-circle::after{
  content:""!important;display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;
  background:rgba(250,251,252,.92)!important;margin:0!important;
}
.portal-home .hello-screen.minimal-entry-screen .hello-circle:hover{transform:scale(1.035)!important;border-color:rgba(250,251,252,.72)!important;background:rgba(250,251,252,.025)!important;}
@media(max-width:900px){
  .portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{padding:22px!important;gap:22px!important;}
  .portal-home .hello-screen.minimal-entry-screen .hello-mark{top:22px!important;font-size:9px!important;}
  .portal-home .hello-screen.minimal-entry-screen .hello-title{font-size:clamp(30px,8.5vw,40px)!important;max-width:88vw!important;}
  .portal-home .hello-screen.minimal-entry-screen .hello-circle{width:64px!important;height:64px!important;}
}


/* === V20.5 capítulos cerrados y limpios === */
.portal-index{background:#071A2B!important;padding-top:78px!important;padding-bottom:0!important;}
.portal-index-head{grid-template-columns:1fr!important;gap:10px!important;max-width:1280px;margin:0 auto;padding-bottom:34px!important;border-bottom:0!important;}
.portal-index-head>span{font:500 9px/1 "DM Sans",sans-serif!important;letter-spacing:.17em!important;color:rgba(255,255,255,.42)!important;margin:0!important;}
.portal-index-head>p{font:400 17px/1.45 "DM Sans",sans-serif!important;letter-spacing:0!important;color:rgba(255,255,255,.66)!important;margin:0!important;max-width:34ch!important;}
.portal-chapters{border-top:1px solid rgba(255,255,255,.12)!important;}
.portal-chapter{background:#071A2B!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;}
.portal-chapter summary{min-height:92px!important;grid-template-columns:42px minmax(210px,370px) 1fr 32px!important;gap:18px!important;padding-top:0!important;padding-bottom:0!important;background:#071A2B!important;}
.portal-chapter summary:hover{background:rgba(255,255,255,.025)!important;}
.portal-chapter[open] summary{background:#0A2033!important;}
.portal-chapter summary h2{font-family:"Manrope",sans-serif!important;font-size:clamp(22px,2.25vw,34px)!important;line-height:.95!important;text-transform:uppercase!important;letter-spacing:.01em!important;margin:0!important;}
.portal-chapter summary p{font:400 14px/1.35 "DM Sans",sans-serif!important;color:rgba(255,255,255,.56)!important;margin:0!important;max-width:34ch!important;}
.portal-chapter summary b{font:300 20px/1 "DM Sans",sans-serif!important;}
.portal-chapter-panel{border-top:1px solid rgba(255,255,255,.08)!important;animation:chapterReveal .42s cubic-bezier(.2,.7,.2,1) both;}
@keyframes chapterReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.portal-chapter-image{min-height:380px!important;}
.portal-chapter-copy{padding:40px 42px!important;}
.portal-chapter-copy h3{font-family:"DM Sans",sans-serif!important;font-size:clamp(25px,2.2vw,34px)!important;line-height:1.08!important;font-weight:500!important;letter-spacing:-.025em!important;max-width:16ch!important;margin-bottom:16px!important;}
.portal-chapter-copy p{font:400 16px/1.58 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important;max-width:40ch!important;}
@media(max-width:900px){
  .portal-index{padding-top:54px!important;}
  .portal-index-head{padding:0 20px 28px!important;}
  .portal-index-head>p{font-size:15px!important;}
  .portal-chapter summary{grid-template-columns:28px 1fr 24px!important;gap:10px!important;min-height:74px!important;padding:12px 20px!important;}
  .portal-chapter summary h2{font-size:clamp(21px,6.2vw,27px)!important;}
  .portal-chapter summary p{display:block!important;grid-column:2 / 3!important;font-size:12px!important;line-height:1.28!important;padding:0!important;margin-top:-2px!important;max-width:26ch!important;}
  .portal-chapter-image{min-height:31svh!important;}
  .portal-chapter-copy{padding:26px 20px 30px!important;}
  .portal-chapter-copy h3{font-size:clamp(22px,6.2vw,28px)!important;}
  .portal-chapter-copy p{font-size:15px!important;}
}


/* === V20.5 mobile logical flow === */
.portal-flow-nav{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.portal-flow-nav button,.portal-flow-contact{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.78);font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.24)!important;}
.portal-flow-nav button:last-child,.portal-flow-contact{color:#fff!important;margin-left:auto;}
.portal-chapter[open] summary b{transform:rotate(45deg)!important;}
@media(max-width:900px){
  .portal-chapter[open] summary{position:sticky;top:66px;z-index:18;background:rgba(7,26,43,.97)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(2,9,15,.18);}
  .portal-flow-nav{margin-top:26px;padding-top:16px;gap:14px;}
  .portal-flow-nav button,.portal-flow-contact{font-size:9px!important;letter-spacing:.10em!important;}
  .portal-flow-nav button:last-child,.portal-flow-contact{margin-left:0;}
  .portal-chapter[open] .portal-chapter-panel{animation:portalFlowIn .36s ease both;}
}
@keyframes portalFlowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


/* === V20.6 internal journey navigation === */
.journey-top{position:relative;z-index:45;background:#071A2B;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.10);color:#fff}
.journey-top-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.journey-top a,.journey-top span{font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.journey-top a{color:rgba(255,255,255,.82);transition:opacity .2s ease}
.journey-top a:hover{opacity:.62}
.journey-top span{color:rgba(255,255,255,.38)}
.journey-nav{background:#061522!important;color:#fff;border-top:1px solid rgba(255,255,255,.10);padding:0!important}
.journey-nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:170px}
.journey-prev,.journey-next{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:38px 0;color:#fff;transition:opacity .2s ease,transform .2s ease}
.journey-prev:hover,.journey-next:hover{opacity:.72}
.journey-prev span,.journey-next span{font:500 9px/1 "DM Sans",sans-serif!important;letter-spacing:.15em;color:rgba(255,255,255,.42)}
.journey-prev strong,.journey-next strong{font:500 clamp(22px,2vw,30px)/1.05 "DM Sans",sans-serif!important;letter-spacing:-.025em;color:#fff}
.journey-next{text-align:right;align-items:flex-end}
.journey-progress{width:80px;display:flex;align-items:center;justify-content:center;gap:6px}
.journey-progress i{display:block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.22)}
.journey-progress i:nth-child(2){background:rgba(255,255,255,.72)}
.journey-mobile{display:none}
@media(max-width:900px){
  body:has(.journey-mobile){padding-bottom:64px!important}
  .journey-top{position:sticky;top:0;z-index:70}
  .site-header + .mobile-panel + .journey-top,.mobile-panel + .journey-top{top:0}
  .journey-top-inner{min-height:42px;padding-left:18px!important;padding-right:18px!important}
  .journey-top a,.journey-top span{font-size:9px!important;letter-spacing:.10em!important}
  .journey-nav-inner{grid-template-columns:1fr 1fr;min-height:136px;gap:0}
  .journey-progress{display:none}
  .journey-prev,.journey-next{padding:26px 18px}
  .journey-prev{border-right:1px solid rgba(255,255,255,.08)}
  .journey-prev strong,.journey-next strong{font-size:20px!important;max-width:11ch}
  .journey-mobile{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:60px;display:grid;grid-template-columns:1fr 1fr;background:rgba(5,18,30,.97);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .journey-mobile a{display:flex;align-items:center;justify-content:center;font:600 10px/1 "DM Sans",sans-serif!important;letter-spacing:.13em;color:#fff;text-transform:uppercase}
  .journey-mobile a:first-child{border-right:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.70)}
}


/* === V20.7 hierarchy + brand + mobile hero === */
/* MÖNLAM is the brand: more present, without becoming another hero title. */
.portal-home .site-header .brand{font-size:29px!important;letter-spacing:.075em!important;line-height:1!important;}
.portal-hero-minimal .portal-kicker{font-size:14px!important;letter-spacing:.20em!important;font-weight:600!important;color:rgba(255,255,255,.90)!important;margin-bottom:14px!important;}
.portal-hero-minimal h1{max-width:none!important;width:max-content!important;}
.portal-hero-minimal h1>span{display:block!important;white-space:nowrap!important;}

/* The top-level story now has only three chapters. */
.portal-chapter-about{background:#071A2B!important;}
.portal-about-panel{border-top:1px solid rgba(255,255,255,.09);background:#081c2d;padding:0 0 34px;}
.portal-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0!important;padding-bottom:0!important;}
.portal-about-card{min-height:310px;padding:38px 34px 34px;border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;color:#fff;background:transparent;transition:background .25s ease;}
.portal-about-card:last-child{border-right:0;}
.portal-about-card:hover{background:rgba(255,255,255,.035);}
.portal-about-card>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.40);margin-bottom:auto;}
.portal-about-card h3{font-family:"Manrope",sans-serif!important;font-size:clamp(26px,2.6vw,38px)!important;line-height:.96!important;letter-spacing:.01em!important;margin:48px 0 16px!important;color:#fff!important;}
.portal-about-card p{font:400 15px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.67)!important;max-width:30ch;margin:0 0 28px;}
.portal-about-card p strong{font-weight:600;color:rgba(255,255,255,.90);}
.portal-about-card>b{font:500 10px/1 "DM Sans",sans-serif!important;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-top:auto;}
.portal-about-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px!important;border-top:1px solid rgba(255,255,255,.08);}
.portal-about-actions button,.portal-about-actions a{appearance:none;border:0;background:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.24);font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);cursor:pointer;}
.portal-about-actions a{color:#fff;}

/* Mobile: keep the brand visible and never crop CONSULTORÍA EMPRESARIAL. */
@media(max-width:900px){
  .portal-home .site-header .brand{font-size:23px!important;letter-spacing:.07em!important;}
  .portal-hero-minimal .portal-kicker{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:11px!important;}
  .portal-hero-minimal .portal-hero-copy{width:100%!important;max-width:100%!important;overflow:visible!important;}
  .portal-hero-minimal h1{font-size:clamp(30px,9.2vw,42px)!important;line-height:.96!important;letter-spacing:.006em!important;max-width:100%!important;width:100%!important;overflow:visible!important;}
  .portal-hero-minimal h1>span{display:block!important;white-space:nowrap!important;max-width:100%!important;}
  .portal-about-grid{grid-template-columns:1fr!important;padding-left:0!important;padding-right:0!important;}
  .portal-about-card{min-height:auto;padding:28px 20px 30px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09);}
  .portal-about-card:last-child{border-bottom:0;}
  .portal-about-card>span{margin-bottom:28px;}
  .portal-about-card h3{font-size:clamp(24px,7.2vw,30px)!important;margin:0 0 12px!important;}
  .portal-about-card p{font-size:14.5px!important;line-height:1.5!important;margin-bottom:24px;}
  .portal-about-actions{padding:22px 20px 0!important;}
}
@media(max-width:360px){
  .portal-hero-minimal h1{font-size:28px!important;letter-spacing:0!important;}
}


/* === V20 NEEDS TE-HA-PASADO === */
.art-needs .needs-hero{min-height:58svh!important;padding-bottom:58px!important;}
.art-needs .needs-hero .shell{padding-right:min(10vw,120px)!important;}
.art-needs .needs-hero h1{font-family:"Manrope",sans-serif!important;font-size:clamp(48px,6vw,84px)!important;line-height:.9!important;letter-spacing:.004em!important;text-transform:uppercase!important;max-width:10ch!important;margin-bottom:22px!important;}
.art-needs .needs-hero p{font-family:"DM Sans",sans-serif!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.5!important;max-width:36ch!important;}
.art-needs .needs-section{padding-top:72px!important;padding-bottom:110px!important;background:#071A2B!important;}
.art-needs .needs-paths{border-top:1px solid rgba(255,255,255,.13);}
.art-needs .needs-path{display:grid;grid-template-columns:74px minmax(0,1fr);gap:28px;padding:34px 0 36px;border-bottom:1px solid rgba(255,255,255,.13);align-items:start;}
.art-needs .needs-no{font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.40);padding-top:7px;}
.art-needs .needs-path-copy{max-width:900px;}
.art-needs .needs-path h2{font-family:"Manrope",sans-serif!important;font-size:clamp(28px,3vw,44px)!important;line-height:.95!important;letter-spacing:.01em!important;text-transform:uppercase!important;margin:0 0 12px!important;color:#fff!important;max-width:none!important;}
.art-needs .needs-path p{font-family:"DM Sans",sans-serif!important;margin:0!important;}
.art-needs .needs-question{font-size:clamp(19px,1.7vw,24px)!important;line-height:1.28!important;color:rgba(255,255,255,.92)!important;max-width:36ch!important;}
.art-needs .needs-detail{font-size:15.5px!important;line-height:1.55!important;color:rgba(255,255,255,.58)!important;max-width:52ch!important;margin-top:8px!important;}
.art-needs .needs-fallback{margin-top:58px;padding-top:28px;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:28px;align-items:center;}
.art-needs .needs-fallback>span{font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.17em;color:rgba(255,255,255,.50);}
.art-needs .needs-fallback p{font:400 17px/1.45 "DM Sans",sans-serif!important;color:rgba(255,255,255,.78)!important;margin:0!important;}
.art-needs .needs-fallback a{font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.13em;color:#fff;border-bottom:1px solid rgba(255,255,255,.36);padding-bottom:8px;white-space:nowrap;}
@media(max-width:900px){
  .art-needs .needs-hero{min-height:52svh!important;padding:104px 0 36px!important;}
  .art-needs .needs-hero .shell{padding-right:20px!important;}
  .art-needs .needs-hero h1{font-size:clamp(38px,11vw,50px)!important;max-width:8.5ch!important;margin-bottom:18px!important;}
  .art-needs .needs-hero p{font-size:16px!important;line-height:1.45!important;max-width:28ch!important;}
  .art-needs .needs-section{padding-top:44px!important;padding-bottom:82px!important;}
  .art-needs .needs-path{grid-template-columns:32px 1fr;gap:14px;padding:26px 0 28px;}
  .art-needs .needs-no{padding-top:5px;}
  .art-needs .needs-path h2{font-size:clamp(25px,8vw,34px)!important;margin-bottom:10px!important;}
  .art-needs .needs-question{font-size:18px!important;line-height:1.3!important;max-width:24ch!important;}
  .art-needs .needs-detail{font-size:14px!important;line-height:1.5!important;max-width:30ch!important;margin-top:7px!important;}
  .art-needs .needs-fallback{grid-template-columns:1fr;gap:12px;margin-top:44px;padding-top:24px;}
  .art-needs .needs-fallback p{font-size:16px!important;max-width:27ch!important;}
  .art-needs .needs-fallback a{width:max-content;margin-top:6px;}
}

/* === V21 CONVERSATION IDENTITY === */
.conversation-flow{position:relative;background:#061725;color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.conversation-flow::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 16%,rgba(74,134,181,.10),transparent 28%),linear-gradient(180deg,#061725 0%,#071A2B 100%)}
.conversation-progress{position:absolute;z-index:4;left:max(42px,calc((100vw - 1356px)/2));right:max(42px,calc((100vw - 1356px)/2));top:34px;display:grid;grid-template-columns:auto minmax(100px,220px) auto;gap:18px;align-items:center;pointer-events:none}
.conversation-progress-brand,.conversation-progress-count{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.48)}
.conversation-progress-count{justify-self:end}.conversation-progress-count b{font-weight:600;color:rgba(255,255,255,.86)}
.conversation-progress-track{position:relative;height:1px;background:rgba(255,255,255,.16)}
.conversation-progress-track i{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:50%;background:#FAFBFC;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(250,251,252,.07);transition:left .55s cubic-bezier(.22,.8,.24,1)}
.conversation-step{position:relative;z-index:2;display:none;min-height:82svh;opacity:0;transform:translateY(14px)}
.conversation-step.is-active{display:flex;animation:conversationIn .55s cubic-bezier(.22,.8,.24,1) forwards}
@keyframes conversationIn{to{opacity:1;transform:none}}
.conversation-shell{width:100%;display:grid;grid-template-columns:80px minmax(0,760px) 1fr;gap:34px;align-items:end;padding-top:150px!important;padding-bottom:70px!important}
.conversation-index{align-self:start;font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.38);padding-top:12px}
.conversation-copy{align-self:center;max-width:760px;padding:78px 0 62px}
.conversation-copy h2,.conversation-answer-copy h2{font-family:"Manrope",sans-serif!important;font-size:clamp(48px,6vw,88px)!important;line-height:.9!important;letter-spacing:.008em!important;font-weight:400!important;margin:0 0 26px!important;color:#fff!important;max-width:10ch}
.conversation-copy p,.conversation-answer-copy p{font-family:"DM Sans",sans-serif!important;font-size:clamp(18px,1.55vw,22px)!important;line-height:1.5!important;font-weight:400!important;color:rgba(255,255,255,.76)!important;max-width:37ch;margin:0!important}
.conversation-question-legal .conversation-copy p{font-size:clamp(20px,1.8vw,26px)!important;max-width:30ch;color:rgba(255,255,255,.82)!important}
.conversation-next{align-self:end;justify-self:end;appearance:none;border:0;background:none;color:#fff;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.30);font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
.conversation-next b{font:400 13px/1 "DM Sans",sans-serif;letter-spacing:0;color:rgba(255,255,255,.72)}
.conversation-next:hover{opacity:.72;transform:translateX(3px)}
.conversation-answer{min-height:86svh}
.conversation-answer-grid{width:100%;display:grid;grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr);gap:7vw;align-items:center;padding-top:128px!important;padding-bottom:70px!important}
.conversation-answer-copy{padding:44px 0 20px;align-self:center}
.conversation-answer-copy .conversation-index{display:block;margin-bottom:46px;padding-top:0}
.conversation-answer-copy h2{font-size:clamp(42px,5.2vw,72px)!important;max-width:11ch;margin-bottom:24px!important}
.conversation-answer-copy .conversation-next{margin-top:48px}
.conversation-photo{position:relative;margin:0;align-self:stretch;min-height:560px;overflow:hidden;background:#0b2235;border-left:1px solid rgba(255,255,255,.12)}
.conversation-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,43,.04),rgba(7,26,43,.28));pointer-events:none}
.conversation-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(1.04) brightness(.86);transform:scale(1.015);transition:transform 1.2s cubic-bezier(.22,.8,.24,1)}
.conversation-step.is-active .conversation-photo img{transform:scale(1)}
.conversation-photo figcaption{position:absolute;z-index:2;left:22px;bottom:20px;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.15em;color:rgba(255,255,255,.64)}
.conversation-answer-reverse{grid-template-columns:minmax(420px,1.14fr) minmax(320px,.86fr)}
.conversation-answer-reverse .conversation-photo{border-left:0;border-right:1px solid rgba(255,255,255,.12)}

/* A controlled offset creates identity without visual noise. */
.conversation-question .conversation-copy{transform:translateX(2vw)}
.conversation-question-legal .conversation-copy{transform:translateX(7vw)}

/* The following chapters return to strict order after the conversational opening. */
.portal-index{background:#071A2B!important}
.portal-index-head{padding-top:92px!important}
.portal-index-head>p{max-width:720px!important}
.portal-chapter-sectors summary,.portal-chapter-about summary{min-height:96px!important}

@media(max-width:900px){
  .conversation-progress{left:20px;right:20px;top:24px;grid-template-columns:auto 1fr auto;gap:12px}
  .conversation-progress-brand,.conversation-progress-count{font-size:8px!important;letter-spacing:.14em!important}
  .conversation-step,.conversation-answer{min-height:calc(100svh - 64px)}
  .conversation-shell{grid-template-columns:1fr!important;gap:0!important;padding:96px 20px 28px!important;align-content:end!important}
  .conversation-index{position:absolute;top:78px;left:20px;font-size:9px!important;padding:0!important}
  .conversation-copy,.conversation-question .conversation-copy,.conversation-question-legal .conversation-copy{transform:none!important;align-self:end!important;padding:86px 0 48px!important;max-width:100%!important}
  .conversation-copy h2,.conversation-answer-copy h2{font-size:clamp(38px,11.2vw,54px)!important;line-height:.92!important;max-width:8.8ch!important;margin-bottom:22px!important}
  .conversation-copy p,.conversation-answer-copy p{font-size:17px!important;line-height:1.5!important;max-width:27ch!important}
  .conversation-question-legal .conversation-copy p{font-size:19px!important;line-height:1.38!important;max-width:22ch!important}
  .conversation-next{justify-self:end!important;margin-top:0!important;font-size:9px!important;padding-bottom:9px!important}
  .conversation-answer-grid,.conversation-answer-reverse{grid-template-columns:1fr!important;gap:0!important;padding:88px 20px 28px!important;align-content:end!important}
  .conversation-answer-copy{order:1;padding:34px 0 30px!important;position:relative}
  .conversation-answer-copy .conversation-index{position:absolute;top:0;left:0;margin:0!important;font-size:9px!important}
  .conversation-answer-copy h2{padding-top:30px!important;font-size:clamp(34px,9.8vw,47px)!important;max-width:9ch!important}
  .conversation-answer-copy .conversation-next{margin-top:32px!important;float:right}
  .conversation-photo{order:2;min-height:34svh!important;max-height:390px!important;margin:8px -20px -28px!important;border-left:0!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.10)!important}
  .conversation-photo img{object-position:center 35%!important}
  .conversation-photo figcaption{left:20px;bottom:16px;font-size:8px!important}
  .conversation-answer-reverse .conversation-photo{order:2}
  .conversation-answer-reverse .conversation-answer-copy{order:1}
  .portal-index-head{padding-top:68px!important}
}
@media(max-width:380px){
  .conversation-copy h2{font-size:36px!important}
  .conversation-answer-copy h2{font-size:33px!important}
  .conversation-copy p,.conversation-answer-copy p{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .conversation-step.is-active{animation:none!important;opacity:1!important;transform:none!important}
  .conversation-progress-track i,.conversation-photo img{transition:none!important}
}

/* === V21.1 OPENING: empecemos por aqui + lo que necesitas === */
.home-opening{position:relative;background:#061725;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.home-opening-intro{padding-top:82px!important;padding-bottom:54px!important;display:grid;grid-template-columns:.46fr 1.54fr;gap:56px;align-items:start}
.home-opening-intro>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.17em;color:rgba(255,255,255,.42)}
.home-opening-intro>p{margin:0;max-width:620px;font:400 clamp(22px,2.25vw,34px)/1.16 "DM Sans",sans-serif;letter-spacing:-.025em;color:rgba(255,255,255,.84)}
.home-needs{border-top:1px solid rgba(255,255,255,.10)}
.home-needs summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 38px;gap:28px;align-items:center;min-height:118px;padding:0 max(42px,calc((100vw - 1356px)/2));transition:background .25s ease}
.home-needs summary::-webkit-details-marker{display:none}
.home-needs summary:hover,.home-needs[open] summary{background:rgba(255,255,255,.025)}
.home-needs-heading{display:grid;grid-template-columns:62px 1fr;gap:22px;align-items:center}
.home-needs-heading>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.38)}
.home-needs-heading h2{margin:0 0 8px;font-family:"Manrope",sans-serif!important;font-size:clamp(30px,3.1vw,46px)!important;line-height:.94!important;letter-spacing:.01em!important;font-weight:400!important;color:#fff!important}
.home-needs-heading p{margin:0;font:400 15px/1.35 "DM Sans",sans-serif;color:rgba(255,255,255,.62)}
.home-needs summary>b{justify-self:end;font:300 27px/1 "DM Sans",sans-serif;color:rgba(255,255,255,.54);transition:transform .28s ease}
.home-needs[open] summary>b{transform:rotate(45deg)}
.home-needs-open{background:#081c2d;border-top:1px solid rgba(255,255,255,.08)}
.home-needs-problems{display:grid;grid-template-columns:1fr 1fr;padding-top:0!important;padding-bottom:0!important}
.home-problem{min-height:390px;padding:52px 46px 48px 0;border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:flex-end}
.home-problem+ .home-problem{padding-left:46px;padding-right:0;border-right:0}
.home-problem>span{margin-bottom:auto;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.38)}
.home-problem h3{margin:54px 0 20px;font-family:"Manrope",sans-serif!important;font-size:clamp(34px,4vw,58px)!important;line-height:.92!important;letter-spacing:.006em!important;font-weight:400!important;color:#fff!important;max-width:10ch}
.home-problem p{margin:0;max-width:35ch;font:400 clamp(17px,1.35vw,20px)/1.5 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important}
.portal-index-head{padding-top:76px!important}
@media(max-width:900px){
  .home-opening-intro{grid-template-columns:1fr!important;gap:14px!important;padding:58px 20px 38px!important}
  .home-opening-intro>p{font-size:22px!important;line-height:1.18!important;max-width:28ch!important}
  .home-needs summary{min-height:96px!important;padding:0 20px!important;gap:16px!important}
  .home-needs-heading{grid-template-columns:34px 1fr!important;gap:12px!important}
  .home-needs-heading h2{font-size:clamp(27px,8vw,36px)!important;margin-bottom:6px!important}
  .home-needs-heading p{font-size:14px!important}
  .home-needs-problems{grid-template-columns:1fr!important;padding:0!important}
  .home-problem,.home-problem+ .home-problem{min-height:auto;padding:38px 20px 40px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .home-problem:last-child{border-bottom:0!important}
  .home-problem>span{margin-bottom:46px}
  .home-problem h3{font-size:clamp(31px,9vw,42px)!important;margin:0 0 18px!important;max-width:9.5ch!important}
  .home-problem p{font-size:17px!important;line-height:1.48!important;max-width:28ch!important}
  .portal-index-head{padding-top:58px!important}
}

/* === V21.1 six-step owner conversation === */
.conversation-copy .conversation-secondary{margin-top:18px!important;color:rgba(255,255,255,.58)!important;font-size:clamp(16px,1.25vw,19px)!important;max-width:42ch!important;}
.home-needs-open .conversation-flow{border-top:0!important;}
.home-needs-open .conversation-step{min-height:78svh;}
@media(max-width:900px){
  .conversation-copy .conversation-secondary{margin-top:16px!important;font-size:15px!important;line-height:1.48!important;max-width:28ch!important;}
  .home-needs-open .conversation-step{min-height:calc(100svh - 62px)!important;}
}

/* === V21.2 choose-your-situation === */
.needs-choice-flow{background:#071A2B;color:#fff;border-top:1px solid rgba(255,255,255,.08);}
.needs-choice-intro{padding-top:34px!important;padding-bottom:22px!important;}
.needs-choice-intro>span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.42);}
.needs-choice-list{border-top:1px solid rgba(255,255,255,.08);}
.needs-choice{width:100%;appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#fff;text-align:left;display:grid;grid-template-columns:60px minmax(0,1fr) 34px;gap:22px;align-items:center;padding:34px max(42px,calc((100vw - 1356px)/2));cursor:pointer;transition:background .22s ease,padding-left .22s ease;}
.needs-choice:hover{background:rgba(255,255,255,.025);}
.needs-choice-number{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.36);align-self:start;padding-top:8px;}
.needs-choice-copy h3{margin:0 0 12px;font-family:"Manrope",sans-serif!important;font-size:clamp(28px,3.2vw,46px)!important;line-height:.95!important;font-weight:400!important;letter-spacing:.006em!important;max-width:14ch;color:#fff!important;}
.needs-choice-copy p{margin:0;max-width:52ch;font:400 17px/1.5 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important;}
.needs-choice-copy .needs-choice-note{margin-top:10px;color:rgba(255,255,255,.54)!important;font-size:15px!important;max-width:58ch;}
.needs-choice-arrow{justify-self:end;font:400 20px/1 "DM Sans",sans-serif;color:rgba(255,255,255,.54);transition:transform .2s ease;}
.needs-choice:hover .needs-choice-arrow{transform:translateX(4px);}
.needs-choice-response{background:#061725;border-top:1px solid rgba(255,255,255,.08);}
.needs-choice-response-inner{min-height:68svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:88px!important;padding-bottom:62px!important;}
.needs-choice-back{appearance:none;border:0;background:none;color:rgba(255,255,255,.52);font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer;margin-bottom:58px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.14);}
.needs-answer>span{display:block;margin-bottom:20px;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.38);}
.needs-answer h2{margin:0 0 24px;font-family:"Manrope",sans-serif!important;font-size:clamp(38px,5vw,68px)!important;line-height:.92!important;letter-spacing:.006em!important;font-weight:400!important;max-width:11ch;color:#fff!important;}
.needs-answer p{margin:0;max-width:38ch;font:400 clamp(18px,1.55vw,22px)/1.5 "DM Sans",sans-serif!important;color:rgba(255,255,255,.76)!important;}
.needs-choice-next{appearance:none;border:0;background:none;color:#fff;margin-top:48px;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,.28);font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer;display:inline-flex;gap:12px;align-items:center;}
.needs-choice-next b{font:400 13px/1 "DM Sans",sans-serif;color:rgba(255,255,255,.72);}
@media(max-width:900px){
  .needs-choice-intro{padding:26px 20px 18px!important;}
  .needs-choice{grid-template-columns:28px 1fr 22px;gap:12px;padding:28px 20px!important;align-items:start;}
  .needs-choice-number{padding-top:6px;font-size:8px!important;}
  .needs-choice-copy h3{font-size:clamp(27px,8vw,36px)!important;line-height:.95!important;max-width:10ch!important;margin-bottom:14px!important;}
  .needs-choice-copy p{font-size:16px!important;line-height:1.47!important;max-width:29ch!important;}
  .needs-choice-copy .needs-choice-note{font-size:14px!important;line-height:1.46!important;max-width:29ch!important;}
  .needs-choice-arrow{font-size:18px!important;padding-top:4px;}
  .needs-choice-response-inner{min-height:calc(100svh - 62px);padding:74px 20px 34px!important;justify-content:flex-end;}
  .needs-choice-back{margin-bottom:auto;font-size:8px!important;}
  .needs-answer{padding-top:70px;}
  .needs-answer h2{font-size:clamp(34px,10vw,46px)!important;max-width:9ch!important;margin-bottom:20px!important;}
  .needs-answer p{font-size:17px!important;line-height:1.5!important;max-width:27ch!important;}
  .needs-choice-next{align-self:flex-end;margin-top:38px;font-size:9px!important;}
}

/* === Method schematic inside situation response === */
.needs-method{margin-top:44px;width:min(920px,100%);border-top:1px solid rgba(255,255,255,.12);}
.needs-method-step{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:28px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09);align-items:start;}
.needs-method-step strong{font:500 11px/1.1 "DM Sans",sans-serif!important;letter-spacing:.13em;color:#fff;}
.needs-method-step span{font:400 15px/1.48 "DM Sans",sans-serif!important;color:rgba(255,255,255,.66);max-width:58ch;}
@media(max-width:900px){
  .needs-choice-response-inner{justify-content:flex-start!important;}
  .needs-answer{padding-top:24px!important;width:100%;}
  .needs-method{margin-top:30px;}
  .needs-method-step{grid-template-columns:1fr;gap:8px;padding:16px 0;}
  .needs-method-step strong{font-size:10px!important;}
  .needs-method-step span{font-size:14px!important;line-height:1.45!important;max-width:30ch;}
}


/* === needs price block === */
.needs-price{margin-top:54px;width:min(760px,100%);padding-top:28px;border-top:1px solid rgba(255,255,255,.16);}
.needs-price-kicker{display:block;margin-bottom:14px;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.42);}
.needs-price h3{margin:0 0 18px;font-family:"Manrope",sans-serif!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:.95!important;letter-spacing:.006em!important;font-weight:400!important;color:#fff!important;max-width:12ch;}
.needs-price p{margin:0 0 12px!important;max-width:54ch!important;font:400 16px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important;}
.needs-price small{display:block;margin-top:22px;font:500 9px/1.3 "DM Sans",sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.46);}
@media(max-width:900px){
  .needs-price{margin-top:38px;padding-top:24px;}
  .needs-price h3{font-size:clamp(26px,7.6vw,34px)!important;max-width:10ch;}
  .needs-price p{font-size:15px!important;line-height:1.5!important;max-width:30ch!important;}
  .needs-price small{font-size:8px!important;line-height:1.45!important;max-width:28ch;}
}


/* === V21.4 rubro + costo flow === */
.needs-rubro-question,.needs-sector-picker,.needs-final-price{background:#061725;border-top:1px solid rgba(255,255,255,.08);color:#fff;}
.needs-rubro-screen,.needs-price-screen{min-height:72svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:86px!important;padding-bottom:70px!important;}
.needs-flow-back{appearance:none;border:0;background:none;color:rgba(255,255,255,.48);font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.14);cursor:pointer;margin-bottom:64px;}
.needs-flow-index,.needs-sector-head>span{display:block;margin-bottom:18px;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.42);}
.needs-rubro-screen h2,.needs-sector-head h2,.needs-price-screen h2{margin:0 0 22px;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(42px,5vw,72px)!important;line-height:.91!important;letter-spacing:.006em!important;color:#fff!important;max-width:11ch;}
.needs-rubro-screen p,.needs-sector-head p,.needs-price-screen p{margin:0 0 14px;max-width:52ch;font:400 17px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.72)!important;}
.needs-sector-head{padding-top:76px!important;padding-bottom:34px!important;}
.needs-sector-list{border-top:1px solid rgba(255,255,255,.09);}
.needs-sector-option{position:relative;isolation:isolate;width:100%;min-height:112px;appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:#071A2B;color:#fff;display:grid;grid-template-columns:56px minmax(0,1fr) 34px;gap:20px;align-items:center;text-align:left;padding:0 max(42px,calc((100vw - 1356px)/2));cursor:pointer;overflow:hidden;}
.needs-sector-option::before{content:"";position:absolute;inset:0 0 0 auto;width:34%;z-index:-2;background-size:cover;background-position:center;opacity:.24;filter:saturate(.82) contrast(1.03) brightness(.66);transition:opacity .25s ease,transform .5s ease;}
.needs-sector-option::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071A2B 0%,#071A2B 58%,rgba(7,26,43,.78) 78%,rgba(7,26,43,.44) 100%);}
.needs-sector-option:hover::before{opacity:.34;transform:scale(1.025);}
.needs-sector-option span{font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.38);}
.needs-sector-option strong{font:400 clamp(24px,2.6vw,38px)/.96 "Manrope",sans-serif!important;letter-spacing:.006em;color:#fff;}
.needs-sector-option>b{justify-self:end;font:400 18px/1 "DM Sans",sans-serif;color:rgba(255,255,255,.62);}
.needs-sector-option.sector-health::before{background-image:url("https://images.unsplash.com/photo-1750263147700-8bea3899f287?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-sector-option.sector-food::before{background-image:url("https://images.unsplash.com/photo-1772758632331-56fcdb6fd45b?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-sector-option.sector-retail::before{background-image:url("https://images.unsplash.com/photo-1747835334237-4ab81c9c921a?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-sector-option.sector-services::before{background-image:url("https://plus.unsplash.com/premium_photo-1663932464682-a8ffd67c7b85?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-sector-option.sector-property::before{background-image:url("https://images.unsplash.com/photo-1524758631624-e2822e304c36?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-sector-option.sector-other::before{background-image:url("https://images.unsplash.com/photo-1747832512459-5566e6d0ee5a?auto=format&fit=crop&fm=jpg&q=82&w=1400");}
.needs-price-screen .needs-price-kicker{margin-bottom:18px!important;}
.needs-price-screen .needs-price-kicker b{color:rgba(255,255,255,.78);font-weight:500;}
.needs-price-screen small{display:block;margin-top:16px;font:500 9px/1.4 "DM Sans",sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.44);}
.needs-price-cta{display:inline-flex;align-items:center;gap:12px;margin-top:38px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.34);font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.14em;color:#fff!important;}
@media(max-width:900px){
  .needs-rubro-screen,.needs-price-screen{min-height:calc(100svh - 62px);padding:72px 20px 34px!important;justify-content:flex-start;}
  .needs-flow-back{margin-bottom:auto;font-size:8px!important;}
  .needs-rubro-screen h2,.needs-sector-head h2,.needs-price-screen h2{font-size:clamp(31px,9.3vw,42px)!important;max-width:9.5ch!important;margin-top:46px!important;}
  .needs-rubro-screen p,.needs-sector-head p,.needs-price-screen p{font-size:15px!important;line-height:1.5!important;max-width:29ch!important;}
  .needs-sector-head{padding:62px 20px 28px!important;}
  .needs-sector-option{min-height:96px;grid-template-columns:28px 1fr 24px;gap:12px;padding:0 20px!important;}
  .needs-sector-option::before{width:46%;opacity:.22;}
  .needs-sector-option::after{background:linear-gradient(90deg,#071A2B 0%,#071A2B 58%,rgba(7,26,43,.76) 84%,rgba(7,26,43,.50) 100%);}
  .needs-sector-option strong{font-size:clamp(21px,6.7vw,29px)!important;max-width:10ch;}
  .needs-price-cta{margin-top:30px;font-size:9px!important;}
}


/* V21.5 — sector detail with image + what we do */
.needs-sector-detail{background:#061725;border-top:1px solid rgba(255,255,255,.08);color:#fff;}
.needs-sector-detail-screen{padding-top:78px!important;padding-bottom:78px!important;}
.needs-sector-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:46px;align-items:start;}
.needs-sector-detail-copy h2{margin:0 0 22px;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(42px,5vw,72px)!important;line-height:.91!important;letter-spacing:.006em!important;color:#fff!important;max-width:10ch;}
.needs-sector-detail-copy>p{margin:0 0 20px;max-width:48ch;font:400 17px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.74)!important;}
.needs-sector-what{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);}
.needs-sector-what strong{display:block;margin-bottom:14px;font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.52);}
.needs-sector-what ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.needs-sector-what li{position:relative;padding-left:18px;font:400 16px/1.55 "DM Sans",sans-serif;color:rgba(255,255,255,.82);}
.needs-sector-what li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#9BB5C6;}
.needs-sector-detail-visual{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.10);background:#071A2B;overflow:hidden;}
.needs-sector-detail-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03) brightness(.82);}
.needs-sector-detail-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,43,.06) 0%,rgba(7,26,43,.16) 48%,rgba(7,26,43,.44) 100%);pointer-events:none;}
@media(max-width:900px){
  .needs-sector-detail-screen{padding:62px 20px 42px!important;}
  .needs-sector-detail-grid{grid-template-columns:1fr;gap:20px;}
  .needs-sector-detail-copy h2{font-size:clamp(31px,9.3vw,42px)!important;max-width:9.5ch!important;margin-top:14px!important;}
  .needs-sector-detail-copy>p,.needs-sector-what li{font-size:15px!important;line-height:1.5!important;max-width:29ch!important;}
  .needs-sector-detail-visual{min-height:250px;order:2;}
}


/* V21.6 — conscious profitability + what you receive */
.needs-conscious-profit,.needs-what-you-get{background:#061725;border-top:1px solid rgba(255,255,255,.08);color:#fff;}
.needs-conscious-screen,.needs-what-screen{padding-top:78px!important;padding-bottom:78px!important;}
.needs-conscious-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:46px;align-items:start;}
.needs-conscious-copy h2,.needs-what-screen h2{margin:0 0 22px;font-family:"Manrope",sans-serif!important;font-weight:400!important;font-size:clamp(42px,5vw,72px)!important;line-height:.91!important;letter-spacing:.006em!important;color:#fff!important;max-width:11ch;}
.needs-conscious-copy p,.needs-what-screen .needs-what-lead{margin:0 0 20px;max-width:48ch;font:400 17px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.74)!important;}
.needs-conscious-visual{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.10);background:#071A2B;overflow:hidden;}
.needs-conscious-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03) brightness(.82);}
.needs-conscious-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,43,.06) 0%,rgba(7,26,43,.16) 48%,rgba(7,26,43,.44) 100%);pointer-events:none;}
.needs-what-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:28px 0 28px;}
.needs-what-item{padding:18px 0 18px;border-top:1px solid rgba(255,255,255,.10);}
.needs-what-item strong{display:block;margin-bottom:10px;font-family:"Manrope",sans-serif;font-weight:400;letter-spacing:.015em;font-size:clamp(22px,2vw,28px);line-height:.96;color:#fff;}
.needs-what-item p{margin:0;max-width:28ch;font:400 15px/1.5 "DM Sans",sans-serif;color:rgba(255,255,255,.76);}
@media(max-width:900px){
  .needs-conscious-screen,.needs-what-screen{padding:62px 20px 42px!important;}
  .needs-conscious-grid{grid-template-columns:1fr;gap:20px;}
  .needs-conscious-copy h2,.needs-what-screen h2{font-size:clamp(31px,9.3vw,42px)!important;max-width:10ch!important;margin-top:14px!important;}
  .needs-conscious-copy p,.needs-what-screen .needs-what-lead{font-size:15px!important;line-height:1.5!important;max-width:29ch!important;}
  .needs-conscious-visual{min-height:250px;}
  .needs-what-list{grid-template-columns:1fr;gap:10px;}
}


/* V21.8 — Product Book deliverables + rentabilidad consciente */
.needs-what-list-productbook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:30px 0 30px;}
.needs-what-list-productbook .needs-what-item{padding:22px 0;border-top:1px solid rgba(255,255,255,.10);}
.needs-what-list-productbook .needs-what-item strong{display:block;margin-bottom:10px;font:400 clamp(22px,2vw,30px)/.98 "Manrope",sans-serif!important;letter-spacing:.008em;color:#fff;max-width:18ch;}
.needs-what-list-productbook .needs-what-item p{margin:0;max-width:38ch;font:400 15px/1.55 "DM Sans",sans-serif!important;color:rgba(255,255,255,.74)!important;}
.needs-what-list-productbook .needs-what-principle{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;padding:28px 0 30px;border-top:1px solid rgba(155,181,198,.45);border-bottom:1px solid rgba(255,255,255,.10);}
.needs-what-list-productbook .needs-what-principle strong{color:#fff;max-width:12ch;font-size:clamp(28px,3vw,44px)!important;}
.needs-what-list-productbook .needs-what-principle p{font-size:16px!important;max-width:48ch;color:rgba(255,255,255,.82)!important;}
@media(max-width:900px){
  .needs-what-list-productbook{grid-template-columns:1fr;gap:0;margin-top:24px;}
  .needs-what-list-productbook .needs-what-principle{grid-column:auto;grid-template-columns:1fr;gap:10px;padding:24px 0 26px;}
  .needs-what-list-productbook .needs-what-principle strong{font-size:clamp(26px,8vw,34px)!important;max-width:10ch;}
  .needs-what-list-productbook .needs-what-item strong{font-size:clamp(21px,6.5vw,28px)!important;max-width:14ch;}
  .needs-what-list-productbook .needs-what-item p{font-size:15px!important;line-height:1.5!important;max-width:30ch;}
}


/* V21.9 — Nuestra mirada / Crecer sin perderse */
.monlam-grow-section{background:#071A2B;color:#F4F2ED;border-top:1px solid rgba(244,242,237,.10);}
.monlam-grow-wrap{max-width:980px;padding-top:96px!important;padding-bottom:104px!important;}
.monlam-grow-kicker{font:500 11px/1.2 "DM Sans",sans-serif;letter-spacing:.17em;color:rgba(244,242,237,.52);margin-bottom:28px;}
.monlam-grow-section h2{margin:0 0 42px;font-family:"Manrope",sans-serif!important;font-size:clamp(52px,7vw,92px)!important;line-height:.9!important;letter-spacing:.01em!important;color:#F4F2ED!important;max-width:8ch;}
.monlam-grow-copy{max-width:760px;}
.monlam-grow-copy p{font:400 19px/1.72 "DM Sans",sans-serif!important;color:rgba(244,242,237,.82)!important;margin:0 0 24px!important;max-width:66ch;}
.monlam-grow-copy p:nth-child(3),.monlam-grow-copy p:nth-child(6){font-weight:500!important;color:#F4F2ED!important;}
.monlam-grow-close{margin-top:42px!important;padding-top:28px;border-top:1px solid rgba(244,242,237,.15);font-size:21px!important;color:#F4F2ED!important;}
@media(max-width:700px){.monlam-grow-wrap{padding:68px 22px 76px!important}.monlam-grow-section h2{font-size:clamp(42px,14vw,64px)!important;margin-bottom:32px!important}.monlam-grow-copy p{font-size:16px!important;line-height:1.65!important;margin-bottom:20px!important}.monlam-grow-close{font-size:18px!important;margin-top:34px!important}}


/* V21.8 — founder text readable paragraph rhythm */
.art-team .team-founder-block .founder-copy p{margin:0 0 18px!important;}
.art-team .team-founder-block .founder-copy p:last-child{margin-bottom:0!important;}
.art-team .team-founder-block .founder-note{margin-top:30px!important;}
@media(max-width:900px){
  .art-team .team-founder-block .founder-copy{padding:24px 20px!important;}
  .art-team .team-founder-block .founder-copy p{margin:0 0 16px!important;}
}


/* V21.10 — Fundadora: texto exacto en bloques editoriales, no corrido */
.art-team .team-founder-block .founder{align-items:start!important;}
.art-team .team-founder-block .portrait{position:sticky;top:116px;}
.art-team .team-founder-block .founder-copy{max-width:760px;}
.art-team .team-founder-block .founder-copy>h2{margin-bottom:38px!important;}
.art-team .team-founder-block .founder-manifesto{display:grid;gap:0;}
.art-team .team-founder-block .founder-manifesto>div{display:block;padding:24px 0;border-top:1px solid rgba(7,26,43,.13);}
.art-team .team-founder-block .founder-manifesto>div:first-child{border-top:0;padding-top:0;}
.art-team .team-founder-block .founder-manifesto p{display:block!important;margin:0!important;max-width:58ch!important;font:400 17px/1.72 "DM Sans",sans-serif!important;color:#3B4853!important;}
.art-team .team-founder-block .founder-question{padding:30px 0!important;}
.art-team .team-founder-block .founder-question p{font-size:clamp(21px,2vw,28px)!important;line-height:1.42!important;letter-spacing:-.015em!important;color:#071A2B!important;max-width:46ch!important;}
.art-team .team-founder-block .founder-origin p,
.art-team .team-founder-block .founder-pause p{font-size:20px!important;font-weight:500!important;color:#071A2B!important;}
.art-team .team-founder-block .founder-close{padding:34px 0!important;}
.art-team .team-founder-block .founder-close p{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.42!important;color:#071A2B!important;}
.art-team .team-founder-block .founder-note{margin:0!important;padding:30px 0 0!important;border-top:1px solid rgba(7,26,43,.22)!important;}
.art-team .team-founder-block .founder-note p{font-size:18px!important;line-height:1.6!important;color:#071A2B!important;}
@media(max-width:900px){
  .art-team .team-founder-block .portrait{position:relative;top:auto;}
  .art-team .team-founder-block .founder-copy{padding:30px 0 0!important;max-width:none;}
  .art-team .team-founder-block .founder-copy>h2{margin-bottom:28px!important;}
  .art-team .team-founder-block .founder-manifesto>div{padding:20px 0;}
  .art-team .team-founder-block .founder-manifesto p{font-size:16px!important;line-height:1.65!important;max-width:none!important;}
  .art-team .team-founder-block .founder-question{padding:24px 0!important;}
  .art-team .team-founder-block .founder-question p{font-size:21px!important;line-height:1.42!important;}
  .art-team .team-founder-block .founder-origin p,
  .art-team .team-founder-block .founder-pause p{font-size:18px!important;}
  .art-team .team-founder-block .founder-close p{font-size:22px!important;}
}


/* V21.9 — founder text compact, together and readable */
.art-team .team-founder-block .founder-copy{max-width:760px!important;background:rgba(7,26,43,.72)!important;padding:32px 34px!important;}
.art-team .team-founder-block .founder-copy>h2{color:#fff!important;margin:8px 0 24px!important;}
.art-team .team-founder-block .founder-copy>.eyebrow{color:rgba(255,255,255,.62)!important;}
.art-team .team-founder-block .founder-manifesto-compact{display:block!important;}
.art-team .team-founder-block .founder-manifesto-compact>p{display:block!important;margin:0 0 16px!important;padding:0!important;border:0!important;max-width:58ch!important;font:400 17px/1.62 "DM Sans",sans-serif!important;color:rgba(255,255,255,.82)!important;}
.art-team .team-founder-block .founder-manifesto-compact>p:last-child{margin-bottom:0!important;}
.art-team .team-founder-block .founder-manifesto-compact .founder-final{margin-top:22px!important;color:#fff!important;}
.art-team .team-founder-block .founder-manifesto-compact .founder-final strong{color:#fff!important;font-weight:600!important;}
@media(max-width:900px){
  .art-team .team-founder-block .founder-copy{padding:26px 22px!important;max-width:none!important;}
  .art-team .team-founder-block .founder-copy>h2{font-size:clamp(34px,10vw,48px)!important;line-height:.96!important;margin-bottom:20px!important;}
  .art-team .team-founder-block .founder-manifesto-compact>p{font-size:16px!important;line-height:1.58!important;max-width:none!important;margin-bottom:14px!important;}
}

/* V21.11 — Fundadora final: texto exacto, junto y legible */
.art-team .team-founder-block .founder{
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;
  gap:52px!important;
  align-items:start!important;
}
.art-team .team-founder-block .portrait{
  position:relative!important;
  top:auto!important;
  align-self:start!important;
}
.art-team .team-founder-block .founder-copy{
  width:100%!important;
  max-width:none!important;
  padding:34px 38px 36px!important;
  background:#071A2B!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.art-team .team-founder-block .founder-copy>h2{
  margin:8px 0 24px!important;
  max-width:none!important;
  color:#fff!important;
  font-size:clamp(42px,4.8vw,68px)!important;
  line-height:.94!important;
}
.art-team .team-founder-block .founder-manifesto-final{
  display:block!important;
  width:100%!important;
  max-width:720px!important;
}
.art-team .team-founder-block .founder-manifesto-final p,
.art-team .team-founder-block .founder-manifesto-final blockquote{
  display:block!important;
  max-width:64ch!important;
  margin:0 0 17px!important;
  padding:0!important;
  border:0!important;
  font:400 16.5px/1.63 "DM Sans",sans-serif!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.84)!important;
}
.art-team .team-founder-block .founder-manifesto-final blockquote{
  margin:25px 0!important;
  padding:19px 0 19px 22px!important;
  border-left:2px solid #9BB5C6!important;
  color:#fff!important;
  font-style:italic!important;
}
.art-team .team-founder-block .founder-manifesto-final .founder-final{
  margin:28px 0 0!important;
  padding-top:22px!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  line-height:1.55!important;
}
.art-team .team-founder-block .founder-manifesto-final .founder-final strong{
  color:#fff!important;
  font-weight:600!important;
}
@media(max-width:900px){
  .art-team .team-founder-block .founder{grid-template-columns:1fr!important;gap:26px!important;}
  .art-team .team-founder-block .portrait{max-width:430px!important;width:100%!important;}
  .art-team .team-founder-block .founder-copy{padding:26px 22px 28px!important;}
  .art-team .team-founder-block .founder-copy>h2{font-size:clamp(36px,11vw,48px)!important;margin-bottom:20px!important;}
  .art-team .team-founder-block .founder-manifesto-final p,
  .art-team .team-founder-block .founder-manifesto-final blockquote{font-size:15.5px!important;line-height:1.6!important;max-width:none!important;margin-bottom:15px!important;}
  .art-team .team-founder-block .founder-manifesto-final blockquote{margin:22px 0!important;padding:16px 0 16px 16px!important;}
}

/* MÖNLAM homepage hero: original WE'RE OPEN storefront photograph */
.portal-hero-minimal .portal-hero-photo img{
  object-position:center 54%!important;
  filter:saturate(.83) contrast(1.04) brightness(.78)!important;
}
@media (max-width: 680px){
  .portal-hero-minimal .portal-hero-photo img{object-position:52% center!important;}
}

/* === V20.7 | Iris sutil sobre azul noche ===
   Misma portada y mismo botón; solo se suaviza el tratamiento del fondo.
   Mezcla 'screen': el negro de la foto desaparece sobre el azul de marca.
   Así el iris permanece como una textura tenue, no un ojo dominante. */
.portal-home .hello-screen.minimal-entry-screen {
  background: #0D2437 !important;
}
.portal-home .hello-screen.minimal-entry-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: transparent;
  background-image: url('/assets/iris-welcome.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: min(100vw, 100svh) auto;
  opacity: .30;
  filter: brightness(1.65) blur(2px);
  mix-blend-mode: screen;
  pointer-events: none;
}


/* === V20.8 | Iris centrado matemáticamente en la pantalla ===
   El centro del iris coincide con el centro exacto del saludo.
   Mantener la apariencia tenue y el botón de acceso original. */
.portal-home .hello-screen.minimal-entry-screen::before{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:min(100vw, 100svh)!important;
  height:min(100vw, 100svh)!important;
  transform:translate(-50%, -50%)!important;
  background-position:50% 50%!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
/* El texto se alinea con la pupila, no con la altura total del grupo. */
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-title{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%)!important;
  width:max-content!important;
  max-width:calc(100vw - 40px)!important;
  text-align:center!important;
}
/* Mantiene el círculo "Entrar" justo debajo, centrado en el mismo eje. */
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-circle{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:calc(50% + clamp(68px, 10svh, 94px))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-circle:hover{
  transform:translateX(-50%) scale(1.035)!important;
}


/* === V20.9 | Mar en hero principal + pupila alineada con el círculo Entrar === */
.portal-hero-minimal .portal-hero-photo img{
  object-position:center center!important;
  filter:saturate(.88) contrast(1.02) brightness(.82)!important;
}
@media (max-width: 680px){
  .portal-hero-minimal .portal-hero-photo img{object-position:center center!important;}
}

/* La pupila debe coincidir con el círculo Entrar, no con el título. */
.portal-home .hello-screen.minimal-entry-screen::before{
  left:50%!important;
  top:50%!important;
  width:min(100vw, 100svh)!important;
  height:min(100vw, 100svh)!important;
  transform:translate(-50%, -50%)!important;
  background-position:50% 50%!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{
  position:relative!important;
  width:100%!important;
  min-height:min(100svh, 100dvh)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  gap:0!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-mark{
  position:absolute!important;
  top:32px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-title{
  position:absolute!important;
  left:50%!important;
  top:calc(50% - clamp(94px, 12svh, 124px))!important;
  transform:translate(-50%, -50%)!important;
  width:max-content!important;
  max-width:calc(100vw - 40px)!important;
  text-align:center!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-circle{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%)!important;
  margin:0!important;
}
.portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-circle:hover{
  transform:translate(-50%, -50%) scale(1.035)!important;
}
@media (max-width: 680px){
  .portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy{padding:22px!important;}
  .portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-mark{top:22px!important;}
  .portal-home .hello-screen.minimal-entry-screen .minimal-entry-copy .hello-title{
    top:calc(50% - clamp(76px, 11svh, 94px))!important;
    max-width:90vw!important;
  }
}


/* === V21 | Hero mar azul corporativo === */
.portal-hero-minimal .portal-hero-photo img{
  object-position:center center!important;
  filter:saturate(.78) contrast(1.03) brightness(.70)!important;
}
.portal-hero-minimal .portal-hero-shade{
  background:linear-gradient(90deg,rgba(4,18,31,.74) 0%,rgba(7,26,43,.46) 38%,rgba(7,26,43,.24) 64%,rgba(4,18,31,.54) 100%),linear-gradient(180deg,rgba(4,18,31,.18) 0%,rgba(4,18,31,.28) 45%,rgba(4,18,31,.70) 100%)!important;
}
@media (max-width: 680px){
  .portal-hero-minimal .portal-hero-photo img{object-position:58% center!important;}
}

/* V21.1 — océano editorial sobrio, imagen azul petróleo de MÖNLAM.
   Sustituye la vista tormentosa; preserva la portada del iris y la pupila de Entrar. */
.portal-home .portal-hero-minimal .portal-hero-photo img {
  object-position: center center !important;
  filter: saturate(.89) contrast(1.035) brightness(.97) !important;
}
.portal-home .portal-hero-minimal .portal-hero-shade {
  background: linear-gradient(90deg,rgba(4,18,31,.60) 0%,rgba(7,26,43,.29) 40%,rgba(7,26,43,.08) 77%),
              linear-gradient(180deg,rgba(7,26,43,.09) 0%,rgba(7,26,43,.10) 43%,rgba(7,26,43,.62) 100%) !important;
}
@media (max-width: 680px) {
  .portal-home .portal-hero-minimal .portal-hero-photo img { object-position: 51% center !important; }
}

/* MÖNLAM bilingual language switch — accessible, discreet and consistent. */
.language-switch{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:"DM Sans",sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:.08em!important}
.language-switch a{opacity:.52!important;text-decoration:none;transition:opacity .2s ease}
.language-switch a:is(:hover,:focus-visible),.language-switch a.is-current{opacity:1!important}
.language-switch [aria-hidden]{opacity:.4}
.mobile-language-switch{display:flex;align-items:center;gap:19px;padding-top:10px;border-top:1px solid rgba(13,39,64,.15);font-family:"DM Sans",sans-serif;font-size:18px;font-weight:500}
.mobile-language-switch a{opacity:.5}.mobile-language-switch a.is-current{opacity:1}
.entry-language-switch{position:absolute;top:28px;right:clamp(22px,5vw,70px);z-index:50;display:flex;gap:10px;align-items:center;font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.12em;color:#f7f6f1}
.entry-language-switch a{opacity:.55;text-decoration:none}.entry-language-switch a.is-current,.entry-language-switch a:hover{opacity:1}
@media(max-width:900px){.entry-language-switch{top:22px;right:24px}.mobile-language-switch a{font-size:18px}}