:root{color-scheme:dark;--bg:#151515;--panel:#1d1d1d;--white:#f4f2f2;--muted:#b2b0ad;--orange:#D65327;--line:#393939;--gutter:clamp(22px,4.2vw,80px)}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--white);font-family:"Neue Haas Grotesk Text Pro","Neue Haas Grotesk Text","Neue Haas Grotesk",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid #ff9c73;outline-offset:6px}::selection{background:var(--orange);color:var(--white)}.wrap{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}p{color:var(--muted)}h2{font-size:clamp(34px,4vw,60px);line-height:1.12;letter-spacing:-.045em}h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--muted);line-height:1.5}.eyebrow span{color:var(--orange);margin:0 14px}.section{padding-block:112px;border-bottom:1px solid var(--line)}.skip-link{position:absolute;left:20px;top:-90px;background:var(--orange);padding:12px 20px;z-index:10}.skip-link:focus{top:12px}.header{height:113px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand img{object-fit:contain}.brand>span{font-size:27px;letter-spacing:.1em;line-height:1.15}.brand-sub{display:block;font-size:8px;letter-spacing:.14em;margin-top:6px}.header nav{display:flex;gap:35px;font-size:14px}.header nav a{color:var(--muted)}.header nav a:hover{color:var(--white)}.header-contact{font-size:14px;border-bottom:1px solid var(--orange);padding-block:9px;display:flex;gap:34px}.header-contact span{color:var(--orange);font-size:22px}.hero{padding-top:46px}.hero-top{display:flex;justify-content:space-between;align-items:start}.hero-side{font-size:14px;line-height:1.5}.hero h1{font-size:clamp(48px,7.5vw,112px);line-height:1.04;letter-spacing:-.057em;margin-top:30px}.hero h1 span{color:var(--orange)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:30px 0 48px}.hero-bottom p{font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--orange);color:#151515;font-size:14px;font-weight:600;padding:17px 23px;min-height:56px;transition:background .2s}.button:hover{background:#ed7045}.button span{font-size:25px;line-height:1}.photo{position:relative;overflow:hidden;background:#252525}.photo picture{display:block;width:100%;height:100%}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-color{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.hero-photo{aspect-ratio:2.22}.hero-photo img{object-position:50% 37%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:48px 28px 22px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:12px;letter-spacing:.015em;color:white}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about h2{margin-top:30px}.about-copy{padding-top:43px}.lead{font-size:25px;line-height:1.45;color:var(--white);letter-spacing:-.015em;margin-bottom:22px}.principles{margin-top:38px;display:flex;gap:12px;flex-wrap:wrap}.principles span{font-size:12px;border-top:1px solid var(--orange);padding-top:12px;flex:1;min-width:110px}.audience{background:var(--panel);padding-block:105px}.audience h2{margin-top:26px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:60px}.audience article{border-top:1px solid #555;padding:26px 60px 0 0}.audience article+article{padding-left:60px;padding-right:0;border-left:1px solid #444}.index{font-size:13px;color:var(--orange)}.audience h3{margin:20px 0}.audience article p{max-width:470px}.audience .topics{margin:28px 0 32px;font-size:14px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #777;padding:8px 0;font-size:14px}.text-link span{font-size:22px;color:var(--orange)}.text-link:hover{border-color:var(--orange)}.expertise{display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.section-heading h2{margin:28px 0}.section-heading>p:last-child{font-size:15px}.group-label{font-size:12px;letter-spacing:.09em;color:var(--muted);font-weight:400;padding-bottom:20px;border-bottom:1px solid var(--line)}.service-groups>div+div{margin-top:48px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:20px;line-height:1.4;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary:hover{color:#ff9c73}.toggle{width:17px;height:17px;flex-shrink:0;position:relative}.toggle:before,.toggle:after{content:'';position:absolute;background:var(--orange);width:15px;height:1px;top:8px;left:1px}.toggle:after{transform:rotate(90deg)}details[open] .toggle:after{transform:rotate(0)}.detail-copy{padding:0 35px 25px 0;font-size:15px}.detail-copy a{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:5px;color:var(--white)}.team-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:0 8%}.team-intro h2{grid-column:2;grid-row:1 / 3}.team-intro>p:last-child{grid-column:1;font-size:15px;margin-top:22px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:56px}.portrait{aspect-ratio:4/4.4}.portrait img{object-position:50% 30%}.person-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:22px 0 13px}.person-heading h3{font-size:28px}.person-heading span{font-size:13px;color:var(--muted)}.team-grid article>p{font-size:15px;max-width:540px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.city{aspect-ratio:1.1}.city img{object-position:center}.approach h2{font-size:clamp(34px,3.3vw,50px);margin:27px 0}.approach .text-link{margin-top:23px}.contact{padding-block:102px;background:var(--panel)}.contact h2{font-size:clamp(46px,7.4vw,108px);margin-top:30px;line-height:1.04;letter-spacing:-.055em}.contact h2 span{color:var(--orange)}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-top:35px;margin-top:50px}.contact-location{color:var(--white);font-size:20px}.pending-contact{font-size:14px;max-width:370px;margin-top:10px}.contact-data a{display:block;font-size:clamp(20px,2.8vw,34px);line-height:1.4;overflow-wrap:anywhere}.contact-data address{font-style:normal;color:var(--muted);margin-top:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:33px}.footer p,.footer>a:last-child{font-size:12px}.footer .brand>span{font-size:20px}.footer>a:last-child span{color:var(--orange);margin-left:20px}
@media(hover:hover) and (pointer:fine){.photo.is-ready:hover .photo-color{opacity:1}}
@media(max-width:1000px){.header nav{gap:18px}.hero h1{font-size:8.2vw}.hero-side{font-size:12px}.section{padding-block:80px}.audience article{padding-right:30px}.audience article+article{padding-left:30px}.expertise{gap:5%;grid-template-columns:1fr 1.3fr}.person-heading{display:block}.person-heading span{display:block;margin-top:8px}.principles{gap:18px}.hero-photo{aspect-ratio:1.85}.about-copy{padding-top:35px}}
@media(max-width:700px){body{font-size:16px}.header{height:auto;min-height:93px;flex-wrap:wrap;gap:12px;padding-block:17px}.header .brand img{width:48px;height:44px}.brand>span{font-size:23px}.brand-sub{font-size:7px}.header-contact{margin-left:auto;gap:15px;font-size:12px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;gap:10px;font-size:13px}.hero{padding-top:30px}.hero-top{display:block}.hero-side{display:none}.hero h1{font-size:clamp(36px,8.8vw,61px);margin-top:25px;line-height:1.12;letter-spacing:-.045em}.hero-bottom{display:block;margin:23px 0 32px}.hero-bottom p{font-size:15px}.button{margin-top:25px;width:100%;gap:12px;font-size:13px;padding:16px 18px}.hero-photo{aspect-ratio:1.05;margin-inline:calc(var(--gutter)*-1)}.hero-photo img{object-position:50% 38%}.hero-photo figcaption{padding:40px 22px 16px;font-size:11px}.hero-photo figcaption span+span{display:none}.section{padding-block:62px}.about,.expertise,.approach{grid-template-columns:1fr;gap:30px}.about h2{margin-top:22px}.about-copy{padding-top:0}.lead{font-size:22px}.principles{gap:14px;margin-top:30px}.principles span{font-size:11px;min-width:80px}.audience{padding-block:62px}.audience h2{margin-top:22px}.audience-grid{grid-template-columns:1fr;margin-top:35px;gap:35px}.audience article,.audience article+article{padding:20px 0 0;border-left:0}.audience h3{font-size:28px;margin-top:14px}.audience .topics{margin-block:20px}.section-heading h2{margin-block:22px}.group-label{padding-top:12px}summary{font-size:18px;padding-block:20px}.team-intro{display:block}.team-intro h2{margin-top:22px}.team-grid{grid-template-columns:1fr;gap:40px;margin-top:32px}.portrait{aspect-ratio:4/4.6}.person-heading{display:flex;margin-top:18px;align-items:baseline}.person-heading h3{font-size:25px}.person-heading span{font-size:12px}.team-intro>p:last-child br{display:none}.approach{gap:32px}.city{aspect-ratio:1.3}.approach h2{margin-block:22px}.contact{padding-block:60px}.contact h2{font-size:clamp(38px,9.3vw,64px);line-height:1.1}.contact-bottom{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:27px}.footer{flex-wrap:wrap;padding-block:26px;gap:20px}.footer .brand{width:100%}.footer p,.footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* JW LEGAL — cinematic editorial direction, 15 September 2026. */
:root{--bg:#090909;--panel:#111111;--line:#2b2826;--muted:#a9a39e}
body{background:var(--bg)}
.header{border-bottom-color:#352820}
.hero{position:relative;padding-top:55px}
.hero:before{content:'';position:absolute;right:0;top:46px;width:88px;height:1px;background:var(--orange)}
.hero-side{padding-right:125px}
.hero h1{font-size:clamp(48px,7.7vw,115px);font-weight:400;letter-spacing:-.065em;line-height:1.02}
.hero h1 span{font-family:inherit;font-style:normal;font-weight:400;font-size:.96em;letter-spacing:-.055em;display:inline-block;margin-top:7px}
.hero-bottom{margin-top:35px;margin-bottom:40px}
.hero-photo{aspect-ratio:2.1;isolation:isolate}
.photo{background:#090909;isolation:isolate}
.photo:after{content:'';position:absolute;z-index:2;inset:-1px;pointer-events:none;background:linear-gradient(0deg,rgba(9,9,9,.55),transparent 23%,transparent 72%,rgba(9,9,9,.2)),linear-gradient(90deg,rgba(9,9,9,.6),transparent 24%,transparent 76%,rgba(9,9,9,.6));box-shadow:inset 0 0 65px 12px rgba(9,9,9,.28)}
.hero-photo:after{background:linear-gradient(0deg,#090909,transparent 25%,transparent 72%,rgba(9,9,9,.22)),linear-gradient(90deg,rgba(9,9,9,.85),transparent 24%,transparent 76%,rgba(9,9,9,.85));box-shadow:inset 0 0 100px 15px rgba(9,9,9,.45)}
.photo .photo-base,.photo .photo-color{transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),transform 5s cubic-bezier(.2,.65,.3,1);transform:scale(1.001)}
.hero-photo figcaption{z-index:3;background:none;padding-bottom:23px}
.hero-photo figcaption span:first-child:before{content:'';display:inline-block;width:25px;height:1px;background:var(--orange);vertical-align:middle;margin-right:13px}
.eyebrow{letter-spacing:.18em}
.section{padding-block:125px}
.about h2,.team h2,.approach h2{letter-spacing:-.055em}
.audience{background:radial-gradient(ellipse at 100% 10%,#25150e 0%,#111111 45%);border-block:1px solid #302019}
.audience-grid{gap:0}
.audience article{border-top-color:#71513f}
.audience .index{font-family:inherit;font-size:16px;font-style:normal}
.audience h3{font-size:36px}
.button{background:transparent;color:var(--white);border:1px solid #a94b2c;padding:18px 24px;transition:background .45s,border-color .45s,color .45s;position:relative}
.button span{color:var(--orange)}
.button:hover{background:var(--orange);color:#090909;border-color:var(--orange)}
.button:hover span{color:#090909}
.text-link{border-bottom-color:#69432e}
.team-grid{gap:6%}
.person-heading{border-top:1px solid #6f3b27;padding-top:23px}
.portrait{aspect-ratio:4/4.7}
.contact{background:radial-gradient(ellipse at 95% 100%,#31170d 0%,#111111 48%);border-block:1px solid #40271b}
.contact h2 span{font-family:inherit;font-style:normal;letter-spacing:-.055em}
.footer .brand{opacity:.95}
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.65,.3,1)}
.reveal.revealed{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.photo.is-ready:hover .photo-color{opacity:1;transform:scale(1.035)}.photo:hover .photo-base{transform:scale(1.035)}}

@media(max-width:1000px){.hero h1{font-size:8.3vw}.hero-side{padding-right:95px}.hero:before{width:65px}.section{padding-block:88px}.audience h3{font-size:30px}}
@media(max-width:700px){.hero{padding-top:32px}.hero:before{top:41px;width:38px}.hero h1{font-size:clamp(36px,8.9vw,62px);line-height:1.1;letter-spacing:-.06em}.hero h1 span{font-size:1em;letter-spacing:-.066em}.hero-bottom{margin-top:27px;margin-bottom:30px}.hero-photo{aspect-ratio:.98}.hero-photo img{object-position:50% 36%}.photo:after{box-shadow:inset 0 0 40px 4px #09090944}.hero-photo:after{background:linear-gradient(0deg,#090909,transparent 27%,transparent 70%,#09090944),linear-gradient(90deg,#09090988,transparent 24%,transparent 76%,#09090988)}.section{padding-block:68px}.portrait{aspect-ratio:4/4.8}.team-grid{gap:44px}.person-heading{padding-top:17px}.contact h2{font-size:clamp(38px,9.4vw,65px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.photo .photo-base,.photo .photo-color{transform:none!important;transition:none!important;transition-delay:0s!important}}
.contact-location{margin-bottom:18px;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.contact-data a{padding:8px 0;color:var(--white)}
.contact-data a span{font-size:.7em;color:var(--orange);margin-left:12px}
.contact-data .email{font-size:clamp(18px,2.3vw,30px)}
.contact-data a:hover{color:#ed875f}
.legal-name{font-size:11px;display:inline-block;margin-top:4px}
@media(max-width:700px){.footer p{max-width:230px}.legal-name{font-size:10px}.footer>a:last-child{align-self:flex-end}}
.contact-data .office-address{font-size:20px;line-height:1.5;margin:0 0 9px;color:var(--white)}
.contact-data .map-link{display:inline-flex;align-items:center;font-size:14px;border-bottom:1px solid var(--orange);padding:4px 0 8px;margin-bottom:24px}

/* Production v3: readable copy and photographs framed for both screen sizes. */
:root{--muted:#bcb6b1}
body{font-size:18px;line-height:1.65}
.wrap{max-width:1280px}
.hero-bottom p,.section-heading>p:last-child,.team-intro>p:last-child,.team-grid article>p,.detail-copy{font-size:18px;line-height:1.65}
.audience .topics{font-size:17px}
.eyebrow,.group-label,.principles span{font-size:13px}
.header nav,.header-contact,.text-link{font-size:16px}
summary{font-size:22px;min-height:72px}
.detail-copy{max-width:65ch}
.hero-photo{aspect-ratio:2;max-height:560px}
.hero-photo img{object-position:50% 20%}
.portrait{aspect-ratio:4/4.4;max-height:560px}
.portrait img{object-position:50% 15%}
.city{aspect-ratio:1.5}
.city img{object-position:50% 0%}
.photo .photo-base,.photo .photo-color{transition:opacity .7s ease,transform 1s ease}
.contact-data .map-link{font-size:16px}
.legal-name{font-size:13px}
@media(max-width:700px){
 body{font-size:18px}
 .hero-photo{aspect-ratio:1.5;margin-inline:0;max-height:none}
 .hero-photo img{object-position:center}
 .hero-photo figcaption{font-size:11px;padding:26px 12px 8px}
 .hero-photo figcaption span:first-child:before{display:none}
 .portrait{width:100%;max-width:440px;aspect-ratio:4/4.4;max-height:500px;margin-inline:auto}
 .city{aspect-ratio:1.5}
 .person-heading h3{font-size:26px}
 .person-heading span{font-size:14px}
 .header nav{font-size:14px;gap:8px}
 .header-contact{font-size:13px}
 summary{font-size:20px}
 .detail-copy{padding-right:12px}
 .principles span{font-size:13px}
 .footer p,.legal-name,.footer>a:last-child{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.photo .photo-base,.photo .photo-color{transition:none!important}}

/* Matching seated portraits from the same office session. */
.team-grid .portrait{aspect-ratio:1.5;max-width:none;max-height:none;width:100%}
.team-grid .portrait img{object-position:50% 35%}

/* Equal head scale and eye line; the same crop applies to both photo layers. */
.team-grid .portrait-anna img{position:absolute;width:160%;height:160%;max-width:none;left:-28%;top:-36.4%;object-position:center}

/* V6: photography leads the composition; black remains the canvas. */
:root{--bg:#070707;--panel:#101010}
.header{height:96px;max-width:none;margin:0;padding-inline:var(--gutter);width:100%;border-bottom:1px solid #33251f;background:#070707}
.hero-editorial{padding:0;position:relative;isolation:isolate;min-height:620px;height:calc(100svh - 96px);max-height:940px;display:flex;align-items:flex-end;background:#070707}
.hero-editorial:before{display:none}
.hero-editorial .hero-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-height:none;margin:0;z-index:-1;animation:frame-open 1.5s cubic-bezier(.2,.65,.3,1) both}
.hero-editorial .hero-photo img{object-position:50% 30%}
.hero-editorial .hero-photo:after{background:linear-gradient(0deg,#070707 0%,#070707d9 12%,#07070770 34%,transparent 60%),linear-gradient(90deg,#07070755,transparent 22%,transparent 78%,#07070755);box-shadow:none}
.hero-editorial .hero-photo figcaption{top:25px;bottom:auto;left:var(--gutter);right:var(--gutter);padding:0;color:#eee;font-size:12px;letter-spacing:.08em;display:flex;justify-content:space-between;text-shadow:0 1px 6px #000}
.hero-editorial .hero-photo figcaption span:before{display:none}
.hero-content{padding-bottom:40px;max-width:1440px}
.hero-content .eyebrow{color:#e5dbd4;margin-bottom:16px;font-size:12px}
.hero-editorial h1{margin:0;font-size:clamp(48px,6.1vw,88px);line-height:1.02;letter-spacing:-.055em;text-shadow:0 2px 28px #0004}
.hero-editorial h1 span{color:var(--orange);margin-top:4px}
.hero-editorial .hero-bottom{margin:24px 0 0;align-items:center;gap:28px}
.hero-editorial .hero-bottom p{color:#ddd;font-size:17px}
.hero-editorial .button{background:#07070766;border-color:var(--orange);backdrop-filter:blur(7px);min-width:320px}
.hero-editorial .button:hover{background:var(--orange)}
.hero-scroll{position:absolute;right:var(--gutter);top:80px;display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.06em;color:#fff;text-shadow:0 1px 6px #000}
.hero-scroll span{color:var(--orange);font-size:24px}
.photo:after{box-shadow:none;background:linear-gradient(0deg,#07070799,transparent 22%,transparent 80%,#07070733),linear-gradient(90deg,#07070744,transparent 17%,transparent 83%,#07070744)}
.team{max-width:1440px}
.team-grid{gap:28px;margin-top:64px}
.team-grid .portrait{aspect-ratio:1.5}
.team-grid article>p{max-width:55ch}
.person-heading{padding-top:22px;margin-top:0;border-top:1px solid #6f3b27}
.editorial-approach{display:flex;flex-direction:column;gap:0;padding-top:0;padding-bottom:100px;border-bottom:0}
.editorial-approach .city{width:100%;aspect-ratio:2.15;max-height:720px}
.editorial-approach .city img{object-position:50% 0%}
.editorial-approach>div{width:calc(100% - var(--gutter)*2);max-width:1280px;margin:54px auto 0;display:grid;grid-template-columns:1fr 1fr;column-gap:9%;align-items:start}
.editorial-approach .eyebrow{grid-column:1/-1;margin-bottom:22px}
.editorial-approach h2{grid-column:1;grid-row:2/4;margin:0;font-size:clamp(36px,4vw,58px)}
.editorial-approach>div>p:not(.eyebrow){grid-column:2;font-size:18px}
.editorial-approach .text-link{grid-column:2;justify-self:start}
.frame-reveal{clip-path:inset(0 7%);transition:clip-path 1.25s cubic-bezier(.2,.65,.3,1)}
.frame-reveal.frame-visible{clip-path:inset(0)}
@keyframes frame-open{from{clip-path:inset(0 7%);opacity:.4}to{clip-path:inset(0);opacity:1}}
@media(max-width:1000px) and (min-width:701px){.hero-editorial{min-height:660px}.hero-editorial .hero-bottom{align-items:flex-start}.hero-editorial .button{min-width:0;gap:20px}}
@media(max-width:700px){
 .header{height:auto;padding-block:17px}
 .hero-editorial{height:auto;min-height:0;max-height:none;display:block;padding-top:0}
 .hero-editorial .hero-photo{position:relative;height:auto;aspect-ratio:1.22;z-index:0;max-height:520px}
 .hero-editorial .hero-photo img{object-position:50% 16%}
 .hero-editorial .hero-photo:after{background:linear-gradient(0deg,#070707,transparent 30%),linear-gradient(90deg,#07070733,transparent 18%,transparent 82%,#07070733)}
 .hero-editorial .hero-photo figcaption{top:16px;left:22px;right:22px;font-size:10px;letter-spacing:.025em}
 .hero-editorial .hero-photo figcaption span{display:none}
 .hero-content{position:relative;margin-top:-27px;padding-bottom:42px;z-index:1}
 .hero-content .eyebrow{font-size:10px;margin-bottom:16px}
 .hero-editorial h1{font-size:clamp(34px,8.7vw,60px);line-height:1.08}
 .hero-editorial .hero-bottom{margin-top:22px;display:block}
 .hero-editorial .hero-bottom p{font-size:17px}
 .hero-editorial .button{min-width:0;width:100%;margin-top:23px;font-size:14px}
 .hero-scroll{display:none}
 .team-grid{gap:44px;margin-top:35px}
 .editorial-approach .city{aspect-ratio:1.5}
 .editorial-approach .city img{object-position:center}
 .editorial-approach{padding-bottom:65px}
 .editorial-approach>div{display:block;margin-top:28px}
 .editorial-approach .eyebrow{margin-bottom:20px}
 .editorial-approach h2{margin:0 0 24px}
}
@media(prefers-reduced-motion:reduce){.hero-editorial .hero-photo{animation:none}.frame-reveal{clip-path:none;transition:none}}

.footer{flex-wrap:wrap}.footer .site-credit{font-size:12px;color:var(--muted)}.site-credit a{color:var(--white);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}.site-credit a:hover{color:var(--orange)}

.person-affiliation{margin-top:18px}.person-affiliation a{color:var(--white);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}.person-affiliation a:hover{color:var(--orange)}