:root{--ink:#111;--cream:#f8f5ef;--sand:#eadcc7;--gold:#c7a46a;--muted:#6f6b65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:var(--cream);border-bottom:1px solid #dedbd4;position:sticky;top:0;z-index:30}.mark{display:flex;align-items:center;gap:12px}.mark img{width:45px;height:58px;object-fit:contain}.mark span{font-size:12px;letter-spacing:2px;line-height:1.3}.mark b{font-size:21px;letter-spacing:6px}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover{color:#896538}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 25px;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:14px;font-weight:600;transition:transform .3s,background .3s;cursor:pointer}.pill:hover{transform:translateY(-3px);background:#35312b}.gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}.gold:hover{background:var(--sand)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.9px;margin:0 0 25px}.hero{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;padding:85px 6vw 80px;min-height:720px;overflow:hidden}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(60px,7.6vw,112px);line-height:1.02;letter-spacing:-6px;font-weight:600;margin:0 0 28px}em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.035em}h1 em{color:var(--sand);font-size:1.1em}.lede{max-width:520px;color:#c5c2bb;font-size:18px;line-height:1.75;margin:0 0 32px}.hero-caption{font-size:12px;color:#b5aaa0;margin-top:26px}.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.phone{width:285px;height:510px;border:8px solid #393832;border-radius:40px;background:var(--cream);color:var(--ink);overflow:hidden;transform:rotate(8deg);box-shadow:20px 35px 80px #0009;z-index:2;position:relative}.phone-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;letter-spacing:1px;font-weight:700}.phone img{height:305px;width:100%;object-fit:cover}.phone-caption{font-size:26px;line-height:1.05;padding:20px}.phone-caption em{font-size:32px}.result-badge{position:absolute;bottom:30px;left:-5px;z-index:4;background:var(--sand);padding:20px 28px;color:var(--ink);box-shadow:0 15px 50px #0003;border-radius:8px;transform:rotate(-5deg)}.result-badge span{font-size:10px;letter-spacing:1px}.result-badge strong{display:block;font-size:54px;letter-spacing:-3px;line-height:1.2}.result-badge p{margin:0;font-size:13px}.hero-emblem{position:absolute;right:-65px;top:20px;width:260px;height:330px;object-fit:contain;opacity:.4;transform:rotate(12deg)}.brands{text-align:center;padding:40px 6vw 48px;background:var(--sand)}.brands .eyebrow{font-size:11px;color:#645a4d;margin-bottom:24px}.brands>div{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.brands a{font-family:Georgia,serif;font-size:clamp(18px,2.1vw,30px);letter-spacing:1px}.brands a:last-child{font-style:italic}.section{padding:100px 6vw}h2{font-size:clamp(40px,4.4vw,67px);line-height:1.1;letter-spacing:-2.8px;font-weight:500;margin:0 0 28px}h2 em{font-size:1.12em}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#fff}.intro .eyebrow,.section-head .eyebrow{color:#88704e}.intro p:not(.eyebrow){margin:0 0 20px;color:var(--muted)}.text-link{display:inline-block;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:7px;margin-top:8px}.section-head{max-width:800px;margin-bottom:52px}.section-head>p:last-child:not(.eyebrow){color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-grid article{border:1px solid #dcd6cc;border-radius:8px;background:#fff;padding:32px;position:relative;transition:.3s}.service-grid article:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 15px 30px #11111108}.service-number{font-size:14px;color:#8b7454}h3{font-size:24px;line-height:1.25;letter-spacing:-.7px}.service-grid p{color:var(--muted);font-size:16px}.service-grid small{display:block;font-size:12px;color:#8c8172;padding-bottom:45px}.service-grid article>a{position:absolute;bottom:24px;right:28px;font-size:26px}.proof{background:var(--ink);color:var(--cream);padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.proof .eyebrow{color:var(--gold)}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.numbers>div{border-top:1px solid #ffffff35;padding-top:16px}.numbers>div:first-child{grid-column:1/-1}.numbers strong{font-size:62px;font-weight:500;line-height:1.2;letter-spacing:-3px;color:var(--sand)}.numbers p{margin:0;font-size:14px;color:#c3bdb3}.masonry{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project{display:block;min-width:0}.project img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;transition:transform .6s;border-radius:7px}.project:hover img{transform:translateY(-5px)}.project>div{position:relative;padding:24px 0 20px;border-bottom:1px solid #d6cabb}.project small{font-size:12px;color:#74634a}.project h3{font-size:30px;margin:5px 0;font-weight:500}.project span{font-size:13px;display:block;margin-top:12px}.portfolio-note{font-size:12px;color:var(--muted);margin:30px 0 0}.process{background:#fff}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;margin-top:50px}.process li{border-top:1px solid var(--gold);padding-top:22px}.process li>span{font-size:13px;color:#8b7454}.process p{color:var(--muted);font-size:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--sand)}.contact-copy>p:not(.eyebrow){max-width:470px;color:#645e54}.outline{background:transparent;color:var(--ink);margin-top:14px}.outline:hover{color:#fff}.contact-signature{display:flex;gap:22px;align-items:center;margin-top:50px}.contact-signature img{width:65px;height:90px;object-fit:contain}.contact-signature p{font-size:13px;color:#6c6153}form{padding:38px;background:#fff;border-radius:10px;box-shadow:0 15px 60px #74634912}form h3{font-size:30px;font-weight:500;margin:0 0 26px}label{display:block;font-size:14px;font-weight:500;margin:18px 0}input,select,textarea{width:100%;display:block;margin-top:8px;padding:12px 14px;background:#faf9f6;border:1px solid #d8d4ce;border-radius:5px;color:var(--ink);font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:2px}.form-note{font-size:12px;color:var(--muted);line-height:1.6}.manual-dm{font-size:14px;text-decoration:underline}form>.pill{width:100%}[hidden]{display:none!important}footer{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:40px 6vw;gap:25px}footer p,footer>a:last-child{font-size:12px;color:#c3bdb3}.sticky{display:none}@media(max-width:850px){.nav{height:78px;padding:0 5vw}.nav nav{display:none}.nav>.pill{padding:11px 15px;gap:14px}.mark img{width:32px;height:45px}.mark span{font-size:9px}.mark b{font-size:16px}.hero{grid-template-columns:1fr;padding:55px 5vw 45px;gap:25px;min-height:auto}h1{font-size:clamp(58px,13vw,90px);letter-spacing:-3px}.lede{font-size:16px;max-width:100%}.hero-visual{min-height:435px}.phone{height:400px;width:235px}.phone img{height:225px}.phone-top{height:45px;font-size:8px}.phone-caption{padding:15px;font-size:22px}.phone-caption em{font-size:26px}.hero-emblem{width:180px;right:0;top:0}.result-badge{left:4%;bottom:5px;padding:15px 20px}.result-badge strong{font-size:42px}.brands{padding:32px 5vw}.brands>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brands a{font-size:18px}.section{padding:65px 5vw}.intro,.proof,.contact{grid-template-columns:1fr;gap:30px}h2{font-size:42px;letter-spacing:-1.8px}.service-grid{grid-template-columns:1fr 1fr;gap:14px}.service-grid article{padding:24px}.service-grid h3{font-size:22px}.proof{padding:60px 5vw}.masonry{gap:25px}.project h3{font-size:24px}.process ol{grid-template-columns:1fr 1fr;gap:24px}form{padding:25px}.contact-signature{display:none}footer{padding:35px 5vw 95px;flex-wrap:wrap}.sticky{display:block;position:fixed;bottom:12px;left:5%;right:5%;z-index:40;text-align:center;padding:15px;background:var(--ink);color:white;border-radius:6px;border:1px solid var(--gold);font-size:14px;box-shadow:0 5px 25px #0003}}@media(max-width:520px){.service-grid,.masonry{grid-template-columns:1fr}.project img{aspect-ratio:1.2}.eyebrow{font-size:11px;letter-spacing:1.2px}.numbers strong{font-size:53px}.process ol{grid-template-columns:1fr 1fr}.process h3{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-aligned visual revision: full-bleed hero and continuous dark canvas. */
:root{--ink:#030303;--cream:#f1f1f1;--muted:#b9b9b9}body{background:#030303;color:#f1f1f1;font-family:'Open Sans',Arial,sans-serif}.nav{position:absolute;top:0;width:100%;background:transparent;color:#fff;border:0;height:100px;padding:0 30px}.nav nav,.nav>.pill{display:none}.mark{gap:14px}.mark span{font-family:Montserrat,Arial,sans-serif}.nav .mark img{width:55px;height:70px}.hero{position:relative;display:flex;justify-content:center;align-items:center;min-height:110svh;padding:130px 20px 110px;text-align:center;background:linear-gradient(180deg,#03030330 0%,#0303035c 68%,#030303 100%),url('cocovibes.jpg') center 45%/cover no-repeat}.hero-copy{position:relative;z-index:1;width:100%;max-width:1100px}.hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(42px,6.7vw,94px);font-weight:900;letter-spacing:-2px;line-height:1.08;text-shadow:0 0 20px #0005;margin:0 auto 34px}.hero-caption{position:absolute;bottom:35px;left:0;width:100%;font-size:12px;letter-spacing:2px;color:#cfcfcf}.pill{border-radius:100px;font-family:Montserrat,Arial,sans-serif;font-size:17px;padding:16px 35px}.gold{background:var(--gold);border:0;color:#252525}.gold:hover{background:#f1f1f1}.brands{background:#030303;color:#f1f1f1;padding:30px 6vw 75px}.brands .eyebrow{font-size:16px;letter-spacing:0;color:#ddd;font-weight:400;margin-bottom:40px}.brands>div{max-width:1150px;margin:auto}.section{padding:100px max(6vw,calc((100vw - 1200px)/2))}.intro{background:#030303;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.intro-visual{position:relative;padding:30px}.intro-visual>img:first-child{width:100%;aspect-ratio:.9;object-fit:cover;border-radius:45px}.intro-emblem{position:absolute;width:120px;height:155px;object-fit:contain;bottom:0;right:0}.eyebrow{font-family:Montserrat,Arial,sans-serif}.intro .eyebrow,.section-head .eyebrow{color:var(--gold);font-size:16px;letter-spacing:0;text-transform:none}.intro h2,h2{font-family:Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:-1.6px;font-size:clamp(36px,4vw,54px);line-height:1.15}.intro p:not(.eyebrow){color:#f1f1f1;font-size:18px;line-height:1.8}.intro .pill{margin-top:14px}.services{padding-top:80px}.mega{font-family:Montserrat,Arial,sans-serif;font-size:clamp(65px,12vw,170px);line-height:.97;font-weight:900;letter-spacing:-7px;margin:0 0 100px}.service-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px}.service-story:nth-child(even) .service-picture{order:2}.service-story:nth-child(even) .service-copy{text-align:right}.service-picture{padding:25px}.service-picture img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:35px}.service-copy>span{color:var(--gold);font-size:12px;letter-spacing:2px}.service-copy h3{font-family:Montserrat,Arial,sans-serif;font-weight:900;font-size:clamp(30px,4.5vw,62px);line-height:1.1;letter-spacing:-2px;margin:20px 0 28px}.service-copy p{font-size:19px;line-height:1.8;color:#ddd}.text-link{color:var(--gold);font-size:15px}.proof{background:#0c0c0c;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.proof h2{font-size:48px}.work{background:#030303}.work .section-head h2{font-size:clamp(58px,8vw,112px);font-weight:900;line-height:1;letter-spacing:-4px}.section-head>p:last-child:not(.eyebrow){color:#ccc}.project>div{border-color:#ffffff25}.project h3{font-family:Montserrat,Arial,sans-serif;font-weight:700}.project small{color:var(--gold)}.project span{color:#ddd}.portfolio-note{color:#aaa}.process{background:#030303}.process .eyebrow{color:var(--gold)}.process h3{font-family:Montserrat,Arial,sans-serif}.process p{color:#ccc}.contact{background:#0c0c0c}.contact h2{font-size:clamp(43px,4.8vw,68px);font-weight:900;line-height:1.1}.contact-copy>p:not(.eyebrow){color:#ddd}.contact .eyebrow{color:var(--gold)}.outline{border-color:var(--gold);color:#fff;font-size:14px}.contact-signature p{color:#ccc}form{color:#252525;box-shadow:none;border-radius:20px}form h3{font-family:Montserrat,Arial,sans-serif;font-size:28px;font-weight:700}.form-note{color:#666}input,select,textarea{color:#252525}footer{border-top:1px solid #ffffff20;background:#030303}.numbers strong{font-family:Montserrat,Arial,sans-serif;font-weight:800;color:var(--gold)}.sticky{border-radius:100px;background:var(--gold);color:#252525;font-weight:700}
@media(max-width:850px){.hero{min-height:95svh}.hero h1{font-size:clamp(39px,8vw,67px);letter-spacing:-1px}.nav{height:85px;padding:0 20px}.section{padding:65px 6vw}.brands{padding-bottom:45px}.brands a{font-size:17px}.intro{grid-template-columns:1fr;gap:30px}.intro-visual{max-width:420px;margin:auto;padding:10px 25px}.intro-emblem{width:80px;height:110px}.intro h2{font-size:38px}.mega{font-size:17vw;letter-spacing:-4px;margin-bottom:60px}.service-story{gap:35px;margin-bottom:75px}.service-picture{padding:0}.service-copy h3{font-size:32px}.service-copy p{font-size:16px;line-height:1.7}.proof h2{font-size:38px}.contact h2{font-size:50px}}@media(max-width:560px){.hero{min-height:90svh;padding:120px 20px 90px}.hero h1{font-size:10vw;line-height:1.13}.pill{font-size:15px;padding:15px 28px}.service-story{grid-template-columns:1fr;gap:30px}.service-story:nth-child(even) .service-picture{order:0}.service-story:nth-child(even) .service-copy{text-align:left}.service-copy h3{font-size:36px}.service-picture img{aspect-ratio:1.15;border-radius:24px}.mega{font-size:20vw;letter-spacing:-3px}.work .section-head h2{font-size:16vw;letter-spacing:-2px}.contact h2{font-size:43px}.brands .eyebrow{font-size:14px}form .pill{font-size:13px}form{padding:25px 20px}}

/* Preserve the complete supplied portfolio covers at every screen size. */
.work .project img{aspect-ratio:3/2;height:auto;object-fit:contain}.work .project:hover img{transform:none}