/* Intika: expressive geometry for headings, quiet human rhythm for reading. */
:root{--font-body:'DM Sans',Arial,sans-serif;--font-display:'Syne',Arial,sans-serif}
body{font-size:16px}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em}
.hero-copy h1{font-family:var(--font-display);font-weight:600;font-size:clamp(48px,5.65vw,84px);line-height:1.08;letter-spacing:-.05em}
.hero-origin{font-size:14px;font-weight:500;margin-bottom:24px}
.hero-intro{font-size:17px;line-height:1.7;max-width:47ch}
.hero-actions{margin-top:28px}.hero-actions a{font-size:14px}
.hero-base{font-size:11px}
.brand>span{font-family:var(--font-display);font-weight:700;letter-spacing:-1.2px}
.desktop-nav a{font-size:14px;font-weight:500}.languages{font-size:12px}
.home-header,.home-header.is-scrolled,.inner-header,.home-menu-open .home-header{background:transparent;backdrop-filter:none;box-shadow:none;border:0}
.home-header{color:#fff;text-shadow:0 1px 15px #0009}
.home-header a:hover{color:#fff}
.home-header .brand>svg{filter:drop-shadow(0 1px 6px #0005)}
.home-menu-open .home-header{background:transparent}
.mobile-navigation{background:#080a0ff5;backdrop-filter:blur(22px)}
.mobile-navigation a{font-family:var(--font-display);font-weight:600;text-shadow:none}
.connect-heading h2,.section-heading h2,.share-copy h2{font-size:clamp(56px,7.5vw,108px);font-weight:700;letter-spacing:-.065em}
.heading-point{color:#f3f5fa}
.connect-heading p,.section-heading>p{font-size:17px;line-height:1.75}
.connect-heading{grid-template-columns:1fr 1fr;gap:70px}
.connect-heading .quiet{font-size:13px}
.share-copy>p{font-size:18px;line-height:1.75;max-width:43ch}
.share-visual video{filter:none;opacity:1}
.reciprocity-words{font-size:16px}
.ricuy-copy h3{font-weight:700;font-size:31px}.ricuy-copy>p{font-size:30px}
.ricuy-copy>.muted{font-size:14px}.ricuy-copy .text-link{font-size:13px}
.demo-stage p{font-size:13px}.demo-tabs button{font-size:11px}
.product-preview>small{font-size:10px}.state-pill{font-size:12px}
.teddy-feature h3{font-weight:600}.teddy-feature p{font-size:14px}
.project-row strong{font-size:19px;font-weight:600}.project-row small{font-size:13px}
.directory-note{font-size:14px}.project-filters button{font-size:13px}
.participate h2{font-weight:600}.participate>div>p{font-size:16px}
.interest-option strong{font-size:19px;font-weight:600}.interest-option span{font-size:13px}
.footer-main>p{font-size:15px}.footer-bottom{font-size:11px}

/* The mountain stays still. Only translucent, tiled cloud layers drift. */
.hero-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(#000 0%,#000 38%,#0008 58%,transparent 85%)}
.hero-shade{z-index:-1}
.cloud-bank{--cloud-scale:1;position:absolute;inset:-38% -20% -8%;background:url('/assets/home/clouds-photographic.png') center / cover no-repeat;opacity:0;will-change:transform,opacity;animation:cloud-crossing 26s linear infinite;animation-delay:-7s}
.cloud-bank-b{--cloud-scale:1.15;inset:-46% -35% 0;animation-delay:-20s}
@keyframes cloud-crossing{0%{transform:translate3d(-20%,0,0) scale(var(--cloud-scale));opacity:0}18%{opacity:.75}70%{opacity:.65}100%{transform:translate3d(22%,3%,0) scale(var(--cloud-scale));opacity:0}}

/* The new photographic quipu is also the hit map. Labels remain real text. */
.connect-section{background:#080a0f;padding-top:70px}
.quipu-shell{padding-top:8px}.quipu{max-height:640px;overflow:visible}
.rope-photograph{pointer-events:none}
.node-label{font-family:var(--font-body);font-weight:500;fill:#cbd0d8;paint-order:stroke;stroke:#080a0f;stroke-width:11px;stroke-linejoin:round;letter-spacing:0}
.rope-light{fill:var(--node-color);opacity:0;filter:blur(8px);mix-blend-mode:screen;transition:opacity .3s}
.quipu-wire.is-active .rope-light{opacity:.65}
.quipu-node:focus-visible .node-hit{stroke:var(--node-color);stroke-width:2}
.quipu-node:is(:hover,:focus-visible,.is-active) .node-label{fill:var(--node-color)}
.node-preview h3{font-size:30px;font-weight:600}.node-preview p{font-size:14px}
.node-preview>div>span{font-size:12px}.quipu-caption{font-size:12px}
.node-preview{padding-block:24px;min-height:142px}

/* Each business has an independent palette and its own available identity. */
body[data-project]{--bg:var(--brand-bg);--muted:#c6c7cb;--line:#ffffff25;background:var(--brand-bg)}
body[data-project] main{background:radial-gradient(ellipse at 85% 5%,color-mix(in srgb,var(--brand-color) 13%,transparent),transparent 53%)}
body[data-project] .project-hero h1{font-weight:600;font-size:clamp(48px,6vw,86px)}
body[data-project] .project-lead{font-size:23px;line-height:1.55;color:#f4f1ec}
body[data-project] .primary{background:var(--brand-color);color:#151515;border:0}
body[data-project] .primary:hover{background:color-mix(in srgb,var(--brand-color) 80%,white)}
body[data-project] .state-pill{border-color:color-mix(in srgb,var(--brand-color) 55%,transparent);color:var(--brand-color)}
body[data-project] .state-pill:before{background:var(--brand-color)}
body[data-project] .text-link{border-bottom-color:var(--brand-color)}
body[data-project] .project-details p{font-size:16px;color:#d1ced0;line-height:1.8}
body[data-project] .project-details h2{font-size:29px}
body[data-project] .related-section p{font-size:14px;color:#c4c0c5}
body[data-project] .home-footer{background:color-mix(in srgb,var(--brand-bg) 72%,black)}
body[data-project] a:focus-visible{outline-color:var(--brand-color)}
.business-identity{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:45px 15px}
.business-logo{width:100%;height:260px;object-fit:contain;object-position:center}
.business-wordmark{font-family:var(--font-display);font-size:clamp(36px,4vw,65px);line-height:1.1;font-weight:700;letter-spacing:-.06em;text-align:center;color:var(--brand-color)}
.business-family{font-size:12px;color:#cec7c2;text-align:center}
body[data-project=teddy-bird] .project-hero h1{font-family:var(--font-body);font-weight:500}
body[data-project=tukuy-ricuy] .business-logo{height:300px}
body[data-project=ayni-water] .business-identity,body[data-project=radiadores-ya] .business-identity{background:transparent}
body[data-project=ayni-water] .business-logo{filter:drop-shadow(0 0 1px #dcf8ffc0) drop-shadow(0 0 30px #9edfef44)}
.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
.brand-lockup .business-logo{width:145px;height:145px;object-fit:contain}
.brand-lockup strong{font-family:var(--font-display);font-size:clamp(30px,3.2vw,45px);font-weight:600;line-height:1.15;max-width:16ch;color:var(--brand-color);letter-spacing:-.05em}
.project-tagline{margin-top:28px;font-family:var(--font-display);font-size:clamp(23px,2.6vw,34px);font-weight:500;line-height:1.3;color:var(--brand-color);max-width:28ch;letter-spacing:-.025em}
body[data-project] .project-lead{font-size:18px;max-width:48ch;margin-top:20px;color:#d1d4d9}
body[data-project=radiadores-ya] .project-hero h1{font-size:clamp(43px,5vw,72px);max-width:15ch}
body[data-project=radiadores-ya] h1 small,.brand-lockup strong small{display:block;font-family:var(--font-body);font-size:.36em;font-weight:500;letter-spacing:.08em;margin-top:15px;line-height:1.3}
.project-showcase{padding-block:30px 65px}
.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:30px}
.showcase-heading h2{font-size:clamp(32px,3.5vw,49px);max-width:18ch}
.showcase-heading p{font-size:14px;color:#bfc5ca;line-height:1.75;max-width:54ch}
.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-gallery:has(>figure:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.product-shot{margin:0;min-width:0}
.product-shot>div{aspect-ratio:4/3;background:#e9ecee;overflow:hidden}
.product-shot img{width:100%;height:100%;object-fit:cover}
.product-shot.contain img{object-fit:contain;background:#f4f5f6}
.product-shot figcaption{padding-top:18px;font-size:16px;color:#eef0f1;font-weight:500}
body[data-project=ayni-water] .product-shot>div{aspect-ratio:4/5}
body[data-project=teddy-bird] .product-shot>div{aspect-ratio:1}
.service-concept{margin:0;border:1px solid #ffffff20;border-radius:8px;overflow:hidden}
.service-concept img{width:100%;height:auto}
.service-concept figcaption{padding:12px 25px;font-size:12px;color:#bbc6cc;border-top:1px solid #ffffff16}
.project-roadmap{padding:40px 0 65px;border-top:1px solid #ffffff25}
.project-roadmap>span{color:var(--brand-color);font-size:13px}
.project-roadmap h2{font-size:clamp(30px,4vw,54px);max-width:24ch;margin-block:22px}
.project-roadmap p{color:#c6cbd0;max-width:64ch;font-size:17px}

@media(max-width:1050px){.connect-heading{gap:35px}.connect-heading h2,.section-heading h2,.share-copy h2{font-size:70px}.share-section{gap:45px}}
@media(max-width:760px){
 .hero-copy h1{font-size:clamp(33px,7.9vw,55px);line-height:1.13;letter-spacing:-.055em}
 .hero-intro{font-size:15px}.hero-origin{font-size:12px}.hero-actions a{font-size:13px}
 .home-hero{min-height:670px}.hero-base{font-size:10px}
 .connect-heading{grid-template-columns:1fr;gap:22px}
 .connect-heading h2,.section-heading h2,.share-copy h2{font-size:clamp(49px,11.5vw,70px)}
 .connect-heading p,.section-heading>p{font-size:16px}
 .connect-section{padding-top:45px}.connect-heading .quiet{font-size:12px}
 .quipu-shell{padding-top:25px}.quipu-mobile{max-height:none;width:100%;max-width:480px;height:auto;margin-inline:auto}
 .node-label{stroke-width:7px}.node-preview{margin-inline:0;gap:18px;min-height:155px}
 .node-preview h3{font-size:25px}.node-preview p{font-size:13px}.node-preview>div>span{font-size:11px}
 .quipu-caption{padding-inline:0;font-size:11px}
 .share-copy>p{font-size:17px}.reciprocity-words{font-size:14px}
 .project-hero{gap:10px}.business-identity{min-height:280px;padding:25px;gap:22px}
 .business-logo{height:200px}body[data-project=tukuy-ricuy] .business-logo{height:230px}
 .business-wordmark{font-size:47px}body[data-project] .project-lead{font-size:20px}
 body[data-project] .project-hero h1{font-size:48px;overflow-wrap:normal}
 .project-row strong{font-size:18px}.footer-bottom{font-size:10px}
 .project-tagline{font-size:26px}.showcase-heading{display:block}.showcase-heading p{margin-top:18px}
 .product-gallery,.product-gallery:has(>figure:nth-child(2):last-child){grid-template-columns:1fr;gap:30px}
 .project-showcase{padding-block:25px 45px}.brand-lockup{gap:22px}.brand-lockup .business-logo{width:120px;height:120px}
 .brand-lockup strong{font-size:32px}.product-shot>div{max-height:420px}.showcase-heading h2{font-size:36px}
 .service-concept img{width:100%;max-width:100%}
 .cloud-bank{inset:-30% -90% -10%;animation-duration:23s}.cloud-bank-b{inset:-45% -95% -5%}
}
.conversation-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:clamp(35px,7vw,110px);padding-block:45px 85px}
.conversation-channel{font-size:14px;color:var(--brand-color);display:block;margin-bottom:23px}
.conversation-copy h2{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em}
.conversation-intro{font-size:19px;color:#d1d7db;max-width:30ch;margin-top:24px;line-height:1.6}
.story-controls{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:15px 13px 3px;background:#111f26}
.story-controls[hidden],.chat-scene[hidden],.story-explanation [hidden]{display:none}
.story-controls button{font:inherit;font-size:12px;line-height:1.4;background:transparent;color:#e8edf0;padding:9px 11px;border:1px solid #ffffff38;border-radius:24px;cursor:pointer;transition:background .2s,border-color .2s}
.story-controls button[aria-pressed=true]{background:var(--brand-color);color:var(--brand-bg);border-color:var(--brand-color);font-weight:700}
.story-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.story-explanation{min-height:90px;padding-top:24px;font-size:16px;color:#eef0f1;max-width:43ch;line-height:1.7}
.story-disclaimer{font-size:12px!important;line-height:1.7;color:#adb7c0;max-width:52ch;margin-top:24px}
.conversation-device{margin:0;padding:10px;border:1px solid #ffffff50;border-radius:40px;background:#101b22;box-shadow:0 25px 65px #0004;overflow:hidden;min-width:0}
.device-top{display:flex;justify-content:space-between;padding:8px 21px 17px;font-size:11px;color:#d8e0e4}
.chat-header{display:flex;gap:12px;align-items:center;padding:16px 17px;background:#1c2d36;border-bottom:1px solid #ffffff10}
.chat-header img{object-fit:contain;background:var(--brand-bg);padding:6px;border-radius:50%;width:42px;height:42px;flex-shrink:0}
.chat-header strong{display:block;font-size:15px;font-weight:600;color:#f3f5f6}.chat-header span{display:block;font-size:11px;color:#becbcf;margin-top:4px}
.chat-stage{min-height:352px;padding:25px 17px 18px;background:radial-gradient(ellipse at 80% 15%,#24384055,transparent 65%),#111f26}
.chat-scene{display:flex;flex-direction:column;gap:16px;animation:chat-arrive .3s ease both}
.chat-bubble{font-size:15px!important;line-height:1.55!important;padding:13px 16px;margin:0!important;max-width:92%;color:#f0f4f5;box-shadow:0 2px 4px #0002}
.chat-out{align-self:flex-end;background:#175c4b;border-radius:16px 3px 16px 16px}
.chat-in{align-self:flex-start;background:#293b44;border-radius:3px 16px 16px 16px}
.chat-result{display:flex;gap:11px;align-items:center;border-top:1px solid #ffffff18;padding-top:19px;margin-top:5px;color:var(--brand-color);font-size:13px;line-height:1.5}
.chat-result span{font-size:24px}.chat-result strong{font-weight:500}
.chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;color:#a6b5bd;font-size:11px;background:#1c2d36;border-radius:0 0 22px 22px}
.chat-bottom>span:first-child{font-size:22px}.conversation-device figcaption{text-align:center;font-size:10px;color:#9aabb5;padding:13px 0 7px}
.editorial-service{margin:0;position:relative;overflow:hidden}.editorial-service>img{width:100%;aspect-ratio:3/2;object-fit:cover;max-height:650px}
.editorial-service figcaption{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;row-gap:18px;padding-top:28px}
.editorial-service h2{font-size:clamp(30px,3.4vw,49px);max-width:21ch;line-height:1.14}.editorial-service p{font-size:17px;line-height:1.7;color:#d4dadd;max-width:48ch}.editorial-service small{grid-column:1/-1;font-size:11px;color:#aebbc3}
@keyframes chat-arrive{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.conversation-showcase{grid-template-columns:1fr;gap:28px;padding-top:30px}.conversation-copy h2{font-size:43px}.conversation-intro{font-size:17px;margin-top:17px}.story-controls{margin-top:24px}.story-explanation{min-height:0;padding-top:18px}.story-disclaimer{margin-top:15px}.conversation-device{width:100%;max-width:420px;justify-self:center;border-radius:32px}.chat-stage{min-height:340px;padding:22px 13px}.chat-bubble{font-size:14px!important}.editorial-service figcaption{grid-template-columns:1fr;gap:16px}.editorial-service>img{aspect-ratio:4/5}.editorial-service p{font-size:16px}}
@media(max-width:760px){.conversation-showcase .story-controls{margin-top:0}.conversation-intro{display:none}.conversation-copy h2{font-size:38px}.story-explanation{padding-top:14px}.conversation-showcase{gap:20px}}
@media(prefers-reduced-motion:reduce){.cloud-bank{animation:none;opacity:.18}.cloud-bank-b{display:none}.hero-atmosphere{opacity:.5}.chat-scene{animation:none}.story-controls button{transition:none}}