:root{
  --ink:#111111; --muted:#606060; --orange:#f36a10; --rule:#e9e9e9; --soft:#f7f7f5; --max:1280px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#fff;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 72px),var(--max));margin-inline:auto}
.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{font-size:22px;color:var(--orange);font-weight:400}nav{display:flex;gap:38px}nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.hero{min-height:360px;padding-top:92px}.eyebrow,.section-label,.number,.case-kicker{margin:0;color:var(--orange);text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:600}h1{font-size:clamp(62px,7vw,106px);line-height:.92;letter-spacing:-.055em;font-weight:400;margin:36px 0 48px;max-width:900px}.hero-meta{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.11em}.hero-meta span,.project-caption span{color:var(--orange);padding:0 .42em}
.work{padding-top:20px;padding-bottom:88px}.work-heading{border-bottom:1px solid var(--rule);padding-bottom:18px}.section-label{margin:0}.project-row{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:72px;align-items:center;min-height:230px;padding:28px 0;border-bottom:1px solid var(--rule)}.project-copy{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:38px;align-items:start}.project-copy .number{grid-column:1;grid-row:1 / span 4;padding-top:5px}.project-copy h2,.project-copy .project-meta,.project-copy .view-project{grid-column:2}.project-copy h2{font-size:clamp(27px,2.4vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:400;margin:0 0 12px;max-width:560px}.project-copy h2 a:hover{color:var(--orange)}.project-meta{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.project-meta span{padding:0 .45em}.view-project{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;width:max-content}.view-project b{font-size:15px;color:var(--orange);padding-left:10px;font-weight:400}.project-thumb{display:block;width:390px;aspect-ratio:16/7;overflow:hidden;background:#f4f4f4}.project-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.project-thumb:hover img{transform:scale(1.015)}.monochrome img{filter:grayscale(100%)}
.site-footer{border-top:1px solid var(--rule);min-height:270px;padding-top:52px;padding-bottom:70px;display:flex;justify-content:space-between;align-items:flex-start}.site-footer>div:first-child{display:flex;flex-direction:column;gap:8px}.footer-title{font-size:28px;margin:0 0 20px;letter-spacing:-.03em}.site-footer a{font-size:13px}.footer-links{display:flex;gap:32px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.footer-links a{font-size:11px}
/* Case study */
.case-hero{padding-top:110px;padding-bottom:82px}.case-hero h1{font-size:clamp(52px,6vw,86px);line-height:.98;max-width:1050px;margin:26px 0 34px}.case-intro{font-size:21px;line-height:1.5;max-width:760px;margin:0;color:#333}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:68px;padding-top:28px;border-top:1px solid var(--rule)}.case-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.case-meta dd{margin:0;font-size:15px;line-height:1.45}.case-hero-image{width:min(calc(100% - 72px),var(--max));margin:0 auto 110px;aspect-ratio:16/8;overflow:hidden;background:var(--soft)}.case-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.case-section{display:grid;grid-template-columns:260px minmax(0,720px);gap:90px;padding:0 0 105px}.case-section h2{font-size:27px;line-height:1.1;margin:0}.case-copy p{font-size:17px;line-height:1.7;color:#303030;margin:0 0 22px}.case-copy p:last-child{margin-bottom:0}.case-quote{font-size:28px!important;line-height:1.35!important;letter-spacing:-.02em;color:var(--ink)!important}.case-image{margin:0 auto 105px;max-width:1000px}.case-image img{width:100%;display:block}.case-image figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:105px}.metric{padding:40px 26px 44px;border-right:1px solid var(--rule)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric strong{display:block;font-size:46px;font-weight:400;letter-spacing:-.04em;margin-bottom:10px}.metric span{font-size:13px;line-height:1.4;color:var(--muted)}.next-project{padding:85px 0 110px;border-top:1px solid var(--rule)}.next-project p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}.next-project a{font-size:38px;letter-spacing:-.035em}.next-project a:hover{color:var(--orange)}
@media(max-width:800px){.wrap{width:min(calc(100% - 36px),var(--max))}.site-header{min-height:82px}nav{gap:16px}nav a:nth-child(3),nav a:nth-child(4){display:none}.hero{min-height:580px;padding-top:100px}h1{font-size:clamp(54px,16vw,78px)}.work{padding-bottom:110px}.section-label{margin-bottom:50px}.project{max-width:100%;margin-left:0;margin-bottom:85px}.site-footer{min-height:230px}.case-hero{padding-top:80px}.case-meta{grid-template-columns:1fr;gap:20px}.case-hero-image{width:calc(100% - 36px);margin-bottom:75px}.case-section{grid-template-columns:1fr;gap:24px;padding-bottom:75px}.case-image{margin-bottom:75px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
@media(max-width:520px){.brand{font-size:18px}nav{gap:14px}nav a{font-size:10px}nav a:nth-child(2){display:none}.hero{min-height:520px;padding-top:78px}.eyebrow,.section-label,.number,.case-kicker{font-size:10px}h1{font-size:52px;margin-top:28px;margin-bottom:38px}.hero-meta{font-size:12px}.project{margin-bottom:72px}h2{font-size:32px}.site-footer{flex-direction:column;gap:44px}.case-intro{font-size:18px}.metrics{grid-template-columns:1fr}.metric,.metric:nth-child(2){border-right:0;border-bottom:1px solid var(--rule);padding-left:0}.metric:last-child{border-bottom:0}.next-project a{font-size:30px}}

@media(max-width:800px){.work{padding-bottom:80px}.project-row{grid-template-columns:1fr;gap:22px;padding:34px 0}.project-copy{grid-template-columns:48px 1fr;column-gap:18px}.project-thumb{width:100%;max-width:520px;margin-left:auto;aspect-ratio:16/9}.project-copy h2{font-size:30px}}
@media(max-width:520px){.project-copy{grid-template-columns:1fr}.project-copy .number,.project-copy h2,.project-copy .project-meta,.project-copy .view-project{grid-column:1}.project-copy .number{grid-row:auto;margin-bottom:10px}.project-row{padding:30px 0}}

.thumb-placeholder,.case-placeholder,.placeholder-grid>div{background:#f2f1ed;color:#9b9b96;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.6}.thumb-placeholder{width:100%;height:100%}.case-placeholder{width:min(calc(100% - 72px),var(--max));margin:0 auto 110px;aspect-ratio:16/8}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:105px}.placeholder-grid>div{aspect-ratio:4/3}.case-placeholder span{padding:20px}@media(max-width:800px){.case-placeholder{width:calc(100% - 36px);margin-bottom:75px}.placeholder-grid{grid-template-columns:1fr;margin-bottom:75px}}

.nav-pending{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#999;cursor:default}
@media(max-width:800px){.nav-pending:nth-of-type(2),.nav-pending:nth-of-type(3){display:none}.hero{min-height:410px;padding-top:82px}}
@media(max-width:520px){.hero{min-height:390px;padding-top:68px}.nav-pending{display:none}}

/* Photography */
.page-intro{padding:105px 0 86px}.page-intro h1{font-size:clamp(52px,6vw,84px);line-height:.98;margin:24px 0 30px;max-width:900px}.page-intro .lede{max-width:720px;font-size:19px;line-height:1.65;color:#333;margin:0}.gallery{padding-bottom:110px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 28px}.gallery-item{margin:0}.gallery-item img,.gallery-placeholder{width:100%;display:block;background:var(--soft);object-fit:cover}.gallery-item.wide{grid-column:span 8}.gallery-item.medium{grid-column:span 6}.gallery-item.small{grid-column:span 5}.gallery-item.offset{grid-column-start:7}.gallery-placeholder{aspect-ratio:4/3;color:#aaa;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.gallery-item figcaption{font-size:11px;color:var(--muted);margin-top:10px}.recognition{border-top:1px solid var(--rule);padding:78px 0 110px;display:grid;grid-template-columns:260px minmax(0,720px);gap:90px}.recognition h2{font-size:27px;font-weight:400;margin:0}.recognition-list{margin:0;padding:0;list-style:none}.recognition-list li{padding:15px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.5}.recognition-list strong{font-weight:600}
/* Flying */
.flying-hero{padding:105px 0 90px}.flying-hero h1{font-size:clamp(52px,6vw,84px);line-height:.98;margin:24px 0 30px;max-width:900px}.flying-hero .lede{font-size:20px;line-height:1.6;max-width:680px;color:#333}.essay-image{width:min(calc(100% - 72px),1100px);margin:0 auto 105px}.essay-image .gallery-placeholder{aspect-ratio:16/9}.essay-section{display:grid;grid-template-columns:260px minmax(0,680px);gap:90px;padding-bottom:100px}.essay-section h2{font-size:26px;font-weight:400;margin:0}.essay-section p{font-size:17px;line-height:1.75;color:#303030;margin:0 0 22px}.essay-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:min(calc(100% - 72px),1100px);margin:0 auto 105px}.essay-pair .gallery-placeholder{aspect-ratio:4/3}
@media(max-width:800px){.page-intro,.flying-hero{padding-top:75px}.gallery-grid{gap:45px 18px}.gallery-item.wide,.gallery-item.medium,.gallery-item.small,.gallery-item.offset{grid-column:1/-1}.recognition,.essay-section{grid-template-columns:1fr;gap:24px}.essay-image,.essay-pair{width:calc(100% - 36px)}.essay-pair{grid-template-columns:1fr}.gallery-placeholder{aspect-ratio:4/3}}

/* About */
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:100px;align-items:end;padding:105px 0 110px}.about-hero h1{font-size:clamp(52px,6vw,84px);line-height:.98;margin:24px 0 30px;max-width:850px}.about-lede{font-size:20px;line-height:1.6;max-width:680px;color:#333;margin:0}.about-portrait{aspect-ratio:4/5;background:var(--soft);color:#aaa;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.about-story,.about-now{display:grid;grid-template-columns:320px minmax(0,720px);gap:90px;padding:90px 0 105px;border-top:1px solid var(--rule)}.about-story h2,.about-now h2{font-size:30px;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:0}.about-copy p{font-size:17px;line-height:1.75;color:#303030;margin:0 0 24px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:105px}.about-principle{padding:42px 38px 50px;border-right:1px solid var(--rule)}.about-principle:first-child{padding-left:0}.about-principle:last-child{border-right:0}.about-principle span{font-size:11px;color:var(--orange);letter-spacing:.12em}.about-principle h3{font-size:24px;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:26px 0 16px}.about-principle p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.about-now{padding-top:0;border-top:0}.about-now .case-kicker{margin-bottom:20px}
@media(max-width:800px){.about-hero{grid-template-columns:1fr;gap:55px;padding:75px 0}.about-portrait{max-width:330px}.about-story,.about-now{grid-template-columns:1fr;gap:28px;padding:70px 0}.about-principles{grid-template-columns:1fr;margin-bottom:70px}.about-principle,.about-principle:first-child{padding:34px 0;border-right:0;border-bottom:1px solid var(--rule)}.about-principle:last-child{border-bottom:0}}

/* V8 image integration */
.about-portrait{overflow:hidden}.about-portrait img{width:100%;height:100%;object-fit:cover;display:block}.essay-image>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.essay-pair>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.process-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:105px}.process-gallery figure{margin:0;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:300px}.process-gallery img{width:100%;height:100%;max-height:620px;object-fit:contain;display:block}.workplace-environment{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-bottom:70px}.workplace-environment img{width:100%;height:100%;max-height:650px;object-fit:cover;display:block}.poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:105px}.poster-grid img{width:100%;display:block}.image-needed{background:#f2f1ed;color:#999;text-transform:uppercase;letter-spacing:.12em;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center}.gallery-item img{height:auto}.gallery-item.wide img{max-height:720px;object-fit:cover}.gallery-item.medium img,.gallery-item.small img{max-height:620px;object-fit:cover}@media(max-width:800px){.process-gallery,.workplace-environment{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(2,1fr)}.process-gallery{margin-bottom:75px}}

/* V10 Vanguard digital story */
.case-hero-contain{background:#f6f6f4}.case-hero-contain img{object-fit:contain;padding:18px}.before-after{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-bottom:105px}.before-after figure,.artifact-strip figure,.device-story figure{margin:0}.before-after span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:12px}.before-after img{width:100%;display:block;background:var(--soft);object-fit:contain;max-height:620px}.process-gallery-feature{grid-template-columns:1.35fr .65fr}.process-gallery-feature .feature{grid-row:span 2}.process-gallery-feature .feature img{object-fit:cover}.artifact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:105px;align-items:start}.artifact-strip figure{background:var(--soft)}.artifact-strip img{width:100%;height:330px;object-fit:contain;display:block}.artifact-strip figcaption{background:#fff;padding-top:12px;font-size:11px;color:var(--muted)}.device-story{display:grid;grid-template-columns:1.7fr repeat(3,.65fr);gap:22px;align-items:center;margin-bottom:105px}.device-story img{width:100%;max-height:620px;object-fit:contain;display:block}.device-story figure{background:var(--soft);padding:12px}.device-story .desktop{padding:18px}.case-credit{padding-top:20px;border-top:1px solid var(--rule)}.case-credit strong{font-weight:600}
@media(max-width:800px){.before-after,.process-gallery-feature,.artifact-strip,.device-story{grid-template-columns:1fr}.process-gallery-feature .feature{grid-row:auto}.artifact-strip img{height:auto}.device-story figure{max-width:560px}.case-hero-contain img{padding:8px}}

/* V11 final portfolio polish */
.gallery-grid{align-items:start}.gallery-item img{width:100%;height:auto;max-height:none;object-fit:contain}.gallery-item.small{grid-column:span 6}.gallery-item.offset{grid-column-start:auto}.gallery-item.medium{grid-column:span 6}.gallery-item.wide{grid-column:span 12}.gallery-item.wide img{max-height:none;object-fit:contain}.design-artifacts figure{background:#fff;min-height:0}.design-artifacts img{max-height:none;height:auto;object-fit:contain}.flying-lead{max-width:1100px}.flying-lead img{aspect-ratio:auto;max-height:820px;object-fit:contain}.flying-grid{width:min(calc(100% - 72px),1100px);margin:0 auto 105px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.flying-grid figure{margin:0;overflow:hidden;background:var(--soft)}.flying-grid img{width:100%;height:100%;min-height:340px;max-height:580px;object-fit:cover;display:block}.flying-grid .flying-tall{grid-row:span 2}.flying-grid .flying-tall img{max-height:none}.flying-wide{width:min(calc(100% - 72px),1100px);margin:0 auto 80px}.flying-wide img{width:100%;display:block}.flying-small-story{display:grid;grid-template-columns:minmax(260px,430px) minmax(0,430px);gap:60px;align-items:center;padding-bottom:110px}.flying-small-story img{width:100%;display:block}.flying-small-story p{font-size:17px;line-height:1.7;color:#303030;margin:0}@media(max-width:800px){.gallery-item.wide,.gallery-item.medium,.gallery-item.small,.gallery-item.offset{grid-column:1/-1}.flying-grid{width:calc(100% - 36px);grid-template-columns:1fr;margin-bottom:75px}.flying-grid .flying-tall{grid-row:auto}.flying-grid img{height:auto;min-height:0;max-height:none}.flying-wide{width:calc(100% - 36px);margin-bottom:60px}.flying-small-story{grid-template-columns:1fr;gap:24px;padding-bottom:80px}}

/* V12 design artifact readability */
.design-artifacts-stack{grid-template-columns:1fr;gap:54px;max-width:1180px;margin-left:auto;margin-right:auto}.design-artifacts-stack figure{display:block}.design-artifacts-stack img{width:100%;height:auto;max-height:none}.design-artifacts-stack figcaption{font-size:11px;color:var(--muted);margin-top:12px}.artifact-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;text-align:inherit}.artifact-open img{transition:opacity .2s ease}.artifact-open:hover img{opacity:.94}.artifact-open:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.modal-open{overflow:hidden}.image-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:32px}.image-modal.is-open{display:flex}.image-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.image-modal-content{position:relative;z-index:2;max-width:min(94vw,1600px);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 18px 70px rgba(0,0,0,.3)}.image-modal-content img{display:block;width:auto;max-width:none;height:auto;min-width:min(1200px,88vw)}.image-modal-close{position:fixed;z-index:3;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media(max-width:800px){.design-artifacts-stack{gap:36px}.image-modal{padding:16px}.image-modal-content img{min-width:1100px}.image-modal-close{top:10px;right:10px}}

/* V13 photography sizing + lightbox */
.photography-grid{display:flex;flex-direction:column;gap:64px;align-items:center}.photography-grid .gallery-item{width:min(100%,900px);margin:0}.photography-grid .gallery-item img{width:100%;height:auto;display:block}.photo-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.photo-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:44px}.photo-modal.open{display:flex}.photo-modal img{max-width:min(94vw,1400px);max-height:90vh;width:auto;height:auto;object-fit:contain}.photo-modal-close{position:fixed;top:18px;right:24px;border:0;background:transparent;color:#fff;font-size:40px;line-height:1;cursor:pointer}.flying-grid figcaption{font-size:11px;color:var(--muted);padding:10px 12px 12px;background:#fff}.flying-grid .flying-tall{display:flex;flex-direction:column}.flying-grid .flying-tall img{flex:1;min-height:0}@media(max-width:800px){.photography-grid{gap:36px}.photo-modal{padding:24px}}
