/* Quetzaltec — primera propuesta. Componentes sin dependencias externas. */
:root{--navy:#08141d;--navy-soft:#0d1d26;--mint:#a5e9bf;--emerald:#55d6a1;--white:#f1f5f2;--muted:#8f9e9f;--line:rgba(201,229,218,.15);--ease:cubic-bezier(.22,1,.36,1);--container:1240px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}a,button,summary,input,select,textarea{outline-offset:6px}:focus-visible{outline:2px solid var(--mint)}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(36px,4.1vw,56px);line-height:1.12;letter-spacing:-.045em}h3{letter-spacing:-.025em}em{font-style:normal}::selection{background:var(--mint);color:var(--navy)}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 112px));margin-inline:auto}.section{position:relative;scroll-margin-top:0}.section-pad{padding-block:112px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.5}.mint-text{color:var(--mint)}.muted{color:var(--muted)}.section-index{font-family:monospace;color:var(--emerald);font-size:11px;letter-spacing:0;margin-right:8px}.status-dot,.tiny-dot{height:6px;width:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(165,233,191,.07)}.skip-link{position:fixed;left:16px;top:10px;padding:12px 20px;background:var(--mint);color:var(--navy);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.scroll-progress{height:2px;position:fixed;left:0;top:0;right:0;background:var(--mint);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
/* Referencias de marca: plumas del quetzal y acentos dorados discretos. */
:root{--gold:#b7a06b}
.hero::before{content:"";position:absolute;right:-8%;top:35px;width:650px;height:780px;background:url("pluma-quetzal.svg") center/contain no-repeat;opacity:.28;pointer-events:none;transform:rotate(12deg);animation:plume-sway 18s ease-in-out infinite}
.hero .hero-grid,.hero .hero-bottom{position:relative;z-index:1}
.wordmark .brand-dot{color:var(--gold)}
.hero .art-coordinate{color:#aa9870}
@keyframes plume-sway{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(8deg) translateY(-12px)}}
@media(max-width:700px){.hero::before{width:410px;height:620px;top:410px;right:-140px;opacity:.23}}
@media(max-width:370px){.hero #hero-title{font-size:49px}}
/* Navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:40;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.scrolled{background:rgba(8,20,29,.94);backdrop-filter:blur(18px);border-color:var(--line)}.header-inner{height:94px;display:flex;align-items:center;gap:30px}.wordmark{font-size:31px;letter-spacing:-.075em;font-weight:600;line-height:1.15;white-space:nowrap}.brand-dot{color:var(--mint);margin-left:1px}.brand-logo{max-height:46px;max-width:200px;object-fit:contain}.navigation{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px}.navigation>a{color:#b6c0be;transition:color .2s}.navigation>a:hover,.navigation>a.active{color:var(--white)}.navigation .nav-contact{border:1px solid rgba(165,233,191,.4);border-radius:5px;display:flex;align-items:center;gap:25px;padding:10px 16px;color:var(--mint)}.navigation .nav-contact:hover{background:var(--mint);color:var(--navy)}.nav-contact .icon{height:17px;width:17px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;padding:5px;color:var(--muted);border-radius:4px}.icon-button:hover{color:var(--mint);background:rgba(165,233,191,.07)}.motion-toggle .icon{width:15px;height:15px}.menu-toggle{display:none}.menu-toggle span{width:21px;height:1px;background:currentColor;transition:transform .25s;position:absolute}.menu-toggle span+span{transform:translateY(7px)}.menu-toggle span:first-child{transform:translateY(-3px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:rotate(-45deg)}
/* Shared controls */
.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:52px;padding:15px 24px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;letter-spacing:.005em;transition:background .25s,transform .25s,box-shadow .25s;line-height:1.3}.button .icon{width:18px;height:18px}.button:hover:not(:disabled){transform:translateY(-3px)}.button-mint{background:var(--mint);color:#10221b}.button-mint:hover{background:#c0f5d3;box-shadow:0 6px 26px rgba(85,214,161,.12)}.button-outline{border-color:rgba(165,233,191,.5);color:var(--mint);background:transparent}.button-outline:hover:not(:disabled){background:rgba(165,233,191,.08)}.button:disabled{opacity:.43}.text-link,.small-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:500}.text-link .icon,.small-link .icon{width:17px;height:17px;transition:transform .25s}.text-link:hover .icon,.small-link:hover .icon{transform:translate(3px,-3px)}.text-link{color:#d3dcd6}.small-link{color:var(--mint);margin-top:25px}.text-link:hover{color:var(--mint)}
/* Hero */
.hero{padding-top:160px;overflow:hidden;background:radial-gradient(ellipse at 92% 37%,rgba(22,62,57,.18),transparent 48%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:center;min-height:548px}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.hero-copy>.eyebrow{color:#b5c3bf;margin-bottom:29px}.hero h1{font-size:clamp(65px,6.55vw,94px);line-height:.99;letter-spacing:-.065em}.hero-line{display:block;overflow:hidden;padding-bottom:7px;margin-bottom:-7px}.hero-line>span,.hero-line>em{display:block}.hero h1 em{color:var(--mint)}.hero-description{font-size:15px;line-height:1.8;color:#a5b4b3;max-width:390px;margin-top:26px}.hero-ctas{display:flex;gap:25px;align-items:center;margin-top:31px}.hero-ctas .text-link{font-size:11px;gap:11px}.hero-ctas .button{padding:16px 21px;gap:22px}.audience{margin-top:44px;display:flex;align-items:center;gap:24px}.audience>span{font-size:8px;letter-spacing:.12em;color:#859891;max-width:69px;line-height:1.6}.audience p{display:flex;align-items:center;gap:13px;font-size:10px;color:#bbc8c1}.audience i{width:3px;height:3px;background:#4f7666;border-radius:50%}.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0}.art-inner{position:absolute;width:130%;max-width:770px;left:-8%;top:8%;animation:float 8s ease-in-out infinite;z-index:-1}.art-inner img{width:100%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 60% 48% at 50% 50%,#000 36%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 60% 48% at 50% 50%,#000 36%,transparent 92%)}.art-orbit{position:absolute;width:430px;height:430px;border:1px solid rgba(110,200,155,.11);border-radius:50%;z-index:-2}.orbit-one{transform:rotate(-30deg) scaleX(.84);animation:orbit 38s linear infinite}.orbit-one::after{content:"";position:absolute;top:55px;left:53px;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 16px rgba(165,233,191,.55)}.orbit-two{width:520px;height:520px;border-style:dashed;opacity:.45;transform:scaleY(.83) rotate(15deg)}.art-topline{position:absolute;top:8px;left:52px;right:0;display:flex;align-items:center;justify-content:space-between;color:#758b82;font-size:8px;letter-spacing:.18em}.art-topline .icon{color:var(--mint);width:26px;height:26px}.art-label{position:absolute;display:flex;align-items:center;gap:12px;font-size:10px;color:#dbe9df;backdrop-filter:blur(12px);border:1px solid rgba(165,233,191,.16);background:rgba(12,32,33,.75);border-radius:6px}.art-label-top{top:97px;left:18px;padding:12px 17px;animation:float 9s ease-in-out 1s infinite}.art-label-top .tiny-dot{width:4px;height:4px}.art-label-bottom{bottom:66px;right:-3px;padding:16px 26px 16px 17px;animation:float 10s ease-in-out 2s infinite;font-size:12px;line-height:1.6;color:#a8bdb3}.art-label-bottom .icon{width:30px;height:30px;color:var(--mint);margin-right:7px}.art-label-bottom strong{font-weight:500;color:var(--white)}.art-coordinate{position:absolute;left:63px;bottom:26px;font-family:monospace;font-size:9px;letter-spacing:.15em;color:#617b6f}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-block:24px 29px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.15em;color:#72877f}.hero-bottom>a{display:flex;align-items:center;gap:20px;color:#a1b1a9}.hero-bottom .icon{height:16px;width:16px;color:var(--mint)}
.service-ribbon{padding-block:29px;overflow:hidden;border-bottom:1px solid var(--line)}.ribbon-track{display:flex;width:max-content;animation:marquee 42s linear infinite}.ribbon-track>span{display:flex;align-items:center;gap:35px;white-space:nowrap;padding-right:35px;font-size:20px;font-weight:400;letter-spacing:-.02em;color:#a3b6ad}.ribbon-track b{font-weight:400;color:var(--mint);font-size:26px}
/* Solutions */
.section-heading{margin-bottom:50px}.section-heading .eyebrow{margin-bottom:27px;color:#b4c5bc}.heading-split{display:flex;justify-content:space-between;gap:36px;align-items:flex-end}.heading-split h2{font-size:clamp(34px,3.4vw,47px)}.heading-split>p{color:var(--muted);font-size:12px;line-height:1.8;padding-bottom:4px;max-width:280px}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line)}.service-row summary{list-style:none;display:grid;grid-template-columns:55px 1.05fr 1fr 44px;gap:21px;align-items:center;padding-block:29px;cursor:pointer}.service-row summary::-webkit-details-marker{display:none}.service-number{font-family:monospace;font-size:11px;color:#758c81;align-self:start;padding-top:7px}.service-row h3{font-size:28px;line-height:1.2;transition:color .25s}.service-subtitle{display:block;color:#94a59d;font-size:10px;letter-spacing:0;font-weight:400;margin-top:10px}.service-row summary>p{color:#9eafa7;font-size:12px;max-width:292px;line-height:1.8}.expand-icon{height:37px;width:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:transform .3s,background .3s}.expand-icon .icon{width:17px;height:17px;color:var(--mint)}.service-row[open] .expand-icon{transform:rotate(45deg);background:rgba(165,233,191,.07)}.service-row:hover h3,.service-row[open] h3{color:var(--mint)}.service-row[open] .service-number{color:var(--mint)}.service-body{display:grid;grid-template-columns:1.05fr 1fr;gap:21px;margin-left:76px;margin-right:65px;padding:0 0 31px;animation:detail-in .35s var(--ease)}.service-description{display:flex;gap:23px;padding:0 28px 0 0;align-items:flex-start}.service-description p{font-size:12px;line-height:1.9;color:#9aafa3}.service-symbol{width:25px;height:25px;color:var(--emerald);margin-top:5px}.service-tags{padding:0;margin:0;list-style:none;display:flex;gap:7px;flex-wrap:wrap}.service-tags li{border:1px solid rgba(165,233,191,.2);border-radius:4px;color:#b2c9ba;padding:6px 9px;font-size:9px}.service-body .small-link{font-size:10px}
/* Approach */
.approach{background:radial-gradient(ellipse at 18% 48%,rgba(55,121,83,.12),transparent 65%),#0a1b20;color:var(--white);padding:80px 0;border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.approach-visual{position:relative;overflow:hidden;border-radius:7px;background:#0a1920;aspect-ratio:1/1.1;align-self:stretch;min-height:480px;color:var(--white)}.approach-visual img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:55% 33%;opacity:.72;mask-image:linear-gradient(transparent 0%,#000 15%,#000 66%,transparent 92%)}.visual-top{position:absolute;top:27px;left:28px;right:28px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#b2c8ba}.visual-top .icon{width:22px;height:22px;color:var(--mint)}.approach-visual>p{position:absolute;left:32px;bottom:62px;font-size:34px;line-height:1.12;letter-spacing:-.04em}.approach-visual>p em{color:var(--mint)}.visual-bottom{position:absolute;bottom:27px;left:32px;letter-spacing:.11em;font-size:7px;color:#8ba394}.approach-copy .eyebrow{color:#a8c7b3;margin-bottom:24px}.approach-copy .section-index{color:var(--emerald)}.approach-copy h2{font-size:clamp(35px,3.6vw,48px)}.approach-copy h2>span{color:var(--mint)}.approach-intro{margin-top:20px;color:#a7bcb0;font-size:13px;line-height:1.8;max-width:355px}.principles{margin-top:27px}.principle{display:flex;gap:21px;padding-block:20px;border-top:1px solid var(--line)}.principle>span{color:#85af99;font-family:monospace;font-size:10px;margin-top:4px}.principle h3{font-size:17px;letter-spacing:-.02em;margin-bottom:7px}.principle p{font-size:11px;line-height:1.8;color:#a7bcb0;max-width:330px}.approach :focus-visible{outline-color:var(--mint)}
/* Process */
.process{padding-bottom:116px}.process .heading-split h2{font-size:clamp(34px,3.4vw,47px)}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;position:relative;margin-top:67px}.process-line{position:absolute;left:0;right:0;height:1px;top:62px;background:var(--line)}.process-line>span{position:absolute;inset:0;background:var(--emerald);transform-origin:left;transform:scaleX(var(--process-progress,0));transition:transform .7s var(--ease)}.step-mark{height:95px;position:relative}.step-mark>span:first-child{font-size:44px;letter-spacing:-.05em;font-weight:400;color:#60796b;transition:color .5s}.step-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#2f5543;left:0;top:59px;box-shadow:0 0 0 5px var(--navy);transition:background .4s}.process-step.is-visible .step-mark>span:first-child{color:var(--mint)}.process-step.is-visible .step-dot{background:var(--mint)}.process-step h3{font-size:22px;margin-bottom:12px}.process-step>p{font-size:12px;line-height:1.8;color:#91a69a;max-width:220px}.step-output{display:block;font-size:7px;letter-spacing:.13em;color:#739180;margin-top:27px}
/* Content formats */
.content-section{padding-block:80px 90px;background:#0e2026;overflow:hidden;border-block:1px solid rgba(165,233,191,.08)}.content-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}.content-copy .eyebrow{margin-bottom:26px;color:#a9bdb1}.content-copy h2{font-size:clamp(38px,4vw,55px);line-height:1.09}.content-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#9cb0a3;max-width:330px;margin-top:26px}.content-copy .text-link{color:var(--mint);margin-top:28px;font-size:11px}.format-composition{position:relative;height:437px;perspective:1000px}.format-card{position:absolute;border-radius:7px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.26);transition:transform .7s var(--ease)}.format-story{width:209px;height:352px;left:9px;top:30px;background:#ace9bd;color:#123727;transform:rotate(-8deg);z-index:2;display:flex;flex-direction:column;padding:19px}.format-meta{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.11em;position:relative;z-index:2}.format-story>strong{font-size:39px;line-height:.99;letter-spacing:-.055em;position:relative;margin-top:auto;margin-bottom:40px;font-weight:500;z-index:2}.format-story>strong em{color:#378457}.story-circle{position:absolute;width:260px;height:260px;border:1px solid rgba(19,65,42,.25);border-radius:50%;left:42px;top:18px;animation:story-orbit 13s linear infinite}.story-circle::before,.story-circle::after{content:"";position:absolute;inset:24px;border:1px solid rgba(19,65,42,.22);border-radius:50%}.story-circle::after{inset:49px}.story-circle::before{box-shadow:-65px 45px 0 -54px #24603e}.story-bottom{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.11em;z-index:2}.story-bottom .icon{width:17px;height:17px}.format-wide{width:343px;height:215px;right:-4px;top:113px;background:#07171e;border:1px solid #2c5442;transform:rotate(8deg);padding:17px;color:#b3d1bd}.wide-graphic{position:absolute;inset:30px 40px;display:grid;place-items:center}.wide-graphic i{position:absolute;width:125px;height:125px;border:1px solid #284e3b;border-radius:50%;transform:rotate(-25deg) scaleX(.8)}.wide-graphic i:nth-child(2){transform:rotate(35deg) scaleX(.8);width:166px;height:166px;border-color:#34664a}.wide-graphic i:nth-child(3){transform:rotate(80deg) scaleX(.8);width:205px;height:205px;border-color:#1c352c}.wide-graphic>.icon{width:32px;height:32px;color:var(--mint);stroke-width:1}.wide-caption{position:absolute;bottom:17px;left:17px;font-size:6px;letter-spacing:.13em;color:#6f987f}.format-note{font-size:6px;letter-spacing:.12em;position:absolute;bottom:5px;left:48px;color:#809c8b}.format-composition:hover .format-story{transform:rotate(-4deg) translateY(-8px)}.format-composition:hover .format-wide{transform:rotate(4deg) translateX(9px)}
/* Questions */
.faq{padding-block:103px 112px}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-grid .eyebrow{color:#a8bfb0;margin-bottom:23px}.faq-grid h2{font-size:47px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding-block:23px}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:13px;color:#d4dfd8}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:17px;height:17px;color:var(--mint);transition:transform .3s}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-item>p{font-size:12px;line-height:1.9;color:#97ad9e;padding-top:17px;max-width:440px;animation:detail-in .3s var(--ease)}
/* Contact */
.contact{padding-block:0 80px}.contact-shell{background:radial-gradient(ellipse at 5% 10%,rgba(59,122,79,.13),transparent 65%),#10231f;border:1px solid rgba(139,208,162,.18);border-radius:8px;padding:57px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-copy{display:flex;flex-direction:column;align-items:flex-start}.contact-copy .eyebrow{font-size:8px;color:#a6c3ad;margin-top:4px;margin-bottom:29px;gap:11px}.contact-copy h2{font-size:clamp(40px,4.1vw,55px);line-height:1.1}.contact-copy h2>span{color:var(--mint)}.contact-copy>p:not(.eyebrow){color:#9bb39f;font-size:12px;line-height:1.9;margin-top:25px}.contact-copy>.button{margin-top:31px;gap:20px;padding:13px 21px;min-height:49px}.contact-copy>.button .icon:first-child{width:21px;height:21px}.contact-email{font-size:12px;color:var(--mint);margin-top:18px;word-break:break-word}.contact-signature{display:block;font-size:7px;letter-spacing:.14em;color:#6e957b;margin-top:auto;padding-top:65px}.form-kicker{font-size:7px;letter-spacing:.13em;color:#74957c;margin-bottom:9px}.contact-form-wrap>h3{font-size:22px;letter-spacing:-.025em;margin-bottom:14px}.preview-note{font-size:10px;line-height:1.7;padding:10px 13px;border-left:2px solid #6b9f7b;color:#a6bda9;background:rgba(165,233,191,.045);margin-bottom:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field>label{display:block;color:#b1c5b7;font-size:10px;margin-bottom:7px}.field>label>span{color:#8bbc99}.field input,.field select,.field textarea{width:100%;padding:11px 12px;background:rgba(2,15,12,.25);border:1px solid rgba(173,206,181,.19);border-radius:4px;color:#d4e9d8;font-size:11px;line-height:1.5;transition:border-color .2s;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);outline:1px solid var(--mint);outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:#739480;opacity:1}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398b8a4' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.field select option{background:#10231f}.field textarea{resize:vertical;min-height:82px;max-height:350px}.form-submit{width:100%;justify-content:space-between;min-height:47px;padding-block:13px}.form-footnote{font-size:8px;line-height:1.8;color:#84a18b;margin-top:11px}.form-feedback{font-size:11px;color:#efbda6;line-height:1.6;margin-bottom:11px}.form-feedback:empty{display:none}.form-feedback.success{color:var(--mint)}.field .invalid{border-color:#f0b699}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Footer and draft */
.site-footer{padding-bottom:25px}.footer-main{display:flex;align-items:center;padding:20px 0 43px;gap:70px;border-bottom:1px solid var(--line)}.footer-main>p{color:#7d9987;font-size:10px;line-height:1.8}.footer-main .wordmark{font-size:32px}.back-top{display:flex;align-items:center;gap:22px;margin-left:auto;color:#a5b9ac;font-size:10px}.back-top .icon{width:16px;height:16px;color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;color:#5f7c6a;font-size:7px;letter-spacing:.04em}.footer-bottom>span:nth-child(2){letter-spacing:.14em}.draft-dialog{width:min(570px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:#0d2520;border:1px solid #427254;border-radius:10px;padding:30px;color:var(--white);box-shadow:0 35px 100px #0008}.draft-dialog::backdrop{background:rgba(3,12,16,.8);backdrop-filter:blur(8px)}.draft-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.draft-top .eyebrow{font-size:8px;color:#9cbea6}.draft-dialog h2{font-size:34px}.draft-dialog>p{font-size:11px;color:#a6bfad;margin-top:15px}.draft-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:33dvh;overflow:auto;font-family:inherit;background:rgba(0,0,0,.18);padding:17px;border:1px solid #244c35;border-radius:5px;margin:23px 0;font-size:12px;line-height:1.8}.draft-dialog>.button{width:100%;justify-content:space-between}.draft-dialog>#copy-status{min-height:18px;margin-top:10px}
/* Motion: hidden only once the observer is ready. */
.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease) var(--delay,0ms),transform .9s var(--ease) var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .hero-line>span,.motion-ready .hero-line>em{transform:translateY(112%);animation:hero-in 1.1s var(--ease) .12s forwards}.motion-ready .hero-line:nth-child(2)>span{animation-delay:.22s}.motion-ready .hero-line:nth-child(3)>em{animation-delay:.32s}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}body.motion-paused .reveal{opacity:1!important;transform:none!important}body.motion-paused .hero-line>span,body.motion-paused .hero-line>em{transform:none!important}.motion-paused .process-line>span{transform:scaleX(1)}.motion-paused .step-mark>span:first-child,.motion-paused .step-dot{color:var(--mint)}
@keyframes hero-in{to{transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbit{from{transform:rotate(-30deg) scaleX(.84)}to{transform:rotate(330deg) scaleX(.84)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes story-orbit{to{transform:rotate(360deg)}}@keyframes detail-in{from{opacity:.3;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Tablet */
@media(min-width:1500px){.hero{padding-top:180px}.hero-grid{min-height:590px}.hero-art{height:550px}.art-inner{top:7%}}
@media(max-width:1150px){.container{width:calc(100% - 80px)}.navigation{gap:24px}.header-inner{gap:20px}.hero h1{font-size:76px}.hero-ctas{gap:19px;flex-wrap:wrap}.hero-art{height:475px}.art-inner{top:12%;width:140%;left:-15%}.art-orbit{width:340px;height:340px}.orbit-two{width:430px;height:430px}.art-topline{left:24px}.art-label-top{left:-2px;top:90px}.art-label-bottom{bottom:69px;right:-9px}.approach-grid{gap:48px}.approach-visual{min-height:480px;aspect-ratio:auto}.contact-shell{padding:42px;gap:45px}.contact-copy h2{font-size:46px}.format-story{left:0}.format-wide{width:300px;right:-18px}.format-note{left:12px}.process-track{gap:27px}.faq-grid{gap:60px}.service-row h3{font-size:25px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.navigation{gap:19px}.navigation>a{font-size:11px}.navigation .nav-contact{gap:15px;padding:9px 12px}.wordmark{font-size:27px}.header-inner{gap:13px}.hero h1{font-size:65px}.hero-description{max-width:340px;font-size:14px}.hero-grid{min-height:510px}.hero{padding-top:143px}.hero-art{height:420px}.art-label-top{font-size:9px;padding:10px 11px;top:73px;left:7px}.art-label-bottom{font-size:10px;padding:12px 14px;bottom:54px;right:-8px}.art-label-bottom .icon{width:22px;height:22px}.art-topline{top:3px;font-size:7px}.art-coordinate{bottom:10px;left:29px}.art-inner{top:16%;width:150%;left:-20%}.art-orbit{width:300px;height:300px}.orbit-two{width:350px;height:350px}.hero-ctas{flex-direction:column;align-items:flex-start;gap:20px}.audience{gap:17px;margin-top:32px}.audience p{gap:9px;font-size:9px}.hero-bottom{margin-top:30px}.section-pad{padding-block:85px}.heading-split{align-items:flex-start}.heading-split>p{max-width:205px;font-size:11px}.heading-split h2{font-size:34px}.service-row summary{grid-template-columns:35px 1.1fr 1fr 32px;gap:14px}.service-row h3{font-size:24px}.service-row summary>p{font-size:11px}.expand-icon{width:32px;height:32px}.service-body{margin-left:49px;margin-right:46px;gap:14px}.service-description{gap:15px;padding-right:10px}.service-description p{font-size:11px}.service-tags li{font-size:8px}.approach-grid{gap:35px}.approach{padding-block:60px}.approach-visual{min-height:477px}.approach-visual>p{font-size:30px;left:24px;bottom:61px}.visual-bottom{left:24px;font-size:6px}.visual-top{left:24px;right:24px}.approach-copy h2{font-size:35px}.approach-intro{font-size:12px}.principle{gap:16px;padding-block:17px}.principle h3{font-size:15px}.principle p{font-size:10px}.content-grid{gap:25px}.content-copy h2{font-size:39px}.content-copy .eyebrow{font-size:8px;gap:8px}.content-copy .section-index{font-size:9px;margin-right:2px}.format-story{width:177px;height:311px;top:36px;left:11px}.format-story>strong{font-size:33px}.format-wide{width:242px;height:179px;top:136px;right:-13px}.format-composition{height:390px}.format-meta{font-size:5px}.wide-graphic{inset:25px 30px}.wide-graphic i:nth-child(3){width:157px;height:157px}.wide-graphic i:nth-child(2){width:127px;height:127px}.wide-graphic i{width:96px;height:96px}.format-note{bottom:10px;font-size:5px}.contact-shell{gap:28px;padding:32px}.contact-copy h2{font-size:39px}.contact-copy .eyebrow{font-size:6px;gap:8px}.contact-copy>p:not(.eyebrow){font-size:11px}.contact-form-wrap>h3{font-size:20px}.contact-signature{font-size:6px}.form-row{grid-template-columns:1fr;gap:0}.faq-grid h2{font-size:40px}.faq-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.process-track{gap:22px}.process-step h3{font-size:20px}.process-step>p{font-size:11px}.step-output{font-size:6px}.footer-main{gap:45px}}
/* Mobile */
@media(max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{height:76px;justify-content:space-between}.wordmark{font-size:29px}.header-actions{margin-left:auto;gap:8px}.menu-toggle{display:grid;width:35px;height:35px;position:relative;color:var(--white)}.navigation{display:none;position:absolute;top:75px;left:0;right:0;background:#0d1d25;padding:23px 20px 30px;box-shadow:0 30px 35px #0005;border-bottom:1px solid var(--line);gap:0}.navigation.open{display:flex;flex-direction:column;align-items:stretch}.navigation>a{font-size:16px;padding:15px 4px}.navigation .nav-contact{margin-top:12px;padding:14px 16px;justify-content:space-between;font-size:14px}.site-header:has(.navigation.open){background:#0d1d25}.motion-toggle{width:30px}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-bottom:0}.hero-copy>.eyebrow{font-size:9px;gap:11px;margin-bottom:27px}.hero h1{font-size:clamp(60px,12.8vw,88px);line-height:1.01;letter-spacing:-.065em}.hero-description{font-size:14px;margin-top:24px;max-width:340px}.hero-ctas{flex-direction:row;gap:24px;flex-wrap:wrap;margin-top:28px;align-items:center}.hero-ctas .button{min-height:51px;padding:15px 20px;gap:23px;font-size:11px}.hero-ctas .text-link{font-size:10px;gap:8px}.audience{margin-top:32px;gap:25px}.audience>span{font-size:7px}.audience p{font-size:10px;gap:14px}.hero-art{height:365px;width:100%;margin-top:32px;max-width:500px;margin-inline:auto}.art-inner{width:127%;left:-12%;top:1%}.art-topline{top:2px;left:19px;right:5px;font-size:6px}.art-topline .icon{width:21px;height:21px}.art-orbit{width:290px;height:290px;left:calc(50% - 145px);top:27px}.orbit-two{width:330px;height:330px;left:calc(50% - 165px);top:9px}.art-label-top{top:57px;left:8px;font-size:9px;padding:10px 13px}.art-label-bottom{bottom:32px;right:5px;font-size:11px;padding:12px 16px}.art-coordinate{left:24px;bottom:1px;font-size:7px}.hero-bottom{margin-top:21px;padding-block:18px 23px;font-size:6px;letter-spacing:.09em;gap:20px}.hero-bottom>a{gap:12px}.hero-bottom>a>span{max-width:74px;text-align:right;line-height:1.5}.hero-bottom>span{max-width:160px;line-height:1.6}.service-ribbon{padding-block:20px}.ribbon-track>span{font-size:18px;gap:23px;padding-right:23px}.ribbon-track b{font-size:22px}.section-pad{padding-block:72px}.section-heading{margin-bottom:33px}.section-heading .eyebrow{margin-bottom:23px;font-size:8px;gap:8px}.section-index{font-size:9px;margin-right:4px}.heading-split{display:block}.heading-split h2,.process .heading-split h2{font-size:clamp(29px,7.5vw,42px);line-height:1.15}.heading-split>p{font-size:12px;margin-top:21px;max-width:300px;line-height:1.8}.heading-split>p br{display:none}.service-row summary{grid-template-columns:28px 1fr 32px;gap:12px;padding-block:24px}.service-number{font-size:9px;padding-top:6px}.service-row h3{font-size:26px}.service-subtitle{font-size:9px;margin-top:8px}.service-row summary>p{display:none}.service-body{grid-template-columns:1fr;margin-left:40px;margin-right:0;gap:19px;padding-bottom:26px}.service-description{gap:16px;padding-right:15px}.service-description p{font-size:12px;line-height:1.8}.service-symbol{width:22px;height:22px}.service-tags li{font-size:9px;padding:6px 8px}.service-body .small-link{font-size:11px;margin-top:20px}.approach{padding-block:54px}.approach-grid{grid-template-columns:1fr;gap:40px}.approach-visual{min-height:0;aspect-ratio:1.13;max-width:500px;width:100%;margin-inline:auto}.approach-visual img{object-position:50% 28%}.approach-visual>p{font-size:31px;bottom:56px}.visual-top{top:23px;left:24px;right:24px}.visual-bottom{left:24px;bottom:23px;font-size:6px}.approach-copy .eyebrow{font-size:8px;gap:9px}.approach-copy h2{font-size:37px}.approach-intro{max-width:340px;font-size:13px}.principles{margin-top:26px}.principle{padding-block:22px;gap:23px}.principle h3{font-size:18px}.principle p{font-size:12px;max-width:none}.process-track{grid-template-columns:1fr;gap:36px;margin-top:38px;padding-left:0}.process-line{top:0;bottom:0;left:16px;right:auto;width:1px;height:auto}.process-line>span{transform:scaleY(var(--process-progress,0));transform-origin:top}.process-step{padding-left:52px;position:relative}.step-mark{height:auto;margin-bottom:5px}.step-mark>span:first-child{font-size:21px;color:var(--mint)}.step-dot{position:absolute;width:7px;height:7px;left:-39px;top:14px}.process-step h3{font-size:24px;margin-bottom:9px}.process-step>p{max-width:300px;font-size:13px;line-height:1.8}.step-output{font-size:7px;margin-top:15px}.content-section{padding-block:60px 55px}.content-grid{grid-template-columns:1fr;gap:28px}.content-copy .eyebrow{font-size:8px;gap:8px}.content-copy h2{font-size:43px}.content-copy>p:not(.eyebrow){font-size:13px;max-width:350px}.content-copy .text-link{font-size:12px;margin-top:25px}.format-composition{height:379px;width:100%;max-width:440px;margin-inline:auto}.format-story{left:15px;top:16px;width:180px;height:304px}.format-story>strong{font-size:35px}.format-wide{width:255px;height:184px;top:106px;right:4px}.format-note{left:15px;bottom:8px;font-size:6px}.format-meta{font-size:5px}.faq-grid{grid-template-columns:1fr;gap:31px}.faq-grid h2{font-size:37px}.faq-grid .eyebrow{font-size:8px;margin-bottom:20px}.faq-grid h2 br{display:none}.faq-item{padding-block:22px}.faq-item summary{font-size:13px;gap:24px}.faq-item>p{font-size:12px;max-width:none}.contact{padding-bottom:55px}.contact-shell{padding:29px 22px;grid-template-columns:1fr;gap:43px;border-radius:6px}.contact-copy .eyebrow{font-size:7px;gap:10px;margin-bottom:25px}.contact-copy h2{font-size:41px;line-height:1.12}.contact-copy>p:not(.eyebrow){font-size:12px;margin-top:21px}.contact-copy>.button{margin-top:24px}.contact-signature{display:none}.contact-form-wrap{border-top:1px solid var(--line);padding-top:29px}.form-kicker{font-size:7px}.contact-form-wrap>h3{font-size:23px}.preview-note{font-size:10px;margin-bottom:23px}.field>label{font-size:11px}.field input,.field select,.field textarea{font-size:16px;padding:12px;min-height:46px}.field input::placeholder,.field textarea::placeholder{font-size:13px}.field textarea{min-height:110px}.form-row{grid-template-columns:1fr}.form-footnote{font-size:9px}.form-submit{min-height:49px;font-size:12px}.footer-main{padding:12px 0 28px;gap:20px;flex-wrap:wrap;justify-content:space-between}.footer-main .wordmark{font-size:30px}.footer-main>p{font-size:9px;margin-left:auto}.back-top{margin-left:0;font-size:10px;width:100%;justify-content:space-between;padding-top:12px}.footer-bottom{font-size:7px;gap:15px;align-items:center;padding-top:21px}.footer-bottom>span:nth-child(2){display:none}.draft-dialog{padding:24px}.draft-dialog h2{font-size:31px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:58px}.hero-ctas{gap:18px;align-items:flex-start;flex-direction:column}.hero-art{height:320px}.art-inner{top:5%}.art-orbit{width:260px;height:260px;left:calc(50% - 130px)}.orbit-two{width:290px;height:290px;left:calc(50% - 145px)}.art-label-bottom{bottom:21px}.contact-shell{padding:25px 18px}.contact-copy h2{font-size:35px}.format-story{left:5px;width:160px;height:284px}.format-story>strong{font-size:31px}.format-wide{width:225px;right:-4px;top:101px}.content-copy h2{font-size:38px}.service-row h3{font-size:24px}.service-subtitle{font-size:8px}.audience{gap:14px}.audience p{font-size:9px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal,.motion-ready .hero-line>span,.motion-ready .hero-line>em{opacity:1!important;transform:none!important}.process-line>span{transform:scaleX(1)}.format-composition:hover .format-story{transform:rotate(-8deg)}.format-composition:hover .format-wide{transform:rotate(8deg)}}