:root{--white:#fff;--line:rgba(255,255,255,.38);--serif:'DM Sans',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{background:#182126}body{margin:0;color:var(--white);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:6px}::selection{background:#faf8f1;color:#182126}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:10px 20px;background:#182126}.skip-link:focus{top:15px}.page-image,.page-shade{position:fixed;inset:0;width:100%;height:100svh;pointer-events:none}.page-image{object-fit:cover;object-position:center 24%;z-index:0}.page-shade{z-index:1;background:linear-gradient(180deg,rgba(5,20,27,.32),rgba(3,13,20,.06) 30%,rgba(4,17,25,.7) 100%)}.magazine{position:relative;z-index:2;min-height:100svh;padding:0 4.2vw;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:2.6rem;line-height:1;letter-spacing:-.04em}.page-1 .brand{font-family:var(--sans);font-size:.75rem;letter-spacing:.11em;line-height:1.5}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{font-size:.875rem;position:relative;padding:12px 0}.site-header nav a::after{content:'';position:absolute;height:1px;bottom:5px;left:0;width:0;background:var(--white);transition:width .25s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{width:100%}.header-location{font-size:.75rem;letter-spacing:.09em}.header-location span{margin-left:24px}.masthead{padding-top:12px}.masthead h1{font-family:var(--serif);font-weight:400;font-size:clamp(8rem,23vw,25rem);line-height:.88;letter-spacing:-.055em}.masthead-caption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;margin-top:22px;font-size:.75rem;letter-spacing:.12em}.home-story{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex:1;padding:clamp(55px,9vh,110px) 0 48px}.eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.5;margin-bottom:22px}.home-story h2,.story-title h1{font-family:var(--serif);font-size:clamp(4rem,6.5vw,7rem);font-weight:400;line-height:.94;letter-spacing:-.035em}.home-story h2 em,.story-title h1 em{font-style:normal;padding-left:.45em}.cover-note{width:320px;padding-bottom:8px}.cover-note p{font-size:1rem;line-height:1.75}.editorial-link{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:360px;border-bottom:1px solid var(--line);padding:14px 0;margin-top:28px;font-size:.875rem}.editorial-link span{font-size:1.3rem;transition:transform .25s}.editorial-link:hover span{transform:translate(4px,-4px)}.editorial-link:hover{border-color:white}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);min-height:85px;padding:15px 0}.photo-credit{font-size:.75rem;line-height:1.6}.photo-credit>span{display:block;font-size:.625rem;letter-spacing:.1em;opacity:.8}.photo-credit a:hover{text-decoration:underline}.pagination{display:flex;gap:10px}.pagination a{display:grid;place-items:center;width:36px;height:36px;font-size:.8125rem;border:1px solid transparent;border-radius:50%;transition:background .2s}.pagination a[aria-current]{border-color:rgba(255,255,255,.7)}.pagination a:hover{background:rgba(255,255,255,.15)}.page-label{font-size:.75rem}.page-label span{margin-left:22px;opacity:.8}.inside-story{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center;flex:1;padding:80px 0}.story-title h1{font-size:clamp(4.5rem,8vw,9rem)}.title-caption{font-size:.875rem;margin-top:30px;max-width:390px}.story-copy{max-width:440px;justify-self:end}.section-index{display:block;font-size:.75rem;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:14px;margin-bottom:28px}.story-copy h2{font-family:var(--serif);font-weight:400;font-size:2.5rem;line-height:1.13;margin-bottom:27px;letter-spacing:-.015em}.story-copy>p{font-size:1rem;line-height:1.85}.story-copy>p+p{margin-top:16px}.page-2 .page-image{object-position:center 50%}.page-2 .page-shade{background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.24) 35%,rgba(0,0,0,.78)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 35%,rgba(0,0,0,.35))}.page-3 .page-shade{background:linear-gradient(90deg,rgba(8,18,22,.45),rgba(8,18,22,.2) 35%,rgba(8,18,22,.85)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 40%,rgba(0,0,0,.4))}.page-3 .page-image{object-position:45% 50%}.page-4 .page-image{object-position:center 46%}.page-4 .page-shade{background:linear-gradient(90deg,rgba(20,17,23,.5),rgba(20,17,23,.26) 35%,rgba(20,17,23,.83)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 40%,rgba(0,0,0,.35))}.services-copy{width:100%;max-width:490px}.services-copy>.eyebrow{font-size:.75rem;margin-bottom:24px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:grid;grid-template-columns:25px 1fr 20px;gap:14px;align-items:center;padding:23px 0;list-style:none}summary::-webkit-details-marker{display:none}summary>span:nth-child(2){font-family:var(--serif);font-size:1.9rem;line-height:1.15}.service-number{font-size:.75rem;opacity:.75}summary i{display:block;position:relative;width:18px;height:18px}summary i::before,summary i::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:var(--white)}summary i::after{transform:rotate(90deg);transition:transform .2s}details[open] summary i::after{transform:rotate(0deg)}.service-description{padding:0 8px 23px 39px}.service-description p{font-size:1rem;line-height:1.7}.service-description>span{display:block;font-size:.75rem;margin-top:15px;opacity:.85}.email-link{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(1.2rem,2vw,1.8rem);margin-top:35px;padding-bottom:13px;border-bottom:1px solid var(--line)}.email-link:hover{border-color:white}.example-note{display:block;font-size:.75rem;margin-top:9px;opacity:.8}.location{margin-top:50px}.location>span{font-size:.75rem;letter-spacing:.1em}.location>p{font-size:.875rem;margin-top:8px}
@media(min-width:1500px){.inside-story{gap:12vw}.story-copy{max-width:500px}.services-copy{max-width:530px}.magazine{padding-inline:5vw}.home-story{padding-bottom:65px}}
@media(max-width:1000px){.site-header nav{gap:23px}.header-location{display:none}.inside-story{gap:5vw;grid-template-columns:1.1fr 1fr;padding-block:60px}.story-title h1{font-size:clamp(3.7rem,8vw,6rem)}.story-copy h2{font-size:2rem}.cover-note{width:270px}.home-story h2{font-size:5rem}.masthead h1{font-size:26vw}.masthead-caption{font-size:.75rem}.page-label{display:none}.page-footer{min-height:76px}summary{gap:8px;grid-template-columns:22px 1fr 16px}summary>span:nth-child(2){font-size:1.65rem}.service-description{padding-left:30px}.page-1 .brand{max-width:140px;font-size:.75rem}}
@media(max-width:700px){.magazine{padding-inline:23px;min-height:100svh}.site-header{min-height:78px;gap:18px;flex-wrap:wrap;padding-block:15px}.site-header nav{gap:21px;width:100%;justify-content:space-between;order:2}.site-header nav a{font-size:.875rem;padding:7px 0}.brand{font-size:2rem}.page-1 .brand{max-width:none;font-size:.75rem}.header-location{display:block;font-size:.75rem}.header-location span{margin-left:12px}.masthead{padding-top:26px}.masthead h1{font-size:29vw;line-height:.85}.masthead-caption{margin-top:20px;padding-top:9px;font-size:.75rem;letter-spacing:.07em}.masthead-caption>span:last-child{display:none}.home-story{display:block;padding:70px 0 30px}.home-story h2{font-size:clamp(3.8rem,15vw,5.4rem)}.eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:18px}.cover-note{width:100%;margin-top:30px;display:flex;align-items:end;gap:24px}.cover-note p{font-size:.875rem;max-width:195px}.cover-note p br{display:none}.cover-note .editorial-link{font-size:.875rem;margin:0;gap:12px;max-width:150px;min-width:116px;padding-block:7px}.page-footer{gap:15px;min-height:81px}.photo-credit{font-size:.75rem;max-width:160px}.photo-credit>span{font-size:.75rem;letter-spacing:0}.pagination{gap:4px}.pagination a{width:28px;height:32px;font-size:.75rem}.inside-story{display:block;padding:48px 0 40px;flex:1}.story-title h1{font-size:clamp(3.5rem,14.8vw,5.6rem)}.title-caption{font-size:.875rem;margin-top:21px;max-width:285px}.story-copy{max-width:none;margin-top:42px}.section-index{display:none}.story-copy h2{font-size:2rem;margin-bottom:20px}.story-copy>p{font-size:1rem;line-height:1.7}.story-copy>.editorial-link{margin-top:21px}.services-copy{margin-top:35px}.services-copy>.eyebrow{margin-bottom:15px}.service-description{padding-bottom:20px}.service-list summary{padding-block:20px}.service-list summary>span:nth-child(2){font-size:1.9rem}.email-link{font-size:1.35rem;margin-top:25px}.location{margin-top:30px}.page-1 .page-image{object-position:55% 22%}.page-2 .page-shade,.page-3 .page-shade,.page-4 .page-shade{background:linear-gradient(180deg,rgba(10,15,20,.48),rgba(10,15,20,.35) 30%,rgba(10,15,20,.86) 65%,rgba(10,15,20,.9))}.page-1 .page-shade{background:linear-gradient(180deg,rgba(3,17,24,.25),rgba(3,17,24,.08) 30%,rgba(3,17,24,.78) 100%)}.page-image,.page-shade{height:100lvh}}
@media(max-width:360px){.magazine{padding-inline:18px}.site-header nav{gap:15px}.cover-note{display:block}.cover-note .editorial-link{max-width:none;margin-top:17px}.cover-note p{max-width:none}.home-story{padding-top:45px}.pagination{gap:0}.photo-credit{max-width:130px}.service-list summary>span:nth-child(2){font-size:1.7rem}}
/* Bold cover typography, inspired by the supplied architectural magazine. */
.brand{font-weight:900;letter-spacing:-.065em}.page-1 .brand{font-weight:600;letter-spacing:.08em}.masthead{padding-top:25px}.masthead h1{font-size:clamp(8rem,25vw,28rem);font-weight:900;letter-spacing:-.08em;line-height:.82;margin-left:-.045em}.masthead-caption{margin-top:28px}.home-story h2,.story-title h1{text-transform:uppercase;font-weight:900;line-height:.9;letter-spacing:-.065em;font-size:clamp(3rem,5.4vw,6rem)}.home-story h2 em,.story-title h1 em{padding-left:0}.eyebrow{font-weight:700}.home-story .eyebrow{max-width:240px;line-height:1.1;font-size:.9375rem;letter-spacing:-.015em}.cover-note p{font-weight:500}.story-title h1{font-size:clamp(3.5rem,6vw,7rem)}.story-copy h2{font-weight:800;font-size:2rem;letter-spacing:-.045em;line-height:1.05}.service-list summary>span:nth-child(2){font-weight:700;font-size:1.55rem;letter-spacing:-.04em}.page-1 .page-image{object-position:50% 14%}.home-story{padding-top:70px}.masthead-caption{font-weight:500}.section-index{font-weight:700}
@media(max-width:1000px){.story-title h1{font-size:clamp(2.8rem,6vw,4.5rem)}.story-copy h2{font-size:1.75rem}.service-list summary>span:nth-child(2){font-size:1.3rem}}
@media(max-width:700px){.masthead h1{font-size:25.7vw;letter-spacing:-.08em;line-height:.9}.masthead-caption{margin-top:15px}.home-story{padding-top:100px}.home-story h2{font-size:clamp(3rem,12.8vw,4.9rem)}.home-story .eyebrow{font-size:.8125rem;max-width:190px}.story-title h1{font-size:clamp(2.9rem,12vw,4.7rem)}.story-copy h2{font-size:1.9rem}.service-list summary>span:nth-child(2){font-size:1.5rem}.page-1 .page-image{object-position:53% 20%}.page-1 .cover-note{display:block;max-width:315px}.page-1 .cover-note p{max-width:none}.page-1 .cover-note .editorial-link{max-width:none;margin-top:13px}.masthead{padding-top:25px}}
@media(prefers-reduced-motion:no-preference){.masthead,.home-story,.inside-story{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}