:root{--yellow:#ffdb00;--blue:#8ed8f8;--blue-deep:#157eac;--ink:#14202b;--paper:#f6fbfe;--muted:#667482;--line:#d9e5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand-logo,.footer-logo{display:block;position:relative;overflow:hidden;background:var(--yellow);border-radius:4px}.brand-logo{width:158px;height:48px}.brand-logo img,.footer-logo img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-49%)}.nav nav{display:flex;align-items:center;gap:30px;font-size:.92rem}.nav nav>a:not(.nav-cta){color:#314251}.nav nav>a:hover,.active-link{color:var(--blue-deep)!important}.nav-cta{background:var(--yellow);color:var(--ink);padding:11px 20px;font-weight:700;border-radius:99px}.menu{display:none;background:none;color:var(--ink);border:1px solid #9eb2be;padding:7px 12px}.hero{min-height:calc(100vh - 73px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden}.hero-copy{padding:clamp(70px,10vh,120px) 5vw 100px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff 70%,#eef9fe)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--blue-deep);margin:0 0 24px}.hero h1,.section h2,.statement h2,.booking h2{font:800 clamp(3.2rem,7.2vw,7rem)/.93 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em,.statement em{color:var(--blue-deep);font-style:normal}.lead{max-width:610px;color:#586978;font-size:clamp(1.05rem,1.4vw,1.3rem);margin:32px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:2px;font-weight:700}.primary{background:var(--yellow);color:var(--ink)}.ghost{border:1px solid #9eb2be}.hero-visual{min-height:650px;position:relative;background:linear-gradient(145deg,#b9eaff,#eefaff 48%,#ffe85c);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:7% 7% 14%;background:radial-gradient(circle at 55% 26%,#efdcb8 0 6%,transparent 7%),radial-gradient(ellipse at 50% 40%,#573725 0 13%,transparent 14%),linear-gradient(105deg,transparent 20%,rgba(20,32,43,.78) 20% 80%,transparent 80%);opacity:.9}.frame{position:absolute;border:1px solid rgba(20,32,43,.25);display:flex;align-items:flex-end;padding:13px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.frame-a{inset:11% 9% 24% 20%}.frame-b{width:38%;height:34%;right:3%;bottom:7%;background:rgba(255,219,0,.2)}.stamp{position:absolute;left:5%;bottom:8%;width:112px;height:112px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;transform:rotate(-8deg)}.ticker{position:absolute;inset:auto 0 0;height:48px;background:var(--yellow);display:flex;align-items:center;justify-content:space-around;font-weight:800;font-size:.8rem;letter-spacing:.08em;white-space:nowrap}.section{padding:120px 5vw}.section-head{margin-bottom:55px}.section h2{font-size:clamp(2.7rem,5vw,5rem)}mark{background:none;color:var(--blue-deep)}.row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.row>p{max-width:430px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:38px 30px 35px 0;border-right:1px solid var(--line);min-height:330px;display:flex;flex-direction:column}.service-grid article+article{padding-left:30px}.service-grid article:last-child{border:0}.service-grid span{color:#7b8a96;font:600 .8rem Manrope}.service-grid h3{font:700 1.6rem Manrope;margin:55px 0 18px}.service-grid p{color:var(--muted);margin:0}.service-grid a{margin-top:auto;color:var(--blue-deep);font-weight:600}.service-grid .featured{background:var(--yellow);color:var(--ink);margin-top:-18px;padding-top:56px}.service-grid .featured p,.service-grid .featured a{color:var(--ink)}.portfolio{background:var(--paper)}.filters{display:flex;gap:10px;margin-bottom:25px}.filters button{border:1px solid #b8cbd4;background:none;border-radius:99px;padding:8px 17px}.filters .active{background:var(--ink);color:#fff}.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:310px;gap:16px}.work{position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:.3s}.work:hover{transform:scale(.992)}.work.tall{grid-row:span 2}.work:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(0,0,0,.05),rgba(0,0,0,.65))}.tone-1{background:linear-gradient(135deg,#b88d68,#2c211d)}.tone-2{background:linear-gradient(125deg,#4bb3df,#b89356)}.tone-3{background:linear-gradient(140deg,#468bad,#18202b)}.tone-4{background:linear-gradient(140deg,#727b84,#241d1b)}.work>div{position:relative}.work h3{font:700 clamp(1.35rem,2.6vw,2.4rem) Manrope;margin:8px 0}.photo-mark{align-self:flex-end;font:700 3rem Manrope;opacity:.55}.play{width:55px;height:55px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.demo-note{font-size:.8rem;color:#6d7b86}.statement{padding:140px 5vw;text-align:center;background:linear-gradient(120deg,var(--yellow),#fff27f 62%,var(--blue))}.statement p{text-transform:uppercase;letter-spacing:.22em;font-weight:700}.statement h2{font-size:clamp(3rem,7vw,7.2rem)}.statement em{-webkit-text-stroke:2px var(--ink);-webkit-text-fill-color:transparent}.blog{background:#fff}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-image{height:260px;padding:20px;display:flex;justify-content:flex-end}.p1{background:linear-gradient(145deg,#bdeaff 35%,#d3a06b)}.p2{background:linear-gradient(35deg,#72bddf,#ffea75)}.p3{background:linear-gradient(130deg,#5bb2d9,#cb8a5d)}.post-image span{background:var(--yellow);padding:5px 10px;height:max-content;font-size:.75rem;font-weight:700}.posts small{display:block;color:#667482;margin-top:18px}.posts h3{font:700 1.35rem/1.3 Manrope;margin:9px 0 20px}.posts a{font-weight:700;border-bottom:2px solid var(--yellow)}.booking{background:linear-gradient(120deg,var(--yellow),#fff071);padding:100px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.booking .eyebrow{color:var(--ink)}.booking h2{font-size:clamp(3rem,6vw,6rem)}.booking p{font-size:1.15rem}.button.dark{background:var(--ink);color:#fff;margin:16px 0;display:flex}footer{padding:70px 5vw 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;color:#aab8c2;background:var(--ink)}footer h4{color:#fff;font-family:Manrope}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-logo{width:190px;height:72px;margin-bottom:16px}.copyright{grid-column:1/-1;border-top:1px solid #354452;padding-top:22px;font-size:.8rem}.hidden{display:none!important}@media(max-width:850px){.menu{display:block}.nav nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 16px 40px #14202b22}.nav nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-visual{min-height:460px}.ticker{overflow:hidden;justify-content:flex-start;gap:28px;padding:0 20px}.service-grid,.posts{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line);padding:35px 0;min-height:260px}.service-grid article+article{padding-left:0}.service-grid .featured{padding:35px 25px}.row{align-items:flex-start;flex-direction:column}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:330px}.work.tall{grid-row:span 1}.booking{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:520px){.section{padding:85px 22px}.nav{padding:12px 20px}.brand-logo{width:130px;height:42px}.hero-copy{padding:70px 22px 85px}.hero h1{font-size:3.25rem}.actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:390px}.statement,.booking{padding:80px 22px}footer{grid-template-columns:1fr}.footer-brand,.copyright{grid-column:auto}}