/* Narrower, more readable composition */
:root{--accent:#a2c523}
.hero-portrait{display:block;width:180px;height:225px;max-width:180px;object-fit:cover;object-position:center 24%;border:1px solid rgba(255,255,255,.22)}
.hero-main{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(36px,5vw,74px);align-items:end;padding-right:0}.hero-message{max-width:760px;align-self:end}.hero-portrait{position:static;transform:none}.hero h1{white-space:nowrap}
.hero-message>p{position:relative;top:6px;max-width:650px;color:#b8b8b8;margin:20px 0 0;font-size:20px;line-height:1.48}
.topbar,.hero,.credibility,.projects,.slide-gallery,.about,.contact{padding-left:clamp(32px,14.5vw,280px);padding-right:clamp(32px,14.5vw,280px)}
.hero{padding-top:125px;padding-bottom:38px}
.hero-main>div:first-child>p{max-width:620px;font-size:18px;line-height:1.55}
.hero h1{font-size:clamp(2.5rem,4.7vw,5rem)}
.eyebrow,.section-label{font-size:19px;letter-spacing:.1em;line-height:1.3}
.brand-name{color:var(--accent);font-family:var(--sans);font-size:21px;font-weight:600;letter-spacing:-.02em}.identity .mark{width:42px;height:42px;font-size:13px}
.logo-collection{margin-top:18px;background:#fff;padding:clamp(10px,1.2vw,18px)}.logo-collection img{display:block;width:100%;height:auto}
.hugo-case{display:grid;grid-template-columns:1fr;padding-bottom:62px;gap:22px}.hugo-case .case-visual{min-height:0;aspect-ratio:540/107;background:#090909}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.hugo-case .case-copy{display:grid;grid-template-columns:120px minmax(180px,.65fr) minmax(280px,1.35fr);gap:14px 24px;align-items:start}.hugo-case .case-copy h3,.hugo-case .case-copy p{margin:0}.hugo-case .quiet,.hugo-case .case-study-button{grid-column:3}
.standard-video{aspect-ratio:16/9;background:#090909;min-height:0}
.case-no{font-size:14px}.case-copy>.quiet{display:block}.case-study-button{display:block;clear:both;width:max-content;margin-top:16px;padding:8px 14px;border:1px solid #777;border-radius:99px;color:#666;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.light .case-study-button{border-color:#aaa;color:#777}
.gallery-label{margin:0 0 24px}.gallery-lead.visual-craft-columns{display:grid!important;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)!important;gap:20px;align-items:start;margin-bottom:46px}.visual-craft-columns .gallery-head{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:2px}.visual-craft-columns .rebrand-lead{grid-column:2;width:100%;max-width:none;margin:0}.gallery-lead .art{aspect-ratio:16/9}.gallery-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,3.8vw,4.2rem);line-height:1;letter-spacing:-.045em}.visual-craft-columns .gallery-head>p:last-child{margin:0;color:#999;max-width:340px;font-size:15px;line-height:1.55}
.gallery-pair{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid .gallery-pair .tile{grid-column:auto;margin:0}.gallery-pair .art{aspect-ratio:16/9}.gallery-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:32px}.gallery-stack .tile{grid-column:1/-1;margin:0}.gallery-stack .art.pacsun{aspect-ratio:1920/377}.gallery-stack .art.nordstrom{aspect-ratio:1920/370}.gallery-stack .art.has-image img{object-fit:contain}.gallery-grid .panorama{grid-column:1/-1}.gallery-grid .panorama .art{aspect-ratio:5.4/1}
.gallery-stack figcaption p,.gallery-grid .panorama figcaption p{width:100%;max-width:none}
.art.has-image:before{display:none}.art.has-image img{display:block;width:100%;height:100%;object-fit:cover}.art.pacsun{aspect-ratio:1920/377}.art.nordstrom{aspect-ratio:1920/370}.gallery-grid .panorama .art.dicks{aspect-ratio:2.1/1}.gallery-grid .panorama .art.dicks img{object-position:center 58%}
.projects .section-intro{grid-template-columns:minmax(230px,1fr) 3fr;align-items:start}.projects .section-intro>.section-label,.projects .section-intro>h2{align-self:start;margin-top:0;padding-top:0;line-height:1;text-box-trim:trim-start;text-box-edge:cap alphabetic}.projects .section-intro>.section-label{margin-bottom:0}.projects .section-intro>.section-label span{display:block}.projects .section-intro h2{position:static;font-size:clamp(2rem,3.15vw,3.3rem);max-width:850px;white-space:nowrap;padding-left:clamp(18px,2vw,34px)}
.project-heading span{display:block}.project-heading .project-client{font-weight:600;white-space:nowrap}.project-heading .project-title{margin-top:4px;font-size:.82em;font-weight:400;color:#555}
.about{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);grid-template-rows:auto auto auto;column-gap:2vw;row-gap:0}.about-label{grid-column:1;grid-row:1;margin:19px 0}.about-heading{grid-column:1;grid-row:2;align-self:start}.about-copy{grid-column:2;grid-row:2;align-self:start;max-width:none;padding-top:0}.about-heading,.about-copy .lead{text-box-trim:trim-start;text-box-edge:cap alphabetic}.about-copy .lead{margin:0 0 16px}.about-copy>p:not(.lead){margin:0}.about .capabilities{margin-top:24px}.resume-link{display:inline-block;width:max-content;border:1px solid currentColor;border-radius:99px;padding:8px 13px;color:inherit;font-size:12px;line-height:1.2;letter-spacing:.08em;text-decoration:none}.about-resume{margin-top:20px;color:#666}.experience-glance{grid-column:1/-1;grid-row:3;margin-top:52px;padding-top:26px;border-top:1px solid #c9c9c4}.experience-glance>.section-label{margin:0 0 22px;font-size:13px;color:#666}.experience-progression{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}.experience-progression b,.experience-progression span{display:block}.experience-progression b{min-height:4.05em;font-size:14px;line-height:1.35;letter-spacing:.07em}.experience-progression .experience-role{min-height:5.6em;margin-top:10px;color:#3f3f3f;font-size:15px;line-height:1.4;font-weight:600}.experience-progression .experience-detail{margin-top:10px;color:#777;font-size:13px;line-height:1.5}
.contact-row{gap:clamp(40px,7vw,110px)}.contact-intro{flex:1}.contact-intro>p{margin-top:0}.contact-intro .resume-link{margin-top:18px;color:#aaa}.contact-form{width:min(560px,52%)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:block}.contact-form label span{display:block;margin-bottom:7px;color:#aaa;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;padding:10px 0;background:transparent;color:#fff;font:inherit;outline:none}.contact-form textarea{resize:vertical;min-height:96px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.contact-form button{border:1px solid var(--accent);border-radius:99px;padding:10px 16px;background:var(--accent);color:#101113;font:600 12px/1.2 var(--sans);letter-spacing:.09em;cursor:pointer}.contact-form button:disabled{cursor:wait;opacity:.65}.form-status{margin:0!important;color:#aaa!important;font-size:13px!important}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(min-width:761px){.contact-row{align-items:flex-start}}
@media(max-width:760px){.topbar,.hero,.credibility,.projects,.slide-gallery,.about,.contact{padding-left:24px;padding-right:24px}.brand-name{font-size:16px}.hero-main{grid-template-columns:100px minmax(0,1fr);gap:20px}.hero h1{white-space:normal}.hero-message>p{top:0;font-size:17px}.hero-portrait{width:100px;height:125px;max-width:100px;margin-top:0}.projects .section-intro{grid-template-columns:1fr}.projects .section-intro h2{white-space:normal;padding-left:0}.project-heading .project-client{white-space:normal}.hugo-case .case-copy{display:block}.hugo-case .case-copy>*{margin-bottom:10px}.hugo-case .quiet{display:block}.gallery-label{margin-bottom:18px}.gallery-lead.visual-craft-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px;margin-bottom:34px}.gallery-head h2{font-size:clamp(1.8rem,6vw,2.4rem)}.gallery-pair{grid-template-columns:1fr}.gallery-pair .tile{margin-bottom:24px}.gallery-stack{gap:24px}.about{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.about-label{grid-column:1;grid-row:1}.about-heading{grid-column:1;grid-row:2}.about-copy{grid-column:1;grid-row:3;padding-top:0}.experience-glance{grid-column:1;grid-row:4;margin-top:36px}.experience-progression{grid-template-columns:1fr;gap:18px}.experience-progression b,.experience-progression .experience-role{min-height:0}.contact-desktop-break{display:none}.contact-form{width:100%;margin-top:36px}.contact-fields{grid-template-columns:1fr;gap:16px}.contact-form-actions{align-items:flex-start;flex-direction:column}.footer-lockup{margin-top:4px}}
