@font-face{font-family:Archivo;src:url(assets/ArchivoBlack-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Barlow;src:url(assets/Barlow-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Condensed;src:url(assets/BarlowCondensed-ExtraBold.woff2) format("woff2");font-display:swap;font-weight:800}@font-face{font-family:Mono;src:url(assets/SourceCodePro-Regular.woff2) format("woff2");font-display:swap}
:root{--c:#254bff;--m:#d4f4e3;--i:#18191d;--v:#f4f0e7;--line:#bbb9b2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--i);background:var(--v);font:19px/1.42 Barlow,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.04}h1,h2{font-family:Archivo,Arial,sans-serif;letter-spacing:-.04em}h3{font-family:Archivo,Arial,sans-serif}p+p{margin-top:18px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--c);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1 span,h2 span{color:var(--c)}.eyebrow{font:11px/1.6 Mono,monospace;letter-spacing:.065em;text-transform:uppercase}.text-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid currentColor;padding:0 0 7px;font-size:17px}.text-link:hover{color:var(--c)}.button{border:0;padding:17px 22px;background:var(--c);color:var(--v);display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:0}.button:hover{background:var(--i);color:var(--m)}.skip{position:fixed;top:-100px;left:16px;background:var(--m);z-index:100;padding:12px}.skip:focus{top:8px}.review-bar{position:sticky;top:0;z-index:50;background:var(--i);color:var(--v);padding:10px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;font:11px/1.5 Mono,monospace;border-bottom:1px solid #45454a}.review-bar nav{display:flex;gap:5px}.review-bar nav a{padding:6px 12px;border:1px solid transparent;border-radius:2px}.review-bar a[aria-current]{border-color:var(--m);color:var(--m)}.review-bar a:hover{color:var(--m)}.review-bar>span{letter-spacing:.1em;color:#c4c5c8}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;gap:24px;border-bottom:1px solid var(--line)}.signature{display:flex;align-items:center;gap:14px}.signature span{font:20px/1 Archivo;letter-spacing:-.05em}.brand-symbol{width:auto;height:34px}.site-nav nav{display:flex;gap:32px;align-items:center;font-size:15px}.site-nav nav a:hover{color:var(--c)}.hero{padding:64px 5% 72px}.editorial-hero{display:grid;grid-template-columns:1fr 22%;gap:5%;min-height:620px}.hero-copy{display:flex;flex-direction:column;justify-content:space-between}.editorial-hero h1{font-size:clamp(70px,8.6vw,146px);line-height:.9;margin:44px 0 38px;letter-spacing:-.065em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;font-size:21px}.hero-bottom .text-link{white-space:nowrap}.editorial-motif{background:var(--c);color:var(--m);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding-bottom:28px}.editorial-motif img{width:100%;height:280px;object-fit:cover;object-position:center}.editorial-motif p{font-size:15px;line-height:1.8;padding:0 24px}.content-column>section{padding:72px 5%}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading>p:last-child{font-size:17px}.section-heading h2{font-size:clamp(35px,4vw,60px)}.work-section{border-top:1px solid var(--line)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 36px}.project:first-child{grid-column:1/-1}.project-open{display:block;background:none;border:0;padding:0;text-align:left;width:100%}.project-art{position:relative;min-height:240px;aspect-ratio:1.65;overflow:hidden;background:#e6e5df;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.project:first-child .project-art{aspect-ratio:2.5;min-height:340px}.pending-art{border:1px solid #c9c8c1;background:linear-gradient(0deg,transparent 49.8%,#d5d4cd 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.9%,#d5d4cd 50%,transparent 50.1%),#eae8e1}.pending-label{font:48px/.97 Condensed,Arial,sans-serif;letter-spacing:-.02em;align-self:center;text-align:center;color:#5b5c58}.project:first-child .pending-label{font-size:70px}.asset-note{font:10px/1.6 Mono,monospace;letter-spacing:.055em;color:#565852}.logo-art{background:white;align-items:center;justify-content:center;gap:32px;padding:32px}.logo-art img{width:min(100%,402px);height:auto;object-fit:contain}.logo-art .asset-note{position:absolute;bottom:22px;left:24px}.crop-mark{position:absolute;width:14px;height:14px;border-color:#858781;border-style:solid}.tl{top:11px;left:11px;border-width:1px 0 0 1px}.tr{top:11px;right:11px;border-width:1px 1px 0 0}.bl{bottom:11px;left:11px;border-width:0 0 1px 1px}.br{bottom:11px;right:11px;border-width:0 1px 1px 0}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.project-info h2{font-size:33px;margin-top:8px}.project-arrow{font-size:32px}.project-open:hover .project-arrow{transform:translate(3px,-3px)}.project-open:hover h2{color:var(--c)}.project-summary{font-size:18px;max-width:670px;margin-top:16px}.status-label{font:10px/1.5 Mono;color:#484e45;letter-spacing:.06em;margin-top:14px}.services-section{background:var(--i);color:var(--v)}.service{display:grid;grid-template-columns:60px 1fr 36%;gap:25px;padding:29px 0;border-top:1px solid #656568;align-items:start}.service:last-child{padding-bottom:0}.service h3{font-size:30px;letter-spacing:-.02em}.service p{font-size:19px;max-width:360px}.services-section h2 span{color:var(--m)}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:36px}.about-section h2{font-size:clamp(36px,4.5vw,68px);margin-top:27px}.about-copy{padding-top:40px}.about-copy .big-body{font-size:29px;line-height:1.3;margin-bottom:22px}.about-copy .text-link{margin-top:24px}.small-note{font-size:13px;color:#62645e;margin-top:12px}.process{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;background:var(--m)}.process>div{padding:30px;border-right:1px solid #a2b6ad;position:relative}.process>div:last-child{border:0}.process img{float:right;width:72px;height:88px;object-fit:contain}.process h3{font-size:32px;margin:18px 0 12px}.process p{font-size:17px;clear:both}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:6%;border-top:1px solid var(--line)}.contact-section h2{font-size:clamp(38px,4.7vw,70px);margin:28px 0}.contact-section .text-link{margin-top:32px}.contact-section form{display:flex;flex-direction:column;gap:20px}.form-note{font:10px/1.6 Mono;max-width:440px;color:#535850}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:7px;font-size:15px}input,textarea,select{width:100%;min-width:0;border:0;border-bottom:1px solid #8b8e84;background:transparent;border-radius:0;padding:10px 0;color:var(--i);font-size:17px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#73766d}form .button{align-self:flex-start}.site-footer{padding:30px 5%;display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);font-size:13px}.site-footer>span:first-of-type{font:18px Archivo;letter-spacing:-.06em}.site-footer>a{margin-left:auto}.site-footer .brand-symbol{height:25px}
/* Direction 02: full-bleed cobalt with alternating project spreads. */
[data-direction=studio]{background:var(--i);color:var(--v)}[data-direction=studio] .site-nav{background:var(--c);color:var(--m);border-color:#a0baff66}[data-direction=studio] .site-nav a:hover{color:white}.studio-hero{background:var(--c);color:var(--m);padding-top:28px;padding-bottom:40px}.hero-top{display:flex;justify-content:space-between}.giant-name{font-size:clamp(100px,22vw,400px);line-height:.76;letter-spacing:-.075em;margin:55px 0 45px}.giant-name span{display:block;color:var(--m)}.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:18px}.round-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid var(--m);border-radius:50%;font-size:36px}[data-direction=studio] .work-section{border:0;padding:64px 0 0}[data-direction=studio] .work-section .section-heading{padding:0 5%;margin-bottom:50px}[data-direction=studio] .projects{display:block}[data-direction=studio] .project{padding:40px 5% 55px;border-top:1px solid #656568}[data-direction=studio] .project-open{display:grid;grid-template-columns:35% 1fr;gap:6%;align-items:center}[data-direction=studio] .project-art{grid-column:2;grid-row:1;min-height:290px;aspect-ratio:1.8}[data-direction=studio] .project:first-child .project-art{min-height:350px;aspect-ratio:1.9}[data-direction=studio] .project-info{grid-column:1;grid-row:1;display:block;margin:0}[data-direction=studio] .project-info h2{font-size:clamp(36px,4.6vw,74px);margin:24px 0 40px}[data-direction=studio] .project:nth-child(even){background:var(--m);color:var(--i)}[data-direction=studio] .project-summary{margin-left:41%;max-width:600px}[data-direction=studio] .status-label{color:var(--m);margin-left:41%}[data-direction=studio] .services-section{background:var(--v);color:var(--i)}[data-direction=studio] .service{border-color:var(--line)}[data-direction=studio] .services-section h2 span{color:var(--c)}[data-direction=studio] .about-section{background:var(--i)}[data-direction=studio] .process{color:var(--i)}[data-direction=studio] .small-note{color:#bdc1ba}[data-direction=studio] .contact-section{background:var(--c);color:var(--m);border:0}[data-direction=studio] .contact-section h2 span{color:var(--v)}[data-direction=studio] .contact-section .form-note{color:var(--m)}[data-direction=studio] input,[data-direction=studio] textarea,[data-direction=studio] select{color:var(--m);border-color:#b6d0ef}[data-direction=studio] input::placeholder,[data-direction=studio] textarea::placeholder{color:#c0d5ec}[data-direction=studio] select option{color:var(--i);background:var(--v)}[data-direction=studio] .contact-section .button{background:var(--m);color:var(--i)}[data-direction=studio] .contact-section .text-link:hover{color:white}[data-direction=studio] .site-footer{border:0}
/* Direction 03: persistent signature, scrollable numbered portfolio. */
[data-direction=index] .portfolio-main{display:grid;grid-template-columns:29% 1fr;gap:4%;padding:0 4%}[data-direction=index] .site-nav{padding:24px 4%}.index-intro{position:sticky;top:90px;align-self:start;padding:46px 7% 32px 0;min-height:650px;border-right:1px solid var(--line)}.index-wordmark{width:75%;margin-bottom:26px}.index-intro h1{font-size:35px;line-height:1.07;margin:30px 0 22px;letter-spacing:-.045em}.index-intro>p:not(.eyebrow){font-size:18px;max-width:285px}.index-intro .text-link{font-size:15px;margin-top:26px;gap:10px}.index-motif{width:90px;margin:30px 0 20px}.index-motif img{width:100%;height:auto}[data-direction=index] .content-column>section{padding:42px 0}[data-direction=index] .work-section{border:0}[data-direction=index] .work-section .section-heading>p:last-child{display:none}[data-direction=index] .projects{display:block}[data-direction=index] .project{padding-bottom:40px;margin-bottom:32px;border-bottom:1px solid var(--line)}[data-direction=index] .project:last-child{margin-bottom:0;border:0}.index-project-title{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:22px}.index-project-title .eyebrow{grid-column:1/-1}.index-project-title h2{font-size:42px;letter-spacing:-.05em}.index-project-title .arrow{font-size:32px}[data-direction=index] .project-art,[data-direction=index] .project:first-child .project-art{min-height:270px;aspect-ratio:1.9}[data-direction=index] .project-info{margin-top:15px}[data-direction=index] .project-arrow{display:none}[data-direction=index] .pending-label,[data-direction=index] .project:first-child .pending-label{font-size:55px}[data-direction=index] .services-section{background:transparent;color:var(--i);border-top:2px solid var(--i)}[data-direction=index] .services-section .section-heading{display:block}[data-direction=index] .section-heading h2{font-size:36px;margin-top:24px}[data-direction=index] .service{grid-template-columns:28px 1fr;gap:20px;border-color:var(--line)}[data-direction=index] .service h3{font-size:26px}[data-direction=index] .service p{grid-column:2;max-width:100%;font-size:18px}[data-direction=index] .about-section{display:block;border-top:2px solid var(--i)}[data-direction=index] .about-section h2{font-size:40px}[data-direction=index] .about-copy{padding-top:25px}[data-direction=index] .big-body{font-size:24px}[data-direction=index] .process{grid-template-columns:1fr;background:transparent;border-top:1px solid var(--line);margin-top:30px}[data-direction=index] .process>div{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}[data-direction=index] .process img{height:78px;width:66px}[data-direction=index] .process h3{margin:9px 0;font-size:27px}[data-direction=index] .process p{clear:none}[data-direction=index] .contact-section{display:block;border-top:2px solid var(--i)}[data-direction=index] .contact-section h2{font-size:46px}[data-direction=index] .contact-section form{margin-top:38px}[data-direction=index] .site-footer{padding:30px 4%}
/* Shared review dialogs. */
dialog{background:var(--v);color:var(--i);border:0;padding:48px;max-width:1000px;width:calc(100% - 48px);max-height:90vh;overflow:auto}dialog::backdrop{background:#18191dc9}dialog h2{font-size:48px;margin:30px 0 12px}.close-dialog{display:block;margin-left:auto;font:12px Mono;background:transparent;border:1px solid var(--i);padding:9px 14px}.dialog-subtitle{font-size:19px;margin-bottom:30px}.project-art.large{min-height:300px;aspect-ratio:2.1}.project-detail{display:grid;grid-template-columns:30% 1fr;gap:8%;margin:32px 0}.project-detail>div:first-child>p:last-child{font-size:17px;margin-top:14px}.draft-note{border:1px solid #9ba399;padding:22px;background:#e8eee4;margin:28px 0}.draft-note p+p{margin-top:8px}dialog .small-note{color:#565c50}dialog .text-link{margin-top:15px}#enquiry-dialog{max-width:720px}#enquiry-summary{white-space:pre-wrap;word-wrap:break-word;font:15px/1.6 Mono;background:#e6e8df;padding:22px;margin:24px 0}#copy-status{font-size:14px}
/* Review landing page. */
.review-home main{max-width:1600px;margin:auto;padding:0 4%}.review-head{display:flex;align-items:center;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.review-head img{height:32px;width:auto}.review-head>a{margin-left:auto;font-size:15px;border-bottom:1px solid currentColor}.review-intro{padding:72px 0 60px;max-width:1050px}.review-intro h1{font-size:clamp(50px,7vw,105px);margin:24px 0 32px;line-height:.98}.review-intro>p:last-child{font-size:22px;max-width:680px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.direction-card{border-top:1px solid var(--i)}.direction-image{position:relative;aspect-ratio:1.4;background:var(--c);overflow:hidden;border-bottom:1px solid var(--line)}.direction-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.direction-image>span{position:absolute;right:12px;bottom:12px;background:var(--i);color:var(--m);padding:7px 9px;font:11px Mono}.direction-card>div:last-child{padding:24px 0}.direction-card h2{font-size:28px;margin:15px 0 18px}.direction-card p:not(.eyebrow){font-size:18px}.direction-card strong{display:block;font:15px Mono;margin-top:26px}.direction-card:hover h2{color:var(--c)}.direction-card:hover img{transform:scale(1.02)}.review-note{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:60px;padding:55px 0}.review-note h2{font-size:40px;margin:20px 0 30px}.review-note p{font-size:19px}.review-note .eyebrow{font-size:11px}.review-footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:11px/1.6 Mono}
@media(min-width:1700px){#app{max-width:1900px;margin:auto}.editorial-hero h1{font-size:156px}.giant-name{font-size:370px}}
@media(max-width:1050px){.site-nav nav{gap:20px}.editorial-hero{min-height:520px}.hero-bottom{font-size:18px}.hero-bottom .text-link{font-size:15px}.editorial-motif img{height:220px}.service h3{font-size:25px}.process>div{padding:24px}.process img{width:52px;height:70px}[data-direction=index] .portfolio-main{grid-template-columns:30% 1fr;gap:4%}.index-intro h1{font-size:28px}.index-project-title h2{font-size:33px}.index-intro .text-link{display:block}.direction-grid{gap:20px}.direction-card h2{font-size:24px}.studio-bottom{font-size:16px}}
@media(max-width:760px){body{font-size:17px}.review-bar{padding:8px 4%;flex-wrap:wrap;gap:6px}.review-bar>span{display:none}.review-bar nav{margin-left:auto}.review-bar nav a{padding:6px;font-size:10px}.review-bar>a{font-size:10px}.site-nav{padding:21px 5%;align-items:flex-start}.signature span{font-size:17px}.brand-symbol{height:28px}.site-nav nav{gap:15px;font-size:13px}.site-nav nav>a:nth-child(2),.site-nav nav>a:nth-child(3){display:none}.hero{padding:36px 5% 44px}.editorial-hero{grid-template-columns:1fr;min-height:0;gap:30px}.editorial-hero h1{font-size:clamp(64px,13.5vw,98px);margin:32px 0}.hero-copy>.eyebrow{font-size:9px}.hero-bottom{display:block;font-size:18px}.hero-bottom .text-link{margin-top:28px;font-size:16px}.editorial-motif{height:110px;flex-direction:row;align-items:center;padding:0}.editorial-motif img{width:55%;height:100%;object-position:center}.editorial-motif p{font-size:12px;padding:0 25px}.content-column>section{padding:42px 5%}.section-heading{display:block}.section-heading>p:last-child{margin-top:8px;font-size:16px}.section-heading h2{font-size:35px;margin-top:20px}.projects{display:block}.project{margin-bottom:36px}.project:last-child{margin-bottom:0}.project-art,.project:first-child .project-art{min-height:220px;aspect-ratio:1.6;padding:22px}.project:first-child .pending-label,.pending-label{font-size:45px}.project-art .eyebrow{font-size:9px}.asset-note{font-size:8px}.project-info h2{font-size:28px}.project-summary{font-size:17px}.service{grid-template-columns:25px 1fr;gap:16px;padding:23px 0}.service h3{font-size:25px}.service p{grid-column:2;font-size:17px}.about-section{display:block}.about-section h2{font-size:44px}.about-copy{padding-top:26px}.about-copy .big-body{font-size:25px}.process{grid-template-columns:1fr;margin-top:32px}.process>div{padding:22px;border:0;border-bottom:1px solid #a2b6ad}.process img{width:60px;height:78px}.process p{clear:none}.process h3{margin:10px 0;font-size:28px}.contact-section{display:block}.contact-section h2{font-size:48px}.contact-section form{margin-top:40px}.form-row{grid-template-columns:1fr;gap:20px}.site-footer{flex-wrap:wrap;gap:12px}.site-footer>span:nth-of-type(2){width:100%;order:3;font-size:12px}.site-footer>a{font-size:12px}.hero-top>.eyebrow{font-size:9px}.hero-top>.eyebrow:last-child{text-align:right}.giant-name{font-size:25.1vw;line-height:.8;letter-spacing:-.08em;margin:48px 0 42px}.studio-bottom{display:grid;grid-template-columns:1fr auto;font-size:17px;gap:25px}.studio-bottom>p:last-child{grid-column:1/-1;font-size:14px}.round-link{height:48px;width:48px;font-size:30px}[data-direction=studio] .work-section{padding-top:40px}[data-direction=studio] .work-section .section-heading{margin-bottom:30px}[data-direction=studio] .project{padding:30px 5% 35px;margin:0}[data-direction=studio] .project-open{display:flex;flex-direction:column;gap:25px;align-items:stretch}[data-direction=studio] .project-info{order:-1;display:flex;align-items:center}[data-direction=studio] .project-info h2{font-size:38px;margin:14px 0 0}[data-direction=studio] .project-info .eyebrow{font-size:9px}[data-direction=studio] .project:first-child .project-art,[data-direction=studio] .project-art{min-height:230px;aspect-ratio:1.6}[data-direction=studio] .project-summary,[data-direction=studio] .status-label{margin-left:0}[data-direction=index] .portfolio-main{display:block;padding:0 5%}.index-intro{position:static;min-height:0;padding:36px 0;border:0;border-bottom:1px solid var(--line)}.index-wordmark{width:190px;float:left;margin-right:25px;margin-bottom:0}.index-intro>.eyebrow:first-of-type{padding-top:14px;font-size:10px;min-height:80px}.index-intro h1{clear:both;font-size:42px;padding-top:28px;margin:0 0 22px}.index-intro h1 br{display:block}.index-intro>p:not(.eyebrow){max-width:100%}.index-intro .text-link{display:inline-flex}.index-motif,.index-intro>.eyebrow:last-child{display:none}[data-direction=index] .content-column>section{padding:35px 0}.index-project-title h2{font-size:33px}[data-direction=index] .project-art,[data-direction=index] .project:first-child .project-art{min-height:230px;aspect-ratio:1.6}[data-direction=index] .pending-label,[data-direction=index] .project:first-child .pending-label{font-size:45px}.project-detail{grid-template-columns:1fr;gap:24px}dialog{width:calc(100% - 24px);padding:25px;max-height:92vh}dialog h2{font-size:34px}.project-art.large{min-height:210px;aspect-ratio:1.5}.review-head{gap:15px}.review-head .eyebrow{font-size:9px}.review-head>a{font-size:12px}.review-intro{padding:44px 0}.review-intro h1{font-size:51px}.review-intro>p:last-child{font-size:19px}.direction-grid{grid-template-columns:1fr;gap:25px}.direction-card h2{font-size:30px}.review-note{display:block;margin-top:30px;padding:40px 0}.review-note>div+div{margin-top:32px}.review-note h2{font-size:35px}.review-footer{display:block}.review-footer span{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after,*::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Preserve the approved wordmark geometry at every scale. */
.giant-name{width:min(100%,1080px);margin:44px 0 46px}.giant-name img{width:100%;height:auto}.editorial-hero h1{letter-spacing:-.04em}@media(max-width:760px){.giant-name{width:100%;margin:38px 0 36px}}