@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111310;--panel:#1c201b;--paper:#eae8df;--muted:#adafa5;--line:#42463d;--acid:#d9ee75;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--acid);color:#111310}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--acid);color:#111;padding:12px}.skip:focus{top:12px}.site-header{height:88px;max-width:1600px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:27px;font-weight:800;letter-spacing:-.11em;line-height:1}.brand-dot,.period{color:var(--acid)}.brand-name{font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.6}.brand-name small{color:var(--muted);font-size:9px;letter-spacing:.13em;font-weight:600}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:700;letter-spacing:.02em}.site-header nav>a:not(.nav-contact):hover,.text-link:hover,.back-link:hover{color:var(--acid)}.nav-contact{border:1px solid #b5b9a7;padding:13px 18px;border-radius:2px;transition:.2s}.nav-contact:hover,.active-link{background:var(--acid);color:#111;border-color:var(--acid)}.nav-contact span,.text-link span{margin-left:22px}.eyebrow,.kicker,.card-type,.feature-index,.hero-bottom,.reel-bottom{font-size:10px;font-weight:800;letter-spacing:.15em}.eyebrow{display:block}.accent{color:var(--acid)}.hero{max-width:1600px;margin:auto;padding:0 5vw}.hero-topline{display:flex;justify-content:space-between;padding:24px 0;color:#b7bdac}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:10px;box-shadow:0 0 13px var(--acid)}.hero-grid{display:grid;grid-template-columns:1fr .86fr;min-height:660px;gap:3vw;align-items:center}.hero-copy{position:relative;z-index:2;padding:25px 0 48px}.kicker{color:var(--acid);margin:0 0 24px}h1,h2,h3,h4,p{margin-top:0}.hero h1,.contact-intro h1{font-size:clamp(70px,7.7vw,136px);line-height:.96;letter-spacing:-.077em;font-weight:600;margin:0 0 33px;white-space:nowrap}.hero h1 em,.section-heading h2 em,.reel-heading h2 em,.contact-intro h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.hero-description{max-width:490px;font-size:15px;line-height:1.9;color:#c2c4bb;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;padding:19px 22px;font-size:12px;font-weight:800;transition:.2s}.button.primary{background:var(--acid);color:#10120e}.button.primary:hover{background:#f0ff9c;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #777d6e;padding:15px 0}.hero-art{height:550px;position:relative;overflow:hidden;border:1px solid #4b513d;background:radial-gradient(ellipse at 75% 50%,#79855066,transparent 37%),linear-gradient(135deg,#343e2f,#161e19 46%,#687156 100%)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0e100a80,transparent 38%,#00000050),repeating-linear-gradient(0deg,transparent 0 38px,#ffffff06 39px 40px);mix-blend-mode:screen}.art-grid{position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0 79px,#c9dc9930 80px 81px);transform:rotate(-23deg) scale(1.2)}.art-orb{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;left:10%;top:10%;background:radial-gradient(circle at 38% 32%,#e5edbe,#a2b38b 28%,#60744f 52%,#171f1a 73%);box-shadow:22px 30px 70px #000a;filter:saturate(.65)}.art-orb:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid #ffffff5e;box-shadow:0 0 0 56px #d7e7a807}.art-frame{position:absolute;inset:8% 13%;border:1px solid #e6f7c166}.frame-two{inset:14% 19%;border-color:#e6f7c133}.art-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:#e6f2c3;font-size:9px;font-weight:800;letter-spacing:.2em}.hero-bottom{padding:26px 0;display:flex;justify-content:space-between;color:#92998b;border-top:1px solid #ffffff30}.work-section{max-width:1600px;margin:auto;padding:124px 5vw 140px;scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:7vw;margin-bottom:48px}.section-heading h2,.reel-heading h2{font-size:clamp(48px,5vw,83px);letter-spacing:-.07em;line-height:1.05;font-weight:600;margin:21px 0 0}.section-heading>p{font-size:14px;color:#b3b8ac;line-height:1.9;max-width:350px;margin:0 0 6px}.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-width:0}.feature-visual{height:310px;position:relative;overflow:hidden;padding:20px;background:#383e33}.feature-one .feature-visual{background:linear-gradient(145deg,#4b5046,#1f2920 63%,#788066)}.feature-two .feature-visual{background:linear-gradient(145deg,#6a5544,#322d2b 53%,#858372)}.feature-three .feature-visual{background:linear-gradient(145deg,#4d5555,#1b2529 53%,#7a7762)}.feature-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 68px,#ffffff18 69px 70px),linear-gradient(0deg,#0006,transparent 55%)}.feature-index{position:relative;z-index:3;color:#f6f9e7}.feature-shape{position:absolute;left:24%;top:10%;height:110%;width:58%;box-shadow:28px 22px 36px #0007;transform:rotate(19deg);border:2px solid #ffffff36}.shape-one{background:linear-gradient(110deg,#252921 5%,#79846a 24%,#bec4a2 25%,#222924 57%,#8b9881 61%,#161e1a 100%)}.shape-two{width:65%;border-radius:46% 46% 0 0;transform:rotate(-12deg);background:linear-gradient(120deg,#c6ab87,#715b49 49%,#201e1f 50%,#87725f 80%)}.shape-three{transform:rotate(-15deg);background:repeating-linear-gradient(90deg,#3c4b4f 0 35px,#9f9f87 36px 39px,#202d30 40px 76px)}.feature-word{position:absolute;z-index:2;bottom:8px;left:-5px;font-size:clamp(35px,4vw,70px);font-weight:800;letter-spacing:-.09em;color:#eaf0d2a3;white-space:nowrap}.feature-word-small{font-size:clamp(30px,3.1vw,54px)}.feature-detail{display:flex;justify-content:space-between;gap:15px;padding:21px 1px}.card-type{color:var(--acid);font-size:9px}.feature-detail h3{font-size:17px;line-height:1.35;letter-spacing:-.035em;margin:8px 0 0;font-weight:700}.card-arrow{font-size:19px;color:#a7ad9e}.credits-head{display:flex;align-items:end;justify-content:space-between;margin-top:104px;margin-bottom:29px}.credits-head h3{font-size:clamp(34px,3.1vw,50px);letter-spacing:-.06em;margin:9px 0 0}.credits-head #result-count{font-size:10px;letter-spacing:.12em;color:#b4b9a9;font-weight:800}.controls{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #5d6256;padding-bottom:20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #51594b;background:transparent;color:#c9ccc1;padding:10px 13px;border-radius:40px;font-size:11px;font-weight:700;transition:.2s}.filter.active,.filter:hover{background:var(--acid);border-color:var(--acid);color:#111}.search{display:flex;align-items:center;gap:9px;padding:7px 0 9px 4px;border-bottom:1px solid #737b69;min-width:190px}.search-icon{font-size:22px;line-height:.6}.search input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:12px}.search input::placeholder{color:#a3aa9a}.search:focus-within{border-color:var(--acid)}.credit-row{display:grid;grid-template-columns:55px minmax(200px,1.4fr) minmax(160px,1fr) 95px;align-items:center;gap:16px;min-height:76px;border-bottom:1px solid #353a32;transition:background .2s;padding:8px 10px}.credit-row:hover{background:#252a22}.credit-number{font-size:10px;color:#858e7b;font-weight:700}.credit-row h4{font-size:16px;letter-spacing:-.025em;font-weight:600;margin:0}.credit-detail{font-size:12px;color:#aab1a4}.credit-category{font-size:10px;text-align:right;color:var(--acid);font-weight:700}.no-results{padding:36px 10px;color:#b8beb0}.reel-section{background:#20251e;padding:116px max(5vw,calc((100vw - 1440px)/2)) 0;scroll-margin-top:20px}.reel-heading{max-width:850px}.reel-heading h2{margin-bottom:22px}.reel-heading>p:last-child{font-size:14px;line-height:1.8;color:#b6bcb0;max-width:500px;margin-bottom:39px}.reel-poster{position:relative;height:clamp(360px,48vw,690px);overflow:hidden;border:1px solid #6e785f;background:radial-gradient(circle at 50% 45%,#c5d39835,transparent 22%),conic-gradient(from 130deg at 49% 52%,#101811,#42503d,#141b18,#667c62,#101811)}.reel-noise{position:absolute;inset:-35%;opacity:.35;transform:rotate(-18deg);background:repeating-linear-gradient(90deg,transparent 0 120px,#d3e0bd33 122px 124px,transparent 125px 244px),repeating-linear-gradient(0deg,transparent 0 45px,#ffffff0c 46px 47px)}.reel-poster:before{content:"";position:absolute;border-radius:50%;width:48%;aspect-ratio:1;top:10%;left:28%;border:1px solid #c3d29a78;box-shadow:0 0 0 80px #e1ecbd09,0 0 0 180px #e1ecbd09,0 0 100px #d9edb231}.reel-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.reel-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.play-outline{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:1px solid #d6e3c4aa;background:#0c100b77;font-size:21px;padding-left:4px}.reel-placeholder strong{font-size:20px}.reel-placeholder p{font-size:12px;color:#e4e9da;margin:6px 0 0}.reel-bottom{display:flex;justify-content:space-between;gap:20px;color:#d6ddc6}.end-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:75px 0 84px}.end-cta p{font-size:16px;color:#bbc2b3;margin:0}.end-cta a{font-size:clamp(27px,3.3vw,52px);font-weight:600;letter-spacing:-.06em;border-bottom:1px solid var(--acid);padding-bottom:8px}.end-cta a:hover{color:var(--acid)}.end-cta span{font-size:.7em;margin-left:20px}footer{max-width:1600px;margin:auto;padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.13em;font-weight:700;color:#aeb4a8}.footer-brand{font-size:25px;font-weight:800;letter-spacing:-.12em;color:#fff}footer a:last-child:hover{color:var(--acid)}.contact-main{max-width:1600px;min-height:calc(100vh - 166px);margin:auto;padding:95px 5vw 85px;display:grid;grid-template-columns:1fr .8fr;gap:7vw;position:relative;overflow:hidden}.contact-intro,.contact-card{position:relative;z-index:2}.contact-intro h1{font-size:clamp(62px,6.2vw,111px);margin:23px 0 32px}.contact-intro>p:last-child{font-size:16px;line-height:1.8;color:#b9c1b0;max-width:450px}.contact-card{align-self:center;background:#22291f;border:1px solid #505d43;padding:clamp(28px,4vw,62px);box-shadow:22px 26px 60px #0005}.contact-card h2{font-size:clamp(27px,3vw,47px);line-height:1.13;letter-spacing:-.06em;margin:24px 0}.contact-card>p{font-size:13px;line-height:1.8;color:#b9c1b0;max-width:310px}.pending-contact{border-top:1px solid #59654f;border-bottom:1px solid #59654f;margin:35px 0 33px;padding:23px 0;display:flex;align-items:center;gap:17px}.pending-icon{width:38px;height:38px;border:1px solid #aabb81;color:var(--acid);display:grid;place-items:center;flex:none}.pending-contact strong,.pending-contact div span{display:block}.pending-contact strong{font-size:13px}.pending-contact div span{font-size:11px;color:#b2baa9;margin-top:5px}.back-link{font-size:12px;font-weight:700}.contact-side{position:absolute;left:0;bottom:20px;color:#707b68;font-size:9px;letter-spacing:.2em;transform:rotate(-90deg);transform-origin:left bottom}.side-ring{display:none}@media(max-width:980px){.hero-grid{min-height:580px}.hero-art{height:440px}.hero h1{font-size:clamp(64px,8vw,90px)}.feature-visual{height:250px}.feature-word{font-size:40px}.feature-word-small{font-size:31px}.controls{align-items:stretch;flex-direction:column}.search{align-self:flex-end}.contact-main{gap:4vw}}@media(max-width:700px){.site-header{height:75px}.brand-name{display:none}.site-header nav{gap:17px;font-size:11px}.nav-contact{padding:10px 11px}.nav-contact span{margin-left:4px}.hero-topline .right{display:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:0}.hero-copy{padding:52px 0 25px}.hero h1{font-size:clamp(58px,12vw,90px);white-space:normal}.hero-description{font-size:14px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-art{height:350px}.hero-bottom{margin-top:20px}.work-section{padding-top:87px;padding-bottom:93px}.section-heading{display:block}.section-heading>p{margin-top:24px}.featured{grid-template-columns:1fr;gap:9px}.feature-card{display:grid;grid-template-columns:38% 1fr;gap:17px;border-bottom:1px solid #353a32;padding-bottom:9px}.feature-visual{height:145px}.feature-word{font-size:25px}.feature-word-small{font-size:21px}.feature-detail{align-items:center}.feature-detail h3{font-size:16px}.credits-head{margin-top:80px}.credit-row{grid-template-columns:30px 1fr auto;gap:9px;padding:15px 2px;min-height:66px}.credit-row h4{font-size:14px}.credit-detail{display:none}.credit-category{font-size:9px}.filter{font-size:10px;padding:8px 11px}.search{align-self:stretch}.reel-section{padding-top:85px}.reel-poster{height:390px}.reel-overlay{padding:18px}.reel-bottom span:last-child{display:none}.end-cta{align-items:flex-start;flex-direction:column;padding:62px 0}.contact-main{display:block;padding:78px 5vw}.contact-intro h1{font-size:clamp(53px,11vw,80px)}.contact-card{margin-top:50px}.contact-side{display:none}footer{flex-wrap:wrap}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.reel-poster{aspect-ratio:16/9;height:auto;background:#090b09}.reel-poster:before{display:none}.reel-video{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-link{display:block;width:max-content;margin:18px 0 0 auto;font-size:12px;font-weight:800;border-bottom:1px solid #87947b;padding:0 0 7px}.watch-link:hover{color:var(--acid);border-color:var(--acid)}.watch-link span{margin-left:18px}.email-link{display:flex;align-items:center;gap:16px;border-top:1px solid #59654f;border-bottom:1px solid #59654f;margin:35px 0 33px;padding:23px 0}.email-link:hover{color:var(--acid)}.email-link>span:last-child{min-width:0;overflow-wrap:anywhere}.email-link small{display:block;font-size:9px;letter-spacing:.14em;color:var(--acid);font-weight:800;margin-bottom:7px}.email-link strong{display:block;font-size:17px;letter-spacing:-.03em}
.feature-visual.with-image{padding:0;background:#e7e3df}.feature-one .feature-visual.with-image{background:#eadbe6}.feature-two .feature-visual.with-image{background:#c7bb9d}.feature-three .feature-visual.with-image{background:#eceae7}.feature-visual.with-image:after{display:none}.feature-image{display:block;width:100%;height:100%;object-fit:contain}.with-image .feature-index{position:absolute;z-index:4;left:12px;top:12px;background:#111310cf;color:#f4f4ec;padding:8px 10px;font-size:9px}@media(max-width:700px){.featured .feature-card{display:block}.featured .feature-visual{height:auto;aspect-ratio:16/9}.featured .feature-detail{padding:17px 0 23px}.featured .feature-detail h3{font-size:17px}}
.hero-art.has-photo{background:#24241f}.hero-art.has-photo:before{z-index:1;background:linear-gradient(0deg,#060806a8 0%,transparent 26%,transparent 70%,#0608062c 100%);mix-blend-mode:normal}.hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}.has-photo .art-caption{z-index:2;color:#fff;text-shadow:0 1px 9px #000b}
.hero-grid{min-height:0;padding:34px 0 0}.hero-copy{padding:0}.hero h1.hero-intro{font-size:clamp(32px,3.2vw,48px);line-height:1.22;letter-spacing:-.055em;white-space:normal;max-width:650px;margin:0 0 23px}.hero-art.has-photo{height:480px}.work-section{padding-top:72px}.section-heading{margin-bottom:36px}@media(max-width:700px){.hero-grid{padding:0}.hero-copy{padding:32px 0 12px}.hero h1.hero-intro{font-size:clamp(29px,7.4vw,42px);line-height:1.2}.hero-art.has-photo{height:380px}.work-section{padding-top:70px}}
#work.work-section{padding-top:48px}#work .section-heading{display:block;margin-bottom:24px}#work .section-heading h2.work-label{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.3;margin:0;color:var(--acid)}
.hero .hero-description{margin-bottom:0}
.reel-heading h2.reel-label{font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.3;margin:0 0 18px}

/* Monochrome concept preview: photographic work remains in full color. */
:root{--bg:#000;--panel:#000;--paper:#fff;--muted:#b8b8b8;--line:#3b3b3b;--acid:#fff}
html,body,.site-header,.hero,.work-section,.reel-section,footer,.contact-page,.contact-main{background:#000;color:#fff}
::selection{background:#fff;color:#000}
.skip{background:#fff;color:#000}
.site-header{height:96px;border-bottom-color:#303030}
.brand{gap:18px}
.brand-mark{font-size:36px;letter-spacing:-.11em}
.brand-name{font-size:14px;line-height:1.45}
.brand-name small{font-size:10px;color:#b8b8b8}
.brand-dot,.period,.accent,.kicker,.card-type,.credit-category,#work .section-heading h2.work-label{color:#fff}
.signal{background:#fff;box-shadow:none}
.nav-contact{border-color:#fff;border-radius:0}
.nav-contact:hover,.active-link,.filter.active,.filter:hover{background:#fff;color:#000;border-color:#fff}
.site-header nav>a:not(.nav-contact):hover,.text-link:hover,.back-link:hover,.watch-link:hover,.email-link:hover,.end-cta a:hover,footer a:last-child:hover{color:#fff}
.hero-topline,.hero-description,.section-heading>p,.credits-head #result-count,.credit-detail,.reel-heading>p:last-child,.end-cta p,footer,.contact-intro>p:last-child,.contact-card>p,.pending-contact div span{color:#b8b8b8}
.hero-art,.reel-poster,.contact-card{border-color:#444}
.feature-visual.with-image,.feature-one .feature-visual.with-image,.feature-two .feature-visual.with-image,.feature-three .feature-visual.with-image{background:#000}
.with-image .feature-index{background:#000d;color:#fff;border:1px solid #fff}
.controls,.credit-row,.feature-card{border-color:#333}
.filter{border-color:#555;color:#fff}
.search{border-color:#777}
.search:focus-within{border-color:#fff}
.search input::placeholder{color:#aaa}
.credit-row:hover{background:#0b0b0b}
.reel-section{background:#000}
.reel-poster{background:#000}
.watch-link,.end-cta a{border-color:#fff}
.contact-card{background:#000;box-shadow:none}
.pending-contact,.email-link{border-color:#444}
.pending-icon{border-color:#fff;color:#fff}
.contact-side{color:#777}
@media(max-width:700px){.site-header{height:82px}.brand-mark{font-size:32px}}

/* Compact, type-led introduction with the featured work directly below. */
.site-header{height:auto;min-height:106px}
.brand-name{font-size:clamp(20px,2vw,28px);letter-spacing:-.045em;line-height:1.02;white-space:nowrap}
.brand-name small{display:block;margin-top:7px;font-size:11px;letter-spacing:.13em;line-height:1.2}
.brand-mark{font-size:43px;letter-spacing:-.1em}
.hero{padding-top:30px;padding-bottom:0}
.hero-copy{max-width:700px;padding:0}
.hero h1.hero-intro,.hero .hero-description{font-family:var(--sans);font-style:normal;font-size:14px;font-weight:500;line-height:1.55;letter-spacing:0;white-space:normal;max-width:none;margin:0}
.hero h1.hero-intro{font-weight:700}
.hero .hero-description{color:#fff;margin-top:7px}
#work.work-section{padding-top:30px}
#work .section-heading{margin-bottom:17px}
@media(max-width:700px){
  .site-header{min-height:0;padding:17px 5vw 13px;display:block}
  .brand{gap:15px}
  .brand-mark{font-size:39px}
  .brand-name{display:block;font-size:clamp(18px,5vw,23px)}
  .brand-name small{font-size:10px}
  .site-header nav{margin-top:18px;padding-top:12px;border-top:1px solid #333;justify-content:space-between;gap:12px}
  .nav-contact{padding:8px 12px}
  .hero{padding-top:22px}
  .hero-copy{padding:0}
  .hero h1.hero-intro,.hero .hero-description{font-size:14px;line-height:1.5}
  #work.work-section{padding-top:24px}
  #work .section-heading{margin-bottom:13px}
}

/* Keep the full identity block within the EH mark's height. */
.brand{align-items:stretch;gap:14px}
.brand-mark{font-size:clamp(48px,5vw,68px);line-height:.86;display:flex;align-items:center;flex:none}
.brand-name{display:flex;flex-direction:column;justify-content:space-between;font-size:clamp(18px,2vw,27px);line-height:1;letter-spacing:-.045em;padding:2px 0 1px}
.brand-name small{margin:0;line-height:1;letter-spacing:.13em;font-size:clamp(10px,.9vw,13px)}

/* The complete introduction reads as one continuous text treatment. */
.hero h1.hero-intro{font-weight:500}

/* Use the artwork itself as a soft fill around the complete 4:3 image. */
.feature-one .feature-visual.with-image{isolation:isolate}
.feature-one .feature-visual.with-image::before{content:"";position:absolute;inset:-20px;background:url('/images/project-runway.jpg') center / cover no-repeat;filter:blur(18px) brightness(.8);z-index:-1}
.feature-one .feature-image{position:relative;z-index:1;object-fit:contain}

@media(max-width:700px){
  .brand{display:inline-flex;gap:12px;max-width:100%}
  .brand-mark{font-size:clamp(39px,10vw,51px)}
  .brand-name{font-size:clamp(15px,4.45vw,23px);white-space:nowrap}
  .brand-name small{font-size:clamp(9px,2.4vw,11px)}
}

/* Give each featured photograph the same divider and breathing room. */
.featured .feature-card{border-top:1px solid #333;padding-top:16px}
.featured .feature-visual{margin-top:0}
@media(max-width:700px){
  .featured{gap:0}
  .featured .feature-card{border-bottom:0;padding:16px 0 0;margin-bottom:22px}
  .featured .feature-card:last-child{margin-bottom:0}
  .featured .feature-detail{padding:17px 0 0}
}

/* Bring the reel section up toward the last credit title. */
#work.work-section{padding-bottom:42px}
#reel.reel-section{padding-top:42px}
@media(max-width:700px){
  #work.work-section{padding-bottom:26px}
  #reel.reel-section{padding-top:26px}
}

/* Alternate typography study: every visible line in uppercase. */
body,body button,body input{text-transform:uppercase}
.contact-intro h1{white-space:normal}

/* Fill the Housewives image's letterbox with its own soft color so the
   divider meets the visible picture at the same distance as the others. */
.feature-three .feature-visual.with-image{isolation:isolate}
.feature-three .feature-visual.with-image::before{content:"";position:absolute;inset:-20px;background:url('/images/rhonyc.jpg') center / cover no-repeat;filter:blur(18px) brightness(.8);z-index:-1}
.feature-three .feature-image{position:relative;z-index:1}

/* Architectural header study: clean left-aligned identity, no EH monogram. */
.site-header{min-height:116px;padding-top:20px;padding-bottom:20px}
.site-header nav{order:2}
.architectural-brand{order:1;margin:0;text-align:left;justify-content:flex-start}
.architectural-brand .brand-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(22px,2.25vw,34px);font-weight:500;line-height:1;letter-spacing:.055em;white-space:nowrap}
.architectural-brand .brand-name small{display:block;margin-top:10px;font-family:inherit;font-size:clamp(10px,.9vw,13px);font-weight:500;line-height:1;letter-spacing:.17em;color:#fff}

/* Three uniform, unblurred 16:9 frames. */
.featured{gap:18px}
.featured .feature-card{padding-top:16px;border-top:1px solid #333}
.featured .feature-visual{height:auto;aspect-ratio:16/9;margin:0;background:#000}
.featured .feature-visual.with-image::before{display:none}
.featured .feature-image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.feature-one .feature-image{object-position:center 48%}
.feature-two .feature-image{object-position:center}
.feature-three .feature-image{object-position:center}

footer{justify-content:space-between}

@media(max-width:700px){
  .site-header{min-height:0;padding:18px 5vw 14px;display:flex;flex-wrap:wrap;align-items:flex-start}
  .architectural-brand{width:100%;margin:0 0 16px;order:1}
  .architectural-brand .brand-name{font-size:clamp(20px,6.7vw,30px);align-items:flex-start}
  .architectural-brand .brand-name small{font-size:10px;margin-top:8px}
  .site-header nav{order:2;width:100%;margin:0;padding-top:12px;border-top:1px solid #333}
  .featured .feature-card{padding-top:16px;margin-bottom:22px}
  footer span{order:initial;width:auto}
}