@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#07111f;--ink-soft:#0e1b2c;--paper:#f7f8f6;--white:#fff;--mist:#e9eeef;--line:#07111f21;--muted:#65707d;--accent:#51e5c2;--accent-deep:#1cb896;--blue:#2563eb;--display:"Manrope", sans-serif;--body:"DM Sans", sans-serif;--container:min(1240px, calc(100% - 48px) )}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}body::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}.site-shell{overflow:clip}.container{width:var(--container);margin-inline:auto}.section{padding:130px 0;position:relative}.section-dark{background:var(--ink);color:var(--white)}.section-tint{background:#edf1f1}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fd1;border:1px solid #ffffff1c;border-radius:18px;justify-content:space-between;align-items:center;width:min(1240px,100% - 32px);height:68px;padding:0 10px 0 22px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #0000002e}.header-logo{align-items:center;display:flex}.logo{align-items:center;gap:11px;display:inline-flex}.logo-mark{width:30px;height:30px;display:inline-block;position:relative;transform:rotate(-7deg)}.logo-mark i{border:3px solid var(--ink);border-radius:3px;position:absolute;inset:4px 10px 4px 2px;transform:skewY(-26deg)}.logo-mark i:last-child{border-left:0;inset:4px 2px 4px 10px}.logo-light .logo-mark i{border-color:var(--accent)}.logo-text{line-height:1;display:grid}.logo-text strong{font-family:var(--display);letter-spacing:.19em;font-size:14px;font-weight:800}.logo-text small{letter-spacing:.48em;opacity:.63;margin-top:5px;font-size:8px}.logo-light{color:#fff}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav>a{color:#ffffffb3;font-size:14px;transition:color .2s}.site-header nav>a:hover,.site-header nav>a:focus-visible{color:#fff}.site-header .nav-cta{background:var(--accent);color:var(--ink);border-radius:11px;align-items:center;gap:24px;height:48px;padding:0 18px;font-weight:600;display:inline-flex}.site-header .nav-cta:hover{color:var(--ink);background:#fff}.menu-button{color:#fff;cursor:pointer;background:0 0;border:0;padding:10px;display:none}.hero{isolation:isolate;min-height:860px;padding:190px 0 0}.hero:before{content:"";opacity:.055;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffffe6 1px,#0000 1px),linear-gradient(90deg,#ffffffe6 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.ambient{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#2563eb30,#0000 68%);width:620px;height:620px;top:-120px;right:-240px}.ambient-two{background:radial-gradient(circle,#51e5c214,#0000 69%);width:500px;height:500px;bottom:0;left:28%}.hero-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:68px;display:grid}.eyebrow{color:#ffffffa8;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:11px;font-size:11px;font-weight:600;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #51e5c21a}.hero h1{font-family:var(--display);letter-spacing:-.055em;max-width:740px;margin:28px 0;font-size:clamp(52px,5.4vw,82px);font-weight:600;line-height:.99}h1 em,h2 span{color:var(--accent-deep);font-style:normal}.hero h1 em{color:var(--accent)}.hero-lead{color:#ffffffab;max-width:640px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:0 21px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--ink);box-shadow:0 12px 30px #51e5c224}.button-primary:hover{background:#fff}.button-ghost{color:#fff;background:#ffffff08;border-color:#fff3}.button-ghost:hover{border-color:#ffffff80}.hero-proof{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:20px;margin-top:35px;padding-top:25px;font-size:11px;display:flex}.hero-proof span{align-items:center;gap:7px;display:flex}.hero-proof svg{color:var(--accent)}.hero-visual{perspective:1200px;height:560px;position:relative}.visual-card{border:1px solid #ffffff24;position:absolute;overflow:hidden;box-shadow:0 40px 100px #00000061}.visual-card-main{background:#111b29;border-radius:18px;width:82%;height:420px;top:28px;right:0;transform:rotate(2deg)}.mock-browser-bar{background:#ffffff0f;align-items:center;gap:5px;height:38px;padding:0 13px;display:flex}.mock-browser-bar i{background:#ffffff57;border-radius:50%;width:6px;height:6px}.mock-browser-bar span{color:#ffffff4d;letter-spacing:.13em;margin-left:auto;font-size:8px}.campaign-art{background:linear-gradient(135deg,#1a2951,#0a1221 58%,#113832);height:calc(100% - 38px);padding:37px;position:relative;overflow:hidden}.campaign-art:before{content:"";border:1px solid #ffffff26;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-65px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.campaign-kicker{z-index:1;text-transform:uppercase;letter-spacing:.2em;color:#ffffff8c;font-size:8px;position:relative}.campaign-art strong{z-index:2;color:#fff;font-family:var(--display);letter-spacing:-.07em;margin-top:50px;font-size:clamp(40px,4.1vw,63px);font-weight:700;line-height:.83;display:block;position:relative}.campaign-art strong span{color:var(--accent)}.campaign-disc{background:linear-gradient(145deg,var(--accent),#0d7ef0);filter:saturate(.8);border-radius:50%;width:116px;height:116px;position:absolute;bottom:50px;right:30px;box-shadow:-35px 25px 60px #51e5c226}.campaign-disc:after{content:"";border:1px solid #ffffffb3;border-radius:50%;position:absolute;inset:22px}.campaign-meta{letter-spacing:.14em;color:#ffffff6b;text-transform:uppercase;font-size:8px;position:absolute;bottom:28px;left:37px}.visual-card-phone{z-index:3;background:#02060b;border-radius:29px;width:180px;height:355px;padding:7px;bottom:15px;left:0;transform:rotate(-5deg)}.phone-notch{z-index:3;background:#02060b;border-radius:20px;width:63px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-story{height:100%;color:var(--ink);background:linear-gradient(160deg,#e9ff53,#66e4ca 48%,#0b2d53);border-radius:23px;padding:30px 15px 18px;position:relative;overflow:hidden}.phone-story>span{letter-spacing:.16em;font-size:7px;font-weight:700}.phone-story strong{font-family:var(--display);letter-spacing:-.06em;z-index:2;font-size:27px;line-height:.9;position:absolute;top:70px;left:16px}.story-shape{background:linear-gradient(145deg,#14315d,#060a12);border-radius:80px 80px 15px 15px;width:150px;height:220px;position:absolute;bottom:-18px;right:-45px;transform:rotate(17deg)}.phone-story button,.video-mockup button{background:var(--ink);color:#fff;z-index:2;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:18px;left:16px}.visual-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffc4;z-index:5;background:#0e1b2cd1;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 14px;font-size:11px;display:flex;position:absolute;box-shadow:0 15px 30px #00000040}.visual-chip b{color:var(--accent);font-size:9px;font-weight:500}.chip-video{bottom:74px;right:2px}.chip-social{top:1px;left:110px}.chip-social svg:last-child{color:var(--accent)}.orbit{border:1px solid #51e5c224;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px;top:45px;right:-100px}.orbit-two{width:300px;height:300px;bottom:-15px;left:20px}.hero-marquee{white-space:nowrap;color:#ffffff1f;height:68px;font-family:var(--display);letter-spacing:.12em;border-top:1px solid #ffffff14;align-items:center;margin-top:92px;font-size:22px;font-weight:800;display:flex;overflow:hidden}.hero-marquee div{animation:24s linear infinite marquee}.hero-marquee span{color:var(--accent);margin:0 25px;font-size:14px}@keyframes marquee{to{transform:translate(-45%)}}.reveal{animation:.8s cubic-bezier(.2,.8,.2,1) both reveal}.reveal-two{animation-delay:.16s}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.19em;margin-bottom:25px;font-size:10px;font-weight:600}.section-label:before{content:"";vertical-align:middle;background:currentColor;width:22px;height:1px;margin-right:10px;display:inline-block}.label-light{color:#ffffff73}h2{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.04}.about-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-content{padding-top:57px}.about-content .large-copy{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);margin-top:0;font-size:26px;line-height:1.45}.about-content>p:not(.large-copy){color:var(--muted);font-size:16px;line-height:1.75}.value-list{grid-template-columns:1fr 1fr;gap:13px;margin-top:38px;display:grid}.value-list>div{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.value-list span{background:var(--accent);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.split-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-bottom:65px;display:grid}.split-heading>p{color:var(--muted);margin:0 0 8px;line-height:1.7}.services-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.service-card{background:var(--white);border:1px solid #07111f14;border-radius:18px;flex-direction:column;grid-column:span 2;min-height:325px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.service-card:hover{border-color:#51e5c299;transform:translateY(-7px);box-shadow:0 25px 50px #07111f14}.service-card-top{justify-content:space-between;align-items:flex-start;display:flex}.service-icon{width:52px;height:52px;color:var(--ink);background:#e4f9f4;border-radius:13px;place-items:center;display:grid}.service-card small{color:#a4acb3;letter-spacing:.15em;font-size:10px}.service-card h3{font-family:var(--display);letter-spacing:-.03em;margin:46px 0 12px;font-size:21px}.service-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.62}.service-card a{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:auto;padding-top:25px;font-size:12px;font-weight:600;display:flex}.service-card a svg{transition:transform .2s}.service-card:hover a svg{transform:translate(4px)}.service-4{grid-column:2/span 2}.service-5{grid-column:4/span 2}.process{overflow:hidden}.process:after{content:"04";font-family:var(--display);color:#ffffff05;pointer-events:none;font-size:480px;font-weight:800;line-height:1;position:absolute;bottom:-120px;right:-40px}.process-heading{grid-template-columns:1.1fr .7fr;align-items:end;gap:100px;display:grid}.process-heading p{color:#ffffff85;margin:0;line-height:1.75}.process-line{grid-template-columns:repeat(4,1fr);margin-top:90px;display:grid;position:relative}.process-line:before{content:"";background:linear-gradient(90deg,var(--accent),#ffffff26);height:1px;position:absolute;top:23px;left:4%;right:4%}.process-step{z-index:1;padding-right:38px;position:relative}.step-number{background:var(--ink);width:47px;height:47px;color:var(--accent);letter-spacing:.08em;border:1px solid #fff3;border-radius:50%;place-items:center;font-size:10px;display:grid}.process-step:first-child .step-number{background:var(--accent);color:var(--ink);border-color:var(--accent)}.process-step h3{font-family:var(--display);margin:30px 0 12px;font-size:19px}.process-step p{color:#ffffff73;font-size:13px;line-height:1.65}.illustrative-note{color:var(--muted);place-self:end;align-items:center;gap:9px;font-size:11px;display:flex}.illustrative-note span{border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;font-family:serif;display:grid}.portfolio-grid{grid-template-columns:1.35fr .65fr;gap:18px;display:grid}.project{background:#e7ebea;border-radius:18px;min-width:0;position:relative;overflow:hidden}.project-meta{background:var(--white);border-bottom:1px solid #07111f14;justify-content:space-between;align-items:center;height:72px;padding:0 25px;display:flex}.project-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.project-meta strong{font-family:var(--display);font-size:13px}.project-wide{min-height:520px}.project-tall{grid-row:span 2;min-height:800px}.project-small{min-height:320px}.coffee-composition{background:#cbc0aa;grid-template-columns:repeat(3,1fr);align-items:center;gap:16px;height:448px;padding:45px;display:grid;position:relative;overflow:hidden}.coffee-composition:after{content:"";background:#ffffff24;border-radius:50%;width:380px;height:380px;position:absolute;top:-45%;left:20%}.post{aspect-ratio:.76;z-index:1;padding:17px;position:relative;overflow:hidden;box-shadow:0 18px 35px #44332033}.post-one{color:#f4e9d3;background:#17261f;transform:rotate(-4deg)}.post-one small,.post-three small{letter-spacing:.16em;font-size:6px}.post-one strong{font-family:var(--display);font-size:18px;line-height:.95;position:absolute;bottom:30px;left:17px}.post-one>span{font-size:6px;position:absolute;bottom:12px;right:12px}.post-two{text-align:center;color:#313128;background:#eee3cd;transform:translateY(-10px)}.coffee-cup{width:82px;height:82px;font-family:var(--display);background:#f9f1df;border-radius:50%;place-items:center;margin:36px auto 25px;font-size:30px;display:grid;box-shadow:10px 15px 25px #3d2b172e}.post-two span{text-transform:uppercase;letter-spacing:.13em;font-size:8px}.post-three{color:#16251f;background:#d4f05f;transform:rotate(4deg)}.post-three strong{font-family:var(--display);letter-spacing:-.06em;font-size:28px;line-height:.82;position:absolute;bottom:25px}.video-mockup{color:#fff;background:linear-gradient(155deg,#070a11,#192850);height:calc(100% - 72px);min-height:728px;padding:28px;position:relative;overflow:hidden}.video-mockup:before{content:"";border:1px solid #51e5c22b;border-radius:50%;width:420px;height:420px;position:absolute;top:120px;left:-150px;box-shadow:0 0 0 50px #51e5c206,0 0 0 100px #51e5c205}.video-top{letter-spacing:.15em;justify-content:space-between;font-size:9px;display:flex}.video-top small{opacity:.55}.video-object{background:linear-gradient(145deg,#5ce8c8,#174273 62%,#0b1428);border-radius:50% 50% 22px 22px;width:190px;height:270px;position:absolute;top:170px;left:50%;transform:translate(-50%)rotate(14deg);box-shadow:-30px 50px 80px #51e5c21f}.video-object i{border-radius:inherit;border:1px solid #ffffff38;position:absolute;inset:22px}.video-object i:last-child{inset:52px}.video-mockup button{background:var(--accent);color:var(--ink);inset:28px 28px auto auto}.video-mockup>strong{z-index:2;font-family:var(--display);letter-spacing:-.06em;font-size:41px;line-height:.83;position:absolute;bottom:74px}.video-mockup>strong em{color:var(--accent);font-style:normal}.timeline{background:#ffffff30;height:2px;position:absolute;bottom:30px;left:28px;right:28px}.timeline span{background:var(--accent);width:54%;height:100%;display:block}.estate-banner{color:#fff;background:linear-gradient(115deg,#07111ffa 0 50%,#07111f26),linear-gradient(145deg,#547982,#c0d0ce);height:248px;padding:28px;position:relative;overflow:hidden}.estate-banner small{letter-spacing:.15em;color:var(--accent);font-size:7px}.estate-banner strong{z-index:2;font-family:var(--display);letter-spacing:-.04em;margin-top:38px;font-size:27px;line-height:1;display:block;position:relative}.estate-banner>span{font-size:8px;position:absolute;bottom:24px;left:28px}.building{background:#c6d7d28c;grid-template-columns:repeat(3,1fr);gap:10px;width:48%;height:230px;padding:15px;display:grid;position:absolute;bottom:-20px;right:-15px;transform:skewY(-4deg);box-shadow:-30px 10px 50px #00000038}.building i{background:#122735b3;border:3px solid #ffffff40}.brand-materials{background:#d8d8d2;height:248px;position:relative;overflow:hidden}.business-card{color:#fff;background:#0b1522;width:220px;height:118px;padding:20px;position:absolute;top:48px;left:38px;transform:rotate(-7deg);box-shadow:0 20px 30px #0003}.business-card small{font-family:var(--display);color:var(--accent);font-size:20px}.business-card span{letter-spacing:.12em;font-size:7px;position:absolute;bottom:17px;left:20px}.brand-book{background:#f8f4e8;width:145px;height:190px;padding:16px;position:absolute;top:27px;right:50px;transform:rotate(7deg);box-shadow:0 20px 30px #0000002e}.brand-book>span{font-family:var(--display);letter-spacing:-.15em;font-size:80px;line-height:.8}.brand-book small{font-size:7px;position:absolute;bottom:17px;left:16px}.color-swatch{background:var(--accent);padding:10px 15px;font-size:8px;position:absolute;bottom:18px;left:115px;transform:rotate(3deg)}.audience-grid{grid-template-columns:.8fr 1.2fr;gap:120px;display:grid}.audience-intro{align-self:start;position:sticky;top:120px}.audience-intro p{color:var(--muted);max-width:470px;margin-top:28px;line-height:1.75}.audience-list{border-top:1px solid var(--line)}.audience-item{border-bottom:1px solid var(--line);grid-template-columns:42px 28px 1fr 20px;align-items:center;gap:18px;min-height:82px;transition:padding .2s,background .2s;display:grid}.audience-item:hover{background:#ffffff80;padding-inline:14px}.audience-number{color:#a3acb3;font-size:9px}.audience-item strong{font-family:var(--display);font-size:17px}.audience-item>svg:last-child{color:var(--accent-deep)}.cta-section{padding:120px 0;position:relative;overflow:hidden}.cta-grid-pattern{opacity:.07;background-image:linear-gradient(#fffc 1px,#0000 1px),linear-gradient(90deg,#fffc 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.cta-inner{text-align:center;position:relative}.cta-inner h2{font-size:clamp(45px,6vw,78px)}.cta-inner p{color:#ffffff8f;max-width:650px;margin:28px auto 36px;line-height:1.7}.button-large{min-height:58px;padding-inline:27px}.contact-grid{grid-template-columns:.75fr 1.25fr;align-items:start;gap:100px;display:grid}.contact-copy{position:sticky;top:120px}.contact-copy>p{color:var(--muted);margin:25px 0 38px;line-height:1.7}.contact-details{gap:20px;display:grid}.contact-details>div,.contact-details>a{align-items:flex-start;gap:14px;display:flex}.contact-details>div>span,.contact-details>a>span{width:42px;height:42px;color:var(--accent-deep);background:#e5f8f3;border-radius:11px;flex:none;place-items:center;display:grid}.contact-details small{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-bottom:6px;font-size:10px;display:block}.contact-details strong{font-size:13px;line-height:1.55}.contact-form{border:1px solid var(--line);background:#fff;border-radius:20px;gap:20px;padding:44px;display:grid;box-shadow:0 25px 70px #07111f12}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form label{color:#3c4854;gap:8px;font-size:11px;font-weight:600;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);background:#fafbfa;border:1px solid #d8dddf;border-radius:10px;outline:none;padding:14px 15px;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical;min-height:135px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent-deep);box-shadow:0 0 0 3px #51e5c224}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9da5ab}.contact-form .consent{color:var(--muted);grid-template-columns:none;align-items:flex-start;gap:11px;font-weight:400;line-height:1.5;display:flex}.consent input{width:16px;height:16px;accent-color:var(--accent-deep);margin-top:2px}.consent a{color:var(--ink);text-decoration:underline}.form-submit{border:0;width:100%;margin-top:3px}.form-submit:disabled{opacity:.6;cursor:wait}.honeypot{display:none}.form-status{text-align:center;min-height:18px;font-size:12px}.form-status.success{color:#08755e}.form-status.error{color:#bd3030}.footer{color:#fff;background:#040b14;padding:80px 0 24px}.footer-main{grid-template-columns:.9fr 1.1fr;gap:110px;padding-bottom:65px;display:grid}.footer-brand>p{color:#ffffff70;max-width:360px;margin:27px 0;font-size:13px;line-height:1.7}.footer-brand>a{color:var(--accent);align-items:center;gap:6px;font-size:13px;display:flex}.footer-links{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.footer-links>div{flex-direction:column;gap:13px;display:flex}.footer-links strong{color:#ffffffe0;font-family:var(--display);margin-bottom:8px;font-size:12px}.footer-links a,.footer-links span{color:#ffffff6e;font-size:12px;line-height:1.65;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-contact span{grid-template-columns:18px 1fr;align-items:start;display:grid}.footer-contact svg{margin-top:2px}.footer-bottom{color:#ffffff47;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:24px;font-size:10px;display:flex}.cookie-banner{z-index:100;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:20px;width:min(540px,100% - 44px);padding:18px;display:grid;position:fixed;bottom:22px;left:22px;box-shadow:0 22px 70px #07111f2e}.cookie-banner strong{font-family:var(--display);font-size:13px}.cookie-banner p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.cookie-actions{gap:7px;display:flex}.cookie-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:9px 11px;font-size:10px}.cookie-actions button:last-child{background:var(--ink);color:#fff}.legal-page{background:var(--paper);min-height:100vh;padding:150px 0 110px}.legal-page .site-header{position:fixed}.legal-wrap{max-width:820px}.legal-wrap h1{font-family:var(--display);letter-spacing:-.06em;margin:25px 0 55px;font-size:clamp(42px,6vw,70px);line-height:1}.legal-content{border:1px solid var(--line);background:#fff;border-radius:20px;padding:clamp(28px,5vw,60px)}.legal-content h2{letter-spacing:-.03em;margin:40px 0 14px;font-size:24px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:#5c6874;font-size:14px;line-height:1.75}.legal-content a{color:var(--accent-deep);text-decoration:underline}.legal-content .updated{color:#8b949c;margin-top:45px;font-size:11px}@media(max-width:1050px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-visual{width:min(700px,100%);margin:0 auto}.service-card{grid-column:span 3}.service-5{grid-column:2/span 3}.portfolio-grid{grid-template-columns:1fr}.project-tall{grid-row:auto}.video-mockup{min-height:620px}.contact-grid,.audience-grid,.footer-main{gap:60px}}@media(max-width:760px){:root{--container:min(100% - 32px, 620px)}.section{padding:88px 0}.site-header{border-radius:15px;width:calc(100% - 20px);height:60px;top:10px}.menu-button{display:block}.site-header nav{background:#07111ffa;border:1px solid #ffffff1a;border-radius:15px;padding:14px;display:none;position:absolute;top:67px;left:0;right:0;box-shadow:0 20px 40px #00000040}.site-header nav.nav-open{gap:2px;display:grid}.site-header nav>a{padding:13px}.site-header .nav-cta{justify-content:space-between;margin-top:7px}.hero{padding-top:135px}.hero-grid{gap:45px}.hero h1{font-size:clamp(45px,14vw,65px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-proof{gap:10px;display:grid}.hero-visual{height:430px}.visual-card-main{width:90%;height:335px}.campaign-art{padding:25px}.campaign-art strong{margin-top:38px;font-size:42px}.campaign-disc{width:85px;height:85px;bottom:38px;right:18px}.campaign-meta{left:25px}.visual-card-phone{width:135px;height:270px}.phone-story strong{font-size:21px}.story-shape{width:110px;height:170px}.chip-social{left:70px}.chip-video{bottom:22px}.hero-marquee{margin-top:65px}.about-grid,.split-heading,.process-heading,.contact-grid,.audience-grid,.footer-main{grid-template-columns:1fr;gap:40px}.about-content{padding-top:0}.value-list{grid-template-columns:1fr}.split-heading{margin-bottom:40px}.services-grid{grid-template-columns:1fr}.service-card,.service-4,.service-5{grid-column:auto;min-height:295px}.process-line{grid-template-columns:1fr;gap:25px;margin-top:55px}.process-line:before{width:1px;height:calc(100% - 70px);top:25px;left:23px;right:auto}.process-step{padding:0 0 18px 72px}.step-number{position:absolute;left:0}.process-step h3{margin-top:5px}.portfolio-heading{align-items:start}.illustrative-note{justify-self:start}.coffee-composition{gap:8px;height:370px;padding:24px 16px}.post{padding:10px}.post-one strong{font-size:14px;left:10px}.post-three strong{font-size:21px}.coffee-cup{width:55px;height:55px;margin-top:30px}.video-mockup{min-height:590px}.audience-intro,.contact-copy{position:static}.contact-form{padding:24px}.form-row{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.cookie-banner{grid-template-columns:1fr;width:calc(100% - 24px);bottom:12px;left:12px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
