
:root{
  --paper:#F7F6F2;--paper-2:#FCFBF8;--ink:#111014;--muted:#69646F;--line:#DCD8E1;
  --purple:#2A1247;--violet:#6A35FF;--lavender:#C8B7FF;--soft-purple:#EEE8FF;
  --max:1320px;--content:1120px;--reading:760px;--radius:4px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Instrument Sans",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea{font:inherit}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.site-header{width:min(var(--max),calc(100% - 64px));margin:0 auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:40}.masthead{display:flex;align-items:baseline;gap:14px;font-size:.82rem;font-weight:700;letter-spacing:.12em}.masthead small{font-size:.65rem;font-weight:500;color:var(--muted);letter-spacing:.1em}.main-nav{display:flex;gap:34px;align-items:center;font-size:.86rem}.main-nav a{position:relative;padding:8px 0}.main-nav a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--violet);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.main-nav a:hover::after,.main-nav a.is-active::after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;border:0;background:none;color:var(--ink);padding:10px 0;cursor:pointer}.page{width:min(var(--max),calc(100% - 64px));margin:0 auto}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);gap:8vw;align-items:center;padding:72px 0 86px}.eyebrow,.section-label,.project-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--violet)}.hero h1,.page-hero h1,.project-hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.045em;margin:14px 0}.hero h1{font-size:clamp(5.2rem,11vw,10.6rem);line-height:.75}.hero-role{font-size:clamp(1.05rem,1.5vw,1.35rem);margin:30px 0 8px}.hero-medium{color:var(--muted);font-size:.94rem}.hero-copy{max-width:580px;font-size:1.12rem;color:#3E3942;margin:30px 0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--purple)}.text-link::after{content:"→";transition:transform .2s ease}.text-link:hover::after{transform:translateX(5px)}.hero-media{display:flex;justify-content:center;align-items:center}.media-player{margin:0 auto}.media-player video{width:100%;height:auto;background:#0e0d10;box-shadow:0 26px 70px rgba(42,18,71,.10)}.media-player--portrait{width:min(100%,480px)}.media-player--landscape{width:min(100%,1040px)}.media-player--hero{width:min(100%,430px)}.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:220px 1fr;gap:40px;margin-bottom:54px;align-items:start}.section-head h2,.section-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,6vw,6.4rem);font-weight:400;line-height:.92;letter-spacing:-.04em;margin:0}.section-intro{max-width:680px;color:var(--muted);font-size:1.02rem;margin:12px 0 0}.selected-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:42px 28px;align-items:start}.selected-grid .project-card:nth-child(1),.selected-grid .project-card:nth-child(4){grid-column:span 7}.selected-grid .project-card:nth-child(2),.selected-grid .project-card:nth-child(3){grid-column:span 5}.selected-grid .project-card:nth-child(5){grid-column:2/span 6}.selected-grid .project-card:nth-child(6){grid-column:8/span 5}.project-card{min-width:0}.project-card__media{position:relative;display:block;background:var(--soft-purple);overflow:hidden}.project-card--portrait .project-card__media{aspect-ratio:9/16}.project-card--landscape .project-card__media{aspect-ratio:16/9}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-card__media:hover img{transform:scale(1.018)}.image-fallback{display:none;position:absolute;inset:0;place-items:center;font-family:"Instrument Serif";font-size:clamp(2rem,5vw,5rem);color:var(--purple);padding:20px;text-align:center}.project-card__media.image-missing .image-fallback{display:grid}.project-card__meta{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-top:14px}.project-card__meta h3{font-family:"Instrument Serif",Georgia,serif;font-size:1.55rem;font-weight:400;margin:0;letter-spacing:-.025em}.project-card__meta p{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:4px 0 0}.case-badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--violet);white-space:nowrap;padding-top:5px}.practice-strip{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start}.practice-strip blockquote{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.03em;margin:0}.practice-strip p{max-width:560px;color:var(--muted);font-size:1.05rem;margin:8px 0 26px}.page-hero{padding:94px 0 72px}.page-hero h1{font-size:clamp(5rem,10vw,10rem);line-height:.82}.page-hero p{max-width:680px;font-size:1.06rem;color:var(--muted);margin:26px 0 0}.work-section{padding:78px 0;border-top:1px solid var(--line)}.work-section__head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.work-section__head h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.8rem,5vw,5.4rem);font-weight:400;margin:0;line-height:.92}.work-section__head p{margin:0;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.project-grid{display:grid;gap:50px 28px}.project-grid--vertical{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.project-grid--landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid--ugc{grid-template-columns:repeat(2,minmax(0,430px));justify-content:start}.project-hero{padding:86px 0 58px}.project-hero__top{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.project-hero h1{font-size:clamp(5rem,11vw,11rem);line-height:.78}.project-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.project-back{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--purple);padding-bottom:16px}.project-film{padding:18px 0 86px}.project-copy{width:min(var(--reading),100%);margin:0 auto;padding:70px 0}.project-copy .lede{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;letter-spacing:-.03em;margin:0 0 28px}.project-copy p{font-size:1.03rem;color:#4A454E}.project-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.project-roles span{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#514B56}.case-block{padding:86px 0;border-top:1px solid var(--line)}.case-text{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:50px;max-width:1040px;margin:0 auto}.case-text h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:400;line-height:.96;margin:0}.case-text p{color:#4A454E;font-size:1.04rem;margin:6px 0 0;max-width:680px}.case-image{margin:0}.case-image img{width:100%;height:auto;background:var(--soft-purple)}.case-image.image-missing{aspect-ratio:16/9;background:var(--soft-purple)}.case-image.image-missing::after{content:attr(data-label);display:grid;place-items:center;height:100%;font-family:"Instrument Serif";font-size:3rem;color:var(--purple)}.case-image--wide{width:min(1180px,100%);margin:0 auto}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;width:min(1120px,100%);margin:0 auto}.case-asym{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;width:min(1160px,100%);margin:0 auto}.case-asym .case-image:last-child{margin-top:110px}.next-project{border-top:1px solid var(--line);padding:90px 0 120px;display:flex;justify-content:space-between;align-items:end;gap:30px}.next-project span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.next-project strong{display:block;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(3rem,6vw,6rem);line-height:.9;margin-top:10px}.about-hero{display:grid;grid-template-columns:1.05fr .75fr;gap:8vw;padding:94px 0 112px;align-items:start}.about-title h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(5rem,10vw,10rem);line-height:.8;font-weight:400;letter-spacing:-.04em;margin:14px 0 36px}.bio{font-size:1.08rem;max-width:670px}.bio p{margin:0 0 20px}.portrait{position:sticky;top:120px}.portrait img{width:100%;height:auto;max-height:740px;object-fit:cover;background:var(--soft-purple)}.portrait.image-missing{aspect-ratio:4/5;background:var(--soft-purple);display:grid;place-items:center;font-family:"Instrument Serif";font-size:3rem;color:var(--purple)}.about-section{padding:86px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:50px}.about-section h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;margin:6px 0;color:var(--violet)}.about-section__content{max-width:800px}.about-section__content .big{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.025em;margin:0 0 30px}.practice-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.practice-list span{padding:16px 0;border-bottom:1px solid var(--line);font-size:.9rem}.practice-list span:nth-child(odd){padding-right:20px}.contact-page{min-height:calc(100vh - 92px);padding:90px 0 110px;display:grid;grid-template-columns:1.05fr .8fr;gap:10vw;align-items:start}.contact-page h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(5rem,10vw,10rem);line-height:.8;font-weight:400;letter-spacing:-.04em;margin:14px 0 34px}.contact-lede{font-size:1.08rem;color:var(--muted);max-width:600px}.contact-links{margin-top:52px;display:grid;border-top:1px solid var(--line)}.contact-links a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:.82rem}.contact-form{display:grid;gap:26px;padding-top:14px}.field{display:grid;gap:8px}.field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.field input,.field textarea{border:0;border-bottom:1px solid #BEB9C4;background:transparent;padding:11px 0;color:var(--ink);outline:none;border-radius:0}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--violet)}.send-button{justify-self:start;border:0;background:var(--purple);color:white;padding:13px 20px;cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.site-footer{width:min(var(--max),calc(100% - 64px));margin:0 auto;border-top:1px solid var(--line);padding:28px 0 42px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;color:var(--muted);font-size:.72rem}.site-footer div{display:grid}.site-footer strong{color:var(--ink);font-weight:600}.site-footer p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.site-header,.page,.site-footer{width:min(100% - 40px,var(--max))}.hero{grid-template-columns:1fr;min-height:auto;padding:72px 0 88px}.hero h1{font-size:clamp(5.2rem,17vw,9rem)}.hero-media{justify-content:flex-start}.media-player--hero{width:min(100%,420px)}.section-head{grid-template-columns:1fr;gap:12px}.selected-grid{grid-template-columns:1fr 1fr}.selected-grid .project-card:nth-child(n){grid-column:auto}.project-grid--vertical{grid-template-columns:repeat(2,1fr)}.practice-strip{grid-template-columns:1fr;gap:40px}.about-hero,.contact-page{grid-template-columns:1fr}.portrait{position:relative;top:auto;max-width:620px}.case-text{grid-template-columns:1fr;gap:20px}.site-footer{grid-template-columns:1fr 1fr}.site-footer p:last-child{grid-column:1/-1}.project-hero__top{grid-template-columns:1fr}.project-back{padding-bottom:0}.about-section{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.site-header{min-height:76px}.masthead{gap:8px}.masthead small{display:none}.menu-toggle{display:block}.main-nav{position:fixed;inset:76px 0 auto 0;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:26px 20px 34px;font-size:1.15rem}.main-nav.is-open{display:flex}.page{width:calc(100% - 32px)}.site-header,.site-footer{width:calc(100% - 32px)}.hero{padding:54px 0 72px;gap:54px}.hero h1{font-size:clamp(4.6rem,25vw,7rem)}.hero-copy{font-size:1rem}.media-player--portrait,.media-player--hero{width:min(100%,420px)}.media-player--landscape{width:100%}.section{padding:74px 0}.section-title,.section-head h2{font-size:clamp(3.2rem,16vw,5rem)}.selected-grid,.project-grid--vertical,.project-grid--landscape,.project-grid--ugc{grid-template-columns:1fr;gap:44px}.project-card--portrait{max-width:440px}.work-section{padding:60px 0}.work-section__head{display:block}.work-section__head p{margin-top:12px}.page-hero{padding:64px 0 48px}.page-hero h1{font-size:clamp(4.4rem,23vw,7rem)}.project-hero{padding:58px 0 36px}.project-hero h1{font-size:clamp(4.4rem,22vw,7rem)}.project-film{padding:10px 0 60px}.project-copy{padding:54px 0}.project-copy .lede{font-size:2.45rem}.case-block{padding:60px 0}.case-pair,.case-asym{grid-template-columns:1fr;gap:18px}.case-asym .case-image:last-child{margin-top:0}.next-project{padding:70px 0 88px}.about-hero{padding:64px 0 80px}.about-title h1{font-size:clamp(4.5rem,23vw,7.3rem)}.about-section{padding:64px 0}.practice-list{grid-template-columns:1fr}.practice-list span:nth-child(odd){padding-right:0}.contact-page{padding:64px 0 84px}.contact-page h1{font-size:clamp(4.5rem,23vw,7.4rem)}.site-footer{grid-template-columns:1fr;gap:14px;padding:24px 0 34px}.site-footer p:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card__media img,.text-link::after{transition:none}}

/* 2026-08-26 refinement: compact LP monogram + calmer desktop portrait cards */
.masthead{align-items:center;gap:10px}.masthead-brand{display:flex;align-items:center;flex:0 0 auto}.masthead-logo{display:block;width:46px;height:34px;object-fit:contain;object-position:left center}.masthead-logo-fallback{display:none;font-size:.82rem;font-weight:700;letter-spacing:.08em}
@media(min-width:981px){.selected-grid .project-card.project-card--landscape{grid-column:span 8}.selected-grid .project-card.project-card--portrait{grid-column:span 4;width:min(100%,340px);justify-self:end}}
@media(max-width:680px){.masthead{gap:8px}.masthead-logo{width:42px;height:31px}}

/* 2026-08-26 v2.4: GD1 keeps its full natural frame, only its desktop footprint is reduced */
@media(min-width:981px){.case-block--good-damage-lead .case-image--wide{width:min(600px,52vw)}.case-block--good-damage-lead .case-image img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}}


/* 2026-08-28 v2.5: recruiter-facing case study context + production workflow */
.case-overview{width:min(1120px,100%);margin:0 auto;padding:0 0 78px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.case-overview__item{padding:28px 36px 30px 0;border-top:1px solid var(--line)}
.case-overview__item:nth-child(even){padding-left:36px;padding-right:0;border-left:1px solid var(--line)}
.case-overview__label{margin:0 0 12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--violet)}
.case-overview__item>p:last-child{margin:0;max-width:480px;color:#4A454E;font-size:.95rem;line-height:1.65}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.workflow-item{padding:22px 30px 24px 0;border-bottom:1px solid var(--line)}
.workflow-item:nth-child(even){padding-left:30px;padding-right:0;border-left:1px solid var(--line)}
.workflow-item h3{font-family:"Instrument Serif",Georgia,serif;font-size:1.7rem;font-weight:400;letter-spacing:-.02em;margin:0 0 7px}
.workflow-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
.toolkit{margin:28px 0 0;color:#4A454E;font-size:.82rem;line-height:1.7}
.toolkit span{display:inline-block;margin-right:10px;color:var(--violet);font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:680px){.case-overview{grid-template-columns:1fr;padding-bottom:54px}.case-overview__item,.case-overview__item:nth-child(even){padding:22px 0;border-left:0}.workflow-grid{grid-template-columns:1fr}.workflow-item,.workflow-item:nth-child(even){padding:20px 0;border-left:0}}
