:root{--paper:#f4f1ea;--black:#101212;--teal:#1b9aaa;--gold:#d5a021}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.wrap{width:min(1320px,calc(100% - 9%));margin:auto}.grain-layer{position:fixed;inset:0;pointer-events:none;z-index:50;background:url('/assets/analog-grain-light.png') repeat;opacity:.17;mix-blend-mode:multiply}.work-header{border-bottom:1px solid #c9c4ba}.work-nav{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:101px}.work-brand{display:flex;align-items:center;gap:12px}.work-brand img{width:63px;height:63px;object-fit:contain}.work-brand span{font-size:12px;line-height:1.4;letter-spacing:.09em;font-weight:800}.work-brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.16em}.work-menu{display:flex;gap:30px}.work-menu a{font-size:11px;letter-spacing:.14em;font-weight:750;text-transform:uppercase}.work-menu a[aria-current=page]{border-bottom:2px solid var(--gold);padding-bottom:7px}.work-contact{border:1px solid var(--gold);background:var(--black);color:#fff;padding:14px 24px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.work-contact span{color:var(--gold);margin-left:9px}.work-eyebrow{font-weight:750;letter-spacing:.19em;font-size:10px;text-transform:uppercase}.work-eyebrow:after{content:'';display:inline-block;background:var(--gold);width:36px;height:2px;margin:0 0 3px 18px}.work-intro{padding:104px 0 54px;position:relative}.work-intro::after{content:'';position:absolute;right:9%;top:60px;width:190px;height:190px;border:24px solid #d5a02128;border-radius:54% 46% 64% 36%;transform:rotate(27deg);pointer-events:none}.work-intro h1,.case-head h1{font-size:clamp(66px,8.8vw,154px);letter-spacing:-.098em;line-height:.9;font-weight:900;margin:27px 0 24px}.accent-blur{color:#087684;filter:drop-shadow(1px 1px 2px #159cba66)}.work-intro p{max-width:600px;line-height:1.75;color:#575754;font-size:17px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:21px 0;border-block:1px solid #c7c3bc}.work-filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid #bcb6aa;background:transparent;padding:11px 16px;font-size:11px;font-weight:750;letter-spacing:.05em}.filter.selected,.filter:hover{background:#101212;border-color:#101212;color:white}.work-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #aca69c;min-width:180px}.work-search input{border:0;outline:0!important;background:transparent;padding:10px 4px;min-width:120px;width:200px;color:#151515}.work-count{font-size:10px;letter-spacing:.17em;padding:25px 0;color:#76736e;font-weight:700}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 21px;padding:0 0 110px}.work-card{display:block;min-width:0}.work-card-art{aspect-ratio:1.3;background:#101313;overflow:hidden}.work-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.work-card:hover img{transform:scale(1.055)}.work-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:700;color:#65615b;margin-top:15px}.work-card-meta span:last-child{font-size:24px;color:#c49422}.work-card h2{font-size:clamp(22px,2.3vw,34px);letter-spacing:-.065em;line-height:1.12;margin:8px 0}.work-card p{font-size:13px;color:#565551;line-height:1.6;margin:9px 0}.empty-work{padding:50px;background:#e7e2d9;border-left:3px solid var(--gold);grid-column:1/-1;font-size:15px;color:#65615a}.work-invite{padding:65px 0;background:#141717;color:white}.work-invite .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.work-invite h2{font-size:clamp(42px,6vw,80px);letter-spacing:-.078em;margin:10px 0;line-height:.93}.work-invite h2 span{color:var(--gold)}.solid-btn{padding:16px 22px;border:1px solid var(--gold);color:white;background:#131313;font-size:11px;font-weight:800;letter-spacing:.1em;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.solid-btn:hover{background:#d5a021;color:#111}.work-footer{background:#0b0d0d;color:#aaa9a4;padding:27px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.work-footer .wrap{display:flex;justify-content:space-between;gap:20px}.case-breadcrumb{display:flex;align-items:center;gap:17px;color:#55514c;font-size:11px;letter-spacing:.12em;font-weight:700;padding:48px 0 35px}.case-breadcrumb a:hover{color:#087d8b}.case-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:end;padding-bottom:50px}.case-head h1{font-size:clamp(58px,8vw,125px);overflow-wrap:anywhere}.gold-dot{color:var(--gold)}.case-lead{font-size:clamp(17px,2vw,24px);color:#52514e;line-height:1.55;max-width:670px}.case-facts{border-top:1px solid #bbb2a4;margin:0}.case-facts div{border-bottom:1px solid #bbb2a4;padding:18px 0}.case-facts dt{font-size:9px;font-weight:800;letter-spacing:.19em;color:#818079}.case-facts dd{margin:8px 0 0;font-size:14px;font-weight:700}.case-hero{background:#101212;min-height:200px}.case-hero img{display:block;width:100%;max-height:710px;object-fit:cover;aspect-ratio:1.9}.case-placeholder{display:grid;place-items:center;min-height:410px;color:#eee;font-size:clamp(28px,6vw,80px);font-weight:900}.case-main{display:grid;grid-template-columns:230px minmax(0,740px);gap:8%;padding:90px 0 100px}.case-main aside{border-top:2px solid var(--gold);padding-top:25px}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.case-tags span{border:1px solid #b5ada1;padding:9px 11px;font-size:10px;letter-spacing:.04em}.case-out-link{font-size:11px;font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:10px}.case-story{font-size:17px;line-height:1.8;color:#3b3a36}.case-story h2{font-size:clamp(32px,3.8vw,55px);line-height:1.1;letter-spacing:-.065em;margin:35px 0 18px;color:#151515}.case-story h2:first-child{margin-top:0}.case-story figure{margin:20px 0}.case-story figure img{display:block;width:100%}.case-story blockquote{border-left:4px solid var(--gold);padding-left:24px;font-size:1.23em;font-weight:600}.case-story a{color:#066a78;text-decoration:underline}.case-story li{padding:4px 0}.case-gallery{padding-bottom:110px}.section-bar-light{border-bottom:1px solid #bcb6aa;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:20px;font-size:10px;letter-spacing:.12em}.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-gallery figure{margin:0}.case-gallery figure:nth-child(3n){grid-column:span 2}.case-gallery img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#dfd9ce}.case-gallery figcaption{color:#6f6b65;font-size:12px;line-height:1.5;margin-top:8px}.next-project{padding:70px 0 100px;border-top:1px solid #aaa}.next-project h2{font-size:clamp(48px,7vw,100px);line-height:1;letter-spacing:-.08em;margin:16px 0 30px}.case-error{padding:100px 0 130px}.case-error h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.07em;line-height:.95}.case-error p{margin-bottom:30px;color:#666}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-contact{display:none}.work-intro{padding:75px 0 36px}.case-head{grid-template-columns:1fr}.case-facts{display:flex;flex-wrap:wrap;gap:20px}.case-facts div{flex:1 1 140px}.case-main{gap:30px;grid-template-columns:175px 1fr}.work-nav{min-height:85px}}@media(max-width:600px){.wrap{width:calc(100% - 38px)}.work-brand img{width:47px;height:47px}.work-brand span{font-size:10px}.work-brand small{font-size:7px}.work-menu{gap:12px}.work-menu a{font-size:9px}.work-nav{min-height:77px;gap:12px}.work-intro{padding:64px 0 28px}.work-intro h1{font-size:clamp(61px,13.5vw,90px)}.work-intro p{font-size:14px}.work-toolbar{align-items:start;flex-direction:column}.work-grid{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.work-card-art{aspect-ratio:1.5}.work-invite .wrap{flex-direction:column;align-items:start}.work-footer .wrap{flex-wrap:wrap}.case-breadcrumb{padding:30px 0 25px}.case-head{padding-bottom:30px}.case-head h1{font-size:clamp(50px,12vw,75px)}.case-lead{font-size:16px}.case-main{grid-template-columns:1fr;padding:45px 0 55px;gap:35px}.case-gallery-grid{grid-template-columns:1fr}.case-gallery figure:nth-child(3n){grid-column:auto}.case-gallery{padding-bottom:70px}.next-project{padding:60px 0}}


/* V7.2 — Editorial typography audit: preserve display weight without merging glyphs. */
.work-intro h1{
  font-size:clamp(4.375rem,8vw,8.25rem);
  letter-spacing:-.035em;
  word-spacing:.105em;
  line-height:1.025;
  text-wrap:balance;
  overflow-wrap:normal;
}
.case-head h1{
  font-size:clamp(3.25rem,7.6vw,7rem);
  letter-spacing:-.038em;
  word-spacing:.09em;
  line-height:1.045;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.case-placeholder{letter-spacing:-.035em;word-spacing:.08em;overflow-wrap:anywhere;text-align:center;padding:1em}
.work-invite h2,.next-project h2,.case-error h1{
  letter-spacing:-.038em;
  word-spacing:.105em;
  line-height:1.065;
  overflow-wrap:anywhere;
}
.work-card h2{letter-spacing:-.028em;line-height:1.19;overflow-wrap:anywhere}
.work-card p,.case-story,.case-facts dd,.case-gallery figcaption{overflow-wrap:anywhere}
.case-story h2{letter-spacing:-.035em;word-spacing:.065em;line-height:1.14}
.case-story h3{line-height:1.22;overflow-wrap:anywhere}
.case-story img,.case-story iframe{max-width:100%;height:auto}
.case-story pre{max-width:100%;overflow-x:auto}
.work-brand span,.work-menu a,.work-eyebrow,.case-breadcrumb{line-height:1.5}
.work-menu a,.work-contact,.filter,.solid-btn{letter-spacing:.095em}
.work-card-meta{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:900px){
 .work-intro h1{font-size:clamp(3.5rem,8.8vw,6rem)}
 .case-head h1{font-size:clamp(3rem,8.8vw,6rem)}
}
@media(max-width:600px){
 .work-intro h1{font-size:clamp(2.2rem,10.4vw,4.75rem);letter-spacing:-.028em;word-spacing:.085em;line-height:1.08}
 .case-head h1{font-size:clamp(2.5rem,10.2vw,5.25rem);line-height:1.09;letter-spacing:-.03em}
 .work-invite h2,.next-project h2{line-height:1.1}
 .work-intro{padding-top:62px}
}

.skip-to-content{position:fixed;top:-90px;left:16px;z-index:100;background:#d5a021;color:#111;padding:12px 16px;font-weight:700;text-decoration:none}.skip-to-content:focus{top:12px}

/* V7.2 QA: comfortable mobile navigation with no overflow at 320px. */
@media(max-width:600px){
 .work-nav{flex-wrap:wrap;gap:8px;padding:14px 0 12px;min-height:0}
 .work-brand{width:100%;flex:0 0 100%}
 .work-menu{width:100%;display:flex;justify-content:flex-start;gap:clamp(15px,5.3vw,30px);padding-top:3px}
 .work-menu a{font-size:10px;letter-spacing:.095em}
}