@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

:root{--ink:#1b1b19;--paper:#f1eee7;--paper-dark:#e4e0d6;--line:#b9b6ad;--red:#a52219;--red-bright:#c73529;--cream:#f7f4ed;--muted:#605f59;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;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='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--red-bright);outline-offset:4px}
img{display:block;width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:500}
em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.skip-link{position:absolute;left:12px;top:-50px;z-index:40;background:var(--cream);padding:10px}.skip-link:focus{top:12px}
.progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:30;pointer-events:none}.progress span{display:block;background:var(--red-bright);height:100%;width:100%;transform:scaleX(0);transform-origin:left}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px clamp(22px,4vw,72px);position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--paper)}
.wordmark{display:flex;align-items:center;gap:12px;white-space:nowrap}.wordmark-mark{font-size:29px;font-weight:700;letter-spacing:-.13em;line-height:1}.mark-dot{color:var(--red)}.wordmark-name{font-size:11px;font-weight:700;letter-spacing:.16em}
.main-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,42px);font-size:12px;font-weight:600}.main-nav a:not(.nav-contact){position:relative}.main-nav a:not(.nav-contact)::after{content:"";position:absolute;bottom:-6px;left:0;right:100%;height:1px;background:currentColor;transition:right .25s}.main-nav a:not(.nav-contact):hover::after{right:0}.nav-contact{background:var(--ink);color:var(--cream);padding:12px 16px}.nav-contact span{margin-left:10px}
.hero{min-height:min(840px,calc(100svh - 80px));display:grid;grid-template-columns:1.15fr .85fr;position:relative;overflow:hidden}.hero-copy{padding:clamp(54px,7vw,118px) clamp(22px,4vw,72px) 100px;display:flex;flex-direction:column;justify-content:space-between;min-height:660px}.eyebrow,.section-number,.route-top,.route-tags,.work-meta,.reel-number,.visual-index,.hero-ribbon,.site-footer,.development-label,.text-art>span,.text-art>small{font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.4}.eyebrow{display:flex;align-items:center;gap:10px}.signal-dot{height:8px;width:8px;border-radius:50%;background:var(--red)}.hero h1{font-size:clamp(58px,6.7vw,132px);letter-spacing:-.075em;line-height:.89;margin:30px 0 40px;max-width:10ch}.hero h1 em{letter-spacing:-.045em;color:var(--red)}.hero-bottom{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:26px}.hero-bottom p{font-size:clamp(16px,1.25vw,21px);line-height:1.5;max-width:38ch;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 20px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:var(--red)}.text-link{display:inline-flex;gap:13px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;font-weight:700;white-space:nowrap}.text-link span,.button span{transition:transform .2s}.text-link:hover span,.button:hover span{transform:translate(3px,-3px)}
.hero-visual{position:relative;min-height:660px;background:radial-gradient(circle at 57% 50%,#a84b39 0%,#a52b21 17%,#7a211e 39%,#382321 65%,#211f1d 100%);overflow:hidden;color:#f4e9de}.visual-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.09) 6px 7px);opacity:.5;mix-blend-mode:multiply}.frame{position:absolute;border:1px solid rgba(255,244,231,.77);width:65%;aspect-ratio:4/5;left:50%;top:49%;display:flex;align-items:flex-start;padding:14px;box-shadow:0 0 0 1px rgba(0,0,0,.07)}.frame span{font-size:10px;letter-spacing:.18em;font-weight:700}.frame-one{transform:translate(-55%,-48%) rotate(-12deg);animation:frame-a 12s ease-in-out infinite}.frame-two{transform:translate(-47%,-52%) rotate(4deg);background:rgba(255,232,202,.04);animation:frame-b 11s ease-in-out infinite}.frame-three{transform:translate(-42%,-50%) rotate(13deg);background:linear-gradient(135deg,transparent 20%,rgba(255,201,168,.12));animation:frame-c 13s ease-in-out infinite}.visual-axis{position:absolute;width:130%;height:1px;background:rgba(255,245,235,.6);left:-10%;top:53%;transform:rotate(-28deg)}.visual-caption{position:absolute;left:40px;bottom:34px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(24px,3vw,42px);max-width:8ch;line-height:1;z-index:2}.visual-index{position:absolute;right:35px;bottom:36px;z-index:2}.hero-ribbon{grid-column:1/-1;position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(27,27,25,.45);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,72px);background:var(--paper);z-index:3}
@keyframes frame-a{50%{transform:translate(-57%,-48%) rotate(-9deg)}}@keyframes frame-b{50%{transform:translate(-47%,-53%) rotate(1deg)}}@keyframes frame-c{50%{transform:translate(-40%,-49%) rotate(15deg)}}
.section-wrap{max-width:1720px;margin:0 auto;padding-left:clamp(22px,4vw,72px);padding-right:clamp(22px,4vw,72px)}.intro,.work,.approach,.reels{padding-top:clamp(90px,11vw,174px);padding-bottom:clamp(100px,12vw,180px)}.section-heading{display:grid;grid-template-columns:minmax(160px,23%) 1fr;column-gap:40px;align-items:start}.section-number{color:var(--red);padding-top:13px}.section-heading h2,.development-grid h2,.contact h2{font-size:clamp(55px,7vw,116px);line-height:.92;letter-spacing:-.07em;margin:0}.section-heading h2 em{color:var(--red)}.intro-lead{font-size:clamp(23px,2.7vw,43px);letter-spacing:-.04em;line-height:1.18;max-width:29ch;margin:70px 0 65px 23%}.routes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route{padding:clamp(26px,3vw,48px);min-height:385px;display:flex;flex-direction:column;transition:transform .3s var(--ease)}.route:hover{transform:translateY(-6px)}.route-creative{background:var(--ink);color:var(--cream)}.route-strategy{background:var(--paper-dark);border:1px solid var(--line)}.route-top{display:flex;justify-content:space-between;align-items:start}.route-icon{font-size:26px;font-weight:400;line-height:1}.route h3{font-size:clamp(46px,4.2vw,72px);letter-spacing:-.065em;line-height:1;margin:55px 0 20px}.route p{font-size:17px;line-height:1.5;max-width:48ch}.route-tags{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap;padding-top:25px}.route-tags span{border:1px solid currentColor;padding:7px 8px;font-size:9px}.practice-footnote{border-top:1px solid var(--line);font-size:15px;line-height:1.55;margin:60px 0 0;padding-top:20px;max-width:56ch;margin-left:auto}
.work{border-top:1px solid var(--line)}.work-heading{grid-template-columns:minmax(160px,23%) 1fr 220px;align-items:end}.work-heading p{font-size:14px;color:var(--muted);line-height:1.45;margin:0 0 8px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 22px;margin:80px 0 70px}.work-card{display:block}.work-card-large{grid-column:1/-1}.work-image,.text-art{position:relative;overflow:hidden;background:#282927;aspect-ratio:1.65}.work-card-large .work-image{aspect-ratio:2.2}.work-image img{height:100%;object-fit:cover;filter:grayscale(40%) contrast(1.07);transition:transform .6s var(--ease),filter .6s}.work-card:hover .work-image img{transform:scale(1.04);filter:grayscale(0) contrast(1.02)}.image-arrow{position:absolute;right:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;background:var(--cream);color:var(--ink);font-size:22px;transition:transform .2s}.work-card:hover .image-arrow{transform:rotate(45deg)}.work-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0 10px;margin-bottom:15px;color:var(--muted)}.work-card h3{font-size:clamp(27px,3vw,50px);letter-spacing:-.055em;line-height:1.05;margin:0 0 8px}.work-card p{font-size:15px;color:var(--muted);margin:0;line-height:1.5}.text-art{background:radial-gradient(circle at 80% 5%,#a63227,transparent 38%),#242520;color:var(--cream);display:flex;flex-direction:column;padding:32px}.text-art>span:first-child{color:#dbb1a2}.text-art strong{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(58px,7vw,104px);font-weight:400;font-style:italic;line-height:.9;letter-spacing:-.04em;margin:auto 0}.text-art small{max-width:22ch}.button-outline{border:1px solid var(--ink)}.button-outline:hover{background:var(--ink);color:var(--cream)}
.in-development{background:var(--red);color:var(--cream);overflow:hidden}.development-grid{display:grid;grid-template-columns:minmax(160px,23%) 1fr;gap:40px;padding-top:clamp(90px,10vw,160px);padding-bottom:clamp(90px,10vw,160px)}.development-label{display:flex;flex-direction:column;justify-content:space-between;align-items:start}.development-label .section-number{color:#f7ddd5}.asterisk{font-size:clamp(130px,18vw,290px);line-height:.7;font-weight:400;transform:rotate(-10deg);opacity:.8}.development-grid h2{max-width:11ch}.development-grid h2 em{color:#efc6a6}.development-grid p{font-size:clamp(20px,2.2vw,31px);line-height:1.38;max-width:36ch;margin:65px 0 40px}.text-link-light{color:var(--cream)}
.approach-list{margin:75px 0 0 23%;border-top:1px solid var(--line)}.approach-list article{display:grid;grid-template-columns:85px 1fr 40px;gap:20px;border-bottom:1px solid var(--line);padding:32px 0;align-items:start}.approach-index{font-family:'Instrument Serif',Georgia,serif;font-size:34px;color:var(--red)}.approach-list h3{font-size:clamp(34px,3.5vw,55px);line-height:1;letter-spacing:-.05em;margin:0 0 12px}.approach-list p{font-size:16px;max-width:42ch;line-height:1.5;color:var(--muted);margin:0}.approach-symbol{font-size:30px;text-align:right}
.reels{border-top:1px solid var(--line)}.reel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:70px}.reel-grid a{min-height:280px;background:var(--paper-dark);padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);transition:background .25s,color .25s}.reel-grid a:hover{background:var(--ink);color:var(--cream)}.reel-grid h3{font-size:clamp(31px,3.1vw,54px);line-height:1.04;letter-spacing:-.055em;margin:auto 0 20px}.reel-arrow{align-self:flex-end;font-size:28px;line-height:1}
.contact{background:var(--ink);color:var(--cream)}.contact-inner{padding-top:clamp(100px,13vw,190px);padding-bottom:clamp(80px,10vw,140px)}.contact .section-number{color:#e27b69}.contact h2{margin:45px 0}.contact h2 em{color:#e27b69}.contact p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:34ch;color:#c7c1b8;margin-bottom:75px}.contact-email{display:flex;justify-content:space-between;align-items:center;font-size:clamp(34px,6vw,100px);letter-spacing:-.075em;line-height:1;border-bottom:1px solid #b7b0a5;padding-bottom:18px;transition:color .2s}.contact-email:hover{color:#e27b69}.contact-email span{font-size:.55em}.contact-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:42px;font-size:13px;font-weight:700}.contact-links a:hover{text-decoration:underline}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;padding:25px clamp(22px,4vw,72px) 42px;background:var(--ink);color:#a6a095;border-top:1px solid #57534d}.site-footer a{text-align:right;color:var(--cream)}.site-footer small{font-size:9px;letter-spacing:.05em;grid-column:1/-1;margin-top:22px;font-weight:400}
.section-heading,.route,.work-card,.approach-list article,.reel-grid a{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.section-heading.in-view,.route.in-view,.work-card.in-view,.approach-list article.in-view,.reel-grid a.in-view{opacity:1;transform:translateY(0)}.route.in-view:hover{transform:translateY(-6px)}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-copy{min-height:570px;padding-bottom:80px}.hero-visual{min-height:470px}.hero-ribbon{position:relative}.hero h1{max-width:none;font-size:clamp(62px,9.5vw,110px)}.work-heading{grid-template-columns:minmax(130px,23%) 1fr}.work-heading p{grid-column:2;margin-top:20px;max-width:36ch}.hero-bottom{max-width:760px}.section-heading{grid-template-columns:minmax(130px,23%) 1fr}.development-grid{grid-template-columns:minmax(130px,23%) 1fr}}
@media(max-width:760px){.site-header{padding:18px 22px;align-items:flex-start}.wordmark-mark{font-size:27px}.main-nav{gap:14px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.main-nav a:nth-child(3){display:none}.nav-contact{padding:0;background:none;color:var(--ink)}.nav-contact span{margin-left:2px}.hero-copy{padding:70px 22px 65px;min-height:680px}.hero h1{font-size:clamp(60px,12.5vw,88px);margin-top:60px;letter-spacing:-.075em}.hero-bottom{display:block}.hero-bottom p{font-size:17px;max-width:32ch}.hero-actions{justify-content:flex-start;margin-top:26px}.hero-visual{min-height:430px}.frame{width:54%}.hero-ribbon{padding:0 22px;font-size:9px}.hero-ribbon span:last-child{display:none}.section-heading,.work-heading,.development-grid{grid-template-columns:1fr;gap:25px}.section-number{padding-top:0}.section-heading h2,.development-grid h2,.contact h2{font-size:clamp(55px,13vw,86px)}.intro-lead{margin:48px 0;font-size:26px}.routes,.work-grid,.reel-grid{grid-template-columns:1fr}.route{min-height:370px}.work-card-large{grid-column:auto}.work-grid{gap:58px;margin:60px 0}.work-card-large .work-image{aspect-ratio:1.65}.work-heading p{grid-column:auto;margin:0}.development-label .asterisk{display:none}.development-grid p{margin:45px 0 32px}.approach-list{margin:55px 0 0}.approach-list article{grid-template-columns:35px 1fr 24px;gap:16px}.approach-list p{font-size:14px}.contact h2{margin:40px 0}.contact-email{font-size:clamp(36px,9vw,68px)}.site-footer{grid-template-columns:1fr auto}.site-footer span:nth-child(2){display:none}}
@media(max-width:430px){.main-nav a:nth-child(1),.main-nav a:nth-child(2){display:none}.eyebrow{font-size:9px}.hero-copy{min-height:630px}.hero h1{font-size:58px}.hero-actions{gap:16px}.hero-visual{min-height:350px}.frame{width:62%}.visual-caption{left:22px;bottom:18px}.visual-index{right:22px;bottom:21px}.route h3{font-size:48px}.route p{font-size:15px}.text-art{padding:20px}.text-art strong{font-size:61px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.section-heading,.route,.work-card,.approach-list article,.reel-grid a{opacity:1;transform:none}}