:root{--dark:#0e0d0c;--dark-soft:#151311;--card:#1b1816;--light:#f5f1ec;--white:#faf8f5;--ink:#141210;--light-text:#f7f3ee;--muted-dark:#a79f97;--muted:#6e665f;--accent:#c98c68;--accent-light:#e7c0a8;--accent-dark:#9c6042;--border-dark:rgba(255,255,255,.1);--border-light:rgba(20,18,16,.12);--radius:12px;--container:1440px;--pad:56px;--ease:220ms cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--ink);font-family:"Manrope","Inter",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.035em}h1{margin:16px 0 24px;font-size:clamp(56px,5.2vw,82px);line-height:.98;letter-spacing:-.045em}h1 em{color:var(--accent);font-weight:500}h2{margin:0;font-size:44px;line-height:1.05}h3{font-size:20px;line-height:1.25}.container{width:min(100%,var(--container));margin:auto;padding-inline:var(--pad)}.dark{background:var(--dark);color:var(--light-text)}.light{background:var(--light)}.section{padding-block:120px}.eyebrow{margin-bottom:16px;color:var(--accent);font-size:11px;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;height:48px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:500;transition:transform var(--ease),background-color var(--ease),border-color var(--ease),box-shadow var(--ease)}.button[data-modal-open]{cursor:pointer}.button span{transition:transform var(--ease)}.button:hover{transform:translateY(-2px)}.button:hover span{transform:translateX(4px)}.button-light{background:var(--accent-light);color:var(--ink)}.button-light:hover{background:#f0d0bc;box-shadow:0 10px 30px rgba(201,140,104,.16)}.button-outline{border-color:rgba(247,243,238,.55);color:var(--light-text)}.button-accent{background:linear-gradient(90deg,var(--accent-light),#d8a580);color:var(--ink)}.button-dark{background:var(--dark);color:var(--light-text)}.small{height:42px;padding-inline:18px;font-size:13px}.dark-outline{border-color:rgba(20,18,16,.55);color:var(--ink)}
.hero{position:relative;min-height:768px;overflow:hidden;background:radial-gradient(circle at 74% 17%,rgba(201,140,104,.18),transparent 36%),var(--dark)}.header{position:relative;z-index:100;display:flex;height:84px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.08em}.brand i{color:var(--accent-light);font-size:24px;font-weight:600;line-height:1;transform:skew(-18deg)}.desktop-nav{display:flex;gap:52px;font-size:13px;font-weight:500;color:rgba(255,255,255,.76)}.desktop-nav a:hover{color:var(--light-text)}.header-cta{height:40px;padding-inline:18px}.menu-button,.mobile-nav{display:none}.hero-inner{position:relative;min-height:684px;padding-top:70px}.hero-copy{position:relative;z-index:5;width:45%}.lead{max-width:510px;color:var(--muted-dark);font-size:18px}.actions{display:flex;gap:16px;margin-top:28px}.hero-art{position:absolute;z-index:1;inset:-10px 0 0 42%;overflow:hidden}.planet{position:absolute;top:-80px;right:2%;width:480px;aspect-ratio:1;border:1px solid rgba(231,192,168,.58);border-radius:50%;background:radial-gradient(circle at 23% 18%,#76503c 0,rgba(33,27,24,.8) 16%,#0d0d0d 67%);box-shadow:-30px -12px 70px rgba(201,140,104,.18)}.orbit{position:absolute;top:78px;left:12%;width:480px;height:330px;border:1px solid rgba(201,140,104,.55);border-radius:50%}.peak{position:absolute;bottom:-100px;background:linear-gradient(145deg,#261d19,#080808 62%);filter:drop-shadow(0 -8px 10px rgba(201,140,104,.1));transform:rotate(25deg)}.peak-a{left:0;width:340px;height:410px}.peak-b{right:-50px;width:360px;height:390px;transform:rotate(-25deg)}.screen{position:absolute;z-index:3;left:27%;bottom:68px;width:420px;height:245px;border:5px solid #282524;border-radius:8px;background:#0b0d0f;box-shadow:0 30px 60px #000;transform:perspective(800px) rotateX(5deg) rotateY(-8deg) rotateZ(-4deg);padding:22px}.screen-top{width:34%;height:7px;border-radius:8px;background:#9b674d}.screen-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:25px}.screen-grid b{height:66px;border:1px solid #343231;border-radius:5px;background:linear-gradient(135deg,#191b1f,#2d211b)}.art-copy{position:absolute;top:170px;right:5%;font-size:11px;line-height:1.65;letter-spacing:.25em}.hero-metrics{position:absolute;z-index:5;bottom:47px;left:var(--pad);display:flex;gap:90px}.hero-metrics div{display:grid;row-gap:8px}.hero-metrics strong{font-size:28px;font-weight:500}.hero-metrics span{color:var(--muted-dark);font-size:12px}
.trusted{min-height:110px;border-bottom:1px solid var(--border-light)}.trusted-row{display:flex;min-height:110px;align-items:center;gap:86px}.trusted-row>p{margin:0;color:var(--muted);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.logos{display:flex;flex:1;align-items:center;justify-content:space-between;color:rgba(77,73,70,.65);font-size:21px;font-weight:600}.logos a{transition:color var(--ease),transform var(--ease),text-shadow var(--ease)}.logos a:hover,.logos a:focus-visible{color:var(--accent-dark);text-shadow:0 4px 18px rgba(156,96,66,.22);transform:translateY(-2px)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px}.story-visual{position:relative;min-height:620px;overflow:hidden;border-radius:16px;background:linear-gradient(#88929a 0,#d4a98c 28%,#5f5550 29%,#18252b 60%,#0c1317 100%);color:var(--light-text)}.story-visual>p{position:relative;z-index:4;margin:40px;font-size:14px;line-height:1.6;letter-spacing:.16em}.sun{position:absolute;top:150px;left:49%;width:130px;height:60px;border-radius:50%;background:rgba(231,192,168,.35);filter:blur(12px)}.mountains{position:absolute;inset:35% -10% 0;background:linear-gradient(145deg,transparent 25%,#263237 26% 36%,transparent 37%),linear-gradient(215deg,transparent 33%,#162329 34% 58%,transparent 59%),linear-gradient(165deg,transparent 30%,#314047 31% 50%,#10191d 51%);filter:drop-shadow(0 -4px 10px rgba(255,208,177,.12))}.person{position:absolute;z-index:3;bottom:0;left:49%;width:82px;height:220px;border-radius:42px 42px 0 0;background:#080b0c}.person:before{content:"";position:absolute;top:-28px;left:21px;width:42px;height:48px;border-radius:50%;background:#080b0c}.story-bottom{position:absolute;z-index:5;right:30px;bottom:28px;left:30px;display:flex;align-items:end;justify-content:space-between;color:#d1cbc7;font-size:13px}.story-bottom button,.arrows button{width:50px;height:50px;border:1px solid var(--accent-light);border-radius:50%;background:rgba(20,18,16,.6);color:var(--accent-light);cursor:pointer}.about-copy{padding-top:24px}.about-copy>p:not(.eyebrow){max-width:590px;margin:24px 0;color:var(--muted);font-size:17px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:62px}.principles i{color:var(--accent-dark);font-size:28px;font-style:normal}.principles h3{margin:13px 0 8px;font-size:17px}.principles p{margin:0!important;font-size:12px!important;line-height:1.5}
.section-head{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:52px;margin-bottom:32px}.section-head>p{margin:0 0 4px;color:var(--muted-dark);font-size:13px;line-height:1.6}.projects .section-head>p,.results .section-head>p{color:var(--muted)}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.dark-card{border:1px solid var(--border-dark);border-radius:14px;background:var(--card);transition:transform var(--ease),border-color var(--ease),background var(--ease)}.dark-card:hover{transform:translateY(-5px);border-color:rgba(201,140,104,.48);background:#211d1a}.service-grid .dark-card{min-height:250px;padding:28px}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top i,.benefit-grid i{color:var(--accent);font-size:30px;font-style:normal}.card-top i{display:grid;width:32px;height:32px;place-items:center}.card-top svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.card-top span{color:rgba(201,140,104,.45);font-size:18px}.service-grid h3{margin:34px 0 15px}.service-grid p{max-width:30ch;margin:0;color:var(--muted-dark);font-size:13px;line-height:1.55}
.project-grid{grid-template-columns:repeat(3,1fr)}.project{overflow:hidden;border:1px solid rgba(20,18,16,.06);border-radius:12px;background:var(--white);box-shadow:0 14px 40px rgba(20,18,16,.06);transition:transform var(--ease)}.project:hover{transform:translateY(-4px)}.project-visual{position:relative;height:250px;overflow:hidden;background:#0b1015}.dashboard{padding:40px 34px}.ui-panels{height:100%;border:2px solid #26323d;border-radius:8px;background:repeating-linear-gradient(90deg,transparent 0 24%,#293540 25% 25.5%),repeating-linear-gradient(0deg,#101820 0 22%,#26323d 23% 23.8%);box-shadow:0 15px 35px rgba(0,0,0,.45)}.phones{display:flex;align-items:center;justify-content:center;gap:8px;background:#dfd0bf}.phones div{width:84px;height:172px;border:5px solid #121212;border-radius:18px;background:repeating-linear-gradient(0deg,#111 0 18%,#372820 19% 19.8%);box-shadow:0 15px 25px rgba(20,18,16,.22);transform:rotate(-8deg)}.phones div:nth-child(2){height:200px;transform:rotate(7deg)}.phones div:nth-child(3){transform:rotate(15deg)}.project-copy{position:relative;display:flex;min-height:126px;padding:20px}.project-copy h3{margin:0 0 10px;font-size:17px}.project-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.tag{position:absolute;top:18px;right:18px;padding:1px 8px;border:1px solid var(--border-light);border-radius:20px;color:var(--muted);font-size:10px}.project-copy button{display:none}
.benefit-layout{display:grid;grid-template-columns:34% 66%;gap:40px}.benefit-intro .button{margin-top:28px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.benefit-grid .dark-card{display:flex;min-height:132px;gap:22px;padding:28px}.benefit-grid h3{margin:0 0 8px;font-size:17px}.benefit-grid p{margin:0;color:var(--muted-dark);font-size:12px}.results{padding-block:92px}.results .section-head{margin-bottom:50px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.metric-grid div+div{border-left:1px solid var(--border-light)}.metric-grid strong{display:block;color:var(--accent-dark);font-size:42px;font-weight:500;line-height:1}.metric-grid span{color:var(--muted);font-size:12px}
.testimonials{padding-block:70px}.testimonial-layout{display:grid;grid-template-columns:42% 58%;align-items:end;gap:40px}.testimonial-title{display:grid;grid-template-columns:1fr auto}.testimonial-title .eyebrow{grid-column:1/-1}.arrows{display:flex;align-self:end;gap:12px}.arrows button{width:42px;height:42px;border-color:var(--border-dark);color:var(--light-text)}.quote{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:28px}.avatar{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#bf9b84,#332a25);font-size:13px}.quote blockquote{margin:0;font-size:16px;line-height:1.55}.quote footer{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.quote footer span{display:grid}.quote footer b{font-size:12px}.quote footer small{color:var(--muted-dark)}.quote footer strong{color:var(--accent-light);letter-spacing:.16em}
.final-cta{padding-block:40px 62px}.cta-box{display:grid;grid-template-columns:38% 62%;align-items:center}.cta-box>div:first-child{padding-right:30px}.cta-box h2{margin-bottom:14px}.cta-box p:last-child{color:var(--muted);font-size:13px}.cta-art{position:relative;display:flex;height:200px;align-items:center;justify-content:flex-end;overflow:hidden;padding-right:50px;border-radius:14px;background:linear-gradient(100deg,#e5d8cb,#efe9e3)}.cta-peaks{position:absolute;inset:20px 38% -30px 0;background:linear-gradient(140deg,transparent 22%,#6e4d3a 23% 33%,transparent 34%),linear-gradient(220deg,transparent 24%,#a18169 25% 48%,transparent 49%)}.footer{padding-block:36px;border-top:1px solid var(--border-light)}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:50px}.dark-brand{color:var(--ink)}.footer p,.footer a{font-size:11px}.footer p{margin:10px 0 0;color:var(--muted)}.footer nav,.socials{display:flex;gap:30px}.footer-right{text-align:right}.socials{justify-content:flex-end}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 600ms cubic-bezier(.2,.8,.2,1),transform 600ms cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1023px){:root{--pad:32px}.desktop-nav{gap:24px}.service-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:88px}.hero-art{opacity:.72}.principles{gap:14px}.section-head{gap:24px}}
@media(max-width:767px){:root{--pad:24px}body{font-size:15px}h1{font-size:42px}h2{font-size:30px}.section{padding-block:36px}.hero{min-height:auto}.header{height:64px}.desktop-nav{display:none}.header-cta{margin-left:auto;margin-right:16px;height:38px}.menu-button{display:grid;width:44px;height:44px;place-content:center;gap:7px;border:0;background:transparent}.menu-button span{display:block;width:24px;height:1px;background:var(--light-text);transition:transform var(--ease)}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:90;inset:64px 0 auto;display:grid;padding:30px var(--pad) 40px;background:var(--dark);font-size:27px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 280ms ease}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.hero-inner{display:flex;min-height:700px;flex-direction:column;padding-top:20px}.hero-copy{width:100%}.hero-copy .eyebrow{font-size:10px}.hero-copy h1{margin:12px 0 12px}.lead{max-width:340px;margin-bottom:0;font-size:14px;line-height:1.45}.actions{margin-top:14px}.actions .button{height:42px;padding-inline:16px;font-size:12px}.hero-metrics{position:relative;order:2;bottom:auto;left:auto;justify-content:space-between;gap:12px;margin-top:18px}.hero-metrics strong{font-size:23px}.hero-metrics span{font-size:10px}.hero-art{position:relative;order:3;inset:auto;width:calc(100% + 48px);height:300px;margin:0 -24px;opacity:1}.planet{top:-160px;right:-20px;width:310px}.orbit{display:none}.screen{left:29%;bottom:24px;width:240px;height:135px;padding:12px;border-width:3px}.screen-grid{gap:6px;margin-top:10px}.screen-grid b{height:36px}.peak-a{bottom:-90px;left:-70px;width:240px;height:260px}.peak-b{right:-60px;bottom:-80px;width:250px;height:240px}.art-copy{top:38px;right:3%;font-size:8px}.trusted-row{min-height:70px;gap:20px}.trusted-row>p{min-width:105px;font-size:8px}.logos{gap:20px;justify-content:flex-start;overflow:hidden;font-size:14px}.logos span:nth-child(n+5){display:none}.about-grid{grid-template-columns:1fr 1fr;gap:20px}.story-visual{min-height:350px}.story-visual>p{margin:22px;font-size:10px}.person{height:120px;width:48px}.story-bottom{right:16px;bottom:14px;left:16px;font-size:10px}.story-bottom span{max-width:120px}.story-bottom button{width:40px;height:40px}.about-copy{padding-top:4px}.about-copy>p:not(.eyebrow){margin:14px 0;font-size:12px;line-height:1.45}.about-copy h2{font-size:27px}.about-copy .button{height:40px;padding-inline:14px;font-size:11px}.principles{display:none}.section-head{grid-template-columns:1fr auto;margin-bottom:18px}.section-head>p{display:none}.section-head .button{align-self:center}.service-grid{gap:10px}.service-grid .dark-card{min-height:150px;padding:15px}.card-top span{display:none}.card-top i{font-size:22px}.service-grid h3{margin:10px 0 8px;font-size:14px}.service-grid p{font-size:10px;line-height:1.35}.projects{padding-block:28px}.project-grid{grid-template-columns:1fr;gap:9px}.project{display:grid;grid-template-columns:40% 60%;min-height:94px;box-shadow:none}.project-visual{height:94px}.dashboard{padding:18px 12px}.phones{gap:2px}.phones div{width:35px;height:74px;border-width:2px;border-radius:7px}.phones div:nth-child(2){height:85px}.project-copy{min-height:94px;padding:12px 42px 10px 14px}.project-copy h3{margin:0;font-size:13px}.project-copy p{font-size:10px;line-height:1.35}.tag{position:static;border:0;padding:0;font-size:9px}.project-copy button{position:absolute;top:50%;right:12px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:#efdbcb}.benefit-layout{grid-template-columns:34% 66%;gap:14px}.benefit-intro h2{font-size:26px}.benefit-intro .eyebrow{display:none}.benefit-intro .button{height:40px;margin-top:14px;padding-inline:14px;font-size:11px}.benefit-grid{gap:8px}.benefit-grid .dark-card{min-height:74px;gap:8px;padding:10px}.benefit-grid i{font-size:17px}.benefit-grid h3{margin-bottom:3px;font-size:10px}.benefit-grid p{font-size:8px;line-height:1.3}.results{padding-block:26px}.results .section-head{margin-bottom:18px}.results h2{font-size:22px}.metric-grid strong{font-size:25px}.metric-grid span{font-size:8px}.testimonials{padding-block:25px}.testimonial-layout{grid-template-columns:31% 69%;gap:12px}.testimonial-title h2{font-size:24px}.testimonial-title .eyebrow{display:none}.arrows{gap:5px}.arrows button{width:27px;height:27px;font-size:10px}.quote{grid-template-columns:auto 1fr;gap:10px;padding:14px}.avatar{width:40px;height:40px;font-size:9px}.quote blockquote{font-size:9px;line-height:1.4}.quote footer{margin-top:8px}.quote footer b,.quote footer small{font-size:8px}.quote footer strong{font-size:9px}.final-cta{padding-block:20px 12px}.cta-box{grid-template-columns:38% 62%}.cta-box h2{font-size:25px}.cta-box .eyebrow{font-size:8px;margin-bottom:7px}.cta-box p:last-child{font-size:9px;line-height:1.35}.cta-art{height:100px;padding-right:12px}.cta-art .button{height:42px;padding-inline:13px;font-size:10px}.footer{padding-block:12px}.footer-row{grid-template-columns:1fr 1fr;gap:8px}.footer-row>nav{justify-self:end;gap:12px}.footer-row>nav a{font-size:8px}.footer-right{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}.footer p,.footer a{font-size:8px}.socials{gap:14px}}
@media(max-width:430px){:root{--pad:20px}.header-cta{padding-inline:14px;font-size:11px}.brand span{font-size:12px}.hero-inner{min-height:680px}.hero-art{width:calc(100% + 40px);margin-inline:-20px}.story-visual{min-height:330px}.about-copy h2{font-size:26px}.about-copy>p:not(.eyebrow){font-size:12px}.principles{display:none}.benefit-grid{margin-top:8px}.quote{margin-top:4px}.cta-box{grid-template-columns:1fr 1fr}.footer-row{grid-template-columns:1fr 1fr}}
@media(max-width:389px){h1{font-size:36px}.actions{flex-direction:column}.actions .button{width:100%}.hero-inner{min-height:790px}.service-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr);gap:16px}.metric-grid div:nth-child(3){border-left:0}.about-grid{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr}.cta-art{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:767px){.logos a:nth-child(n+5){display:none}}

/* Generated media assets */
.hero-art{inset:-10px 0 0;background:url("assets/hero.png") center/cover no-repeat}
.hero-art>.planet,.hero-art>.orbit,.hero-art>.peak,.hero-art>.screen{display:none}
.story-visual{background:url("assets/about.png") center/cover no-repeat}
.story-visual>.sun,.story-visual>.mountains,.story-visual>.person{display:none}
.story-bottom{text-shadow:0 2px 12px #000}
.project-visual{background-position:center;background-size:cover}
.project:nth-child(1) .project-visual{background-image:url("assets/project-ai.png")}
.project:nth-child(2) .project-visual{background-image:url("assets/project-commerce.png")}
.project:nth-child(3) .project-visual{background-image:url("assets/project-saas.png")}
.project-visual>*{display:none}
.avatar{background:url("assets/testimonial-avatar.png") center 28%/cover no-repeat;font-size:0}
.cta-art{background:url("assets/cta-mountains.png") center/cover no-repeat}
.cta-peaks{display:none}

@media(max-width:767px){.hero-art{position:relative;inset:auto;background-position:67% center}}

/* Project links and enquiry modal */
.project[data-href]{cursor:pointer}.project-link{display:none}.modal-open{overflow:hidden}.project-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity 220ms ease,visibility 220ms ease}.project-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(5,28,24,.88);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(100%,920px);max-height:calc(100vh - 48px);overflow:auto;border-radius:24px;background:var(--light);color:#0b463c;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:translateY(18px) scale(.985);transition:transform 280ms cubic-bezier(.2,.8,.2,1)}.project-modal.open .modal-panel{transform:none}.modal-content{padding:52px 58px 40px}.modal-close{position:absolute;z-index:2;top:26px;right:28px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.modal-close span{position:absolute;top:21px;left:9px;width:27px;height:2px;background:#0b463c}.modal-close span:first-child{transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal-label{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.modal-label::after{content:"";width:116px;height:1px;background:#0b463c}.modal-content h2{font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:.94;letter-spacing:-.04em}.modal-content h2 em{font-weight:400}.modal-lead{margin:18px 0 26px;color:#687874;font-size:15px}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.project-form label{display:grid;gap:7px;font-size:12px}.form-wide{grid-column:1/-1}.project-form input,.project-form select,.project-form textarea{width:100%;height:50px;padding:0 15px;border:1px solid #87a19b;border-radius:8px;background:rgba(255,255,255,.32);color:#123f38;font:400 15px "Manrope",sans-serif;outline:0;transition:border-color var(--ease),box-shadow var(--ease)}.project-form textarea{height:92px;padding-block:13px;resize:vertical}.project-form input::placeholder,.project-form textarea::placeholder{color:#9ba6a3}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#0b4d41;box-shadow:0 0 0 3px rgba(11,77,65,.1)}.form-submit{display:flex;height:52px;align-items:center;justify-content:center;gap:28px;margin-top:2px;border:0;border-radius:999px;background:#064d40;color:#fff;font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:background var(--ease),transform var(--ease)}.form-submit:hover{background:#073f36;transform:translateY(-2px)}.form-submit b{font-size:22px;font-weight:400;letter-spacing:0}.form-note{text-align:center;margin:0;color:#667873;font-size:10px}.form-success{display:none;padding:50px 0 30px;text-align:center}.form-success.visible{display:block}.form-success>span{display:grid;width:58px;height:58px;margin:0 auto 22px;place-items:center;border-radius:50%;background:#0b4d41;color:#fff;font-size:24px}.form-success h2{margin-bottom:14px}.form-success p{margin-bottom:28px;color:#687874}
@media(max-width:767px){.project-link{position:absolute;top:50%;right:12px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#efdbcb}.project-modal{padding:12px}.modal-panel{max-height:calc(100vh - 24px);border-radius:16px}.modal-content{padding:44px 20px 26px}.modal-close{top:12px;right:12px}.modal-label{margin-bottom:14px}.modal-content h2{font-size:38px}.modal-lead{font-size:13px}.project-form{grid-template-columns:1fr;gap:12px}.project-form label,.form-wide{grid-column:1}.project-form input,.project-form select{height:48px}.form-note{font-size:9px}}

/* Brand-aligned refinements */
.principles i{display:grid;width:30px;height:30px;place-items:center}.principles svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.avatar{background:linear-gradient(145deg,#3a2b24,#181513);background-image:none!important;color:var(--accent-light);font-size:12px;font-weight:600;letter-spacing:.08em}.legal-links{display:flex;justify-content:flex-end;gap:20px}.project-modal{--modal-ink:var(--light-text);--modal-muted:var(--muted-dark)}.modal-backdrop{background:rgba(14,13,12,.9)}.modal-panel{border:1px solid var(--border-dark);border-radius:16px;background:var(--dark-soft);color:var(--modal-ink);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-close span{background:var(--accent-light)}.modal-label{color:var(--accent)}.modal-label::after{background:var(--accent)}.modal-content h2{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.045em}.modal-content h2 em{color:var(--accent);font-weight:500}.modal-lead,.form-note,.form-success p{color:var(--modal-muted)}.project-form label{color:var(--light-text)}.project-form input,.project-form select,.project-form textarea{border-color:var(--border-dark);background:var(--card);color:var(--light-text)}.project-form input::placeholder,.project-form textarea::placeholder{color:#77706a}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,140,104,.12)}.project-form select option{background:var(--card);color:var(--light-text)}.form-submit{border-radius:10px;background:var(--accent-light);color:var(--ink);letter-spacing:.16em}.form-submit:hover{background:#f0d0bc}.form-success>span{background:var(--accent);color:var(--ink)}
.principles i{display:grid;width:30px;height:30px;place-items:center}.principles svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.avatar{background:linear-gradient(145deg,#3a2b24,#181513);background-image:none!important;color:var(--accent-light);font-size:12px;font-weight:600;letter-spacing:.08em}.legal-links{display:flex;justify-content:flex-end;gap:20px}.project-modal{--modal-ink:var(--light-text);--modal-muted:var(--muted-dark)}.modal-backdrop{background:rgba(14,13,12,.9)}.modal-panel{border:1px solid var(--border-dark);border-radius:16px;background:var(--dark-soft);color:var(--modal-ink);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-close span{background:var(--accent-light)}.modal-label{color:var(--accent)}.modal-label::after{background:var(--accent)}.modal-content h2{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.045em}.modal-content h2 em{color:var(--accent);font-weight:500}.modal-lead,.form-note,.form-success p{color:var(--modal-muted)}.project-form label{color:var(--light-text)}.project-form input,.project-form select,.project-form textarea{border-color:var(--border-dark);background:var(--card);color:var(--light-text)}.project-form input::placeholder,.project-form textarea::placeholder{color:#77706a}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,140,104,.12)}.project-form select option{background:var(--card);color:var(--light-text)}.project-form .form-consent{display:flex;align-items:flex-start;gap:10px;color:var(--modal-muted);cursor:pointer}.project-form .form-consent input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;padding:0;accent-color:var(--accent);cursor:pointer}.form-consent a{color:var(--accent-light);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--ease),text-decoration-color var(--ease)}.form-consent a:hover{color:#f0d0bc;text-decoration-color:currentColor}.form-submit{border-radius:10px;background:var(--accent-light);color:var(--ink);letter-spacing:.16em}.form-submit:hover{background:#f0d0bc}.form-success>span{background:var(--accent);color:var(--ink)}
@media(max-width:767px){.legal-links{gap:12px}.modal-content h2{font-size:36px}}

/* Keep desktop hero content and metrics separated in the normal layout flow. */
@media(min-width:768px){.hero-inner{display:grid;grid-template-rows:auto minmax(48px,1fr) auto}.hero-copy{grid-row:1}.hero-metrics{position:static;grid-row:2;align-self:end;margin-bottom: 20px;}}

/* On mobile the artwork stays inside the hero instead of becoming a block below it. */
@media(max-width:767px){.hero-art{position:absolute;z-index:1;inset:0 auto 0 50%;width:100vw;height:100%;margin:0;pointer-events:none;transform:translateX(-50%);background-position:67% center;background-size:cover}.hero-copy,.hero-metrics{position:relative;z-index:5}.hero-art .art-copy{display:none}}