/* Ariila editorial direction — petrol, mineral paper and mint. */
:root{--ink:#123e3c;--paper:#f4f2eb;--yellow:#baf4d0;--yellow2:#d4ffe3;--blue:#073b3c;--muted:#526b67;--line:#ced9d2;--shadow:0 24px 80px #052f3020}
body{background:var(--paper)}
.notice{background:#0b3435;color:#b8cec5;font-size:9px;letter-spacing:.16em}
.site-header{background:#f4f2eb;color:#123e3c;border-bottom:1px solid #ced9d2}
.brand-mark{background:#104e4b;border-radius:13px;clip-path:none;color:#baf4d0}
.brand strong{letter-spacing:-.03em}.brand small{color:#637a71}
nav a:hover,.text-button{color:#176c5c}
.contact-pill{border-color:#bdcdc3;background:#e9eee6}
.eyebrow,.step-kicker,.gallery-grid figcaption span{color:#286c5c}
.hero{background:#063e3f;padding-top:64px;padding-bottom:100px;gap:6vw}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 7% 2%,#197d6b88,transparent 57%),linear-gradient(90deg,#063e3ff0 0%,#063e3f80 52%,#063e3f10)}
.hero::after{height:200px;background:linear-gradient(transparent,#063e3f)}
.hero .hero-visual{inset:0 0 0 22%;opacity:.65;mix-blend-mode:luminosity}
.hero .hero-visual::after{background:linear-gradient(180deg,#063e3f20,#063e3f30 55%,#063e3f)}
.hero .hero-copy h1{font-size:clamp(54px,6.3vw,94px);line-height:1.01;letter-spacing:-.065em;font-weight:500}
.hero h1 em{color:#baf4d0}
.hero .hero-lead{color:#d7e5dd;font-size:17px;line-height:1.8;max-width:390px}
.hero .proof-row{color:#d2e5da;gap:12px 22px;font-size:11px}
.button{border-radius:12px;font-weight:600;letter-spacing:-.01em}
.primary{box-shadow:0 5px 18px #043a3814}
.hero .ghost{border-color:#7caaa1;background:#073b3c40}
.hero .calculator-intro{padding-top:0}
.hero .calculator-intro h2{font-size:clamp(26px,2.8vw,38px);font-weight:500}
.hero .calculator-intro>p:not(.eyebrow){color:#d5e5db}
.hero .demo-badge{margin-top:6px;border:0;border-radius:6px;background:#baf4d015;color:#c5f3d7;padding:8px 10px}
.hero .calculator-card{border:1px solid #e7f5ec;border-radius:22px;background:#fafbf7;box-shadow:0 32px 80px #002b3c66,0 0 0 9px #effff509}
.step{background:#eaf0e8;color:#657b72}.step.active{background:#fafbf7}.step span{background:#dce5db}.step.active span{background:#baf4d0}
input,select,textarea{background:#fff;border-color:#cddbd1;border-radius:8px}
input:focus,select:focus,textarea:focus{border-color:#26816b;box-shadow:0 0 0 3px #2a967520}
.check input,.checks input,.consent input{accent-color:#24745f}
a:focus-visible,button:focus-visible,summary:focus-visible,.upload:focus-within{outline-color:#29836b}
.price-result{background:#edf4e9}.volume-toggle button.active{background:#123e3c}
.visual-ribbon{background:#063e3f;color:#c0ddd1;border-top:1px solid #84b5a344;padding:24px 6vw;font-size:10px;letter-spacing:.18em}.visual-ribbon b{color:#baf4d0;font-weight:400}
.service-strip{padding-top:110px;padding-bottom:110px}
.service-strip>h2{font-size:clamp(40px,5.6vw,80px);max-width:850px;margin-bottom:50px}
.service-grid{gap:30px;align-items:start}
.service-grid article:nth-child(2){padding-top:65px}
.service-image{height:420px;border-radius:100px 12px 12px 12px}
.service-grid article:nth-child(2) .service-image{border-radius:12px}
.service-grid article:nth-child(3) .service-image{border-radius:12px 12px 100px 12px}
.service-image::after{background:linear-gradient(transparent,#073b3cc9)}
.service-image i{background:#d9f7e4;color:#123e3c;width:44px;height:44px;display:grid;place-items:center}
.service-grid h3{font-size:26px;font-weight:500}.service-grid p{line-height:1.8}
.photo-story{margin:0 clamp(20px,4vw,64px);border-radius:22px;overflow:hidden;background:#e3eadd;grid-template-columns:1.15fr 1fr}
.story-photo{min-height:620px}.story-photo figcaption{background:#f4f2ebe8;border-radius:6px;color:#123e3c}
.story-copy{padding:70px 48px}.story-copy h2{font-size:clamp(40px,4.7vw,68px)}.story-copy p:not(.eyebrow){color:#45645a;line-height:1.8}.story-index{color:#8da99a;font-size:100px}
.process{background:var(--paper)}.process li{border-color:#c5d3c9}.process li>span{background:#e0ebdf;color:#24644f}.detail-photo{border-radius:12px;height:300px}.detail-photo figcaption{border-radius:6px}
.mini-gallery{background:#073b3c;color:#f4f2eb;padding-top:100px;padding-bottom:80px}
.mini-gallery .eyebrow{color:#baf4d0}.gallery-heading h2{font-size:clamp(42px,5vw,72px)}.gallery-heading>p{color:#cbddd3}.gallery-heading small{color:#b1cabe}
.gallery-grid{grid-template-columns:1fr .85fr 1.2fr;gap:28px}.gallery-grid img{height:330px;border-radius:12px}.gallery-grid figure:nth-child(2){padding-top:70px}.gallery-grid figure:nth-child(3) img{height:420px;border-radius:12px 100px 12px 12px}.gallery-grid figcaption span{color:#b0dbc6}.gallery-grid figcaption strong{font-size:21px}.gallery-signature{border-color:#608e7d;color:#c2ded0}.gallery-signature>span:last-child{color:#123e3c}
.trust-section{background:#dbeadc;color:#123e3c;padding-top:100px;padding-bottom:100px}.trust-section blockquote{font-weight:400;max-width:920px}.trust-section>div{min-width:190px}
.faq{padding-top:100px;padding-bottom:100px}.faq details{padding:26px 0}.faq h2{font-size:clamp(38px,4.5vw,64px)}
.legal-section{padding:0 clamp(24px,7vw,110px) 100px;max-width:1280px;margin:auto}
.legal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;border-top:1px solid #ced9d2;padding-top:64px}
.legal-card{background:#fafbf7;border:1px solid #d5e2db;border-radius:18px;padding:36px 38px;box-shadow:0 14px 40px #052f300d}
.legal-card h2{font-size:clamp(26px,2.8vw,36px);margin:8px 0 20px}
.legal-card p{color:#35514a;line-height:1.75;margin:0 0 14px}
.legal-card a{color:#123e3c;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.legal-fineprint{font-size:13px;color:#526b67!important;margin-bottom:0!important}
footer{background:#052e30;color:#edf5ec}footer>p{color:#c0d3c7;border-color:#3f6259}footer .brand small{color:#b1c8bb}
.mobile-nav{background:#f4f2eb}.mobile-nav a{border-color:#ced9d2}.menu-toggle{color:#123e3c;border-color:#b7cabe}
@media(max-width:1000px){.hero .hero-copy h1{font-size:clamp(42px,6vw,68px)}.service-image{height:330px}.story-copy{padding:45px 30px}.gallery-grid img{height:260px}.gallery-grid figure:nth-child(3) img{height:330px}.legal-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hero{padding:44px 22px 58px;gap:38px}.hero .hero-copy h1{font-size:clamp(44px,12vw,70px);max-width:550px}.hero .hero-visual{inset:0;opacity:.38}.hero .hero-visual::after{background:linear-gradient(90deg,#063e3fbb,transparent)}.hero .hero-lead{font-size:16px}.hero .calculator-intro h2{font-size:29px}.hero .calculator-card{box-shadow:0 22px 55px #00292d70,0 0 0 5px #effff509}.visual-ribbon{font-size:9px}.service-strip{padding-top:64px;padding-bottom:64px}.service-strip>h2{margin-bottom:32px}.service-grid article:nth-child(2){padding-top:0}.service-image{height:auto;aspect-ratio:1/1;border-top-left-radius:65px}.service-grid{gap:38px}.photo-story{grid-template-columns:1fr;margin:0 16px}.story-photo{min-height:350px}.story-copy{padding:38px 25px}.story-index{font-size:72px}.process{padding-top:65px;padding-bottom:65px}.mini-gallery{padding-top:65px;padding-bottom:50px}.gallery-grid{grid-template-columns:1fr;gap:34px}.gallery-grid figure:nth-child(2){padding-top:0}.gallery-grid img,.gallery-grid figure:nth-child(3) img{height:auto;aspect-ratio:4/3}.trust-section{padding-top:60px;padding-bottom:60px}.faq{padding-top:65px;padding-bottom:65px}.legal-section{padding:0 20px 65px}.legal-card{padding:26px 22px}}