@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .16s ease both}::view-transition-new(root){animation:page-in .24s ease both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;translate:0 8px}}.page-progress{position:fixed;left:0;right:0;top:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.hero video{transform:translateY(var(--hero-drift,0px)) scale(1.05);will-change:transform}.hero-heading{font-size:clamp(58px,7vw,108px)!important;min-height:2.3em;max-width:1080px;transition:opacity .24s,translate .24s,filter .24s}.hero-heading em{font-size:.93em;letter-spacing:-3.7px!important}.hero-heading.headline-changing{opacity:0;translate:0 13px;filter:blur(4px)}.hero-pagination{display:flex;align-items:center;gap:14px;margin:-8px 0 28px}.hero-pagination button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#839082;padding:8px 0;font-size:9px}.hero-pagination button i{height:1px;width:17px;background:#7e8a6b66;transition:width .4s,background .3s}.hero-pagination button[aria-pressed=true]{color:#e1c58e}.hero-pagination button[aria-pressed=true] i{width:40px;background:var(--gold)}.hero{min-height:970px}.hero-content{padding-top:180px}.hero-content h1{margin:30px 0 24px}.hero-note{margin-top:20px}.work{position:relative}.work .section-intro h2{max-width:700px}.work-process{font-size:10px;letter-spacing:2px;padding:18px 0 32px;color:#8b7547;border-top:1px solid #48543b26}.projects{gap:40px}.project-image{padding:35px 32px 0;border-radius:3px;aspect-ratio:1.25;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease,box-shadow .45s;transform-style:preserve-3d}.project-image.boat{background:radial-gradient(ellipse at 25% 5%,#e4e9dc,#9aafa3)}.project-image.traffic{background:radial-gradient(ellipse at 75% 5%,#dedfd2,#9ea494)}.project-image:after{content:'↗';position:absolute;bottom:18px;right:18px;width:45px;height:45px;background:#f1f0e8;color:#24301f;display:grid;place-items:center;border-radius:50%;font-size:23px;transition:background .2s,transform .4s}.project:hover .project-image:after{background:var(--gold);transform:rotate(45deg)}.browserbar{min-height:31px;font-size:8px}.project-caption{display:block;padding:28px 0 0}.project-caption h3{font-size:38px;margin-top:8px;letter-spacing:-1.5px}.project-caption>p{font-size:13px;max-width:100%;margin-top:15px;line-height:1.8}.project-caption .eyebrow{font-size:8px}.project .tags{margin-top:19px;gap:7px}.project .tags span{font-size:8px;padding:7px 9px}.work-footnote{margin-top:32px;max-width:750px}.services{position:relative;overflow:hidden}.services:before{content:'';position:absolute;top:-140px;right:-130px;width:470px;height:470px;border:1px solid #ccb0781a;border-radius:50%;box-shadow:0 0 0 50px #ccb07805,0 0 0 100px #ccb07804;pointer-events:none}.services .section-intro{position:relative}.services .section-intro h2{max-width:760px}.service-outputs{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:19px 0 0;padding:0}.service-outputs li{font-size:8px;border:1px solid #c3cf9b30;background:#10200f66;padding:6px 8px;color:#c7d2b6;line-height:1.4}.services .service-copy{top:23%;bottom:auto}.services .service-copy h3{font-size:clamp(27px,2.7vw,40px)}.whole-manifesto{padding:30px 0 0;margin-top:15px;font-size:clamp(16px,2.4vw,32px);line-height:1.55;letter-spacing:-.3px;color:#c5b68b;border-top:1px solid #cbb07822}.partnership .section-intro h2{max-width:750px}.partnership .section-intro>p{display:none}.service-mix{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start;padding-top:15px}.mix-choice{position:sticky;top:35px}.mix-choice>.eyebrow{color:#7a6a43;font-size:9px;margin-bottom:22px}.mix-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mix-tab{background:transparent;border:1px solid #41503935;position:relative;text-align:left;padding:18px;min-height:125px;color:#28341f;display:flex;flex-direction:column;gap:18px;transition:background .25s,border-color .25s,transform .25s}.mix-tab:hover{transform:translateY(-3px);border-color:#9b8451}.mix-tab.active{background:#19261b;color:#eee9d8;border-color:#19261b}.mix-tab-number{font-size:9px;color:#8b835c}.mix-tab strong{font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.4px}.mix-tab-symbol{position:absolute;right:15px;top:14px;font-size:18px;color:#8b7541}.mix-tab small{display:block;font-size:10px;letter-spacing:.3px;color:#8c7139;margin-top:-8px}.mix-tab.active small{color:#ddc48a}.mix-tab[data-offer=allaround]{background:#d6d9c6}.mix-tab[data-offer=allaround].active{background:#9b7e44;color:#fffaf0;border-color:#9b7e44}.mix-tab[data-offer=allaround].active .mix-tab-symbol,.mix-tab[data-offer=allaround].active .mix-tab-number{color:#e9d9b4}.mix-choice-note{font-size:13px;line-height:1.9;color:#65715d;max-width:430px;margin-top:25px}.mix-panels{border:1px solid #3b50312e;background:#e5e7dc;min-width:0}.mix-panel[hidden]{display:none!important}.mix-panel{animation:mix-arrive .4s ease both}.mix-visual{height:265px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#43583a,#19251c 75%);color:#d5bd84}.mix-visual-index{position:absolute;bottom:16px;left:25px;font-size:7px;letter-spacing:2px;color:#c6cba8a6}.mix-copy{padding:32px 35px 28px}.mix-copy>.eyebrow{color:#7f693b;font-size:9px}.mix-copy h3{font-size:clamp(25px,2.7vw,38px);letter-spacing:-1px;line-height:1.15;margin:14px 0 16px;max-width:490px}.mix-copy>p:not(.eyebrow):not(.mix-includes):not(.mix-quote):not(.mix-price-note){font-size:13px;line-height:1.85;color:#53604b}.mix-includes{font-size:7px;letter-spacing:1.3px;color:#8b7950;margin-top:24px}.mix-copy ul{list-style:none;padding:0;margin:12px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.mix-copy li{font-size:11px;line-height:1.7;padding-left:15px;position:relative;color:#35442d}.mix-copy li:before{content:'↗';position:absolute;left:0;color:#8d7544}.mix-copy .mix-quote{font-size:11px;color:#796638;margin:25px 0 18px}.mix-copy>small{display:block;margin-top:12px;color:#73795f;font-size:9px;line-height:1.7}.mix-copy .button{margin-top:22px}.mix-price-note{font-size:10px;line-height:1.7;color:#5f694f}.mix-copy .sem-price{margin-top:20px}.mix-copy .sem-price strong{font-size:65px}.mix-kraken{display:block;background:linear-gradient(130deg,#eddb9e,#b28e43);mask:url('/assets/kraken-mark-small.png') center/contain no-repeat;width:100%;height:100%}.mix-brand-card{position:absolute;left:9%;top:14%;width:210px;height:138px;background:#ccb078;color:#192819;padding:25px;transform:rotate(-8deg);box-shadow:15px 24px 40px #0004;animation:mix-float 8s ease-in-out infinite}.mix-brand-card .mix-kraken{width:55px;height:55px;position:absolute;right:20px;top:28px;background:#283b21}.mix-brand-card b{display:block;font:19px/1.2 Georgia,serif;letter-spacing:2px}.mix-brand-card small{font-size:5px;letter-spacing:1.7px;display:block;margin-top:14px}.mix-type{position:absolute;right:10%;top:15%;font-size:100px;line-height:1;letter-spacing:-8px;color:#e5e9d6;font-family:Georgia,serif;transform:rotate(7deg)}.mix-type span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:8px}.mix-palette{position:absolute;left:35%;bottom:26%;display:flex;gap:4px;transform:rotate(4deg)}.mix-palette i{width:47px;height:38px;background:#ccb078}.mix-palette i:nth-child(2){background:#f1f0e8}.mix-palette i:nth-child(3){background:#607557}.mix-palette i:nth-child(4){background:#0b140d}.mix-browser{position:absolute;top:15%;left:9%;width:70%;height:188px;background:#eff0e7;transform:rotate(-4deg);box-shadow:15px 20px 35px #0004;overflow:hidden}.mix-browser>span{display:block;padding:8px;font-size:6px;color:#8b9983}.mix-browser i{font-style:normal;margin-left:30px;color:#486644}.mix-browser img{width:100%;display:block}.mix-phone{position:absolute;right:10%;top:30%;height:155px;width:81px;border:4px solid #111f13;border-radius:13px;overflow:hidden;background:#f1f1e8;transform:rotate(10deg);box-shadow:10px 10px 20px #0005}.mix-phone img{width:180%;height:100%;object-fit:cover;object-position:top left}.mix-target{position:absolute;left:50%;top:43%;width:155px;height:155px;transform:translate(-50%,-50%)}.mix-target i{position:absolute;inset:0;border:1px solid #ccb07899;border-radius:50%;box-shadow:0 0 0 24px #ccb07808,0 0 0 48px #ccb07805}.mix-target i:nth-child(2){inset:22px}.mix-target i:nth-child(3){inset:44px;background:#ccb078}.mix-target b{position:absolute;top:17%;left:30%;font-size:112px;color:#e9d396;filter:drop-shadow(3px 8px 0 #172411)}.mix-art-label{position:absolute;bottom:23%;right:8%;font-size:8px;letter-spacing:2px}.mix-search{position:absolute;left:12%;top:18%;width:75%;background:#e4e8d7;border-radius:30px;height:44px;display:flex;align-items:center;gap:15px;padding:0 18px;color:#293c25;transform:rotate(-3deg)}.mix-search>span{font-size:26px}.mix-search i{height:5px;background:#a8b29a;width:60%}.mix-search b{font-size:21px;margin-left:auto}.mix-result{position:absolute;left:17%;top:42%;width:60%;padding:18px;border:1px solid #8e9a6c55;background:#293d25;transform:rotate(3deg);box-shadow:15px 20px 25px #0002}.mix-result>span{font-size:8px;letter-spacing:2px}.mix-result i{display:block;height:5px;background:#b7be9c66;margin-top:11px;width:90%}.mix-result i:last-child{width:60%}.mix-seo-orbit{position:absolute;right:11%;bottom:24%;border-radius:50%;border:1px solid #c8b77c66;width:65px;height:65px;display:grid;place-items:center;font-size:15px;background:#182b19;transform:rotate(12deg)}.mix-social-one{position:absolute;left:15%;top:12%;width:155px;height:192px;background:#ccb078;color:#24371e;padding:20px;transform:rotate(-9deg);z-index:2;box-shadow:10px 18px 30px #0004}.mix-social-one .mix-kraken{width:23px;height:23px;background:#263c24}.mix-social-one b{display:block;font-size:20px;font-weight:450;margin-top:25px;line-height:1.12;letter-spacing:-.5px}.mix-social-one em{display:block;font-size:21px;color:#3b4c2a;margin-top:7px}.mix-social-two{position:absolute;right:17%;top:16%;width:155px;height:190px;background:#e1e5d3;color:#34442a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font:65px Georgia,serif}.mix-social-two span{font:6px Arial,sans-serif;letter-spacing:2px;margin-top:24px}.mix-universe{position:absolute;left:50%;top:47%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #8d9b6d55;box-shadow:0 0 0 30px #bbc58a06}.mix-universe-core{position:absolute;inset:40px}.mix-universe i{position:absolute;font:11px Arial,sans-serif;font-style:normal;width:40px;height:40px;background:#2e4429;border:1px solid #9aa77577;border-radius:50%;display:grid;place-items:center}.mix-universe i:nth-of-type(1){top:-20px;left:70px}.mix-universe i:nth-of-type(2){right:-20px;top:70px}.mix-universe i:nth-of-type(3){bottom:-20px;left:70px}.mix-universe i:nth-of-type(4){left:-20px;top:70px}.mix-universe>span{position:absolute;right:-130px;top:80px;font-size:7px;letter-spacing:2px;transform:rotate(-90deg)}.has-scroll-motion .scroll-reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.has-scroll-motion .scroll-reveal.is-visible{opacity:1;transform:none}@keyframes mix-arrive{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes mix-float{50%{translate:0 -9px}}
@media(max-width:1100px){.service-mix{gap:25px;grid-template-columns:.9fr 1.1fr}.mix-tab{padding:15px;min-height:118px}.mix-tab strong{font-size:15px}.mix-copy{padding:26px}.mix-brand-card{left:6%;width:185px}.mix-type{right:7%;font-size:85px}.services .service-copy{top:20%}.service-outputs{gap:5px}.service-outputs li{font-size:7px}.hero-heading{font-size:clamp(60px,7.5vw,88px)!important}.hero{min-height:950px}}
@media(max-width:900px){.header.menu-open nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:20px;background:#101713;padding:25px 6%;border-bottom:1px solid #ccb07855}.service-mix{grid-template-columns:1fr}.mix-choice{position:static}.mix-tabs{grid-template-columns:repeat(3,1fr)}.mix-choice-note{max-width:100%}.mix-tab{min-height:105px}.mix-visual{height:270px}.mix-copy ul{grid-template-columns:1fr 1fr}.mix-brand-card{left:20%}.mix-type{right:20%}.mix-palette{left:42%}.mix-social-one{left:28%}.mix-social-two{right:28%}}
@media(max-width:760px){.hero-heading{font-size:clamp(41px,10.5vw,70px)!important;min-height:3.5em;letter-spacing:-2px!important;max-width:100%;line-height:1.1!important}.hero-heading em{font-size:.94em;letter-spacing:-1.9px!important}.hero-content{padding-top:145px;padding-bottom:135px}.hero{min-height:1000px}.hero-pagination{gap:13px;margin:0 0 23px}.hero-pagination button{font-size:8px}.hero-pagination button i{width:12px}.hero-pagination button[aria-pressed=true] i{width:28px}.hero-desc{font-size:15px}.hero-content h1{margin-bottom:12px}.hero-offer{margin-top:22px}.hero-bottom{bottom:22px}.work-process{font-size:7px;letter-spacing:1.2px;line-height:1.8;padding:16px 0 24px}.projects{gap:36px}.project-image{padding:24px 22px 0;aspect-ratio:1.28;transform:none!important}.project-caption{padding-top:22px}.project-caption h3{font-size:31px}.project-caption>p{font-size:12px}.project .tags span{font-size:7px;padding:6px 8px}.services .service-copy{top:auto;bottom:auto}.service-outputs li{font-size:7px}.whole-manifesto{font-size:18px;padding-top:24px;line-height:1.6}.mix-tabs{grid-template-columns:1fr 1fr;gap:8px}.mix-tab{padding:14px;min-height:110px;gap:18px}.mix-tab strong{font-size:15px}.mix-choice-note{font-size:12px;margin-top:20px}.mix-visual{height:235px}.mix-copy{padding:25px 22px}.mix-copy h3{font-size:29px;line-height:1.16}.mix-copy>p:not(.eyebrow):not(.mix-includes):not(.mix-quote):not(.mix-price-note){font-size:12px}.mix-copy ul{grid-template-columns:1fr;gap:8px}.mix-copy li{font-size:11px}.mix-copy .sem-price strong{font-size:59px}.mix-brand-card{left:8%;top:14%;width:160px;height:122px;padding:21px}.mix-brand-card b{font-size:16px}.mix-brand-card .mix-kraken{width:42px;height:42px;right:15px;top:25px}.mix-type{right:8%;font-size:70px;top:20%}.mix-palette{left:35%;bottom:24%}.mix-palette i{width:37px;height:30px}.mix-browser{height:166px}.mix-phone{height:136px;width:73px}.mix-social-one{left:12%;width:135px;height:167px;padding:17px}.mix-social-one b{font-size:16px;margin-top:18px}.mix-social-one em{font-size:18px}.mix-social-two{right:12%;width:130px;height:166px;font-size:55px}.mix-visual-index{left:20px;bottom:14px;font-size:6px}.mix-target{width:135px;height:135px}.mix-target b{font-size:95px}.mix-art-label{font-size:7px;bottom:22%;right:6%}.mix-universe{width:155px;height:155px}.mix-universe-core{inset:35px}.mix-universe i:nth-of-type(1){left:57px}.mix-universe i:nth-of-type(2){top:57px}.mix-universe i:nth-of-type(3){left:57px}.mix-universe i:nth-of-type(4){top:57px}.mix-universe>span{right:-103px;top:69px}.service-mix{gap:24px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.hero video{transform:none}.hero-heading{transition:none}.mix-panel,.mix-brand-card{animation:none}.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.project-image{transform:none!important}.page-progress{display:none}}