:root{
  --paper:#f2f0eb;
  --surface:#f8f7f3;
  --surface-2:#fbfaf7;
  --ink:#171715;
  --muted:#68655f;
  --muted-2:#8a867e;
  --line:#bcb8b0;
  --line-soft:#d8d4cc;
  --frame:#e9e6df;
  --max:min(1580px,calc(100% - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:#d9d5cd;color:#111}
.site-shell{width:var(--max);margin:22px auto 52px;border:1px solid var(--line);background:var(--surface);min-height:calc(100vh - 74px)}
.site-header{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 22px;position:sticky;top:0;background:rgba(248,247,243,.95);backdrop-filter:blur(10px);z-index:30}
.brand{font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
.brand small{font-weight:400;letter-spacing:.05em;color:var(--muted);margin-left:9px;text-transform:none}
.nav{display:flex;gap:25px;font-size:11px;letter-spacing:.07em}
.nav a{position:relative;color:#46443f}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--ink);transition:right .25s ease}
.nav a:hover:after,.nav a.active:after{right:0}
.eyebrow,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2)}
.hero-editorial{display:grid;grid-template-columns:.88fr 1.12fr;min-height:690px;border-bottom:1px solid var(--line)}
.hero-copy{position:relative;padding:68px 5vw 34px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.hero-copy-inner{max-width:620px}
.hero h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(48px,5.7vw,88px);line-height:.92;letter-spacing:-.055em;margin:18px 0 28px;max-width:650px}
.hero p{max-width:520px;font-size:14px;line-height:1.72;color:var(--muted);margin:0}
.hero-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px}
.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid var(--ink)}
.text-link span{margin-left:8px}
.muted-link{color:var(--muted);border-color:var(--line)}
.hero-folio{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.hero-art{padding:38px;background:#efede7;display:flex;align-items:center}
.studio-window{width:100%;border:1px solid #9f9b93;background:var(--surface-2)}
.window-bar{height:42px;border-bottom:1px solid #9f9b93;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#5f5c56}
.window-bar>span:last-child{text-align:right}
.window-dots{display:flex;gap:5px}
.window-dots i{width:6px;height:6px;border:1px solid #7f7b74;border-radius:50%;display:block}
.window-stage{position:relative;min-height:535px;padding:30px 30px 38px;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(180px,.62fr);grid-template-rows:1fr auto;gap:24px;background:#f7f5f0}
.window-main-image{min-height:385px;background:#e7e3db;overflow:hidden}
.window-main-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(.98);transition:transform .7s ease}
.window-main-image:hover img{transform:scale(1.018)}
.window-caption{align-self:center;padding:18px 4px 30px}
.window-caption strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.02em;margin:15px 0 9px}
.window-caption small{display:block;color:var(--muted);line-height:1.6;max-width:260px}
.floating-image{position:absolute;right:8%;bottom:-8%;width:29%;border:1px solid #8f8b83;background:var(--surface-2);padding:8px;z-index:2}
.floating-image img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e6e1d8}
.floating-image span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:8px 2px 2px;color:var(--muted)}
.section{padding:72px 22px}
.collection-section{padding-top:76px;padding-bottom:84px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.section-head h2{font-weight:400;font-size:clamp(38px,4.4vw,64px);line-height:.95;letter-spacing:-.045em;margin:10px 0 0}
.section-head p{max-width:460px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 4px}
.editorial-projects{display:grid;grid-template-columns:repeat(12,1fr);gap:18px 16px;grid-auto-flow:dense;align-items:start}
.project-card{display:block;border-top:1px solid var(--line);padding-top:10px;grid-column:span 4;min-width:0}
.project-card-1{grid-column:span 5}.project-card-2{grid-column:span 4}.project-card-3{grid-column:span 3}.project-card-4{grid-column:span 4}.project-card-5{grid-column:span 5}.project-card-6{grid-column:span 3}
.project-thumb{width:100%;background:var(--frame);overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}
.project-card-1 .project-thumb,.project-card-5 .project-thumb{aspect-ratio:5/4}
.project-card-2 .project-thumb,.project-card-4 .project-thumb{aspect-ratio:4/5}
.project-card-3 .project-thumb,.project-card-6 .project-thumb{aspect-ratio:1/1}
.project-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.89);transition:transform .7s ease,filter .3s ease}
.project-card:hover .project-thumb img{transform:scale(1.018);filter:saturate(.98)}
.project-meta{display:grid;grid-template-columns:34px 1fr 22px;gap:8px;align-items:start;padding:11px 1px 0}
.project-index{font-size:9px;letter-spacing:.1em;color:var(--muted-2);padding-top:3px}
.project-title{font-size:17px;line-height:1.15;letter-spacing:-.02em;font-weight:500}
.project-detail{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}
.project-arrow{text-align:right;font-size:12px;transition:transform .25s ease}
.project-card:hover .project-arrow{transform:translate(2px,-2px)}
.editorial-band{display:grid;grid-template-columns:1.08fr .92fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0eee8}
.editorial-band>div{padding:66px 5vw}
.editorial-band>div+div{border-left:1px solid var(--line)}
.quote{font-size:clamp(28px,3vw,45px);line-height:1.08;letter-spacing:-.035em;font-weight:400;max-width:690px;margin-top:18px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
.fact b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;color:var(--muted-2)}
.fact span{font-size:12px;color:#4f4c46}
.footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.footer>div{padding:34px 22px}.footer>div+div{border-left:1px solid var(--line)}
.footer .big-link{display:block;font-size:clamp(28px,3.8vw,54px);font-weight:400;letter-spacing:-.045em;line-height:.95;margin-top:10px;word-break:break-word}
.footer small{display:block;color:var(--muted-2);font-size:10px;margin-top:24px}
.work-intro{padding:58px 22px 48px;border-bottom:1px solid var(--line)}
.work-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.work-intro h1{font-size:clamp(68px,9vw,132px);font-weight:400;letter-spacing:-.065em;line-height:.82;margin:12px 0 8px}
.work-intro p{max-width:620px;color:var(--muted);font-size:13px;line-height:1.7;margin:24px 0 0}
.work-count{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);padding-bottom:12px}
.page-hero{display:grid;grid-template-columns:.86fr 1.14fr;border-bottom:1px solid var(--line);min-height:520px}
.page-hero .copy{padding:64px 5vw;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{font-weight:400;font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.055em;margin:16px 0 24px}
.page-hero p{max-width:610px;color:var(--muted);font-size:13px;line-height:1.72}
.page-hero .cover{border-left:1px solid var(--line);padding:28px;background:#efede7;display:grid;place-items:center;min-height:520px}
.page-hero .cover img{width:100%;height:100%;max-height:590px;object-fit:contain;background:#e6e2da}
.project-body{display:grid;grid-template-columns:280px minmax(0,1fr);border-bottom:1px solid var(--line)}
.project-body .aside{padding:38px 22px;border-right:1px solid var(--line);background:#f2f0eb}
.project-body .aside .sticky{position:sticky;top:94px}
.project-body .aside p{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}.project-body .aside b{color:var(--ink);font-weight:500}
.project-body .content{padding:52px 7vw 62px;max-width:980px}
.rich h2,.rich h3{font-weight:500;letter-spacing:-.035em;line-height:1.05}.rich h2{font-size:36px;margin:0 0 20px}.rich h3{font-size:26px;margin:30px 0 14px}
.rich p{font-size:14px;color:#4d4a45;line-height:1.8;margin:0 0 18px}.rich ul,.rich ol{padding-left:21px;color:#4d4a45;line-height:1.7}.rich li+li{margin-top:5px}
.rich blockquote{font-size:26px;line-height:1.3;border-left:1px solid var(--ink);margin:34px 0;padding-left:20px;letter-spacing:-.025em}
.rich img{max-width:100%;height:auto;margin:22px 0;background:var(--frame)}
.gallery{padding:24px 22px 74px}
.gallery .section-head{margin:22px 0 28px}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;grid-auto-flow:dense;align-items:start}
.gallery-item{margin:0;grid-column:span 6}.gallery-item.landscape{grid-column:span 7}.gallery-item.portrait{grid-column:span 5}.gallery-item.square,.gallery-item.doc-item{grid-column:span 6}
.gallery-image{background:#efede7;border:1px solid var(--line-soft);display:grid;place-items:center;padding:18px;overflow:hidden}
.gallery-image.landscape{aspect-ratio:4/3}.gallery-image.portrait{aspect-ratio:4/5}.gallery-image.square{aspect-ratio:1/1}
.gallery-image img{width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:transform .55s ease}
.gallery-item:hover .gallery-image img{transform:scale(1.012)}
.gallery-item figcaption{font-size:9px;color:var(--muted-2);margin-top:7px;letter-spacing:.03em}
.doc-card{aspect-ratio:1.15/1;text-align:center;padding:28px;background:#efede7}.doc-card>div{display:flex;flex-direction:column;align-items:center;gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border:1px solid var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.09em;background:transparent}.btn.dark{background:var(--ink);color:var(--surface)}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid var(--line)}
.about-grid>.portrait{min-height:680px;padding:28px;background:#efede7;display:grid;place-items:center}
.about-grid>.portrait img{width:100%;height:100%;max-height:720px;object-fit:contain;background:#e5e1d9;filter:saturate(.85)}
.about-grid>.copy{border-left:1px solid var(--line);padding:64px 6vw}
.about-grid h1{font-size:clamp(52px,6vw,90px);font-weight:400;line-height:.9;letter-spacing:-.06em;margin:14px 0 28px}
.cv-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.cv-cols h3{font-size:9px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:9px;color:var(--muted-2)}
.cv-list{list-style:none;padding:0;margin:0}.cv-list li{padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--muted)}
.contact-panel{padding:82px 6vw;min-height:570px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.contact-panel h1{font-size:clamp(58px,8vw,118px);font-weight:400;line-height:.82;letter-spacing:-.065em;margin:0}.contact-lines{align-self:end}
.contact-lines a,.contact-lines>div:not(.rich){font-size:17px;padding:14px 0;border-bottom:1px solid var(--line);display:block}.contact-lines .rich{margin-bottom:28px}.contact-lines .muted{color:var(--muted)}
.empty-state{padding:60px 22px;color:var(--muted)}
.lightbox{position:fixed;inset:0;background:rgba(18,18,16,.95);display:none;align-items:center;justify-content:center;padding:34px;z-index:100}.lightbox.open{display:flex}.lightbox img{max-width:95vw;max-height:92vh;object-fit:contain}.lightbox button{position:absolute;right:18px;top:18px;background:#f5f3ed;border:1px solid #b5b0a7;width:38px;height:38px;font-size:20px;cursor:pointer}
@media(max-width:1180px){.hero-editorial{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);min-height:500px}.hero-art{padding:28px}.project-card,.project-card-1,.project-card-2,.project-card-3,.project-card-4,.project-card-5,.project-card-6{grid-column:span 6}.project-card:nth-child(odd) .project-thumb{aspect-ratio:4/5}.project-card:nth-child(even) .project-thumb{aspect-ratio:4/3}.gallery-item.landscape,.gallery-item.portrait,.gallery-item.square,.gallery-item.doc-item{grid-column:span 6}}
@media(max-width:900px){:root{--max:calc(100% - 20px)}.site-shell{margin:10px auto 30px}.site-header{padding:0 14px}.brand small{display:none}.nav{gap:14px}.hero-copy{padding:52px 24px 30px}.hero-art{padding:20px}.window-stage{min-height:480px;padding:18px;grid-template-columns:1fr}.window-caption{padding:8px 0 70px}.floating-image{right:4%;bottom:-5%;width:36%}.section{padding:56px 16px}.section-head{display:block}.section-head p{margin-top:16px}.editorial-band,.footer,.page-hero,.project-body,.about-grid,.contact-panel{grid-template-columns:1fr}.editorial-band>div+div,.footer>div+div,.page-hero .cover,.about-grid>.copy{border-left:0;border-top:1px solid var(--line)}.page-hero .copy{padding:52px 24px}.page-hero .cover{min-height:400px}.project-body .aside{border-right:0;border-bottom:1px solid var(--line)}.project-body .aside .sticky{position:static}.project-body .content{padding:44px 24px}.gallery{padding:20px 16px 56px}.about-grid>.portrait{min-height:460px}.contact-panel{padding:58px 24px;gap:44px}.work-intro{padding:48px 16px 38px}.work-title-row{align-items:flex-end}.gallery-image{padding:12px}}
@media(max-width:620px){.nav a:nth-child(2){display:none}.window-bar{grid-template-columns:1fr auto}.window-bar>span:last-child{display:none}.window-stage{min-height:430px}.window-main-image{min-height:300px}.editorial-projects,.gallery-grid{display:block}.project-card,.gallery-item{margin-bottom:26px}.project-thumb,.project-card:nth-child(n) .project-thumb{aspect-ratio:4/5}.gallery-image.landscape{aspect-ratio:4/3}.gallery-image.portrait{aspect-ratio:4/5}.gallery-image.square{aspect-ratio:1/1}.facts,.cv-cols{grid-template-columns:1fr}.footer .big-link{font-size:28px}.work-count{display:none}}

/* Homepage intro module — screenshot-inspired identity statement */
.home-intro{background:#fff;border-bottom:1px solid var(--line);padding:0 22px}
.home-intro-meta{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d8d8d5;color:#6f6f6b;font-size:9px;line-height:1.4;letter-spacing:.015em}
.home-intro-meta span:last-child{text-align:right}
.home-intro-main{min-height:420px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:58px;align-items:end;padding:32px 0 38px}
.home-intro-title{align-self:center;font-weight:700;letter-spacing:-.075em;line-height:.78;text-transform:uppercase;white-space:normal}
.home-intro-title>span,.home-intro-title>strong{display:block}
.home-intro-title>span{font-size:clamp(64px,8.4vw,132px);color:#111;font-weight:700}
.home-intro-title>strong{font-size:clamp(60px,7.6vw,118px);color:#4053f4;font-weight:700;max-width:860px}
.home-intro-summary{align-self:center;padding:26px 0 2px}
.home-intro-summary p{font-size:16px;line-height:1.45;letter-spacing:-.015em;color:#292927;margin:0;max-width:330px}
.home-intro-actions{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.pill-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:30px;padding:0 13px;border:1px solid #c9c9c4;border-radius:999px;font-size:9px;line-height:1;white-space:nowrap;background:#fff;color:#454541;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.pill-link-dark{border-color:#111;color:#111}
.pill-link:hover{transform:translateY(-1px);border-color:#111}

/* Keep the existing CMS hero copy, but make the requested sentence quieter. */
.hero-feature{min-height:610px}
.hero-feature .hero-copy{padding-top:58px}
.hero-feature .hero-copy-inner{max-width:560px}
.hero-feature h1{font-size:clamp(32px,3.55vw,54px);line-height:.98;letter-spacing:-.045em;margin:16px 0 24px;max-width:560px}
.hero-feature p{font-size:13px;max-width:470px}

@media(max-width:1180px){
  .home-intro-main{grid-template-columns:minmax(0,1fr) 290px;gap:34px;min-height:390px}
  .home-intro-title>span{font-size:clamp(62px,9.5vw,112px)}
  .home-intro-title>strong{font-size:clamp(58px,8.7vw,104px)}
}
@media(max-width:900px){
  .home-intro{padding:0 14px}
  .home-intro-meta{min-height:44px;font-size:8px}
  .home-intro-main{grid-template-columns:1fr;gap:20px;min-height:auto;padding:34px 0 36px}
  .home-intro-title{align-self:auto}
  .home-intro-title>span{font-size:clamp(56px,14vw,104px)}
  .home-intro-title>strong{font-size:clamp(52px,13vw,96px);line-height:.82}
  .home-intro-summary{padding:6px 0 0;max-width:520px}
  .home-intro-summary p{font-size:14px;max-width:520px}
  .hero-feature h1{font-size:clamp(30px,7vw,48px)}
}
@media(max-width:620px){
  .home-intro-meta{display:block;padding:12px 0 10px;min-height:0}
  .home-intro-meta span{display:block}
  .home-intro-meta span+span{margin-top:4px;text-align:left}
  .home-intro-main{padding:28px 0 30px}
  .home-intro-title{letter-spacing:-.065em}
  .home-intro-title>span{font-size:clamp(48px,15.5vw,82px)}
  .home-intro-title>strong{font-size:clamp(44px,14.2vw,76px)}
  .home-intro-summary p{font-size:13px;line-height:1.5}
}
