@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#eeeef0;--ink:#1a1b1d;--muted:#595b60;--purple:#c4b5eb;--line:#cacace;--pad:clamp(22px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7860aa;outline-offset:6px}img{display:block;width:100%;object-fit:cover}p{line-height:1.6}header{height:88px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 var(--pad);gap:35px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-weight:650;letter-spacing:-1.5px;font-size:28px;white-space:nowrap}.spark{display:inline-block;margin-left:7px;font-size:32px}.brand .spark{color:#74579c}nav{margin-left:auto;display:flex;gap:30px;font-size:13px}nav a{padding:12px 0}.header-cta{background:var(--ink);color:white;padding:14px 18px;font-size:13px;display:flex;gap:35px}.menu{display:none}.skip{position:fixed;top:-90px;left:20px;z-index:99;background:white;padding:15px}.skip:focus{top:10px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:550}.hero{padding:38px var(--pad) 0}.hero-meta,.section-marker{display:flex;justify-content:space-between;gap:20px}.hero h1{font-size:clamp(70px,10.3vw,166px);font-weight:500;line-height:.96;letter-spacing:-.075em;margin:42px 0 40px;position:relative;z-index:2}.fullstop{color:#8d73b6}.hero-bottom{display:grid;grid-template-columns:1fr 1.16fr;gap:70px;align-items:stretch}.hero-copy{padding:20px 0;display:flex;align-items:flex-start;flex-direction:column}.hero-copy p{font-size:20px;max-width:365px;margin:0 0 28px}.button{display:inline-flex;background:var(--ink);color:white;align-items:center;padding:19px 23px;gap:45px;font-size:13px}.button span{font-size:22px}.button:hover,.header-cta:hover{background:#55416f}.small-index{font-size:9px;letter-spacing:1px;margin-top:auto;padding-top:45px}.hero-art{margin:0;position:relative;z-index:1;height:430px;background:#191b1d;overflow:hidden}.hero-art img{height:100%;object-position:center 50%;transform:scale(1.02)}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:rgba(20,20,22,.9);color:white;padding:18px;font-size:8px;letter-spacing:1px}.scroll-cue{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding:20px 0;font-size:20px}.scroll-cue span{font-size:9px;letter-spacing:1px}.section{padding:86px var(--pad)}h2{font-size:clamp(37px,4.2vw,68px);font-weight:450;letter-spacing:-.055em;line-height:1.05;margin:0}.intro{padding-top:90px;padding-bottom:110px}.section-marker{border-top:1px solid var(--line);padding-top:18px;margin-bottom:65px}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.intro-grid .lead{font-size:23px;line-height:1.35;margin:0 0 20px}.intro-grid p{font-size:16px;max-width:440px;color:var(--muted)}.text-link{border-bottom:1px solid;display:inline-flex;justify-content:space-between;gap:30px;padding:13px 0;font-size:13px;margin-top:16px}.text-link span{font-size:18px}.expertise{background:var(--ink);color:var(--paper);overflow:hidden}.expertise .section-marker{border-color:#46474b;color:#c2c2c7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.section-heading p{font-size:13px;margin:0}.system{position:relative}.discipline{border-top:1px solid #5c5b60;transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*90ms)}.system.pending .discipline{transform:translateX(calc(var(--i)*24px))}.discipline:last-child{border-bottom:1px solid #5c5b60}.discipline:nth-child(1){--i:0}.discipline:nth-child(2){--i:1}.discipline:nth-child(3){--i:2}.discipline:nth-child(4){--i:3}summary{display:flex;align-items:center;list-style:none;cursor:pointer;gap:30px;padding:28px 0}summary::-webkit-details-marker{display:none}summary .number{font-size:11px;color:#aaa4b4}h3{font-size:clamp(26px,3.4vw,49px);line-height:1.1;letter-spacing:-.04em;font-weight:450;margin:0}.service-tag{font-size:9px;letter-spacing:1px;margin-left:auto;color:#c4becd}.plus{font-size:30px;font-weight:400;margin-left:45px;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}details[open] h3{color:var(--purple)}.service-body{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:6px 0 42px 45px}.service-body img{height:270px;object-position:center 45%}.service-body p{font-size:17px;line-height:1.55;max-width:430px;margin:0 0 20px;color:#d4d3d8}.service-body ul{list-style:none;padding:0;font-size:11px;line-height:2;color:#b9b6c0}.service-body li:before{content:'↗';margin-right:10px;color:var(--purple)}.service-body .text-link{color:var(--purple);margin-top:0}.system-end{display:flex;align-items:center;gap:20px;padding-top:35px}.system-end .spark{font-size:65px;color:var(--purple);margin:0}.system-end p{font-size:12px;color:#bab6c2}.system-end strong{color:var(--paper);font-weight:450}.system-end a{margin-left:auto;font-size:40px}.proof{background:#d7ccec}.proof .section-marker{border-color:#aa9dbd}.quote-mark{font-family:Georgia,serif;font-size:130px;height:90px;line-height:1}.proof blockquote{font-size:clamp(30px,4.5vw,66px);font-weight:450;line-height:1.16;letter-spacing:-.045em;margin:0;max-width:1080px}.quote-credit{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;font-size:10px;letter-spacing:.6px}.quote-credit small{display:block;font-size:12px;letter-spacing:0;margin-top:8px}.quote-credit a{font-size:10px;letter-spacing:0;border-bottom:1px solid;padding-bottom:5px}.experience{border-top:1px solid #aa9dbd;margin-top:75px;padding-top:30px;display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:25px}.experience p{font-size:12px;margin:0}.experience>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(17px,2.4vw,34px);font-family:Georgia,serif}.experience .sky{font-family:Arial,sans-serif;font-weight:700;font-style:italic;font-size:48px}.experience>small{grid-column:2;font-size:9px;opacity:.8}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.studio figure{margin:0}.studio img{height:430px;object-fit:contain;background:#fff;filter:grayscale(1)}figcaption{font-size:9px;letter-spacing:1px;padding-top:16px}.studio h2{margin-bottom:30px}.studio p{max-width:425px;font-size:15px;color:var(--muted)}.contact{padding-top:25px}.contact-title{display:flex;justify-content:space-between;align-items:center}.contact-title h2{font-size:clamp(55px,8.3vw,130px);letter-spacing:-.065em}.contact-title>span{font-size:100px;transition:transform .3s}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-bottom{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact-bottom p{font-size:14px;margin:0 0 20px}.email{font-size:clamp(14px,2vw,24px);letter-spacing:-.5px;border-bottom:1px solid;padding-bottom:10px;display:inline-block;overflow-wrap:anywhere}.contact-bottom address{font-size:13px;line-height:1.7;font-style:normal}.contact-bottom address a{display:inline-block;margin-top:14px;border-bottom:1px solid}footer{background:var(--ink);color:var(--paper);padding:40px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}footer .spark{color:var(--purple)}footer>div{display:flex;flex-wrap:wrap;gap:25px;font-size:9px}footer>div>span{color:#bab6c2}footer a:hover,nav a:hover{color:#937ab8}
@media(min-width:1550px){body{max-width:1900px;margin:auto}}@media(max-width:900px){header{gap:20px}.brand{font-size:24px}nav{gap:18px}.hero h1{font-size:11vw}.hero-art{height:360px;margin-top:0}.hero-bottom{gap:35px}.hero-copy p{font-size:17px}.intro-grid{gap:5%}.service-body{padding-left:0}.studio img{height:350px}.contact-title>span{font-size:75px}footer{align-items:flex-start;flex-direction:column}}@media(max-width:800px){html{scroll-padding-top:90px}header{height:74px;gap:12px}.brand{font-size:21px;letter-spacing:-1px}.brand .spark{font-size:25px;margin-left:4px}.header-cta{margin-left:auto;padding:12px;font-size:11px;gap:12px;min-height:44px;align-items:center}.menu{background:transparent;color:var(--ink);border:0;display:flex;align-items:center;gap:6px;padding:10px 0 10px 5px;min-height:44px;font-size:11px}.menu span{font-size:22px}nav{position:absolute;top:73px;left:0;right:0;display:flex;flex-direction:column;gap:0;margin:0;padding:12px var(--pad) 24px;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 74px);overflow:auto}nav a{font-size:25px;padding:17px 0;border-top:1px solid var(--line)}.js nav:not(.open){display:none}.js nav.open{animation:menu-in .25s ease-out}@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}body:not(.js) header{margin-bottom:230px}.hero{padding-top:25px}.hero-meta{font-size:8px;letter-spacing:.7px}.hero-meta span:first-child{max-width:175px;line-height:1.5}.hero h1{font-size:clamp(53px,12.4vw,80px);margin:34px 0 28px;letter-spacing:-.065em}.hero-bottom{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero-copy p{font-size:16px;max-width:340px;margin-bottom:20px}.button{padding:14px 18px;gap:40px;font-size:12px}.small-index{padding-top:22px;font-size:8px}.hero-art{margin:0;height:330px}.hero-art img{object-position:center 48%}.hero-art figcaption{font-size:7px;padding:15px 12px;letter-spacing:.7px}.scroll-cue{margin-top:24px}.section{padding:60px var(--pad)}.section-marker{font-size:8px;letter-spacing:.7px;margin-bottom:38px}.section-marker span:last-child{max-width:140px;text-align:right;line-height:1.5}.intro-grid,.studio-grid{grid-template-columns:1fr;gap:30px}.intro-grid .lead{font-size:21px}.intro-grid p{font-size:15px}.section-heading{display:block;margin-bottom:35px}.section-heading p{margin-top:20px;font-size:12px}.service-tag{display:none}summary{gap:15px;padding:24px 0}summary .number{font-size:10px}.plus{margin-left:auto;font-size:26px}.service-body{grid-template-columns:1fr;gap:23px;padding-bottom:30px}.service-body img{height:205px}.service-body p{font-size:15px}.system.pending .discipline{transform:translateX(calc(var(--i)*9px))}.quote-mark{font-size:100px;height:65px}.proof blockquote{font-size:34px}.quote-credit{display:block;margin-top:30px}.quote-credit a{display:inline-block;margin-top:25px}.experience{grid-template-columns:1fr;margin-top:45px;gap:23px}.experience>div{font-size:22px;gap:15px}.experience .sky{font-size:40px}.experience>small{grid-column:1;font-size:8px}.studio img{height:300px}.studio h2{margin-bottom:25px}.contact{padding-top:10px}.contact-title h2{font-size:14vw}.contact-title>span{font-size:44px;align-self:flex-start}.contact-bottom{grid-template-columns:1fr;gap:35px;margin-top:35px}.email{font-size:17px}.contact-bottom address{font-size:12px}footer{padding-top:30px;padding-bottom:30px}footer>div{display:flex;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.system.pending .discipline{transform:none}.contact-title:hover>span{transform:none}}@media print{header,.scroll-cue,.menu{display:none}body{background:white}.section{break-inside:avoid}details .service-body{display:grid!important}.system.pending .discipline{transform:none}}

@media(max-width:360px){header{gap:8px;padding-left:16px;padding-right:16px}.brand{font-size:18px}.brand .spark{font-size:21px}.header-cta{font-size:10px;padding:10px;gap:7px}}

@media(max-width:800px){.hero-art figcaption,.hero-meta,.section-marker,.small-index,.eyebrow,figcaption,.experience>small{font-size:10px;letter-spacing:.3px}.hero-art figcaption{gap:12px}.hero-meta span:first-child{max-width:210px}}
/* Coldharbour: the creative contact sheet becomes one shared direction. */
.hero h1{font-size:clamp(70px,9.2vw,148px);margin-bottom:34px}.hero-art{height:370px}.hero-proof{display:flex;gap:16px;margin-top:auto;padding-top:40px;align-items:flex-start}.proof-rule{width:30px;height:1px;background:#9176b7;margin-top:11px}.hero-proof q{font-size:17px;letter-spacing:-.3px}.hero-proof small{display:block;font-size:9px;letter-spacing:.6px;margin-top:10px}.hero-art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff28;pointer-events:none}.hero-art img{animation:hero-focus 1.8s cubic-bezier(.16,1,.3,1) both}@keyframes hero-focus{from{transform:scale(1.16);filter:brightness(.7)}to{transform:scale(1.02);filter:brightness(1)}}
.creative-sequence{border:1px solid #55505c;background:#202023;margin:0 0 70px;position:relative}.sequence-meta{display:flex;justify-content:space-between;align-items:center;padding:0 25px;min-height:65px;border-bottom:1px solid #504b58;font-size:10px;letter-spacing:1px}.replay{font-size:11px;letter-spacing:0;background:transparent;border:0;color:#ddd4ec;padding:12px 0 12px 20px;min-height:44px;cursor:pointer}.replay[hidden]{display:none}.replay span{font-size:19px;margin-left:12px}.creative-stage{height:590px;position:relative;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0}.sequence-heading{position:absolute;left:40px;top:35px;z-index:4;max-width:500px}.sequence-heading h3{font-size:31px;font-weight:450;letter-spacing:-1px;line-height:1.12}.sequence-heading p{font-size:12px;color:#bfb8c9;line-height:1.6;margin-top:14px}.creative-piece{position:absolute;left:50%;top:50%;width:180px;height:210px;overflow:hidden;box-shadow:0 12px 35px #0004;border:1px solid #9f95ac;transform:translate(var(--end-x),var(--end-y));transition:transform 2.25s cubic-bezier(.22,1,.36,1),filter 1.9s ease;transition-delay:var(--delay);z-index:2}.creative-piece img{width:100%;height:100%;object-fit:cover}.creative-piece>span{position:absolute;bottom:0;left:0;right:0;padding:13px 12px;background:#161519e8;font-size:10px;letter-spacing:1px;color:#eee8f5;display:flex;justify-content:space-between}.creative-piece i{font-style:normal;color:#b5a7c9}.piece-strategy{--end-x:-184px;--end-y:-148px;--start-x:-420px;--start-y:-150px;--rotation:-18deg;--delay:0ms}.piece-social{--end-x:4px;--end-y:-148px;--start-x:210px;--start-y:-230px;--rotation:19deg;--delay:100ms}.piece-content{--end-x:-184px;--end-y:70px;--start-x:-305px;--start-y:85px;--rotation:13deg;--delay:180ms}.piece-digital{--end-x:4px;--end-y:70px;--start-x:260px;--start-y:90px;--rotation:-15deg;--delay:260ms}.motion-ready:not(.is-joined) .creative-piece{transform:translate(var(--start-x),var(--start-y)) rotate(var(--rotation));filter:brightness(.7)}.direction-line{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.direction-line path{fill:none;stroke:#bfaae6;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.5s ease .7s}.motion-ready:not(.is-joined) .direction-line path{stroke-dashoffset:1}.joined-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-28%);background:#c7b2e8;color:#21192b;padding:20px 24px 19px;z-index:3;font-size:30px;letter-spacing:-1.2px;line-height:1.05;min-width:255px;font-weight:500;box-shadow:0 10px 45px #0003;opacity:1;transition:opacity .7s ease 1.5s,transform .9s cubic-bezier(.16,1,.3,1) 1.5s}.joined-mark b{position:absolute;right:22px;top:12px;font-size:38px;font-weight:400}.joined-mark span{display:block;margin-top:5px}.motion-ready:not(.is-joined) .joined-mark{opacity:0;transform:translate(-50%,-5%) scale(.85)}.sequence-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #504b58;padding:22px 25px;font-size:10px;letter-spacing:1px}.creative-sequence.restarting *{transition:none!important}.sequence-meta button:focus-visible{outline-color:#d2bdf3}.system-end{padding-top:28px}.expertise .section-heading{margin-bottom:45px}
@media(min-width:1000px){.sequence-heading{max-width:280px}.sequence-heading h3{font-size:28px}.is-joined .sequence-heading{opacity:.75;transition:opacity 1.2s ease}.creative-stage{height:630px}.creative-piece{width:210px;height:240px}.piece-strategy{--end-x:-214px;--end-y:-180px}.piece-social{--end-x:4px;--end-y:-180px}.piece-content{--end-x:-214px;--end-y:68px}.piece-digital{--end-x:4px;--end-y:68px}.joined-mark{transform:translate(-50%,-40%);font-size:34px;min-width:285px}}
@media(max-width:800px){.hero h1{font-size:clamp(51px,12.4vw,90px)}.hero-art{height:330px}.hero-proof{padding-top:25px}.hero-proof q{font-size:15px}.hero-proof small{font-size:9px}.creative-sequence{margin-bottom:40px}.sequence-meta{padding:0 14px;min-height:60px;font-size:8px;letter-spacing:.4px}.replay{font-size:10px;padding-left:8px}.replay span{margin-left:4px}.creative-stage{height:500px}.sequence-heading{left:20px;top:23px;right:20px;max-width:none}.sequence-heading h3{font-size:25px}.sequence-heading p{font-size:11px;margin-top:10px}.creative-piece{width:130px;height:151px;top:62%}.piece-strategy{--end-x:-134px;--end-y:-145px;--start-x:-175px;--start-y:-152px;--rotation:-17deg}.piece-social{--end-x:4px;--end-y:-145px;--start-x:35px;--start-y:-160px;--rotation:18deg}.piece-content{--end-x:-134px;--end-y:14px;--start-x:-165px;--start-y:35px;--rotation:17deg}.piece-digital{--end-x:4px;--end-y:14px;--start-x:40px;--start-y:40px;--rotation:-20deg}.creative-piece>span{font-size:8px;letter-spacing:.5px;padding:10px 8px}.joined-mark{top:62%;min-width:215px;font-size:25px;padding:15px 18px;transform:translate(-50%,-37%)}.joined-mark b{font-size:29px;right:17px}.sequence-caption{font-size:8px;letter-spacing:.4px;padding:18px 14px}.direction-line{opacity:.6}.expertise .section-heading{margin-bottom:30px}}
@media(max-width:360px){.creative-piece{width:111px;height:139px}.piece-strategy,.piece-content{--end-x:-115px}.piece-social,.piece-digital{--end-x:4px}.piece-strategy,.piece-social{--end-y:-140px}.piece-content,.piece-digital{--end-y:7px}.joined-mark{min-width:190px;font-size:22px}.sequence-meta{flex-wrap:wrap;gap:0}.sequence-heading h3{font-size:23px}.creative-stage{height:485px}.hero-proof q{font-size:13px}}
@media(prefers-reduced-motion:reduce){.creative-piece,.motion-ready:not(.is-joined) .creative-piece{transform:translate(var(--end-x),var(--end-y));filter:none}.joined-mark,.motion-ready:not(.is-joined) .joined-mark{opacity:1;transform:translate(-50%,-37%)}.direction-line path{stroke-dashoffset:0!important}.replay{display:none!important}.hero-art img{animation:none}}

/* Keep every discipline legible around the shared central message. */
.piece-strategy>span,.piece-social>span{top:0;bottom:auto}