:root{--ink:#071b18;--deep:#0c2923;--paper:#f5f7f0;--white:#fff;--acid:#d2ff59;--green:#146142;--muted:#45554e;--line:#ccd8ce;--mono:"Courier New",monospace;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font:16px/1.55 "Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}button[hidden],a[hidden]{display:none}.wrap{width:min(100% - 100px,1280px);margin-inline:auto}.skip{position:fixed;top:12px;left:12px;z-index:4;padding:10px;background:var(--acid);transform:translateY(-200%)}.skip:focus{transform:none}:focus-visible{outline:3px solid #168958;outline-offset:4px}
.header{background:#fff}.bar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.identity{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.identity img{object-fit:contain;height:auto;width:112px}.identity span{border-left:1px solid #c3d3c8;padding-left:12px;font:700 11px var(--mono);letter-spacing:.15em}.bar nav{display:flex;gap:33px;font-size:.93rem;font-weight:600}.bar nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:.22em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:53px;padding:11px 20px;border:1px solid transparent;border-radius:2px;font-weight:750;line-height:1.2;transition:background .2s,color .2s}.btn span{margin-left:auto;font-size:1.1em}.btn.small{min-height:43px;font-size:.88rem}.dark{background:var(--ink);color:white}.dark:hover{background:var(--green)}.acid{background:var(--acid);color:var(--ink)}.acid:hover{background:#e4ff9f}.ghost{border-color:#b9d9c9;background:#071b1844;color:#fff}.ghost:hover{background:#184839}.outline{border-color:#8eaa9a;background:transparent}.outline:hover{background:var(--ink);color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0 0 0 auto;width:57%;z-index:-1;pointer-events:none}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .65s ease}
.hero-slide.is-active{opacity:1}
.hero-slide-rayban{object-position:50% 43%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),#071b18b8 24%,#071b1840 49%,transparent 75%),linear-gradient(0deg,#071b18b0,transparent 25%)}
.hero-content h1{text-shadow:0 3px 32px #071b186b}
.hero-content{padding-block:clamp(66px,9vw,132px) clamp(52px,7.2vw,105px)}.tag{display:flex;align-items:center;gap:9px;font:700 .74rem/1.5 var(--mono);letter-spacing:.13em;color:#235b45}.tag.light{color:#e2f7ec}.tag i{width:8px;height:8px;display:inline-block;flex:none;background:#20834a;transform:rotate(45deg)}.tag.light i{background:var(--acid)}.tag span{opacity:.65}
h1,h2,h3{font-family:var(--display);font-weight:900;letter-spacing:-.064em;line-height:.98}h1{font-size:clamp(4rem,10.15vw,9.1rem);margin:21px 0 23px}h1 em,h2 em{font-style:normal;color:var(--acid)}.intro{max-width:500px;color:#e8f4ec;font-size:clamp(1rem,1.6vw,1.25rem)}
.hero-caption{border-top:1px solid #c6eddb68;display:flex;align-items:center;gap:18px;min-height:64px;padding-block:8px;font:700 .65rem/1.35 var(--mono);letter-spacing:.12em;color:#f1fff7}
.hero-credit{display:flex;align-items:center;gap:13px;min-width:0}
#hero-count{color:var(--acid);white-space:nowrap}
.hero-controls,.hero-dots{display:flex;align-items:center}
.hero-controls[hidden]{display:none}
.hero-controls{order:-1;gap:5px;flex:none}
.hero-controls button{display:grid;place-items:center;background:#071b187a;color:#fff;border:1px solid #c6eddb70;min-width:43px;height:43px;padding:0;font:700 1.1rem/1 "Segoe UI",Arial,sans-serif}
.hero-controls button:hover{background:#164034}
.hero-controls button:focus-visible{outline-color:var(--acid)}
.hero-controls .hero-toggle{margin-left:4px;font-size:.9rem}
.hero-dots button{position:relative;border:0;background:transparent;min-width:20px}
.hero-dots button::before{content:"";width:7px;height:7px;border:1px solid #e6fff2;border-radius:50%}
.hero-dots button[aria-current="true"]::before{background:var(--acid);border-color:var(--acid)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.signal{background:var(--acid);font:700 .76rem var(--mono);letter-spacing:.11em}.signal .wrap{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:13px}.signal b{font-size:1rem}
.services{padding-block:clamp(64px,9vw,122px)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.section-top p:last-child{max-width:290px;color:var(--muted);font-size:1.07rem}.section-top .tag,.work .tag,.faq .tag,.closer .tag,.feature .tag{margin-bottom:14px}h2{font-size:clamp(3rem,6.5vw,6rem)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.package{background:white;border:1px solid var(--line);min-width:0}.art{aspect-ratio:2.03;background-color:#123a2f;color:#d2ff59;position:relative;overflow:hidden;background-image:linear-gradient(#effff019 1px,transparent 1px),linear-gradient(90deg,#effff019 1px,transparent 1px);background-size:19px 19px}.art span{position:absolute;top:12px;left:13px;font:700 .65rem var(--mono);letter-spacing:.1em}.art svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .35s}.package:hover svg{transform:scale(1.06)}.art.brand{background-color:#d8ff72;color:#153a29;background-image:linear-gradient(#0e33271a 1px,transparent 1px),linear-gradient(90deg,#0e33271a 1px,transparent 1px)}.art.render{background-color:#102521;color:#91f6c1}
.package-copy{padding:21px 17px 18px}.package .tag{font-size:.65rem;min-height:17px}.package h3{font-size:clamp(1.55rem,2.3vw,2.4rem);margin:8px 0 12px}.description{min-height:105px;font-size:.93rem;color:var(--muted)}.from{padding-top:12px;border-top:1px solid var(--line);font:700 .69rem var(--mono);color:#285140}.from strong{display:block;font:800 1.53rem/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:-.035em;color:var(--ink)}.tiers{margin:12px 0}.tiers summary,.faq summary{cursor:pointer;font-weight:700}.tiers summary{font-size:.89rem;padding-block:7px}.tier{border-top:1px solid var(--line);padding-block:13px}.tier-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;justify-content:space-between}.tier h4{font-size:.96rem}.tier strong{font-size:.83rem;color:var(--green)}.tier p{font-size:.82rem;margin:6px 0;color:var(--muted)}.package .btn{width:100%;font-size:.82rem;padding:10px;gap:4px}.fine{font-size:.8rem;color:var(--muted);margin-top:16px}.text-link{border:0;padding:0;background:none;color:var(--green);font-weight:750;font-size:.9rem;text-align:left}
.feature{background:var(--ink);color:#fff}.feature-inner{display:grid;grid-template-columns:1fr .94fr;gap:7vw;padding-block:clamp(64px,8vw,105px)}.feature h2{font-size:clamp(3rem,5.6vw,5.4rem)}.feature h2+p{max-width:380px;color:#d5e8dc;margin:20px 0 24px}.feature .fine{color:#bdd2c5}.runbook{padding:0;margin:0;list-style:none;border-top:1px solid #44685b}.runbook li{display:grid;grid-template-columns:100px 1fr;gap:12px;border-bottom:1px solid #44685b;padding:23px 0}.runbook b{font:.75rem/1.5 var(--mono);letter-spacing:.08em;color:var(--acid)}.runbook h3{font-size:1.65rem;margin-bottom:7px;letter-spacing:-.035em}.runbook p{color:#d5e8dc;font-size:.91rem}
.work{padding-block:clamp(60px,8vw,108px);display:grid;grid-template-columns:1.06fr 1fr;gap:7vw;align-items:center}.work h2,.faq h2{font-size:clamp(2.65rem,5vw,4.8rem)}.work p:not(.tag){color:var(--muted);max-width:420px;margin:20px 0}.work img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.work figcaption{padding-top:10px;font:700 .64rem/1.5 var(--mono);letter-spacing:.08em;color:#235b45}
.faq{background:#e9f0e7}.faq-inner{padding-block:clamp(55px,7vw,95px);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.faq details{border-top:1px solid #b5c7ba;padding:15px 0}.faq details:last-child{border-bottom:1px solid #b5c7ba}.faq details p{padding:9px 0 3px;color:var(--muted)}.closer{background:var(--acid);padding-block:clamp(52px,8vw,104px);background-image:repeating-radial-gradient(ellipse at 94% 106%,#204b2c35 0 1px,transparent 2px 24px);background-size:55% 100%;background-repeat:no-repeat;background-position:right}.closer h2{font-size:clamp(3.8rem,8vw,7.5rem)}.closer .outline{border-color:#385c2c}footer{background:white}.footer-inner{padding-block:24px;display:flex;gap:12px 26px;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-inner p{color:var(--muted);font-size:.86rem}.footer-inner>div{display:flex;gap:16px;flex-wrap:wrap}
.lead-trigger{position:fixed;z-index:3;right:clamp(14px,3vw,39px);bottom:clamp(14px,3vw,35px);display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 15px;border:1px solid #071b18;border-radius:100px;color:var(--ink);background:var(--acid);font-weight:800;font-size:.85rem;box-shadow:0 5px 24px #071b184a}
.lead-trigger:hover{background:#efffc6}.lead-trigger span:first-child{font-size:1.15rem}
#contact-dialog{border:0;padding:0;width:min(830px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;color:var(--ink);background:var(--paper);box-shadow:0 25px 90px #0009}
#contact-dialog[open]{animation:lead-in .23s ease-out both}
#contact-dialog::backdrop{background:#031411bf;backdrop-filter:blur(5px)}
body:has(#contact-dialog[open]){overflow:hidden}
@keyframes lead-in{from{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.dialog-grid{display:grid;grid-template-columns:minmax(175px,31%) minmax(0,1fr)}
.dialog-art{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:24px 18px;color:var(--acid);background:radial-gradient(ellipse at center,#287650,#071b18 85%);font:700 .68rem/1.35 var(--mono);letter-spacing:.1em}
.dialog-art::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,#b5ffaa26 0 1px,transparent 1px 23px),repeating-linear-gradient(0deg,#b5ffaa26 0 1px,transparent 1px 23px);mask-image:linear-gradient(#0005,#000,#0005)}
.dialog-art svg{width:100%;max-width:205px;align-self:center;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 0 12px #bdff6e89);transform:rotate(12deg)}
.dialog-copy{padding:27px 28px 21px}
.dialog-copy .tag{margin-bottom:8px;padding-right:38px}
#contact-dialog h2{font-size:clamp(2.35rem,5vw,3.35rem);margin:0 30px 9px 0}
.close{position:absolute;z-index:2;right:12px;top:12px;width:40px;height:40px;font-size:1.7rem;line-height:1;border:1px solid var(--line);border-radius:50%;background:white}
.close:hover{background:var(--acid)}
#dialog-note{color:var(--muted);max-width:55ch}
#form-area iframe{display:block;width:100%;height:435px;border:1px solid var(--line);border-radius:3px;margin-top:12px;background:#fff}
.dialog-links{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:11px}
@media(max-width:640px){.dialog-grid{grid-template-columns:1fr}.dialog-art{min-height:48px;padding:16px}.dialog-art svg{position:absolute;width:95px;right:56px;top:-21px;opacity:.8}.dialog-art span:last-child{display:none}.dialog-copy{padding:17px 15px 15px}.close{top:5px;right:7px;width:38px;height:38px}.dialog-copy .tag{padding-right:0}#contact-dialog h2{margin-right:0}#form-area iframe{height:470px}}
@media(max-width:1030px){.wrap{width:calc(100% - 64px)}.package-grid{gap:18px}.package h3{font-size:2.2rem}.description{min-height:61px}.art{aspect-ratio:2.6}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.bar{height:64px}.bar nav{display:none}.identity{gap:8px}.identity img{width:87px}.identity span{font-size:.62rem;padding-left:8px}.btn.small{padding-inline:11px;gap:7px}.hero-content{padding-top:48px}.hero-caption{flex-wrap:wrap;align-items:center;min-height:0;padding-block:8px;gap:6px;font-size:.58rem}.hero-credit{gap:8px;min-height:24px}.hero-controls{margin-left:auto}h1{font-size:clamp(3.35rem,12vw,5rem)}.signal .wrap{min-height:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 9px;padding-block:9px;text-align:center;font-size:.66rem}.signal b{display:none}.section-top{display:block}.section-top p:last-child{margin-top:14px}.feature-inner,.work,.faq-inner{grid-template-columns:1fr;gap:28px}.work figure{order:1}.runbook li{grid-template-columns:82px 1fr}.actions .btn{min-height:49px;padding-inline:13px;gap:8px}}
@media(max-width:460px){.package-grid{grid-template-columns:1fr}.description{min-height:0;margin-bottom:13px}.art{aspect-ratio:2.45}.package-copy{padding-inline:19px}.tag{font-size:.66rem}}
.portfolio{padding-block:clamp(62px,8vw,104px) clamp(42px,5vw,64px);border-bottom:1px solid var(--line)}
.package-scope{display:block;margin:0 0 12px;font-size:.84rem}
.service-scope{padding-block:clamp(56px,8vw,99px) clamp(36px,5vw,66px);border-bottom:1px solid var(--line)}
.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.scope-card{background:#fff;border:1px solid var(--line);padding:clamp(19px,3vw,36px);scroll-margin-top:18px}
.scope-card h3,.scope-aside h3{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.02;margin:10px 0 15px}
.scope-card ul{padding-left:1.1em;margin:0 0 14px;color:var(--muted)}
.scope-card li+li,.scope-card>p:not(.tag){margin-top:8px}
.scope-card li::marker{color:var(--green)}
.scope-card>p:not(.tag){color:var(--muted)}
.scope-card strong{color:var(--ink)}
.scope-links,.scope-card>button{margin-top:16px}
.scope-links{display:flex;flex-wrap:wrap;gap:8px 17px}
.scope-aside{margin-top:15px;background:#e9f0e7;padding:clamp(20px,3vw,33px);display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:15px 24px}
.scope-aside h3{margin-bottom:0}
.scope-aside>p{color:var(--muted)}
@media(max-width:760px){.scope-grid,.package-grid{grid-template-columns:1fr}.scope-aside{grid-template-columns:1fr}.scope-aside .btn{justify-self:start}}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.portfolio-card{grid-column:span 3;min-width:0;background:var(--white);border:1px solid var(--line)}
.portfolio-monark{grid-column:span 7}.portfolio-sands{grid-column:span 5}
.portfolio-card>img,.merch-pair{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.portfolio-monark>img,.portfolio-sands>img{aspect-ratio:auto;height:clamp(250px,31vw,405px)}
.portfolio-bare>img{object-fit:contain;background:#f0c8da}
.portfolio-emurgo>img{object-fit:contain;background:#052d37}
.merch-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 3px;background:#fff}
.merch-pair img{width:100%;height:auto;max-height:100%;object-fit:contain}
.portfolio-card figcaption{min-height:82px;padding:12px 13px 15px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:9px}
.portfolio-card h3{font-size:clamp(1.17rem,1.9vw,1.85rem);letter-spacing:-.045em;margin-top:5px}
.portfolio-card .tag{font-size:.64rem;letter-spacing:.09em}
.portfolio-card .text-link{font-size:.76rem}
.campaign-showcase{margin-top:clamp(37px,6vw,76px);padding-top:clamp(22px,4vw,44px);border-top:1px solid var(--line)}
.campaign-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px 25px;margin-bottom:21px}
.campaign-heading h3{font-size:clamp(2.4rem,5vw,4.5rem);margin-top:8px}
.campaign-heading>p{color:var(--muted)}
.campaign-showcase .portfolio-card{grid-column:span 6}
.campaign-showcase .portfolio-card>img{aspect-ratio:16/10;object-fit:contain;background:#071b18}
.campaign-showcase .portfolio-card h4{font-family:var(--display);font-size:clamp(1.15rem,2vw,1.85rem);letter-spacing:-.04em;line-height:1.12;margin-top:5px}
.brand-event-showcase .portfolio-card{grid-column:span 4}
.brand-event-showcase .portfolio-card>img{aspect-ratio:16/9;background:#fff}
@media(max-width:760px){.brand-event-showcase .portfolio-card{grid-column:1/-1}}
@media(max-width:530px){.campaign-showcase .portfolio-card{grid-column:1/-1}}
@media(max-width:950px){.portfolio-card,.portfolio-monark,.portfolio-sands{grid-column:span 6}.portfolio-monark>img,.portfolio-sands>img{height:auto;aspect-ratio:4/3}}
@media(max-width:530px){.portfolio-grid{gap:13px}.portfolio-card,.portfolio-monark,.portfolio-sands{grid-column:1/-1}.portfolio-card>img,.merch-pair{aspect-ratio:5/3}.portfolio-card figcaption{min-height:0}.portfolio-card h3{font-size:1.55rem}}
@media(min-width:681px) and (max-height:850px){.hero-content{padding-block:clamp(48px,6.6vh,62px) 41px}.hero-content h1{font-size:clamp(4.4rem,9vw,7rem)}}
@media(max-width:680px){
  .hero{--hero-art-height:clamp(188px,58vw,340px)}
  .hero-content{padding-bottom:calc(var(--hero-art-height) + 24px)}
  .hero-content .actions{gap:8px}
  .hero-content .actions .btn{font-size:.85rem;gap:7px;padding-inline:9px}
  .hero-media{inset:auto 17px 92px;width:auto;height:var(--hero-art-height)}
  .hero-media::after{background:linear-gradient(0deg,#071b1829,transparent 22%)}
  .hero-caption{display:grid;justify-items:start;gap:4px;min-height:88px}
  .hero-controls{margin-left:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}