/* Reference study: photographic layers (Emma), confident type and stacking (Jomor). */
:root{--bg:#07221a;--fg:#ebf7f1;--muted:#c0ccca;--line:#395e53;--accent:#a8dec3;--display:Manrope,Arial,sans-serif}
body{background:radial-gradient(ellipse at 2% 12%,#184f3e 0,transparent 38%),radial-gradient(ellipse at 96% 37%,#411f48 0,transparent 48%),#07221a;background-attachment:fixed}
h1,h2,h3{font-weight:800;letter-spacing:-.055em;line-height:1.05}
.site-header{background:rgba(5,24,18,0.922);border-color:rgba(169,196,190,0.2);backdrop-filter:blur(14px)}
.hero{height:auto;min-height:660px;max-height:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:48px var(--pad) 64px;gap:30px;overflow:visible}
.hero-picture{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;align-self:stretch;margin:0;min-height:540px}
.hero-picture img{height:100%;object-position:67% center;box-shadow:0 24px 65px rgba(0,0,0,0.2)}
.hero-shade{display:none}.hero-content{grid-column:1;grid-row:1;padding:0;justify-content:center;position:relative;z-index:1}
.hero h1{font-size:clamp(48px,5.8vw,92px);margin-top:32px;line-height:1.02;letter-spacing:-.065em}
.hero h1 span{margin-top:0}.professions{margin-top:30px;font-size:15px;max-width:38ch;line-height:1.9}.professions span{padding:0 3px}
.hero-bottom{margin-top:30px;padding-top:0;gap:22px}.hero-location{color:var(--accent)}
.about{padding-top:62px;padding-bottom:90px;border-top:1px solid rgba(192,214,212,0.267);background:linear-gradient(120deg,rgba(11,51,39,0.6),rgba(5,24,18,0.2))}
.about-copy{gap:8vw}.about h2{font-size:clamp(38px,4.3vw,66px);max-width:14ch}.about-detail p{font-size:18px}.about-detail p+p{color:var(--muted)}
.selected{padding-top:66px;padding-bottom:70px}.section-heading h2{font-size:clamp(44px,6vw,88px)}
.work-pair{display:block;position:relative;padding-bottom:40px}
.work{position:sticky;top:94px;display:grid;grid-template-columns:1.5fr 1fr;gap:0 42px;background:#0b3327;box-shadow:0 -16px 60px rgba(4,17,13,0.267);padding:30px;margin:0 0 100px;border-top:1px solid rgba(166,193,188,0.467);align-content:center}
.work:nth-child(2){top:118px;background:#1e352e;margin-bottom:0}
.work>.image-link{grid-column:1;grid-row:1/7;align-self:center}.work .image-link img{aspect-ratio:1.5;object-fit:cover}
.work h3{font-size:clamp(30px,3.6vw,58px);grid-column:2;margin-top:12px}.work-meta{grid-column:2;margin-top:20px}.work-partners,.work-summary,.image-caption{grid-column:2}.work-summary{margin-top:24px}.work-secondary{padding-top:30px}.work-secondary .image-caption{margin-top:10px}
.collaborate{padding-block:80px;background:linear-gradient(135deg,rgba(49,12,57,0.6),rgba(6,27,21,0.667))}.collaborate h2{font-size:clamp(38px,4.5vw,70px)}
.footer{background:#072018;padding-top:45px}.review-note{opacity:.8}
.project{padding-top:24px}.project-heading{padding-top:14px;padding-bottom:24px}.project-heading h1{font-size:clamp(46px,7vw,105px)}
.gallery-stage{height:calc(var(--opening-gallery-height,500px) + 150px);background:#10362b}
.gallery-backdrop{opacity:.83;object-position:center;filter:none}
.gallery-stage:after{background:linear-gradient(0deg,rgba(3,13,10,0.788),transparent 35%,rgba(5,24,18,0.031) 80%,rgba(5,24,18,0.145))}
.gallery-track{padding-block:22px;cursor:grab}.gallery-track img{cursor:grab;box-shadow:0 10px 35px rgba(0,0,0,0.267)}
.gallery-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}.gallery-track.is-dragging img{cursor:grabbing;transform:none!important}
.gallery-slide figcaption{font-weight:600;text-shadow:0 1px 4px #000000,0 2px 12px #000000;background:transparent}
.gallery-arrow{width:46px;height:46px;border-radius:50%;background:rgba(5,24,18,0.788)}.gallery-position{font-weight:700}
.project-story h2{font-size:clamp(38px,4.6vw,65px)}
.work h3{font-weight:800}.hero-content{min-height:0}.work-secondary{width:100%}
.depth-enter{animation:depth-enter .65s cubic-bezier(.2,.65,.3,1) both}@keyframes depth-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero{gap:20px;min-height:580px}.hero-picture{min-height:470px}.hero h1{font-size:5.6vw}.work{gap:0 24px;padding:24px}.work h3{font-size:34px}}
@media(max-width:700px){body{background-attachment:scroll}.hero{display:flex;flex-direction:column;padding:34px var(--pad) 38px;gap:28px;min-height:0}.hero-content{width:100%;height:auto}.hero h1{font-size:clamp(44px,10.8vw,72px);margin-top:18px}.hero-picture{width:100%;min-height:0;height:390px;order:2}.hero-picture img{object-position:center 38%}.professions{font-size:13px;margin-top:20px}.hero-bottom{margin-top:20px;gap:12px}.hero-bottom .current-work{font-size:12px}.about{padding-block:36px 48px}.about-copy{display:block}.about-detail{margin-top:28px}.about-detail p{font-size:16px}.selected{padding-top:42px}.section-heading{align-items:flex-start;flex-direction:column}.work{position:relative;top:auto!important;display:block;padding:16px;margin-bottom:32px}.work:nth-child(2){margin-bottom:0}.work h3{font-size:32px}.work-summary{margin-top:15px}.work-meta{margin-top:20px}.collaborate{padding-block:45px}.gallery-stage{height:calc(var(--opening-gallery-height,400px) + 110px)}.gallery-arrow{width:42px;height:42px}.project-heading h1{font-size:clamp(38px,10vw,65px)}.project-breadcrumb{gap:12px;flex-wrap:wrap}.gallery-backdrop{opacity:.78}.project-story{gap:24px}.project-details h2,.project-team h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-enter{animation:none}.work{position:relative;top:auto!important}.gallery-slide img{transition:none}}

/* Second review: a continuous palette and navigation throughout the study. */
.site-header{background:linear-gradient(105deg,rgba(12,57,44,0.929),rgba(10,46,35,0.933) 60%,rgba(48,15,55,0.929));border-color:rgba(197,214,211,0.2)}
.works-panel,.language-panel,.mobile-panel{background:linear-gradient(120deg,#0e4434,#1c3e34);border-color:#4e7f70}
.signature,.home-page:not(.show-header-name) .site-header .signature{visibility:visible;pointer-events:auto;position:relative;width:175px;min-width:175px;height:44px;display:flex;align-items:center}
.signature-initials{font-size:24px;font-weight:800;letter-spacing:-.07em;transition:opacity .22s}
.signature-full{position:absolute;left:0;top:50%;transform:translateY(calc(-50% + 5px));opacity:0;font-size:15px;letter-spacing:-.045em;transition:opacity .22s,transform .22s;pointer-events:none}
.site-header:focus-within .signature-full{opacity:1;transform:translateY(-50%)}
.site-header:focus-within .signature-initials{opacity:0}
@media(hover:hover) and (pointer:fine){.site-header:hover .signature-full{opacity:1;transform:translateY(-50%)}.site-header:hover .signature-initials{opacity:0}}
.mobile-name{font-size:16px;font-weight:800;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hero{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);padding-top:28px;padding-bottom:40px;gap:24px}
.hero-picture{min-height:620px;margin-right:calc(-1 * var(--pad));height:calc(100svh - 136px);max-height:800px}
.hero-picture img{object-position:72% center}
.hero h1{font-size:clamp(46px,5.45vw,90px);letter-spacing:-.075em;line-height:.98}
.hero h1 span{font-style:italic;padding-right:.13em}
.about h2,.collaborate h2{font-style:italic;letter-spacing:-.065em;line-height:1.02}
.about{padding-bottom:60px}.collaborate{padding-block:48px}
.footer{background:linear-gradient(110deg,rgba(12,55,42,0.659),rgba(49,13,56,0.659));padding-top:24px;padding-bottom:16px;border-top:1px solid rgba(38,131,103,0.4)}
.footer-top{gap:18px}.footer .email{font-size:clamp(16px,1.65vw,24px)}
.footer-bottom{margin-top:22px;align-items:center}.footer .review-note{margin-top:16px;padding-top:10px}
.back-top{width:auto;min-width:74px;height:44px;display:inline-flex;gap:8px;padding:8px 12px;border:1px solid #b6c9c8;border-radius:6px;background:rgba(213,225,220,0.071);transition:background .2s,transform .2s}
.back-top .back-top-label{display:inline;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.back-top svg{transition:transform .2s}.back-top:hover svg{transform:translateY(-3px)}
.gallery-arrow{top:calc(50% + 70px)}
.catalog h1{font-weight:800;letter-spacing:-.065em}.catalog-card h2{font-weight:800}.awaiting{background:linear-gradient(140deg,#144d3c,#213f36)}
.project{padding-bottom:38px}.project-return{margin-top:32px}
@media(max-width:1100px) and (min-width:851px){.signature,.home-page:not(.show-header-name) .site-header .signature{width:145px;min-width:145px}.signature-full{font-size:13px}.hero-picture{min-height:560px}}
@media(max-width:850px){.signature,.home-page:not(.show-header-name) .site-header .signature{width:auto;min-width:0;flex:1}.signature-full{font-size:14px}}
@media(max-width:700px){.hero{padding-top:26px;padding-bottom:32px}.hero-picture{min-height:0;height:470px;max-height:none;width:calc(100% + 2 * var(--pad));margin-inline:calc(-1 * var(--pad))}.hero-picture img{object-position:center 35%}.hero h1{font-size:clamp(43px,10.5vw,70px)}.about{padding-bottom:38px}.collaborate{padding-block:36px}.footer-top .email{margin-top:10px}.footer-bottom{gap:16px;margin-top:16px}.gallery-arrow{top:calc(50% + 42px)}.signature-full{display:none}.site-header:focus-within .signature-initials{opacity:1}}
@media(prefers-reduced-motion:reduce){.signature-full,.signature-initials,.back-top,.back-top svg{transition:none}.back-top:hover svg{transform:none}}

/* Practice and collaboration now form one section before the work. */
.hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.hero h1{margin-top:0}
.hero-location{font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:10px}
.hero-bottom{margin-top:28px}
.practice-services{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;border-top:1px solid rgba(38,131,103,0.267);padding-top:28px;margin-top:38px;scroll-margin-top:18px}
.practice-services h3{font-size:clamp(24px,2.8vw,38px);letter-spacing:-.04em}
.practice-services>div{max-width:43ch;font-size:16px;line-height:1.8}
.practice-services .muted{font-size:14px;color:var(--muted);margin-top:12px}.practice-services .text-link{margin-top:16px}
.selected-title,.section-heading h2,.catalog-heading h1,.project-story h2,.project-details h2,.project-team h2,.contact-title{font-style:italic}
.project-heading h1,.work h3,.catalog-card h2{font-style:normal}
.footer .contact-title{font-size:clamp(28px,3.3vw,44px);line-height:1.1;letter-spacing:-.045em}
.back-top{width:44px;min-width:44px;height:44px;border:0;border-radius:0;padding:11px;background:transparent;gap:0}
.back-top svg{width:22px;height:22px}.back-top:hover,.back-top:focus-visible{background:rgba(213,225,220,0.094);color:var(--fg)}
.footer-bottom{margin-top:14px}.footer{padding-top:24px;padding-bottom:14px}
@media(max-width:850px){.practice-services{gap:5vw}}
@media(max-width:700px){.hero h1{margin-top:0}.hero-location{font-size:12px}.hero-picture{height:490px}.practice-services{display:block;margin-top:28px;padding-top:24px}.practice-services>div{margin-top:16px}.practice-services h3{font-size:27px}.footer .email{margin-top:16px}.footer .contact-title{font-size:32px}}

/* Heading-only serif comparison; preserve size, layout and existing italics. */
body :is(.hero,.section,dialog) :is(h1,h2,h3){font-family:Cormorant,Georgia,serif;font-weight:700}

.collaborate-detail p+p{margin-top:14px}.collaborate-detail strong{font-weight:650}