/* WRAP ART / Creative Solutions — website v1 */
:root{--ink:#161715;--dark:#181a17;--paper:#f2f1eb;--white:#fffefa;--muted:#777b75;--lime:#cafe72;--line:rgba(22,23,21,.16);--line-light:rgba(255,255,255,.21);--max:1440px;--gutter:clamp(22px,4.4vw,76px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}p{line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.057em}small,.micro{font-size:12px;letter-spacing:.095em;text-transform:uppercase;font-weight:700}.skip{position:absolute;top:-100px;left:10px;z-index:300;padding:12px;background:var(--lime);color:var(--ink)}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.container{width:min(var(--max),100%);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(86px,11vw,172px)}.section-sm{padding-block:clamp(62px,7vw,110px)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:clamp(38px,6vw,76px)}.section-head h2{margin:0;font-size:clamp(42px,6.2vw,95px);line-height:.99;max-width:980px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;gap:13px}.eyebrow::before{content:'';display:inline-block;width:8px;height:8px;border-radius:100%;background:currentColor}.eyebrow.lime::before{background:var(--lime)}.lead{font-size:clamp(20px,2.3vw,31px);line-height:1.35;letter-spacing:-.025em}.muted{color:var(--muted)}.light{color:var(--paper)}.rule{border-top:1px solid var(--line)}
/* nav */
.site-header{position:relative;z-index:150;background:var(--dark);color:var(--white);border-bottom:1px solid var(--line-light)}.nav-inner{height:92px;display:flex;align-items:center;gap:36px}.wordmark{font-weight:900;font-size:28px;letter-spacing:-.095em;line-height:1;white-space:nowrap}.wordmark em{color:var(--lime);font-style:normal}.wordmark-sub{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;display:block;margin-top:5px;color:#abada7}.nav-links{margin-left:auto;display:flex;align-items:center;gap:clamp(15px,2.3vw,38px);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.nav-links a:not(.nav-cta){color:#b7bab3;transition:color .2s}.nav-links a:not(.nav-cta):hover,.nav-links a[aria-current='page']{color:var(--white)}.nav-cta{background:var(--lime);color:var(--ink);padding:15px 18px;display:inline-flex;align-items:center;gap:22px;border-radius:2px}.nav-cta:hover{background:#e4ffa5}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-light);background:transparent;color:#fff;border-radius:2px}.menu-toggle svg{width:23px;height:23px}
/* hero */
.hero{background:var(--dark);color:var(--white);position:relative;overflow:hidden}.hero-inner{min-height:690px;padding-block:clamp(74px,10vw,145px) 98px;position:relative;isolation:isolate}.hero-content{position:relative;z-index:2}.hero-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#b9bcb5;margin-bottom:36px}.hero-kicker span{color:var(--lime)}.hero-title{font-size:clamp(63px,10.5vw,164px);line-height:.85;margin:0 0 42px;letter-spacing:-.085em;font-weight:800;max-width:1230px;text-wrap:balance}.hero-title .accent{color:var(--lime)}.hero-title .outline{-webkit-text-stroke:1.5px #dadbd5;color:transparent}.hero-bottom{display:flex;align-items:flex-end;gap:32px;justify-content:space-between;max-width:1110px}.hero-copy{color:#b8bdb5;font-size:clamp(17px,1.7vw,22px);line-height:1.45;max-width:520px}.round-link{height:74px;width:74px;min-width:74px;border:1px solid var(--line-light);border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--lime);font-size:36px;transition:transform .2s,border-color .2s}.round-link:hover{transform:translate(5px,-5px);border-color:var(--lime)}.hero-art{position:absolute;z-index:0;pointer-events:none;right:-270px;top:-170px;width:780px;height:780px;opacity:.22;animation:spin 70s linear infinite}.hero-art circle,.hero-art ellipse{fill:none;stroke:var(--lime);stroke-width:.5}.hero-art .fine{stroke:var(--white);stroke-width:.3}.hero-art .thick{stroke-width:2}.hero-art .dash{stroke-dasharray:3 12}.hero-meta{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;color:#777f76;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.ticker{background:var(--lime);color:var(--ink);padding:17px 0;overflow:hidden;white-space:nowrap;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.17em}.ticker span{margin-right:62px}.ticker b{font-size:15px;margin-right:60px}
/* content */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,8vw,128px);align-items:end}.intro-grid h2{font-size:clamp(54px,6.4vw,100px);line-height:1;max-width:780px;margin:18px 0 0}.intro-side{max-width:535px;padding-bottom:9px}.intro-side p{font-size:clamp(19px,2vw,27px);letter-spacing:-.023em;line-height:1.47;margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:800;text-transform:uppercase;letter-spacing:.095em;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:10px;transition:gap .2s}.text-link:hover{gap:32px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:370px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;transition:background .2s}.service-card:hover{background:#e9e9e1}.service-card .card-n{color:#7b8078;font-size:12px}.service-card svg{height:62px;width:62px;margin:40px 0 33px}.service-card h3{font-size:clamp(26px,2.6vw,36px);line-height:1.03;margin-bottom:17px}.service-card p{color:#5e645c;margin-bottom:0;font-size:14px;line-height:1.55}.dark-panel{background:var(--dark);color:var(--white);overflow:hidden;position:relative}.dark-panel .muted{color:#9fa49b}.split-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,9vw,140px);align-items:center}.big-statement{font-size:clamp(50px,6.6vw,100px);line-height:1.03;max-width:820px;letter-spacing:-.065em;margin:25px 0 35px}.big-statement .lime{color:var(--lime)}.process-list{border-top:1px solid var(--line-light)}.process-item{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line-light)}.process-item .n{color:var(--lime);font-size:12px}.process-item h3{font-size:23px;letter-spacing:-.03em;margin:0 0 5px}.process-item p{color:#a9afa6;font-size:14px;margin:0}.abstract-visual{min-height:370px;background:var(--lime);position:relative;display:grid;place-items:center;overflow:hidden}.abstract-visual::before,.abstract-visual::after{content:'';position:absolute;width:75%;height:75%;border:1.5px solid var(--ink);border-radius:50%}.abstract-visual::before{transform:rotate(40deg) scaleX(.32)}.abstract-visual::after{transform:rotate(-40deg) scaleX(.32)}.abstract-visual .visual-type{position:relative;font-weight:900;font-size:clamp(66px,9vw,160px);letter-spacing:-.1em;line-height:.8;text-align:center;mix-blend-mode:multiply}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.example-card{display:block;background:#e7e7e0;min-width:0}.example-art{height:clamp(240px,25vw,410px);display:grid;place-items:center;position:relative;overflow:hidden;color:#fff}.example-art.one{background:#262823}.example-art.two{background:#cacec6;color:#262823}.example-art.three{background:#d7ff91;color:#1b1c1b}.example-art .project-symbol{font-size:clamp(60px,9vw,150px);font-weight:900;letter-spacing:-.12em;line-height:.75;text-align:center}.example-art .floating-label{position:absolute;top:23px;left:23px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.example-art .ghost-shape{position:absolute;border:1px solid currentColor;opacity:.2;width:83%;height:83%;border-radius:50%;transform:skewY(-25deg)}.example-info{padding:28px 23px 31px}.example-info h3{font-size:25px;margin-bottom:9px}.example-info p{font-size:14px;color:#636861;margin-bottom:15px}.example-info .tags{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.cta-panel{background:var(--lime);color:var(--ink);padding:clamp(60px,8vw,120px) 0}.cta-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.cta-panel h2{font-size:clamp(58px,9vw,140px);line-height:.92;margin:25px 0 34px;max-width:1080px}.cta-panel .cta-arrow{font-size:clamp(50px,7vw,110px);line-height:1}.cta-panel p{font-size:clamp(19px,2vw,27px);max-width:660px;margin-bottom:35px}.button{display:inline-flex;align-items:center;gap:56px;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;padding:20px 22px;background:var(--ink);color:#fff;border:1px solid var(--ink);transition:background .2s,color .2s}.button:hover{background:transparent;color:var(--ink)}.button-ghost{background:transparent;color:var(--ink)}.button-ghost:hover{background:var(--ink);color:#fff}
/* pages */
.page-hero{background:var(--dark);color:var(--paper);padding-block:clamp(80px,10vw,150px) clamp(65px,8vw,118px)}.page-hero h1{font-size:clamp(66px,10.5vw,158px);line-height:.88;margin:22px 0 35px;max-width:1200px}.page-hero .lead{max-width:750px;color:#b9bfb5}.page-hero .eyebrow{color:var(--lime)}.service-row{display:grid;grid-template-columns:90px .8fr 1.2fr;gap:32px;padding:46px 0;border-top:1px solid var(--line);align-items:start}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row .number{font-size:13px;color:#6e746d}.service-row h2{font-size:clamp(30px,3vw,46px);margin:0;line-height:1.07}.service-row p{font-size:18px;max-width:590px;margin-bottom:20px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid #ccd0c9;border-radius:30px;padding:9px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.075em;font-weight:700}.bento-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:32px;background:#e9e9e2;min-height:240px}.step .n{font-size:12px}.step h3{font-size:28px;margin:54px 0 10px}.step p{font-size:14px;color:#61675e}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);margin-bottom:55px;align-items:end}.project-story h2{font-size:clamp(46px,5vw,75px);line-height:1;margin:0}.project-story p{font-size:20px;margin:0;max-width:570px}.project-row{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;min-height:420px;margin-bottom:22px;background:#e7e8e1}.project-row .example-art{height:100%;min-height:380px}.project-row .project-details{padding:clamp(32px,5vw,74px);display:flex;flex-direction:column;justify-content:center}.project-row h3{font-size:clamp(36px,4vw,62px);line-height:1;margin:18px 0}.project-row p{font-size:18px}.project-row ul{padding-left:20px;line-height:1.9;font-size:14px}.note{font-size:12px;color:#686e67;padding:15px 0;border-top:1px solid var(--line)}.manifesto{font-size:clamp(36px,4.4vw,67px);line-height:1.16;letter-spacing:-.05em;max-width:1120px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.value{border-top:1px solid var(--line);padding-top:22px}.value h3{font-size:31px}.value p{color:#666b63}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,140px)}.contact-grid h2{font-size:clamp(36px,4.2vw,65px);line-height:1.04}.contact-grid .info-block{margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.contact-grid .info-block p{font-size:17px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.field input,.field textarea,.field select{background:transparent;color:var(--ink);width:100%;border:1px solid #9d9f98;border-radius:0;padding:16px;font-size:16px;min-height:55px}.field textarea{min-height:160px;resize:vertical}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23161715' stroke-width='1.5'%3E%3Cpath d='m4 7 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.form-actions{grid-column:1/-1;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.form-status{grid-column:1/-1;font-size:14px;line-height:1.5;padding:14px 16px;background:#e1e5d5;display:none}.form-status.active{display:block}.fineprint{font-size:12px;color:#666d63;line-height:1.55}.legal-copy{max-width:850px}.legal-copy h2{font-size:32px;margin-top:42px}.legal-copy p{font-size:17px}
/* footer */
.site-footer{background:#161715;color:var(--paper);padding:62px 0 25px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:70px}.footer-top .wordmark{font-size:46px;display:inline-block}.footer-top p{max-width:430px;color:#a6aaa3;font-size:16px;margin-top:28px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-links h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#737a71;margin-bottom:22px}.footer-links a{display:block;font-size:14px;margin:0 0 15px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line-light);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8f968d}
/* reveal */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1080px){.services-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:16px}.nav-inner{height:80px}.hero-inner{min-height:640px}.bento-steps{grid-template-columns:repeat(2,1fr)}.hero-art{right:-380px}}
@media(max-width:760px){:root{--gutter:22px}.nav-inner{height:72px}.wordmark{font-size:26px}.menu-toggle{display:flex;margin-left:auto}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--dark);padding:26px var(--gutter) 36px;flex-direction:column;gap:0;align-items:stretch;border-top:1px solid var(--line-light);box-shadow:0 15px 28px rgba(0,0,0,.22)}.nav-links.open{display:flex}.nav-links a{padding:15px 0;border-bottom:1px solid var(--line-light)}.nav-links .nav-cta{justify-content:space-between;margin-top:18px;padding:15px;border:0}.hero-inner{min-height:580px;padding-block:100px 105px}.hero-kicker{font-size:10px;margin-bottom:29px}.hero-title{font-size:clamp(59px,14vw,108px);line-height:.93;letter-spacing:-.08em;margin-bottom:35px}.hero-bottom{align-items:center}.hero-copy{font-size:17px}.round-link{width:57px;min-width:57px;height:57px;font-size:27px}.hero-art{width:580px;height:580px;right:-360px;top:0}.hero-meta{bottom:24px;font-size:8px}.intro-grid,.split-layout,.project-story,.contact-grid{grid-template-columns:1fr}.intro-grid{gap:36px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:335px;padding:25px 20px}.service-card svg{margin:20px 0}.service-card h3{font-size:25px}.section-head{display:block}.section-head .eyebrow{margin-bottom:22px}.examples-grid{grid-template-columns:1fr}.example-art{height:280px}.service-row{grid-template-columns:35px 1fr;gap:17px}.service-row>div:last-child{grid-column:2}.project-row{grid-template-columns:1fr}.project-row .example-art{min-height:270px}.project-row .project-details{padding:30px}.values-grid{grid-template-columns:1fr;gap:20px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column}.cta-top{display:block}.cta-panel .cta-arrow{display:none}}
@media(max-width:490px){.services-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-card svg{height:42px;width:42px;margin:20px 0}.hero-title{font-size:14.1vw}.hero-bottom{align-items:flex-end}.hero-copy{font-size:15px}.hero-meta span:last-child{display:none}.footer-links{grid-template-columns:1fr 1fr}.contact-form{grid-template-columns:1fr}.field{grid-column:1/-1}.bento-steps{grid-template-columns:1fr}.step{min-height:190px}.step h3{margin-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}


/* WRAP ART / v2 — interactive polish and controlled production showcase */
.site-header{position:sticky;top:0;transition:box-shadow .3s ease,border-color .3s ease}
.site-header.is-scrolled{box-shadow:0 14px 35px rgba(0,0,0,.18);border-color:rgba(202,254,114,.2)}
.scroll-progress{position:fixed;top:0;left:0;right:auto;height:3px;width:0;z-index:501;pointer-events:none;background:var(--lime);box-shadow:0 0 18px rgba(202,254,114,.65)}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.6;background:radial-gradient(570px circle at var(--mx,78%) var(--my,35%),rgba(202,254,114,.12),transparent 68%)}
.hero-line{display:block;opacity:0;transform:translate3d(0,55px,0);animation:hero-arrive .95s cubic-bezier(.22,1,.36,1) forwards}
.hero-line:nth-child(1){animation-delay:.11s}.hero-line:nth-child(2){animation-delay:.25s}.hero-line:nth-child(3){animation-delay:.39s}
@keyframes hero-arrive{to{opacity:1;transform:translateZ(0)}}
.hero-copy{animation:subtle-rise .9s .58s both}
@keyframes subtle-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.page-title-animate{animation:subtle-rise .8s .07s both}
.ticker .container{width:100%;max-width:none;padding-inline:0}
.ticker-track{display:flex;width:max-content;animation:brand-marquee 32s linear infinite}
.ticker-set{display:flex;align-items:center;flex:none;gap:0}
.ticker-set span,.ticker-set b{display:inline-block;margin-right:60px}
@keyframes brand-marquee{to{transform:translateX(-50%)}}
.ticker:hover .ticker-track{animation-play-state:paused}
.service-card{position:relative;overflow:hidden;transition:background .4s ease,transform .4s ease,box-shadow .4s ease}
.service-card::after{content:'↗︎';position:absolute;top:26px;right:26px;font-size:19px;font-weight:400;opacity:0;transform:translate(-10px,10px);transition:opacity .3s,transform .3s}
.service-card:hover{background:#e7eddb;transform:translateY(-7px);box-shadow:0 18px 48px rgba(22,23,21,.08);z-index:2}
.service-card:hover::after{opacity:1;transform:translate(0,0)}
.service-card svg{transition:transform .65s cubic-bezier(.2,1,.2,1),color .3s}
.service-card:hover svg{transform:rotate(-9deg) scale(1.1);color:#607c28}
.example-art .project-symbol{transition:transform .85s cubic-bezier(.2,1,.2,1),letter-spacing .7s}
.example-card:hover .project-symbol{transform:scale(1.15) rotate(-4deg);letter-spacing:-.15em}
.example-art .ghost-shape{transition:transform 1.1s cubic-bezier(.2,1,.2,1)}
.example-card:hover .ghost-shape{transform:skewY(-25deg) scale(1.18) rotate(10deg)}
.process-item{transition:padding .3s ease,background .3s ease}
.process-item:hover{padding-left:10px;background:linear-gradient(90deg,rgba(202,254,114,.05),transparent 75%)}
.text-link span,.button span,.nav-cta span{transition:transform .25s ease;display:inline-block}
.text-link:hover span,.button:hover span,.nav-cta:hover span{transform:translate(4px,-4px)}
.emphasis-underline{box-shadow:inset 0 -.08em var(--lime)}
/* Production — a conceptual design illustration, not a fabricated client photograph */
.production-section{background:#e4e7de;position:relative;overflow:hidden;padding-bottom:clamp(50px,6vw,95px)}
.production-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(35px,5.5vw,90px);align-items:center}
.production-copy{padding-block:20px}
.production-copy h2{font-size:clamp(49px,5.85vw,91px);line-height:.98;letter-spacing:-.07em;margin:26px 0 29px;max-width:900px}
.production-copy .line-art{font-style:italic;font-weight:500}
.production-copy .accent-word{color:#59763e}
.production-lead{font-size:clamp(20px,2vw,28px);line-height:1.39;letter-spacing:-.024em;max-width:675px}
.production-copy>p:not(.production-lead){font-size:16px;color:#5a6159;max-width:620px;margin-top:19px}
.production-tags{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0}
.production-tags span{border:1px solid #adb6a7;border-radius:100px;padding:10px 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;transition:background .25s,color .25s,border-color .25s}
.production-tags span:hover{background:var(--dark);border-color:var(--dark);color:var(--lime)}
.production-visual{min-width:0}
.production-stage{--p-x:0px;--p-y:0px;height:clamp(430px,46vw,690px);position:relative;background:#1f2420;overflow:hidden;border-radius:3px;isolation:isolate;box-shadow:0 40px 70px rgba(26,34,25,.12)}
.production-stage::before{content:'';position:absolute;z-index:-1;width:610px;height:610px;left:14%;top:14%;border-radius:50%;filter:blur(30px);background:radial-gradient(circle,rgba(202,254,114,.16),transparent 67%)}
.production-stage::after{content:'';position:absolute;left:-15%;bottom:-48%;width:145%;height:80%;border-radius:50%;border:1px solid rgba(202,254,114,.2);transform:rotate(-18deg)}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(202,254,114,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(202,254,114,.08) 1px,transparent 1px);background-size:51px 51px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 80%,transparent);opacity:.55}
.stage-micro{position:absolute;z-index:6;font-size:10px;font-weight:800;letter-spacing:.18em;color:#bcd4a0}
.stage-micro-top{top:26px;left:30px}.stage-micro-bottom{bottom:22px;right:24px;text-align:right}
.mock-pack{position:absolute;z-index:2;width:54%;height:57%;left:23%;top:19%;transform:translate3d(var(--p-x),var(--p-y),0) rotate(-11deg) skewY(1deg);filter:drop-shadow(18px 38px 24px rgba(0,0,0,.36));animation:object-float 7s ease-in-out infinite}
.pack-face{position:absolute;inset:0;padding:9%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#d2fa93 0%,#b9dd7b 55%,#819e55 100%);color:#171d16;border:1px solid #d4fa9b}
.pack-face::after{content:'';position:absolute;width:120%;height:55%;left:15%;top:2%;border:1px solid rgba(18,24,18,.17);border-radius:100%;transform:rotate(-33deg)}
.pack-top,.pack-foot{font-size:clamp(8px,.75vw,11px);font-weight:900;letter-spacing:.11em;z-index:1}
.pack-face strong{position:relative;z-index:1;font-size:clamp(38px,5.45vw,84px);letter-spacing:-.1em;line-height:.85;max-width:100%;word-break:keep-all}
.pack-side{position:absolute;left:99.5%;top:4.5%;height:100%;width:14%;background:linear-gradient(100deg,#718c4b,#a8c77c 70%,#647c43);transform:skewY(30deg);transform-origin:0 0}
.mock-card{position:absolute;z-index:4;left:3%;bottom:17%;width:45%;height:25%;transform:translate3d(calc(var(--p-x) * -.7),calc(var(--p-y) * -.7),0) rotate(12deg);background:#e6e7dc;border:1px solid #fff;box-shadow:16px 25px 30px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:space-between;padding:7%;animation:card-float 8s ease-in-out infinite}
.mock-card>span{font-size:clamp(47px,5.7vw,90px);font-weight:950;letter-spacing:-.11em;line-height:1}.mock-card .card-mark{color:#87a953}
.mock-card small{font-size:clamp(7px,.7vw,11px);letter-spacing:.12em;font-weight:800;color:#5c6559}
.mock-label{position:absolute;z-index:3;top:12%;right:-9%;width:43%;height:24%;transform:rotate(18deg);background:#e0e5d9;border-radius:2px;padding:5%;display:flex;flex-direction:column;justify-content:center;gap:2px;box-shadow:10px 16px 25px rgba(0,0,0,.18)}
.mock-label span,.mock-label small{font-size:clamp(7px,.7vw,11px);letter-spacing:.15em;font-weight:800;color:#5d6259}
.mock-label strong{font-size:clamp(21px,2.7vw,42px);line-height:.9;letter-spacing:-.08em}
.mock-swatch{position:absolute;z-index:1;right:5%;bottom:12%;display:flex;gap:8px;transform:rotate(-23deg)}
.mock-swatch span{display:grid;place-items:end center;width:33px;height:112px;font-size:9px;font-weight:800;color:#161715;padding-bottom:9px;background:#cafe72;box-shadow:5px 12px 14px rgba(0,0,0,.2)}
.mock-swatch span:nth-child(2){background:#ecece4;transform:translateY(6px)}.mock-swatch span:nth-child(3){background:#839b74;transform:translateY(12px)}
@keyframes object-float{50%{translate:0 -11px}}@keyframes card-float{50%{translate:0 10px}}
.visual-caption{font-size:11px;color:#61695c;text-align:right;margin:11px 0 0}
.production-footer{display:flex;align-items:center;gap:clamp(10px,2.1vw,35px);margin-top:clamp(60px,8vw,105px);border-top:1px solid #adb5a6;padding-top:24px}
.production-footer span{white-space:nowrap;font-size:clamp(9px,.9vw,13px);text-transform:uppercase;letter-spacing:.095em;font-weight:800;color:#5a6454}
.production-footer i{flex:1;min-width:10px;height:1px;background:#8e9b86;position:relative}
.production-footer i::after{content:'›';position:absolute;right:0;top:-12px;font-style:normal;font-size:21px}
.service-row[id]{scroll-margin-top:110px}
@media(max-width:1080px){.production-layout{grid-template-columns:1fr 1fr}.production-copy h2{font-size:clamp(45px,6vw,72px)}.production-stage{height:590px}.pack-face strong{font-size:clamp(42px,5.5vw,76px)}}
@media(max-width:760px){.production-layout{grid-template-columns:1fr;gap:32px}.production-copy h2{font-size:clamp(49px,9.5vw,77px)}.production-stage{height:clamp(440px,93vw,610px)}.pack-face strong{font-size:clamp(45px,9vw,83px)}.mock-card>span{font-size:clamp(56px,10vw,85px)}.mock-label strong{font-size:clamp(24px,5.6vw,40px)}.production-footer{gap:8px;flex-wrap:wrap}.production-footer i{flex-basis:18px}.production-footer span{font-size:9px}.stage-micro{font-size:8px}}
@media(max-width:490px){.production-stage{height:425px}.production-footer{justify-content:center}.production-footer i{flex:0 0 12px}.production-footer span{font-size:8px;letter-spacing:0}.pack-face strong{font-size:42px}.mock-card>span{font-size:52px}.mock-label strong{font-size:22px}.mock-swatch span{height:65px;width:24px}.mock-pack{left:24%;width:55%}.production-copy h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-copy,.page-title-animate{animation:none!important;opacity:1!important;transform:none!important}.ticker-track,.mock-pack,.mock-card{animation:none!important;translate:0!important}.ticker-set[aria-hidden="true"]{display:none}.production-stage{--p-x:0px!important;--p-y:0px!important}.service-card:hover{transform:none}}


/* v4: legal identification section, original layout and logo unaffected. */
.legal-link{display:inline-flex;gap:8px;align-items:center;margin-top:8px;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.legal-link:hover{color:var(--lime)}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:start}
.legal-layout h2{font-size:clamp(45px,6vw,88px);line-height:1.02}
.legal-layout>div>p{max-width:450px}
.legal-card{background:#eceee7;padding:clamp(24px,3.8vw,52px);border-radius:4px}
.legal-card dl{margin:0}
.legal-card dl>div{padding:15px 0;border-bottom:1px solid rgba(24,26,23,.16)}
.legal-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#60665e;margin-bottom:7px}
.legal-card dd{margin:0;font-size:18px;line-height:1.45;font-weight:600}
.legal-card .legal-warning{font-size:13px;color:#626862;line-height:1.55;margin-top:25px}
@media(max-width:760px){.legal-layout{grid-template-columns:1fr}.legal-card{padding:27px}}


/* v11: Signature intro. One compositor-friendly continuous flight, stable scrollbar. */
html{scrollbar-gutter:stable}
html.wa-intro-pending{overflow-y:scroll;scrollbar-gutter:stable}
.wa-signature-intro{
 position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
 background:transparent;visibility:hidden;opacity:0;pointer-events:none;
 transition:opacity .12s ease,visibility 0s linear .12s;
 isolation:isolate;overflow:hidden;contain:layout paint;touch-action:none;
}
.wa-signature-intro::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:rgba(16,18,19,.17);
 -webkit-backdrop-filter:blur(5px) saturate(.93);
 backdrop-filter:blur(5px) saturate(.93);
 opacity:0;will-change:opacity;
}
.wa-intro-pending .wa-signature-intro{
 visibility:visible;opacity:1;pointer-events:auto;transition:none;
}
.wa-intro-pending .wa-signature-intro::before{animation:wa-frost-release 2.2s linear both}
.wa-signature-intro__logo{
 width:min(92vw,1350px);aspect-ratio:4 / 1;position:relative;z-index:1;
 transform:translate3d(0,0,0) scale(.96) rotate(-15deg);
 opacity:0;transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden;
}
.wa-signature-intro__ink{
 position:absolute;inset:0;background:#cafe72;
 -webkit-mask-image:url('/assets/wa-logo-signature.svg');mask-image:url('/assets/wa-logo-signature.svg');
 -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-position:center;mask-position:center;
 clip-path:inset(0 100% 0 0);opacity:0;
}
.wa-intro-pending .wa-signature-intro__ink{animation:wa-signature-write 2.2s linear both}
.wa-intro-pending .wa-signature-intro__logo{animation:wa-signature-flight 2.2s linear both}
@keyframes wa-signature-write{
 0%{clip-path:inset(0 100% 0 0);opacity:0}
 3%{opacity:1}
 9%{clip-path:inset(0 93% 0 0);animation-timing-function:cubic-bezier(.42,.02,.28,1)}
 64%,100%{clip-path:inset(0 0 0 0);opacity:1}
}
/* Continuous tilt; no multiple zoom-speed breakpoints. */
@keyframes wa-signature-flight{
 0%{opacity:1;transform:translate3d(0,0,0) scale(.96) rotate(-15deg);animation-timing-function:cubic-bezier(.35,.05,.5,1)}
 64%{opacity:1;transform:translate3d(0,0,0) scale(1.04) rotate(-9deg);animation-timing-function:cubic-bezier(.42,.08,.82,.99)}
 96%{opacity:1}
 100%{opacity:0;transform:translate3d(0,0,0) scale(11) rotate(48deg)}
}
@keyframes wa-frost-release{
 0%,76%{opacity:1}
 100%{opacity:0}
}
@media(max-width:760px){.wa-signature-intro__logo{width:96vw}}
@media(prefers-reduced-motion:reduce){
 .wa-signature-intro{display:none!important}
 html.wa-intro-pending{overflow-y:auto}
}

/* v12: Project 03 only. Always-visible 12% photo preview and smooth right-to-left reveal.
   Gallery controls activate automatically when more genuine project images are supplied. */
.project-row .promo-gallery-card{
  cursor:pointer; isolation:isolate;
}
.project-row .promo-gallery-card .promo-photo-preview{
  position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;
  padding:0;margin:0;border:0;border-radius:0;background:#151715;color:#fff;
  overflow:hidden;pointer-events:none;clip-path:inset(0 0 0 88%);
  transition:clip-path .64s cubic-bezier(.19,.85,.24,1);
}
.project-row .promo-gallery-card.is-revealed .promo-photo-preview,
.project-row .promo-gallery-card:hover .promo-photo-preview{
  clip-path:inset(0 0 0 0);
}
.project-row .promo-gallery-card .promo-gallery-photo{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center center;
  opacity:0;transition:opacity .32s ease;
}
.project-row .promo-gallery-card .promo-gallery-photo.is-current{opacity:1}
.project-row .promo-gallery-card .promo-photo-preview::after{
  content:'';position:absolute;inset:45% 0 0;
  background:linear-gradient(transparent,rgba(8,10,10,.56));pointer-events:none;
}
.project-row .promo-gallery-card .promo-photo-caption{
  position:absolute;z-index:2;left:22px;right:22px;bottom:22px;
  text-align:left;color:#fff;font-size:11px;line-height:1.4;
  letter-spacing:.12em;text-transform:uppercase;font-weight:800;
  text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none;
}
.project-row .promo-gallery-card .promo-slide-edge{
  position:absolute;z-index:4;top:0;bottom:0;left:88%;width:2px;
  background:#cafe72;box-shadow:0 0 16px rgba(202,254,114,.68);
  pointer-events:none;transition:left .64s cubic-bezier(.19,.85,.24,1),opacity .32s ease;
  opacity:.85;
}
.project-row .promo-gallery-card.is-revealed .promo-slide-edge,
.project-row .promo-gallery-card:hover .promo-slide-edge{left:0;opacity:.5}
.project-row .promo-gallery-card:focus-visible{outline:3px solid #a4e54b;outline-offset:3px}
.project-row .promo-gallery-card .promo-gallery-controls{
  position:absolute;z-index:5;left:16px;bottom:17px;right:16px;
  display:flex;align-items:center;justify-content:center;gap:14px;
  opacity:0;pointer-events:none;transition:opacity .25s ease;
}
.project-row .promo-gallery-card .promo-gallery-controls[hidden]{display:none!important}
.project-row .promo-gallery-card.is-revealed .promo-gallery-controls,
.project-row .promo-gallery-card:hover .promo-gallery-controls{
  opacity:1;pointer-events:auto;
}
.project-row .promo-gallery-card .promo-gallery-nav{
  width:40px;height:40px;border:1px solid rgba(255,255,255,.65);
  border-radius:50%;background:rgba(0,0,0,.78);color:#cafe72;
  font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer;
  transition:background .2s,color .2s;
}
.project-row .promo-gallery-card .promo-gallery-nav:hover,
.project-row .promo-gallery-card .promo-gallery-nav:focus-visible{background:#cafe72;color:#161715}
.project-row .promo-gallery-card .promo-gallery-count{color:#fff;background:rgba(0,0,0,.78);font-size:11px;letter-spacing:.12em;padding:9px 11px}
@media(hover:none){
  .project-row .promo-gallery-card:hover .promo-photo-preview{clip-path:inset(0 0 0 88%)}
  .project-row .promo-gallery-card:hover .promo-slide-edge{left:88%;opacity:.85}
  .project-row .promo-gallery-card.is-revealed .promo-photo-preview{clip-path:inset(0 0 0 0)}
  .project-row .promo-gallery-card.is-revealed .promo-slide-edge{left:0;opacity:.5}
}
@media(prefers-reduced-motion:reduce){
  .project-row .promo-gallery-card .promo-photo-preview,
  .project-row .promo-gallery-card .promo-slide-edge,
  .project-row .promo-gallery-card .promo-gallery-photo,
  .project-row .promo-gallery-card .promo-gallery-controls{transition:none}
}

/* v10: restrained business identity at Kontakt. Full registration data stays in Impressum. */
.wa-business-identity h3{font-size:clamp(30px,3vw,43px);line-height:1.03;letter-spacing:-.04em;margin:0 0 8px}
.wa-business-identity .wa-business-subtitle{font-size:13px;line-height:1.45;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#757b71;margin:0 0 18px}

/* v10: a single neon line follows scrolling through the production process. */
.production-footer.production-progress{
 display:block;--process-completion:0;margin-top:clamp(60px,8vw,105px);
 border-top:1px solid #adb5a6;padding-top:29px;
}
.production-progress-track{height:4px;width:100%;border-radius:999px;background:#a6ae9f;position:relative}
.production-progress-fill{display:block;position:absolute;inset:0;border-radius:inherit;
 background:linear-gradient(90deg,#93bd4f,#cafe72 62%,#d9ff92);
 transform-origin:left center;transform:scaleX(var(--process-completion));
 will-change:transform;box-shadow:0 0 10px rgba(202,254,114,.45);
}
.production-progress-glow{position:absolute;left:calc(var(--process-completion) * 100%);top:50%;
 width:12px;height:12px;border-radius:50%;background:#d4ff88;
 transform:translate(-50%,-50%);box-shadow:0 0 15px 3px rgba(202,254,114,.7);
 opacity:clamp(0,var(--process-completion) * 10,1);
}
.production-progress-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start;margin-top:18px}
.production-progress-steps span{font-size:clamp(9px,.9vw,13px);text-transform:uppercase;letter-spacing:.085em;font-weight:800;color:#566050;white-space:normal;line-height:1.4}
.production-progress-steps span:first-child{text-align:left}
.production-progress-steps span:not(:first-child):not(:last-child){text-align:center}
.production-progress-steps span:last-child{text-align:right}
@media(max-width:760px){.production-footer.production-progress{padding-top:24px}.production-progress-steps{gap:4px}.production-progress-steps span{font-size:9px;letter-spacing:.005em}}
@media(max-width:490px){.production-progress-steps span{font-size:8px}.production-progress-track{height:3px}}
@media(prefers-reduced-motion:reduce){
 .production-footer.production-progress{--process-completion:1}
 .production-progress-fill{will-change:auto}
}

/* v11: Requested minimal legal and contact refinements. */
.wa-impressum-intro{max-width:none!important;white-space:nowrap;font-size:clamp(16px,1.5vw,22px)}
.legal-layout h2.wa-impressum-brand{margin:0 0 9px}
.wa-impressum-subtitle{font-size:14px;line-height:1.4;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#70776d;margin:-1px 0 22px}
.wa-contact-person{font-weight:700;margin:10px 0 4px!important}
.contact-grid .legal-link.wa-contact-action{padding:11px 13px;margin-left:-13px;margin-top:0;border:1px solid transparent;border-radius:2px;text-decoration:none;line-height:1.35;transition:color .18s ease,background .18s ease,border-color .18s ease}
.contact-grid .legal-link.wa-contact-action:hover,.contact-grid .legal-link.wa-contact-action:focus-visible{background:var(--dark);color:var(--lime);border-color:var(--dark)}
@media(max-width:900px){.wa-impressum-intro{white-space:normal;font-size:clamp(18px,2.4vw,24px)}}

/* v13: Small gallery polish, applied only to the three existing project cards. */
.project-row .promo-gallery-card .promo-photo-caption{
 bottom:70px;max-width:calc(100% - 44px);
 background:rgba(11,14,12,.63);padding:7px 9px;width:max-content;
 font-size:10px;letter-spacing:.095em;
}
.project-row .promo-gallery-card:not(.is-revealed) .promo-photo-caption{opacity:0}
@media(hover:hover){
 .project-row .promo-gallery-card:hover .promo-photo-caption{opacity:1}
}
.studio-experience{max-width:880px;font-size:clamp(18px,2vw,26px);line-height:1.45;margin:22px 0 8px;font-weight:600}
.studio-confidential{max-width:880px;font-size:15px;line-height:1.65;color:#666e66;margin:0 0 18px}
@media(prefers-reduced-motion:reduce){
 .project-row .promo-gallery-card .promo-photo-preview,
 .project-row .promo-gallery-card .promo-gallery-photo{transition:none}
}

/* WRAP ART / v15 - focused refinements. No changes to signature motion keyframes. */
.home-areas-heading > div > .eyebrow{margin-bottom:clamp(18px,2.3vw,29px);}
.home-areas-heading h2{line-height:1.09;letter-spacing:-.045em;}
@media(max-width:760px){
  .home-areas-heading > div > .eyebrow{margin-bottom:20px;}
  .home-areas-heading h2{line-height:1.13;letter-spacing:-.04em;}
}
/* Every gallery photo fills the complete available image frame, including tall artworks. */
.project-row .promo-gallery-card .promo-gallery-photo{object-fit:cover;object-position:center center;}
/* Selected services look and behave like deliberate toggle buttons, not dead-end decorations. */
.pill-list .service-option{
 display:inline-flex;justify-content:center;align-items:center;
 background:transparent;color:var(--ink);font-family:inherit;
 line-height:1.25;min-height:34px;white-space:normal;text-align:left;
 transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.pill-list .service-option:hover,
.pill-list .service-option[aria-pressed="true"]{
 background:var(--dark);color:var(--lime);border-color:var(--dark);
}
.pill-list .service-option:focus-visible{outline:2px solid #45700a;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.pill-list .service-option{transition:none}}


/* WRAP ART v16: original slideshow graphics preserved; only requested image crops. */
.project-row .promo-gallery-card .promo-gallery-photo.wa-gallery-crop-top{object-position:center top;}
.project-row .promo-gallery-card .promo-gallery-photo.wa-gallery-crop-right{object-position:right center;}
.project-row .promo-gallery-card .promo-gallery-photo.wa-gallery-contain-logo{
 object-fit:contain;object-position:center center;background:#fff;
}
/* Shared, measured small-heading rhythm on existing pages; untouched font and animation. */
.section-head>div>.eyebrow,.home-areas-heading>div>.eyebrow{margin-bottom:clamp(16px,2.1vw,25px);}
.section-head h2{line-height:1.07;}
.page-hero h1,.page-hero h1.page-title-animate{margin-top:16px;}
.wa-studio-why>.container>.eyebrow{margin-bottom:clamp(16px,2.1vw,25px);}
.wa-studio-why .manifesto{margin-top:0;}
.contact-grid>div:first-child>.eyebrow{margin-bottom:clamp(16px,2.1vw,25px);}
.contact-grid>div:first-child>h2{margin-top:0;}
.wa-services-container>.wa-services-inquiry{margin-top:clamp(34px,5vw,70px);}
.wa-services-inquiry{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 border:1px solid rgba(22,23,21,.18);padding:clamp(22px,3vw,39px);
 background:#e8e9e1;
}
.wa-services-inquiry .eyebrow{margin-bottom:11px;}
.wa-services-inquiry-copy{margin:0;font-size:16px;color:#4d554c;}
.wa-service-submit{justify-content:space-between;max-width:100%;gap:20px;}
.wa-service-submit:disabled{opacity:.46;cursor:not-allowed;}
.wa-service-submit:not(:disabled):hover{background:var(--lime);color:var(--ink);border-color:var(--ink);}
.wa-contact-phone{margin:1px 0 4px!important;font-weight:650;}
.wa-contact-phone a{display:inline-block;padding:4px 0;}
.wa-contact-phone a:hover,.wa-contact-phone a:focus-visible{text-decoration:underline;text-decoration-color:#578b0c;}
.wa-selected-services[hidden]{display:none!important;}
.wa-selected-services-list{display:flex;flex-wrap:wrap;gap:8px;}
.wa-selected-services-chip{font-size:12px;background:var(--dark);color:var(--lime);border:1px solid var(--dark);border-radius:100px;padding:10px 12px;}
.wa-selected-services-chip:hover,.wa-selected-services-chip:focus-visible{background:var(--lime);color:var(--ink);}
.wa-selected-services-help{color:#636962;font-size:12px;margin:6px 0 0;}
.wa-selected-services-help a{text-decoration:underline;text-underline-offset:3px;}
@media(max-width:760px){
 .wa-services-inquiry{align-items:stretch;flex-direction:column;}
 .wa-services-inquiry .button{width:100%;}
 .section-head>div>.eyebrow,.home-areas-heading>div>.eyebrow{margin-bottom:20px;}
}


/* WRAP ART v17: unified section-title rhythm on all seven pages. No visual redesign. */
:root{--wa-heading-gap:clamp(13px,1.7vw,23px)}
.page-hero .eyebrow + h1,
.page-hero .eyebrow + h1.page-title-animate{margin-top:var(--wa-heading-gap)}
.section-head>div>.eyebrow,.home-areas-heading>div>.eyebrow{
  margin-bottom:var(--wa-heading-gap)
}
.intro-grid .eyebrow + h2,
.cta-panel .eyebrow + h2,
.dark-panel .eyebrow + h2,
.contact-grid>div:first-child>.eyebrow + h2{margin-top:var(--wa-heading-gap)}
.wa-studio-why>.container>.eyebrow{margin-bottom:var(--wa-heading-gap)}
.wa-studio-why .manifesto{margin-top:0}
/* Natural reading distance after titles and into the next text. */
.page-hero h1 + .lead{margin-top:0}
.page-hero h1{margin-bottom:clamp(24px,3vw,35px)}
.wa-services-inquiry .eyebrow{margin-bottom:var(--wa-heading-gap)}
.wa-privacy-note{grid-column:1/-1;font-size:13px;line-height:1.55;margin:4px 0}
.wa-privacy-note a{text-decoration:underline;text-underline-offset:3px}
.wa-privacy-checkbox{grid-column:1/-1}
.wa-privacy-checkbox label{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.5;cursor:pointer}
.wa-privacy-checkbox input{width:19px;height:19px;flex:0 0 19px;accent-color:#617f23;margin:1px 0 0}
.wa-turnstile{grid-column:1/-1;min-height:0}
.wa-form-hint{grid-column:1/-1;margin:0 0 5px;font-size:13px}
.form-actions button[disabled]{opacity:.62;cursor:wait}
.form-status.is-success{border-color:#477423;background:#f0f7e5;color:#233c13}
.wa-pricing-notice{margin:42px auto 0;max-width:920px;padding:24px var(--gutter);border-top:1px solid var(--line)}
.wa-pricing-notice h2{font-size:clamp(24px,3vw,40px);margin-bottom:18px}
.wa-pricing-notice p{max-width:850px}
@media(max-width:760px){:root{--wa-heading-gap:16px}}

/* v17.1: Focus and iOS arrow presentation polish. Preserve keyboard focus styles. */
#enquiry-form:focus { outline: none; box-shadow: none; }
a, button { -webkit-tap-highlight-color: rgba(183,255,60,.17); }


/* WRAP ART v18 / Targeted micro-interactions. Original layout and intro untouched. */
@media (max-width: 760px) {
  /* The centred discipline becomes active while the visitor scrolls. */
  .services-grid .service-card {
    transition:background-color .5s ease,box-shadow .5s ease,transform .5s cubic-bezier(.2,1,.2,1);
  }
  .services-grid .service-card.is-scroll-active {
    background:#e7eddb;
    box-shadow:inset 0 0 0 2px rgba(107,151,42,.26),0 14px 36px rgba(23,39,17,.08);
    transform:translateY(-3px);
  }
  .services-grid .service-card.is-scroll-active svg {color:#607c28;transform:rotate(-6deg) scale(1.07)}
  .services-grid .service-card.is-scroll-active .card-n {color:#526d26}
  .services-grid .service-card.is-scroll-active::after{opacity:.8;transform:translate(0,0)}
}
/* Consistent distance between eyebrow and title on the Services page only. */
.wa-services-page .page-hero {padding-top:clamp(65px,8vw,124px)}
.wa-services-page .page-hero > .container > .eyebrow {
  display:flex; margin-bottom:clamp(26px,2.2vw,34px);
}
.wa-services-page .page-hero .eyebrow + h1.page-title-animate {margin-top:0}
@media(max-width:760px){
 .wa-services-page .page-hero{padding-top:72px}
 .wa-services-page .page-hero > .container > .eyebrow{margin-bottom:24px}
}
/* One truthful behind-the-scenes photograph, gently revealed from the left. */
.wa-creative-reveal{cursor:pointer;isolation:isolate;outline:none;touch-action:pan-y}
.wa-creative-reveal:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.wa-creative-reveal::before,.wa-creative-reveal::after{pointer-events:none;z-index:1;transition:opacity .42s ease}
.wa-creative-reveal .visual-type{z-index:2;transition:opacity .34s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.wa-creative-photo{position:absolute;inset:0;z-index:2;overflow:hidden;
  clip-path:inset(0 87% 0 0);transition:clip-path .73s cubic-bezier(.22,1,.36,1)}
.wa-creative-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transform:scale(1.07);transition:transform .85s cubic-bezier(.2,1,.2,1)}
.wa-creative-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,15,.8),transparent 57%);pointer-events:none}
.wa-creative-edge{position:absolute;left:13%;top:0;bottom:0;width:2px;z-index:4;background:var(--lime);box-shadow:0 0 16px rgba(183,255,60,.8);opacity:.9;
 transition:left .73s cubic-bezier(.22,1,.36,1),opacity .4s}
.wa-creative-kicker,.wa-creative-foot,.wa-creative-invite{position:absolute;z-index:5;pointer-events:none;font-weight:800;letter-spacing:.11em}
.wa-creative-kicker{left:22px;top:24px;font-size:10px;color:#f8faf6;background:rgba(14,17,14,.82);padding:8px 10px;opacity:0;transform:translateY(9px);transition:opacity .34s ease,transform .5s ease}
.wa-creative-foot{left:24px;bottom:24px;color:#fff;font-size:clamp(17px,2.2vw,28px);line-height:1.15;letter-spacing:-.025em;opacity:0;transform:translateY(15px);transition:opacity .3s ease .12s,transform .55s ease}
.wa-creative-invite{right:18px;bottom:17px;color:#181b16;font-size:10px;z-index:2;opacity:.9;transition:opacity .25s}
.wa-creative-invite span{font-size:17px}
@media(hover:hover){
 .wa-creative-reveal:hover .wa-creative-photo{clip-path:inset(0)}
 .wa-creative-reveal:hover .wa-creative-edge{left:100%;opacity:0}
 .wa-creative-reveal:hover .visual-type,.wa-creative-reveal:hover::before,.wa-creative-reveal:hover::after{opacity:0}
 .wa-creative-reveal:hover .wa-creative-invite{opacity:0}
 .wa-creative-reveal:hover .wa-creative-photo img{transform:scale(1)}
 .wa-creative-reveal:hover .wa-creative-kicker,.wa-creative-reveal:hover .wa-creative-foot{opacity:1;transform:none}
}
.wa-creative-reveal.is-open .wa-creative-photo{clip-path:inset(0)}
.wa-creative-reveal.is-open .wa-creative-edge{left:100%;opacity:0}
.wa-creative-reveal.is-open .visual-type,.wa-creative-reveal.is-open::before,.wa-creative-reveal.is-open::after,.wa-creative-reveal.is-open .wa-creative-invite{opacity:0}
.wa-creative-reveal.is-open .wa-creative-photo img{transform:scale(1)}
.wa-creative-reveal.is-open .wa-creative-kicker,.wa-creative-reveal.is-open .wa-creative-foot{opacity:1;transform:none}
/* Three independent editorial previews for the existing scope cards. */
.wa-case-art{isolation:isolate;cursor:pointer;outline:none;touch-action:pan-y}
.wa-case-art:focus-visible{outline:3px solid #577f18;outline-offset:-4px}
.wa-case-media{position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:inset(0 86% 0 0);
  transition:clip-path .73s cubic-bezier(.22,1,.36,1)}
.wa-case-art.two .wa-case-media{clip-path:inset(84% 0 0 0)}
.wa-case-art.three .wa-case-media{clip-path:inset(0 0 0 86%)}
.wa-case-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:scale(1.055);transition:transform .83s cubic-bezier(.22,1,.36,1)}
.wa-case-art.two .wa-case-media img{object-position:50% 50%}
.wa-case-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,10,.75),transparent 52%);pointer-events:none}
.wa-case-art .floating-label{z-index:5;color:#f3f5ec;background:rgba(14,17,14,.79);padding:8px 10px;opacity:1}
.wa-case-art .ghost-shape{z-index:0}
.wa-case-art .project-symbol{position:relative;z-index:0;transition:opacity .32s,transform .6s cubic-bezier(.22,1,.36,1)}
.wa-case-id{position:absolute;right:20px;top:24px;z-index:6;font-size:10px;letter-spacing:.16em;font-weight:800;color:#e8f3e1;background:rgba(11,13,11,.72);padding:7px 9px}
.wa-case-hint{position:absolute;z-index:0;bottom:18px;right:19px;font-size:10px;font-weight:700;letter-spacing:.095em;opacity:.7}
.wa-case-caption{position:absolute;left:23px;right:18px;bottom:23px;color:white;font-size:clamp(16px,2vw,25px);font-weight:850;line-height:1.13;letter-spacing:-.025em;text-align:left;z-index:6;opacity:0;transform:translateY(13px);transition:opacity .35s ease .1s,transform .5s ease}
@media(hover:hover){
 .wa-case-art:hover .wa-case-media,.wa-case-art.two:hover .wa-case-media,.wa-case-art.three:hover .wa-case-media{clip-path:inset(0)}
 .wa-case-art:hover .project-symbol{opacity:0;transform:scale(.9)}
 .wa-case-art:hover .wa-case-hint{opacity:0}
 .wa-case-art:hover .wa-case-caption{opacity:1;transform:none}
 .wa-case-art:hover .wa-case-media img{transform:scale(1)}
}
.wa-case-art.is-open .wa-case-media,.wa-case-art.two.is-open .wa-case-media,.wa-case-art.three.is-open .wa-case-media{clip-path:inset(0)}
.wa-case-art.is-open .project-symbol,.wa-case-art.is-open .wa-case-hint{opacity:0}
.wa-case-art.is-open .wa-case-caption{opacity:1;transform:none}
.wa-case-art.is-open .wa-case-media img{transform:scale(1)}
@media(max-width:760px){
 .wa-case-art.is-scroll-active .wa-case-media,.wa-case-art.two.is-scroll-active .wa-case-media,.wa-case-art.three.is-scroll-active .wa-case-media{clip-path:inset(0)}
 .wa-case-art.is-scroll-active .project-symbol,.wa-case-art.is-scroll-active .wa-case-hint{opacity:0}
 .wa-case-art.is-scroll-active .wa-case-caption{opacity:1;transform:none}
 .wa-case-art .floating-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .wa-creative-reveal *,.wa-case-art *,.services-grid .service-card{transition:none!important;animation:none!important}
}

/* v18.1: targeted image framing; desktop truck front, retain mobile image positioning. */
@media(min-width:761px){.wa-case-art.three .wa-case-media img{object-position:8% center}}


/* v18.2 / Real image and 4-step diagram: scoped additions only. */
/* Studio: preserve green neon square and its left-side reveal, but show the
   original 4:3 photographic composition instead of aggressively cropping. */
.wa-studio-creative{min-height:0;aspect-ratio:4 / 3;width:100%}
.wa-studio-creative .wa-creative-photo img{object-fit:contain;object-position:center;transform:scale(1);background:#111611}
.wa-studio-creative .wa-creative-photo::after{background:linear-gradient(0deg,rgba(11,13,15,.56),transparent 45%)}
.wa-studio-creative:hover .wa-creative-photo img,.wa-studio-creative.is-open .wa-creative-photo img{transform:scale(1)}
.wa-studio-creative .wa-creative-foot{font-size:clamp(15px,2vw,24px)}
/* Services: single input, multiple possible outcomes. Entirely original, text-first diagram. */
.wa-idea-network{min-height:370px;isolation:isolate;background:#beff56;position:relative;overflow:hidden;display:block}
.wa-idea-network::before,.wa-idea-network::after{content:none}
.wa-idea-glow{position:absolute;inset:-40%;background:radial-gradient(circle at 24% 51%,rgba(255,255,255,.5),transparent 30%);pointer-events:none}
.wa-idea-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.wa-idea-lines path{fill:none;stroke:#1d2618;stroke-width:2;opacity:.55;stroke-linecap:round;stroke-dasharray:7 9;transition:stroke .4s ease,stroke-dashoffset 1.5s ease}
.wa-idea-network:hover .wa-idea-lines path{stroke-dashoffset:-45;stroke-width:2.5}
.wa-idea-origin{position:absolute;top:50%;left:5%;width:34%;aspect-ratio:1;transform:translateY(-50%);border:1.5px solid #1c2912;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#141a14;background:#cfff83;box-shadow:0 0 0 13px rgba(16,25,10,.07);z-index:3}
.wa-idea-origin span{font-size:9px;letter-spacing:.12em;font-weight:900}
.wa-idea-origin strong{font-size:clamp(29px,4vw,57px);letter-spacing:-.09em;line-height:1}
.wa-idea-origin small{font-size:11px;letter-spacing:-.02em}
.wa-idea-dot{color:#202a16}
.wa-idea-results{position:absolute;top:9%;right:4%;height:81%;width:36%;z-index:3;display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
.wa-idea-result{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border:1px solid rgba(22,33,12,.66);background:rgba(15,21,15,.9);color:#f4ffe9;transform:translateX(0);transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s ease}
.wa-idea-result span{color:#c5ff70;font-size:9px;letter-spacing:.12em;font-weight:700;margin-bottom:3px}
.wa-idea-result strong{font-size:clamp(11px,1.45vw,17px);letter-spacing:.025em;line-height:1.1}
.wa-idea-network:hover .wa-idea-result{transform:translateX(5px)}
.wa-idea-network:hover .wa-idea-result:nth-child(2){transition-delay:.06s}
.wa-idea-network:hover .wa-idea-result:nth-child(3){transition-delay:.12s}
.wa-idea-network:hover .wa-idea-result:nth-child(4){transition-delay:.18s}
.wa-idea-footer{position:absolute;left:18px;right:18px;bottom:11px;color:#1d2919;font-weight:800;letter-spacing:.1em;font-size:9px;display:flex;justify-content:space-between;z-index:4}
/* Middle case now uses a real photograph of the developer workspace, not AI. */
.wa-case-art.two .wa-case-media img{object-position:50% 28%}
/* Mobile: exactly one process stage is highlighted at a time, visually matching desktop hover. */
@media(max-width:760px){
 .wa-studio-creative{min-height:0;aspect-ratio:4 / 3}
 .wa-idea-network{min-height:310px}
 .wa-idea-origin{left:4%;width:36%}
 .wa-idea-origin strong{font-size:clamp(26px,8vw,42px)}
 .wa-idea-origin span{font-size:7px}
 .wa-idea-origin small{font-size:9px}
 .wa-idea-results{right:3%;width:37%;gap:7px}
 .wa-idea-result{padding:9px 8px}
 .wa-idea-result strong{font-size:clamp(10px,3.5vw,15px)}
 .wa-idea-footer{font-size:7px}
 .process-list .process-item{position:relative;transition:background .44s ease,transform .44s cubic-bezier(.22,1,.36,1),box-shadow .44s ease}
 .process-list .process-item::before{content:'';position:absolute;top:14px;bottom:14px;left:0;width:3px;background:var(--lime);opacity:0;transform:scaleY(.25);transform-origin:center;transition:opacity .4s ease,transform .4s ease;box-shadow:0 0 14px rgba(183,255,60,.55)}
 .process-list .process-item.is-scroll-active{background:linear-gradient(90deg,rgba(183,255,60,.12),transparent 92%);box-shadow:inset 0 0 0 1px rgba(183,255,60,.05);transform:translateX(4px)}
 .process-list .process-item.is-scroll-active::before{opacity:1;transform:scaleY(1)}
 .process-list .process-item.is-scroll-active h3{color:#f6ffec}
 .process-list .process-item.is-scroll-active .n{color:#d9ff93}
}
@media(prefers-reduced-motion:reduce){
 .wa-idea-network *,.process-list .process-item,.process-list .process-item::before{transition:none!important;animation:none!important;transform:none!important}
}

/* v18.5: Projects hero title rhythm matches the approved Services hero. */
.wa-projects-page .page-hero{padding-top:clamp(65px,8vw,124px)}
.wa-projects-page .page-hero > .container > .eyebrow{display:flex;margin-bottom:clamp(26px,2.2vw,34px)}
.wa-projects-page .page-hero .eyebrow + h1.page-title-animate{margin-top:0}
@media(max-width:760px){
  .wa-projects-page .page-hero{padding-top:72px}
  .wa-projects-page .page-hero > .container > .eyebrow{margin-bottom:24px}
}

/* v18.10 — samo naslovnica: fokus srednje fotografije i mobilni ticker. */
/* Kadar ostaje unutar kartice: izrezuje lijevu stranu s neželjenim detaljima.
   Ne mijenja izvor fotografije ni smjer/tempo reveal animacije. */
.wa-case-art.two .wa-case-media img{
  object-position:76% 26%;
  transform:scale(1.34);
}
@media(hover:hover){
  .wa-case-art.two:hover .wa-case-media img{transform:scale(1.25)}
}
.wa-case-art.two.is-open .wa-case-media img{transform:scale(1.25)}
@media(max-width:760px){
  /* Ne prikazuj Unicode zvjezdicu kao razdjelnik kliznog teksta na mobitelu. */
  .ticker-set b{display:none}
  .ticker-set span{margin-right:42px}
  .wa-case-art.two.is-scroll-active .wa-case-media img{transform:scale(1.25)}
}


/* v18.11 — targeted adjustments: interactive convergence diagram and mobile process digits. */
.wa-idea-network{
  min-height:440px;
  /* clip rather than hidden: clicking nodes must not scroll the visual internally. */
  overflow:clip;
  background-color:#c2ff63;
  background-image:linear-gradient(rgba(28,45,18,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(28,45,18,.065) 1px,transparent 1px);
  background-size:24px 24px;
  overflow:clip;
}
.wa-idea-network::before,.wa-idea-network::after{content:none}
.wa-idea-topnote{position:absolute;z-index:4;top:17px;left:20px;font-size:9px;letter-spacing:.12em;font-weight:900;color:#253a14;pointer-events:none}
.wa-idea-topnote span{padding:0 7px;opacity:.65}
.wa-idea-glow{background:radial-gradient(circle at 29% 50%,rgba(255,255,255,.65),transparent 36%)}
.wa-idea-lines path{stroke:#2e4920;stroke-width:2.2;stroke-dasharray:4 9;opacity:.22;transition:stroke .28s ease,stroke-width .28s ease,opacity .28s ease;}
.wa-idea-lines path.is-linked{stroke:#1b3216;stroke-width:4;opacity:.95;stroke-dasharray:none}
.wa-idea-lines path.is-preview{stroke:#ffffff;stroke-width:5;opacity:1;stroke-dasharray:none;filter:drop-shadow(0 0 5px rgba(27,44,16,.4))}
.wa-idea-network:hover .wa-idea-lines path{stroke-dashoffset:0}
.wa-idea-connection-node{fill:#182917;stroke:#f1ffcf;stroke-width:4;filter:drop-shadow(0 0 8px rgba(15,35,13,.3))}
.wa-idea-origin{left:4.25%;top:50%;width:35.5%;gap:8px;background:#ddff9d;box-shadow:0 0 0 13px rgba(18,41,9,.075),0 12px 28px rgba(10,36,4,.1);transition:box-shadow .35s ease,background .35s ease}
.wa-idea-origin strong{font-size:clamp(36px,4.8vw,68px)}
.wa-idea-origin span{max-width:85%;text-align:center;line-height:1.5}
.wa-idea-origin small{max-width:92%;text-align:center;font-weight:800;font-size:11px;line-height:1.35}
.wa-idea-network.has-links .wa-idea-origin{background:#edffcc;box-shadow:0 0 0 13px rgba(18,41,9,.09),0 0 38px rgba(221,255,151,.95)}
.wa-idea-results{top:9.5%;right:4%;width:37%;height:81%;grid-template-rows:repeat(5,minmax(0,1fr));gap:9px}
.wa-idea-result{
  appearance:none;-webkit-appearance:none;position:relative;min-width:0;width:100%;font-family:inherit;
  text-align:left;border-radius:2px;cursor:pointer;padding:7px 30px 7px 15px;
  background:#18241b;color:#f0f9e9;border:1px solid rgba(23,46,15,.8);
  transform:none;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.wa-idea-result span{font-size:8px;color:#b5caaa;letter-spacing:.1em;margin-bottom:3px}
.wa-idea-result strong{font-size:clamp(12px,1.55vw,17px)}
.wa-idea-result i{position:absolute;right:12px;top:50%;width:11px;height:11px;border:1.5px solid rgba(200,255,153,.7);transform:translateY(-50%);border-radius:50%;transition:background .25s ease,box-shadow .25s ease}
.wa-idea-result.is-selected{background:#102117;border-color:#132b18;box-shadow:inset 3px 0 0 #fff,0 0 0 1px rgba(255,255,255,.25);transform:translateX(0)}
.wa-idea-result.is-selected i{background:#d0ff87;box-shadow:0 0 10px rgba(218,255,134,.85)}
.wa-idea-result.is-preview,.wa-idea-result:hover{background:#355129;border-color:#fff;transform:translateX(4px)}
.wa-idea-result:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wa-idea-network:hover .wa-idea-result:not(:hover){transform:none}
.wa-idea-footer{left:20px;right:18px;bottom:11px;font-size:8px;letter-spacing:.07em;gap:10px}
.wa-idea-footer span:last-child{white-space:nowrap}
@media(max-width:760px){
  .wa-idea-network{min-height:382px;background-size:20px 20px}
  .wa-idea-topnote{top:14px;left:13px;font-size:7px}
  .wa-idea-topnote span{padding:0 3px}
  .wa-idea-origin{left:3%;width:36%;box-shadow:0 0 0 7px rgba(18,41,9,.075)}
  .wa-idea-origin strong{font-size:clamp(27px,8vw,45px)}
  .wa-idea-origin span{font-size:7px}
  .wa-idea-origin small{font-size:9px;line-height:1.2}
  .wa-idea-results{top:12%;height:76%;right:3%;width:38%;gap:6px}
  .wa-idea-result{padding:5px 18px 5px 8px}
  .wa-idea-result span{font-size:6px;letter-spacing:.04em}
  .wa-idea-result strong{font-size:clamp(10px,3vw,13px)}
  .wa-idea-result i{right:6px;width:8px;height:8px}
  .wa-idea-footer{left:12px;right:12px;font-size:6px;gap:4px}
  .wa-idea-network.has-links .wa-idea-origin{box-shadow:0 0 0 7px rgba(18,41,9,.09),0 0 24px rgba(221,255,151,.9)}
  /* Active neon rule must not cross the small two-digit step numbers. */
  .process-list .process-item{grid-template-columns:56px minmax(0,1fr);gap:18px}
  .process-list .process-item .n{display:block;padding-left:17px;position:relative;z-index:1}
}
@media(prefers-reduced-motion:reduce){
 .wa-idea-network .wa-idea-origin{transform:translateY(-50%)!important}
 .wa-idea-network .wa-idea-result,.wa-idea-network .wa-idea-lines path{transition:none!important}
}

/* Accessible announcements should not appear visually in the diagram. */
.wa-idea-network [data-idea-announcement]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.wa-idea-origin small{max-width:84%;letter-spacing:.02em}


/* WA v20 | diskretan stalni kontakt; zajednički za sve stranice */
.wa-call-float{position:fixed;right:clamp(16px,2.4vw,32px);bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:1250;font-family:inherit}
.wa-call-float *,.wa-call-float *::before,.wa-call-float *::after{box-sizing:border-box}
.wa-call-desktop{position:relative}
.wa-call-button{position:relative;display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:1px solid rgba(27,34,18,.28);border-radius:50%;background:#cafe72;color:#181a17;box-shadow:0 7px 24px rgba(0,0,0,.22);cursor:pointer;list-style:none;text-decoration:none;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
.wa-call-button::-webkit-details-marker{display:none}
.wa-call-button::before{content:"";position:absolute;inset:-3px;border:2px solid #cafe72;border-radius:50%;pointer-events:none;z-index:-1;animation:wa-call-pulse 4.2s ease-out infinite}
.wa-call-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.30)}
.wa-call-button:focus-visible,.wa-call-panel a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wa-call-button svg{width:35px;height:35px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wa-call-tooltip{position:absolute;right:calc(100% + 13px);top:50%;transform:translate(5px,-50%);white-space:nowrap;border-radius:7px;padding:9px 12px;color:#f6f8f3;background:#242923;font-size:12px;font-weight:600;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 5px 20px rgba(0,0,0,.2)}
.wa-call-desktop:not([open])>.wa-call-button:hover .wa-call-tooltip,.wa-call-desktop:not([open])>.wa-call-button:focus-visible .wa-call-tooltip{opacity:1;transform:translate(0,-50%)}
.wa-call-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:min(290px,calc(100vw - 32px));padding:20px;border:1px solid rgba(202,254,114,.24);border-radius:14px;color:#f2f5ed;background:#1d211c;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.wa-call-panel strong{display:block;margin:0 0 7px;font-size:16px;line-height:1.3;font-weight:700}
.wa-call-panel p{margin:0 0 14px;color:#bac2b5;font-size:13px;line-height:1.5}
.wa-call-panel a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:10px 12px;border-radius:8px;background:#cafe72;color:#181a17;text-decoration:none;font-size:14px;font-weight:750;line-height:1.2}
.wa-call-mobile{display:none}
@keyframes wa-call-pulse{0%,10%{transform:scale(1);opacity:0}18%{opacity:.45}36%{transform:scale(1.42);opacity:0}100%{transform:scale(1.42);opacity:0}}
@media(max-width:680px){.wa-call-float{right:16px;bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.wa-call-desktop{display:none}.wa-call-mobile{display:flex}.wa-call-button{width:60px;height:60px}.wa-call-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.wa-call-button::before{animation:none;opacity:.5}.wa-call-button,.wa-call-tooltip{transition:none}}

/* WRAP ART v21 / direct-contact tiles */
.wa-contact-direct{margin-top:34px!important}
.wa-contact-methods{display:grid;gap:9px;margin-top:16px;max-width:440px}
.wa-contact-method{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 14px;background:#e7e9e1;border:1px solid #d4d9ce;border-radius:12px;text-decoration:none;color:#1d211c;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.wa-contact-method:hover{transform:translateX(3px);background:#f2f5eb;border-color:#a5ba83}
.wa-contact-method:focus-visible{outline:3px solid #52771e;outline-offset:3px}
.wa-contact-method__icon{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:11px;background:#cafe72;color:#171a14}
.wa-contact-method__icon svg{width:23px;height:23px}
.wa-contact-method__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;line-height:1.2}
.wa-contact-method__body strong{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.wa-contact-method__body>span{font-size:15px;overflow-wrap:anywhere;letter-spacing:-.012em}
.wa-contact-method__arrow{font-size:19px;color:#435039;align-self:center}
.contact-grid .wa-contact-direct-note{font-size:13px!important;color:#697066;margin:12px 0 0}
@media(max-width:680px){.wa-contact-methods{max-width:none}.wa-contact-method{min-height:70px}.wa-contact-method__body>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.wa-contact-method{transition:none}}

/* WRAP ART v22: independent services aligned as a deliberate adjacent pair. */
.pill-list .wa-service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;flex:0 0 100%;width:100%;min-width:0}
.pill-list .wa-service-pair>.service-option{min-width:0;width:100%;align-self:stretch;text-align:center;overflow-wrap:break-word;padding-inline:9px}
/* A short telephone shake only when hovered/focused; pulse remains active when idle. */
.wa-call-button:hover svg,.wa-call-button:focus-visible svg{transform-origin:45% 50%;animation:wa-phone-shake .58s ease-in-out 2}
@keyframes wa-phone-shake{0%,100%{transform:rotate(0deg) translateX(0)}15%,55%{transform:rotate(-14deg) translateX(-1px)}35%,75%{transform:rotate(14deg) translateX(1px)}90%{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.wa-call-button:hover svg,.wa-call-button:focus-visible svg{animation:none}}

/* WRAP ART v23 | proportional phone glyph, clear contact icon and interactive RING RING */
.wa-call-button svg.wa-phone-icon{width:35px;height:35px;fill:currentColor;stroke:none}
.wa-contact-method--phone .wa-contact-method__icon svg.wa-phone-icon{width:28px;height:28px;display:block;fill:currentColor;stroke:none}
.wa-call-desktop:not([open])>.wa-call-button:is(:hover,:focus-visible) .wa-call-tooltip{
  color:#cafe72;border:1px solid rgba(202,254,114,.65);
  animation:wa-ring-label 650ms ease-in-out 1;
}
@keyframes wa-ring-label{
  0%,100%{transform:translate(0,-50%) rotate(0deg)}
  18%{transform:translate(-2px,-50%) rotate(-2deg)}
  38%{transform:translate(2px,-50%) rotate(2deg)}
  60%{transform:translate(-1px,-50%) rotate(-1deg)}
  78%{transform:translate(1px,-50%) rotate(1deg)}
}
@media (max-width:680px){.wa-call-button svg.wa-phone-icon{width:33px;height:33px}}
@media (prefers-reduced-motion:reduce){.wa-call-desktop:not([open])>.wa-call-button:is(:hover,:focus-visible) .wa-call-tooltip{animation:none}}

/* v24 – WhatsApp symbol slightly larger, without altering phone/email icons. */
.wa-contact-method--whatsapp .wa-contact-method__icon svg{width:27px;height:27px;stroke-width:1.9;display:block;flex:none}


/* WRAP ART v25: accessibility and gallery refinements. Floating phone stays unchanged. */
#copy-enquiry[hidden]{display:none!important}
/* Small labels are legible on light and dark panels (WCAG normal-text contrast target). */
.hero-meta{color:#bec4b9}
.service-card .card-n{color:#455043}
.footer-links h4{color:#c3c9bf}
.footer-bottom{color:#b7bfb1}
.project-row .promo-gallery-card .promo-photo-caption{
  bottom:65px;max-width:calc(100% - 48px);padding:8px 10px;
  background:rgba(13,16,12,.84);border-radius:4px;color:#fff;
  text-transform:none;letter-spacing:.02em;font-size:12px;font-weight:700;
}
.project-row .promo-gallery-card .promo-gallery-nav:disabled{visibility:hidden;pointer-events:none}
.wa-project-scope{font-size:13px!important;color:#3e4939;line-height:1.5;margin:12px 0 6px}
.wa-project-cross{font-size:12px!important;color:#3e4939;line-height:1.5;margin:8px 0 0}
.wa-project-cross a{display:inline-block;border-bottom:1px solid #435f22;font-weight:750;padding:4px 0;color:#263c17}
.wa-project-cross a:hover,.wa-project-cross a:focus-visible{color:#426a13}
.wa-services-inquiry-copy{max-width:560px}
/* Keep picture caption clear of gallery control row on small displays. */
@media(max-width:760px){.project-row .promo-gallery-card .promo-photo-caption{bottom:68px;font-size:11px;max-width:calc(100% - 34px)}}