@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#13372e;--ivory:#f1ede3;--gold:#e5c18b;--line:rgba(19,55,46,.18);--gutter:clamp(24px,6vw,110px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#09291f;color:var(--ivory);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.07em;line-height:.98}h2{font-size:clamp(48px,7.5vw,112px)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h3{font-weight:500}.eyebrow,.tiny,.project-tag,.media-index,.portrait-label,.opening-caption{font-size:10px;letter-spacing:.15em;font-weight:500;line-height:1.5}.eyebrow{letter-spacing:.18em}.tiny{opacity:.6}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:var(--ivory);color:var(--ink);padding:15px}.skip-link:focus{top:15px}.world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 65% 48%,#b7b68b,#164638 60%,#061d17)}#world-canvas{width:100%;height:100%;display:block;opacity:0}.opening-landscape{position:absolute;inset:0;background:url('assets/portal-landscape.webp') center/cover no-repeat;transform-origin:65% 52%;will-change:transform,opacity}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,22,15,.2),transparent 80%);opacity:0;pointer-events:none}.grain{position:absolute;inset:-20%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);color:var(--ink);transition:background .4s,color .4s, padding .4s}.identity{font-size:26px;letter-spacing:-.065em;line-height:1;font-weight:600}.identity span{display:block;font-size:7px;letter-spacing:.23em;margin-top:8px;font-weight:500}.masthead nav{display:flex;gap:30px;align-items:center;font-size:12px}.masthead nav>a{position:relative;padding:7px 0}.masthead nav>a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.masthead nav>a:hover:after{width:100%}.nav-hello{margin-left:24px}.nav-hello span{margin-left:22px}.masthead.is-scrolled{background:rgba(8,35,27,.85);backdrop-filter:blur(18px);color:var(--ivory);padding-top:16px;padding-bottom:16px}.motion-toggle{position:fixed;bottom:23px;right:24px;z-index:60;display:flex;gap:9px;align-items:center;border:1px solid #eee6ca40;border-radius:40px;padding:10px 15px;background:#0d2e27bf;color:#f6efdf;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.03em}.motion-icon{font-size:13px}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;transform-origin:0 50%}.page-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:0}.opening{height:340svh;position:relative}.opening-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-copy{position:absolute;left:var(--gutter);top:21%;color:var(--ink);width:70%;will-change:transform,opacity}.hero-copy h1{font-size:clamp(86px,11.4vw,170px);margin-top:26px;line-height:.91}.hero-copy h1 em{letter-spacing:-.07em}.hero-bottom{display:flex;align-items:center;gap:80px;margin-top:28px}.hero-bottom p{font-size:14px;line-height:1.7;max-width:220px}.round-link{width:51px;height:51px;border:1px solid #13372e50;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .3s,transform .3s}.round-link:hover{background:var(--ivory);transform:rotate(45deg)}.opening-caption{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:var(--ivory);font-size:8px;letter-spacing:.12em;text-shadow:0 1px 10px #09291f}.scroll-cue{display:flex;gap:30px}.scroll-cue i{font-size:18px;font-style:normal;animation:cue 2s ease-in-out infinite}.journey-copy{position:absolute;top:50%;left:var(--gutter);transform:translateY(-40%);opacity:0;pointer-events:none;max-width:75%;will-change:transform,opacity}.journey-copy h2{font-size:clamp(68px,9.2vw,140px);margin:24px 0;line-height:1}.journey-copy>p:last-of-type:not(.eyebrow){font-size:16px;line-height:1.7}.journey-two{left:auto;right:10%;text-align:left}.journey-two .line-link{margin-top:12px}.line-link{display:inline-flex;gap:50px;align-items:center;padding-bottom:12px;border-bottom:1px solid currentColor;font-size:12px}.line-link span{transition:transform .3s}.line-link:hover span{transform:translate(5px,-3px)}.section{padding:100px var(--gutter)}.paper{color:var(--ink);background:var(--ivory)}.section-top{display:flex;justify-content:space-between;gap:20px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:55px 0 65px}.section-intro>p{font-size:14px;line-height:1.7;max-width:250px}.brands{border-radius:30px 30px 0 0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-name{height:105px;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:clamp(18px,2.3vw,32px);font-weight:500;letter-spacing:-.035em;transition:background .4s,letter-spacing .4s}.brand-name:hover{background:#e3ddce;letter-spacing:0}.brand-1{font-family:Georgia,serif;font-style:italic}.brand-2{font-weight:700;letter-spacing:-.06em}.brand-3{font-family:Georgia,serif}.brand-4{text-transform:uppercase;font-size:clamp(14px,1.8vw,25px);letter-spacing:-.04em;font-weight:700}.brand-context{max-width:730px;font-size:10px;line-height:1.8;opacity:.65;margin-top:23px}.independent-brands{display:flex;align-items:center;gap:45px;border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.independent-brands>span{font-size:8px;letter-spacing:.14em;flex:0 0 150px}.independent-brands p{font-size:18px;line-height:2}.independent-brands i{font-style:normal;opacity:.4;margin:0 8px}.work{background:linear-gradient(#09291fd9,#08281fd9);padding-top:110px}.project{position:relative}.project-media{position:relative;overflow:hidden;background:#1e3f34;border-radius:3px;aspect-ratio:16/9}.project-media video{display:block;width:100%;height:100%;object-fit:contain;background:#0b2019}.project-media.square{aspect-ratio:1}.project-media.portrait{aspect-ratio:4/5}.project-media.portrait video{object-fit:contain;background:#18362e}.media-index{position:absolute;top:20px;left:20px;background:rgba(12,31,25,.67);border:1px solid #ffffff25;color:#fff3d7;padding:7px 11px;pointer-events:none;font-size:8px;backdrop-filter:blur(8px)}.project-meta{display:flex;justify-content:space-between;gap:22px;align-items:start;padding-top:22px}.project-meta h3{font-size:26px;letter-spacing:-.04em}.project-meta p{font-size:12px;opacity:.65;margin-top:7px}.project-tag{font-size:8px;margin-top:8px;opacity:.7;text-align:right}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:95px}.project-offset{margin-top:130px}.work-detail{margin-top:21px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.work-detail summary{cursor:pointer;font-size:11px;padding:15px 0;display:flex;justify-content:space-between;list-style:none}.work-detail summary::-webkit-details-marker{display:none}.work-detail p{font-size:12px;line-height:1.85;opacity:.7;padding:0 0 20px;max-width:650px}.work-detail[open] summary span{transform:rotate(45deg)}.work-footnote{font-size:9px;opacity:.5;line-height:1.8;max-width:720px;margin-top:65px}.signal-section{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;background:#09291f33}.signal-section>h2{font-size:clamp(49px,7.3vw,110px);margin:55px 0 80px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.capabilities>div{border-top:1px solid #f1ede350;padding-top:22px}.capabilities span{font-size:10px;opacity:.55}.capabilities h3{font-size:20px;letter-spacing:-.03em;margin:30px 0 12px}.capabilities p{font-size:11px;opacity:.7}.anchor{position:absolute;top:0}.about{border-radius:30px 30px 0 0}.about-layout{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.portrait-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;background:#c7c5b5}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform 1s}.portrait-wrap:hover img{transform:scale(1.04)}.portrait-label{position:absolute;bottom:0;left:0;right:0;background:#12372e;color:var(--ivory);padding:14px;text-align:center;font-size:7px}.about-copy h2{font-size:clamp(43px,5.1vw,76px);margin:28px 0 38px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:420px;margin-bottom:18px}.about-copy .line-link{margin-top:20px}.insights{background:#0c2c23b3}.insights .section-top{margin-bottom:45px}.insights>a{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:clamp(20px,3.3vw,48px);letter-spacing:-.045em;border-top:1px solid #f1ede32e;padding:28px 0;transition:padding .4s,color .4s}.insights>a:last-child{border-bottom:1px solid #f1ede32e}.insights>a:hover{padding-left:18px;color:var(--gold)}.insights>a>span{font-size:30px}.contact{border-radius:30px 30px 0 0;padding-bottom:30px}.contact-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:45px 0}.contact-head h2{font-size:clamp(50px,8.5vw,130px)}.contact-orb{height:clamp(72px,11vw,160px);width:clamp(72px,11vw,160px);border-radius:50%;background:var(--ink);color:var(--ivory);display:grid;place-items:center;font-size:clamp(36px,5vw,72px);flex-shrink:0;transition:transform .5s,background .5s}.contact-orb:hover{transform:rotate(45deg);background:#356a53}.contact-links{display:flex;gap:50px;align-items:center;font-size:13px;margin:0 0 65px}.contact-links a{border-bottom:1px solid var(--line);padding-bottom:9px}.enquiry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.enquiry>summary{display:flex;justify-content:space-between;cursor:pointer;padding:25px 0;font-size:15px;list-style:none}.enquiry>summary::-webkit-details-marker{display:none}.enquiry>summary>span{font-size:11px}.lead-form{max-width:900px;margin:20px auto 50px;padding:35px;background:#e6e1d5;border-radius:8px}.form-heading h3{font-size:25px;letter-spacing:-.04em}.form-heading p{font-size:12px;margin:9px 0 30px;opacity:.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.form-field{display:flex;flex-direction:column;gap:10px}.form-field-wide{grid-column:1/-1}.form-field label{font-size:11px}.optional{opacity:.5;margin-left:7px}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:44px;border:1px solid #12372e33;border-radius:2px;padding:12px;color:var(--ink);background:#f5f1e8;font-size:13px}.form-field textarea{resize:vertical;min-height:120px}.form-honeypot{position:absolute;left:-10000px}.form-consent{display:flex;align-items:flex-start;gap:10px;margin:25px 0;font-size:10px;line-height:1.7}.form-consent input{margin-top:3px;accent-color:var(--ink)}.form-consent a,.form-footnote a,.enquiry-privacy a{text-decoration:underline}.form-submit{padding:15px 23px;border:0;color:var(--ivory);background:var(--ink);font-size:12px;border-radius:30px}.form-submit>span{margin-left:35px}.form-footnote{font-size:9px;line-height:1.8;opacity:.7;margin-top:18px}.enquiry-privacy{font-size:10px;line-height:1.8;margin-top:20px}.enquiry-privacy p{margin-top:12px}.contact footer{margin-top:75px;padding-top:25px;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:8px}.footer-name{font-size:28px;letter-spacing:-.06em}.contact footer>span{font-size:7px;letter-spacing:.13em}.contact footer small{font-size:8px}.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal-ready.in-view{opacity:1;transform:translateY(0)}.motion-off .scroll-cue i{animation:none}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.opening-landscape{transform:none!important;will-change:auto;contain:paint}.landscape-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;visibility:hidden}.landscape-ready{background-image:none}.landscape-ready .landscape-canvas{visibility:visible}
.opening-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,235,214,.92),rgba(243,235,214,.72) 27%,rgba(243,235,214,.08) 62%,transparent 82%)}
.world-shade{background:linear-gradient(90deg,rgba(2,22,15,.70),transparent 85%)}.creative-still{display:block;width:min(100%,360px);height:auto;margin:0 0 24px;border-radius:3px}
.play-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:74px;width:74px;border:1px solid #fff9e3a0;border-radius:50%;background:#f2eddfcf;backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center;transition:background .3s,scale .3s;font-size:37px;padding:0 0 2px 3px}.play-video:hover{background:#fff8e5;scale:1.08}.play-video[hidden]{display:none}
.project-media.portrait{aspect-ratio:4/3}.project-media.portrait video{object-fit:cover}
.lead-form{max-width:680px}.form-submit{margin-top:24px}
@media(min-width:1700px){.section{padding-left:max(var(--gutter),calc((100vw - 1520px)/2));padding-right:max(var(--gutter),calc((100vw - 1520px)/2))}}
@media(max-width:900px){.masthead nav{gap:22px}.nav-hello{margin-left:0}.hero-copy{width:90%;top:24%}.hero-copy h1{font-size:15vw}.brand-name{height:90px}.section{padding-top:75px;padding-bottom:75px}.about-layout{gap:7%}.project-pair{gap:5%}.project-meta{flex-direction:column;gap:8px}.project-tag{text-align:left}.project-offset{margin-top:90px}.about-copy h2{font-size:5.7vw}.contact footer{flex-wrap:wrap}.contact footer>span{display:none}}
@media(max-width:600px){:root{--gutter:22px}.masthead{padding-top:23px}.identity{font-size:22px}.identity span{font-size:6px}.masthead nav{gap:18px;font-size:11px}.masthead nav>a:nth-child(3){display:none}.nav-hello span{display:none}.nav-hello{padding:8px 12px!important;border:1px solid currentColor;border-radius:30px}.opening{height:300svh}.opening-landscape{background-position:61% center;transform-origin:61% 52%}.hero-copy{top:22%}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy h1{font-size:22vw;margin-top:25px}.hero-bottom{gap:45px;margin-top:25px}.hero-bottom p{font-size:12px;line-height:1.6}.round-link{width:44px;height:44px}.opening-caption{font-size:7px;bottom:26px;right:80px}.opening-caption>span:first-child{max-width:150px}.scroll-cue{gap:12px;align-items:center;max-width:100px}.scroll-cue i{font-size:16px}.motion-toggle{right:15px;bottom:15px;padding:9px 11px}.motion-label{display:none}.journey-copy{max-width:90%;left:var(--gutter)}.journey-copy h2{font-size:18vw}.journey-copy>p:last-of-type:not(.eyebrow){font-size:14px}.journey-two{left:var(--gutter);right:auto}.section{padding-top:65px;padding-bottom:65px}.section-top{align-items:start}.tiny{font-size:7px;max-width:110px;text-align:right}.eyebrow{font-size:8px}.section-intro{margin:35px 0 38px;display:block}.section-intro h2{font-size:17vw}.section-intro>p{font-size:12px;margin-top:25px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-name{height:73px;font-size:18px;padding:8px;text-align:center}.brand-4{font-size:13px}.brand-context{font-size:9px}.independent-brands{display:block;margin-top:30px;padding-top:20px}.independent-brands>span{font-size:7px}.independent-brands p{margin-top:12px;font-size:15px}.project-meta h3{font-size:24px}.project-meta p{font-size:11px}.media-index{top:12px;left:12px;font-size:7px}.project-pair{grid-template-columns:1fr;gap:45px;margin-top:45px}.project-offset{margin-top:0}.project-media.portrait{aspect-ratio:16/10}.work-footnote{margin-top:35px;font-size:8px}.signal-section{min-height:95svh;background:#06231dc4}.signal-section>h2{font-size:12vw;margin:40px 0 45px}.capabilities{grid-template-columns:1fr;gap:25px}.capabilities>div{padding-top:15px;display:grid;grid-template-columns:25px 1fr;gap:0 12px}.capabilities span{grid-row:1/3}.capabilities h3{margin:0 0 8px;font-size:18px}.capabilities p{font-size:10px}.about-layout{grid-template-columns:1fr;gap:40px}.portrait-wrap{max-width:350px;width:85%;margin:0 auto}.about-copy h2{font-size:12.5vw;margin-bottom:25px}.about-copy>p:not(.eyebrow){font-size:13px}.insights>a{font-size:23px;line-height:1.2;padding:22px 0}.insights>a>span{font-size:24px}.contact-head{gap:10px}.contact-head h2{font-size:12vw}.contact-orb{height:58px;width:58px;font-size:30px}.contact-links{flex-direction:column;align-items:start;gap:20px;font-size:12px;margin-bottom:35px}.enquiry>summary{font-size:12px}.enquiry>summary>span{font-size:9px}.lead-form{padding:20px 14px}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.contact footer{margin-top:45px;gap:20px}.contact footer>a:last-child{margin-left:auto}.contact footer small{font-size:7px}.contact{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}