/* Mobile viewport, browser chrome, and touch navigation. */
@media(max-width:1024px){html{background:var(--browser-theme,#191a15)}}
.mobile-menu-toggle{display:none}
@media(max-width:1024px){
 :root{--mobile-nav-height:calc(64px + env(safe-area-inset-top,0px));--site-gutter:24px}
 html{scroll-padding-top:calc(var(--mobile-nav-height) + 16px);scroll-behavior:auto;overscroll-behavior-y:auto}
 body.page-home,body.page-inner{padding-bottom:0!important;min-height:100svh;overflow-x:clip}
 header.nav,body.page--plain header.nav{display:flex!important;grid-template:none!important;align-items:center!important;justify-content:space-between!important;justify-items:normal!important;height:var(--mobile-nav-height)!important;min-height:var(--mobile-nav-height)!important;gap:16px!important;padding:env(safe-area-inset-top,0px) max(20px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:1000}
 header.nav .nav__mark{font-size:24px!important;justify-content:flex-start!important}
 .mobile-menu-toggle{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;flex:none;padding:10px;border:0;border-radius:6px;background:transparent;color:#201f1a;cursor:pointer}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;border-radius:1px;transition:transform 180ms ease,opacity 180ms ease}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
 header.nav.mobile-navigation-ready .nav__links{display:none!important}
 header.nav .nav__links.is-mobile-open{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0!important;padding:12px 24px 24px;width:auto;max-height:calc(100svh - var(--mobile-nav-height));overflow-y:auto;background:#f1f0e8;border-bottom:1px solid #c7c7ba;box-shadow:0 16px 24px rgba(0,0,0,.12)}
 header.nav .nav__links.is-mobile-open a{min-height:56px;justify-content:flex-start;font-size:20px!important;border-bottom:1px solid rgba(36,35,29,.12)}
 header.nav .nav__links a[aria-current=page]::after{content:none}
 .footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
 .page-inner .contact-wrap{padding-top:var(--mobile-nav-height)}
 .page-inner #main.contact.contact--split{min-height:calc(100svh - var(--mobile-nav-height))!important;padding-top:40px!important;padding-bottom:40px!important}
 .page-inner .plain-top{padding-top:calc(var(--mobile-nav-height) + 40px)}
 .statement--landing{--runway:300svh!important}
 .js .statement--landing .statement__pin{position:sticky!important;top:0;height:100svh!important;min-height:100svh!important;padding:calc(var(--mobile-nav-height) + 24px) var(--site-gutter) 24px!important}
 .statement--landing .statement__body{transform:none!important;margin:0!important}
 .statement--landing .statement__text{height:calc(100svh - var(--mobile-nav-height) - 48px)!important;font-size:clamp(20px,5.3vw,26px)!important;line-height:1.28!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 48px),transparent)!important;mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 48px),transparent)!important}
 .statement--landing .statement__text>*{top:12%!important}
 .statement--landing .statement__bg{animation:none!important;will-change:auto}
 .page-home #work.hero{height:100svh!important;min-height:100svh!important;overflow:clip!important}
 .page-home #work .hero__viewport{position:relative!important;height:100svh!important;min-height:100svh!important;padding:calc(var(--mobile-nav-height) + 16px) 0 max(16px,env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:12px!important}
 .page-home #work .hero__projects{height:100%;min-height:0;display:flex!important}
 .page-home #work .work{height:100%;min-height:0;flex:1 1 auto!important;padding:0!important}
 .page-home #work .work__track{height:100%;align-items:stretch!important}
 .page-home #work .slide{height:100%;min-height:0;width:min(calc(100vw - 48px),440px)!important;display:flex;flex-direction:column}
 .page-home #work .slide .frame{min-height:0;flex:1 1 auto;padding:14px!important;overflow:hidden}
 .page-home #work .slide__media{flex:1 1 auto!important;height:auto!important;aspect-ratio:auto!important;min-height:60px!important;max-height:none}
 .page-home #work .slide__media img{height:100%;object-fit:cover}
 .page-home #work .slide__title{font-size:clamp(21px,5.5vw,28px)!important;line-height:1.12!important;padding:14px 0 0!important}
 .page-home #work .aside-project-info{padding:10px 0 0!important}
 .page-home #work .aside-project-info .label{font-size:11px!important;line-height:1.35;letter-spacing:.025em}
 .page-home #work .aside-project-info .body{font-size:15px!important;line-height:1.4!important;margin-top:8px!important}
 .page-home #work .slide .slide__detail{margin-top:10px!important;flex:none}
 .page-home #work .slide__meta a{min-height:44px!important;font-size:13px!important;padding:10px 6px!important}
 .page-home #work .hero__facts{width:calc(100% - 48px)!important;max-width:440px;gap:4px 16px!important}
 .page-home #work .hero__facts li{font-size:11px!important;line-height:1.3}
 .page-home #work .hero__facts li.hero__slider-cell{gap:12px}
 .page-home #work .hero__slider-cell input[type=range]{height:44px}
 .page-home #background{box-sizing:border-box;min-height:100svh;padding-top:calc(var(--mobile-nav-height) + 24px);padding-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
 .page-home #background>.pill{margin-bottom:0}
 .page-home #background .bg__name{font-size:34px}
 .page-home #background .bg__portrait{width:min(100%,420px)!important;height:clamp(140px,30dvh,320px)!important;aspect-ratio:auto!important;margin:0!important;max-height:40dvh;min-height:120px;flex-shrink:1}
 .page-home #background .strip{margin:0!important;padding:16px;gap:16px;flex-wrap:wrap;justify-content:flex-start}
 .page-home #background .strip__thumbs{display:none}
 .page-home #background .strip__copy{flex:0 1 auto}
 .page-home #background .strip__copy p{font-size:15px;line-height:1.4}
 .page-home #background .strip .btn{min-height:44px}
 /* Full-screen mobile heroes keep their image behind legible, safely inset content. */
 .page-inner .hero.hero--single,.page-inner .hero.hero--single.case-hero{display:flex!important;flex-direction:column;justify-content:center;height:auto!important;min-height:100svh!important;padding:0!important;isolation:isolate}
 .page-inner .hero--single .hero__sharp,.page-inner .hero--single.case-hero .hero__sharp{position:absolute!important;inset:0!important;grid-area:auto!important;margin:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;z-index:0}
 .page-inner .hero--single .hero__sharp img{width:100%;height:100%;object-fit:cover;object-position:center}
 .page-inner .hero--single .hero__sharp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,15,.84),rgba(15,18,15,.75) 65%,rgba(15,18,15,.88));pointer-events:none}
 .page-inner .hero--single .hero__blur{display:none!important}
 .page-inner .hero--single .hero__copy,.page-inner .hero--single.case-hero .hero__copy{display:flex;flex-direction:column;position:relative!important;inset:auto!important;z-index:3;width:auto!important;min-height:100svh!important;max-width:none!important;margin:0!important;padding:calc(var(--mobile-nav-height) + 28px) var(--site-gutter) max(28px,env(safe-area-inset-bottom,0px))!important;justify-content:center;align-self:stretch}
 .page-inner .hero--single .case-hero__intro{margin:auto 0!important}
 .page-inner .hero--single .hero__line,.page-inner .hero--single.case-hero .hero__line{margin:0 0 20px!important;padding:0!important}
 .page-inner .hero--single .hero__copy .h1,.page-inner .hero--single.case-hero .hero__copy .h1{font-size:clamp(30px,7.6vw,44px)!important;line-height:1.08!important}
 .page-inner .hero--single .hero__sub{font-size:16px!important;line-height:1.5;margin-top:18px!important}
 .page-inner .hero--single .btn-row{margin-top:20px!important;gap:12px!important}
 .page-inner .hero--single .btn{min-height:44px!important;padding:12px 18px!important;font-size:14px!important}
 .page-inner .hero--single .hero__facts,.page-inner .hero--single.case-hero .hero__facts{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;margin:28px 0 0!important;gap:16px!important;padding:0!important;z-index:3}
 .page-inner .hero--single .hero__facts li{font-size:13px!important;line-height:1.4}
 .page-inner .hero--single .hero__facts small{font-size:12px!important;margin-bottom:4px}
 .page-inner .hero--single.case-hero .hero__facts li:last-child{grid-column:1 / -1}
 [data-page=about] .hero--single>.hero__facts{margin:0 var(--site-gutter) 28px!important}
 [data-page=about] .hero--single .hero__copy{min-height:calc(100svh - 96px)!important;padding-bottom:24px!important}
 .page-inner .statement__pin{min-height:100svh!important;padding-top:calc(var(--mobile-nav-height) + 32px);padding-bottom:48px}
 .page-inner .statement__body{margin-top:0}
 .page-inner .statement__label{top:calc(var(--mobile-nav-height) + 16px)}
 .about-story__stage{height:100svh;margin-bottom:-100svh}
 .js .about-story__bg{animation:none;will-change:auto}
 .js [data-in]{filter:none!important;transition-delay:0ms!important;transition-duration:240ms!important}
}
@media(max-width:1024px) and (max-height:700px){
 .page-home #work .hero__viewport{padding-top:calc(var(--mobile-nav-height) + 10px)!important;gap:8px!important}
 .page-home #work .slide .frame{padding:12px!important}
 .page-home #work .slide__title{font-size:21px!important;padding-top:10px!important}
 .page-home #work .aside-project-info{padding-top:8px!important}
 .page-home #work .aside-project-info .body{font-size:14px!important;line-height:1.35!important;margin-top:6px!important}
 .page-home #work .aside-project-info .label{font-size:10px!important}
 .page-inner .hero--single .hero__copy,.page-inner .hero--single.case-hero .hero__copy{padding-top:calc(var(--mobile-nav-height) + 20px)!important;padding-bottom:20px!important}
 .page-inner .hero--single .hero__copy .h1,.page-inner .hero--single.case-hero .hero__copy .h1{font-size:28px!important}
 .page-inner .hero--single .hero__sub{margin-top:12px!important;font-size:15px!important;line-height:1.4}
 .page-inner .hero--single .hero__line,.page-inner .hero--single.case-hero .hero__line{margin-bottom:12px!important}
 .page-inner .hero--single .hero__facts,.page-inner .hero--single.case-hero .hero__facts{margin-top:20px!important;gap:12px!important}
}
@media(max-width:1024px) and (max-height:500px){
 /* Landscape uses document flow instead of clipping meaningful content. */
 .page-home #work.hero,.page-home #work .hero__viewport{height:auto!important;min-height:100svh!important;overflow:visible!important}
 .page-home #work .hero__projects,.page-home #work .work,.page-home #work .work__track,.page-home #work .slide{height:auto}
 .page-home #work .slide__media{flex:none!important;height:120px!important;min-height:120px!important}
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js [data-in]{opacity:1!important;visibility:visible!important;transform:none!important}
 .js .statement--landing{height:auto!important;min-height:100svh}
 .js .statement--landing .statement__pin{position:relative!important;height:auto!important;min-height:100svh!important}
 .statement--landing .statement__text{height:auto!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}
 .statement--landing .statement__text>*{top:auto!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important}
 .statement--landing .statement__text .w{filter:none!important;opacity:1!important}
}

.resume__courses{list-style:disc;padding-left:20px;margin:14px 0 0;font-size:16px;line-height:1.6}.resume__courses li+li{margin-top:4px}

@media(max-width:1024px){.case-image-dialog img{width:100%!important;max-width:100%!important;height:auto!important}.case-image-dialog{max-width:100vw!important;overflow-x:hidden}}

@media(max-width:1024px){.page-home #background>.pill{align-self:center}.page-home #background .bg__portrait img{transform:none!important;object-position:50% 30%!important}.page-inner .statement__text{max-width:100%}}
@media(max-width:1024px) and (max-height:700px){[data-page=about] .hero--single>.hero__facts{margin-bottom:16px!important}}

/* Keep the select chevron inset on every inquiry form. */
#contact-reason{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23f7f4ed' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;padding-right:44px}@media(forced-colors:active){#contact-reason{appearance:auto;-webkit-appearance:auto;background-image:none}}

@media(max-width:1024px){.page-home #work .hero__projects{position:relative!important;inset:auto!important;order:1}.page-home #work .hero__facts{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;justify-content:space-between!important;align-items:center!important;margin:0 auto!important;order:2}.page-home #work .hero__facts li.hero__slider-cell{grid-row:1;grid-column:1 / -1;width:100%!important}.page-home #work .hero__facts li:first-child{grid-row:2;grid-column:1}.page-home #work .hero__facts li:last-child{grid-row:2;grid-column:2}.page-home #work .hero__blur{position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;z-index:0}.page-home #work .hero__blur img{height:100%;object-fit:cover}.page-home #work .hero__projects,.page-home #work .hero__facts{z-index:2}.page-home #work .slide .frame{aspect-ratio:auto!important}.page-home #work .work{touch-action:pan-y pinch-zoom}.page-inner .hero--single .hero__line{position:relative!important;inset:auto!important;height:auto;background:none}.page-inner .hero--single .hero__pill{position:relative!important;inset:auto!important;transform:none}.page-inner .hero--single .hero__facts{width:auto!important;text-align:left}.page-home #background>.bg__portrait{align-self:center}}

@media(max-width:1024px) and (max-height:500px){.page-home #work.hero,.page-home #work .hero__viewport{overflow-x:clip!important;overflow-y:visible!important}.page-home #work .work{overflow:hidden!important}}

@media(max-width:1024px){header.nav:not(.mobile-navigation-ready){height:auto!important;flex-wrap:wrap;justify-content:center!important}header.nav:not(.mobile-navigation-ready) .nav__links{width:100%;display:flex!important;justify-content:space-between}}

@media(max-width:1024px){.page-home #work{scroll-margin-top:calc(-1 * (var(--mobile-nav-height) + 16px))!important}}

@media(max-width:1024px){.hero__slider-cell input[type=range]{touch-action:pan-y!important}}

/* ===== Mobile refinement, November 12 (round 2): calmer type, centered focus, no scroll zoom ===== */
@media(max-width:1024px){
 :root{--m-display:34px;--m-heading:24px;--m-body:16px;--m-label:12px;--m-space:24px}
 /* Stable heights: svh never changes while Safari's toolbar collapses, so images stop rescaling during scroll. */
 .js .statement--landing .statement__pin{height:100svh!important;min-height:100svh!important}
 .statement--landing .statement__text{height:calc(100svh - var(--mobile-nav-height) - 48px)!important;font-size:22px!important;line-height:1.36!important}
 .statement--landing .statement__text>*{top:0!important}
 .page-home #work.hero,.page-home #work .hero__viewport{height:100svh!important;min-height:100svh!important}
 .page-home #background{min-height:100svh}
 .page-inner .hero.hero--single,.page-inner .hero.hero--single.case-hero{min-height:100svh!important}
 .page-inner .hero--single .hero__copy,.page-inner .hero--single.case-hero .hero__copy{min-height:100svh!important}
 [data-page=about] .hero--single .hero__copy{min-height:calc(100svh - 96px)!important}
 .page-inner .statement__pin{min-height:100svh!important}
 .about-story__stage{height:100svh!important;margin-bottom:-100svh!important}
 /* Blurred project backdrop fills the whole stage instead of a band behind the slider. */
 .page-home #work .hero__blur{grid-area:auto!important;inset:0!important;height:auto!important}
 .page-home #work .hero__blur img{position:absolute!important;inset:0;width:100%;height:100%!important;object-fit:cover}
 /* Project cards: image, project label, title, actions. The paragraph lives on the case study. */
 .page-home #work .slide .frame{padding:16px 16px 28px!important}
 .page-home #work .slide__media{max-height:none!important;min-height:120px!important}
 .page-home #work .slide__title{font-size:var(--m-heading)!important;line-height:1.15!important;padding:24px 0 0!important;max-width:none!important;text-wrap:balance}
 .page-home #work .aside-project-info{padding:12px 0 0!important}
 .page-home #work .aside-project-info .label{font-size:var(--m-label)!important;line-height:1.4!important;letter-spacing:.04em!important;white-space:normal!important}
 .page-home #work .aside-project-info .body{display:none!important}
 .page-home #work .slide .slide__detail{margin-top:20px!important}
 .page-home #work .slide__meta a{font-size:15px!important;min-height:48px!important}
 .page-home #work .hero__facts li{font-size:var(--m-label)!important}
 /* Designer section: one centered column, no extra card shell. */
 .page-home #background{align-items:center!important;text-align:center!important;gap:20px!important}
 .page-home #background>.pill{align-self:center!important}
 .page-home #background .bg__name{font-size:var(--m-display)!important;line-height:1.1}
 .page-home #background .bg__portrait{width:min(100%,340px,42svh)!important;height:auto!important;aspect-ratio:1 / 1!important;max-height:none!important;align-self:center!important;margin:0 auto!important;overflow:hidden}
 .page-home #background .bg__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 72%!important;transform:translateX(5%) scale(1.25)!important;transform-origin:50% 50%}
 .page-home #background .strip{background:none!important;padding:0!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important;width:100%!important}
 .page-home #background .strip__copy{text-align:center}
 .page-home #background .strip__copy .label{font-size:var(--m-label)}
 .page-home #background .strip__copy p{font-size:var(--m-body)!important;line-height:1.5;max-width:28ch;margin:0 auto}
 /* No touch-sticky hover zoom or drifting backgrounds on phones. */
 .closing__bg,.about-story__bg,.statement__bg{animation:none!important}
 /* Full-screen menu with centered choices. */
 header.nav .nav__links.is-mobile-open{position:absolute!important;top:0!important;left:0!important;right:auto!important;width:100vw!important;height:100svh!important;max-height:none!important;z-index:1!important;padding:var(--mobile-nav-height) 24px 48px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:#f1f0e8!important;border:0!important;box-shadow:none!important;overflow-y:auto!important;animation:mMenuIn 220ms ease both}
 header.nav .nav__links.is-mobile-open a{min-height:64px!important;padding:0 24px!important;justify-content:center!important;border:0!important;font-family:var(--site-serif)!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-.02em;color:#201f1a!important}
 header.nav .nav__links.is-mobile-open a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
 header.nav .nav__mark,header.nav .mobile-menu-toggle{position:relative;z-index:2}
 html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden!important}
}
@media(hover:none){
 .photos:hover img,.photos:hover img:hover,.slide.is-active .slide__media:hover img,.next__card:hover img{filter:none!important;transform:none!important;opacity:1!important}
}
@keyframes mMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){header.nav .nav__links.is-mobile-open{animation:none!important}}
@media(max-width:1024px) and (max-height:700px){
 .statement--landing .statement__text{font-size:20px!important}
 .page-home #work .slide__title{font-size:22px!important;padding-top:16px!important}
 .page-home #work .slide .slide__detail{margin-top:14px!important}
 .page-home #background .bg__portrait{width:min(100%,260px,34svh)!important}
 header.nav .nav__links.is-mobile-open a{font-size:30px!important;min-height:56px!important}
}

/* One mobile type scale: display 34, h1 30, h2 24, h3 20, lead 18, body 16, support 14, label 12. */
@media(max-width:1024px){
 .page-home #work .slide__title{font-size:24px!important;line-height:1.25!important}
 .page-inner .hero--single .hero__copy .h1,.page-inner .hero--single.case-hero .hero__copy .h1{font-size:30px!important;line-height:1.2!important}
 .page-inner .plain-top .h1,.page-inner .contact .h1,.closing .h1,.page-home .closing__copy .h1{font-size:30px!important;line-height:1.2!important;max-width:18ch}
 .page-inner .h2,.page-inner main h2:not(.pill){font-size:24px!important;line-height:1.25!important}
 .page-inner main h3,.page-inner .resume__item h3,.page-inner .timeline h3,.page-inner .cards .card h3{font-size:20px!important;line-height:1.3!important}
 .page-inner .lead,.page-inner .cs__main>.lead,.page-inner .resume__main>.lead{font-size:18px!important;line-height:1.45!important}
 .page-inner .body,.page-inner .cs__main>.body,.page-inner .resume__item p,.page-inner .timeline p,.page-inner .cards .card p,.page-inner .note p,.page-inner .hero__sub,.closing__sub,.page-inner .plain-top__role{font-size:16px!important;line-height:1.5!important}
 .page-inner .fig figcaption,.page-inner .hero__facts li,.footer__tag,.footer__col a{font-size:14px!important;line-height:1.45!important}
 .page-inner .label,.page-inner .pill,.page-inner .hero__facts small,.footer__col .label,.page-home #background .pill{font-size:12px!important;line-height:1.35!important}
 .page-inner .cs__sec,.page-inner .resume__row{row-gap:16px!important;padding-top:48px!important;padding-bottom:48px!important}
 .page-inner .cs__main>*+*,.page-inner .resume__main>*+*{margin-top:16px}
 .next__card img{filter:none!important;transform:none!important}
 .steps__media img{transform:none!important}
}
@media(max-width:1024px){
 .page-home .btn,.page-inner .btn,.page-home #background .strip .btn,.page-inner .btn-row .btn{font-size:15px!important}
 .footer__bottom,.footer__bottom span,.footer__links a,.page-home #work .aside-slider-count{font-size:14px!important}
 .page-inner .hero--single .hero__facts li,.page-inner .hero--single.case-hero .hero__facts li,.page-inner .fig figcaption p{font-size:14px!important;line-height:1.45!important}
 .page-inner .cs__main .pull{font-size:24px!important;line-height:1.3!important}
 .page-inner li>b{font-size:24px!important;line-height:1.2!important}
 .page-inner li>b+span,.page-inner li>span{font-size:14px!important;line-height:1.45!important}
 .page-inner .statement__text{font-size:22px!important;line-height:1.36!important}
}
@media(max-width:1024px){.footer__mark{font-size:34px!important}}

/* Round 2 review fixes */
@media(max-width:1024px){
 .page-home #background .strip__copy .label{display:none!important}
 .page-inner .hero--single.case-hero .hero__copy{justify-content:center!important}
 .page-inner .hero--single.case-hero .case-hero__intro{margin:0!important}
 .page-inner .hero--single.case-hero .hero__facts{margin-top:40px!important}
 .page-inner .hero--single .hero__sharp::after{background:linear-gradient(180deg,rgba(15,18,15,.86),rgba(15,18,15,.8) 60%,rgba(15,18,15,.9))!important}
 [data-page=about] .hero--single .hero__copy{justify-content:flex-end!important;padding-bottom:16px!important}
 [data-page=about] .hero--single .hero__sharp img{object-position:50% 30%!important}
 [data-page=about] .hero--single .hero__sharp::after{background:linear-gradient(180deg,rgba(15,18,15,.25) 0%,rgba(15,18,15,.35) 35%,rgba(15,18,15,.85) 62%,rgba(15,18,15,.92))!important}
}
@media(max-width:360px){.page-home #work .slide__meta a{font-size:14px!important;white-space:nowrap;padding-inline:4px!important}}
@media(max-width:1024px) and (max-height:700px){.page-home #background{gap:12px!important}.page-home #background .bg__portrait{width:min(100%,220px,30svh)!important}}

/* Round 2: swipeable cards with a visible peek, a shorter intro runway, static case-study statements. */
@media(max-width:1024px){
 .page-home #work .slide{width:min(calc(100vw - 72px),440px)!important}
 .page-home #work .work img,.page-home #work .work a{-webkit-user-drag:none;user-select:none}
 .statement--landing{--runway:220svh!important}
 .js .page-inner .statement,.page-inner .statement{height:auto!important}
 .page-inner .statement .statement__pin{position:relative!important;height:auto!important;min-height:100svh!important;display:flex!important;align-items:center!important}
 .page-inner .statement__text .w{opacity:1!important;filter:none!important}
}
@media(max-width:1024px){.page-home #work .slide{transform:none!important;scale:none!important}}