/* STEPHEN / motion edition. Shared interface foundation: studio.css. */
:root{--paper:#f7f7f4;--ink:#20231f;--muted:#535952;--red:#374c43;--rule:#bdc2bb;--stone:#e8ebe6;--ease:cubic-bezier(.22,1,.36,1);--header:84px}
html{scroll-padding-top:112px}body{background:var(--paper);font-size:16px}h2{font-family:var(--serif);font-size:clamp(34px,3.5vw,52px);line-height:1.14;letter-spacing:-.035em}h2 em{font-family:var(--display);font-size:1.17em;line-height:1.02}h3{letter-spacing:-.015em}
.wrap{width:min(1480px,calc(100% - 112px))}svg{stroke-width:1.45;stroke-linecap:square;stroke-linejoin:miter}
/* Constant document geometry: the floating masthead never resizes the page. */
.masthead{height:84px;background:transparent;pointer-events:none}.masthead-inner,.masthead.is-scrolled .masthead-inner{pointer-events:auto;height:84px;min-height:84px;padding:0 0;gap:26px;border:1px solid transparent;border-bottom-color:var(--ink);background:var(--paper);transition:transform .65s var(--ease),background-color .4s,border-color .4s,box-shadow .4s,padding .65s var(--ease);transform:translateY(0)}
.masthead.is-scrolled .masthead-inner{transform:translateY(10px);padding:0 24px;background:#f7f7f4;border-color:#c3c8bf;box-shadow:0 8px 24px #20231f0a}
.wordmark{font-size:29px;letter-spacing:-.035em}.masthead-descriptor{font-family:var(--sans);font-size:12px;padding-left:24px;border-color:#adb5ab}.masthead nav{gap:28px}.masthead nav>a{font-size:11px;letter-spacing:.04em;min-height:48px;font-weight:400}.masthead nav>a::after{bottom:9px;background:currentColor;height:1px}.masthead .nav-contact{font-weight:700}.masthead nav svg{width:18px;height:18px;transition:transform .5s var(--ease)}.masthead nav>a:hover svg{transform:rotate(45deg)}
/* One button construction and one arrow throughout the site. */
.button,.text-link{font-size:12px!important;letter-spacing:0;text-transform:none;font-weight:400;gap:26px;line-height:1.2}.button{min-height:56px;padding:0 0 0 24px;border:1px solid var(--ink);background:var(--ink);color:#f7f7f4;overflow:hidden;transition:color .45s var(--ease),border-color .45s var(--ease),background-color .45s var(--ease)}
.button::before{inset:-2px;background:#f7f7f4;transform:translateY(105%);transition:transform .65s var(--ease)}.button:hover,.button:focus-visible{color:var(--ink);border-color:var(--ink)}.button:hover::before,.button:focus-visible::before{transform:translateY(0)}.button:active{transform:scale(.985)}.button>.arrow-window{width:54px;height:54px;border-left:1px solid #ffffff38;transition:background-color .45s,border-color .45s,color .45s}.button:hover>.arrow-window,.button:focus-visible>.arrow-window{background:var(--ink);border-left-color:var(--ink);color:#f7f7f4}.arrow-window svg{width:21px;height:21px;top:50%;left:50%;inset:auto;transform:translate(-50%,-50%);transition:transform .6s var(--ease)}.arrow-window svg+svg{transform:translate(-195%,95%)}
a:hover>.arrow-window svg:first-child,button:hover>.arrow-window svg:first-child,.photo-link:hover .arrow-window svg:first-child,a:focus-visible>.arrow-window svg:first-child,button:focus-visible>.arrow-window svg:first-child{transform:translate(95%,-195%)}a:hover>.arrow-window svg+svg,button:hover>.arrow-window svg+svg,.photo-link:hover .arrow-window svg+svg,a:focus-visible>.arrow-window svg+svg,button:focus-visible>.arrow-window svg+svg{transform:translate(-50%,-50%)}
.control-label{display:block;position:relative;overflow:hidden;padding-block:1px}.control-label>span{display:block;transition:transform .6s var(--ease)}.control-label>span+span{position:absolute;top:100%;left:0;width:100%}.button:hover .control-label>span,.button:focus-visible .control-label>span,.text-link:hover .control-label>span,.text-link:focus-visible .control-label>span{transform:translateY(-100%)}
.text-link{min-height:52px;gap:20px;padding:12px 0}.text-link::after{bottom:7px;transform-origin:right;transition:transform .6s var(--ease)}.text-link:hover::after{transform:scaleX(.4)}.text-link:hover{color:var(--ink)}.text-link .arrow-window{width:25px;height:25px}.button-paper{background:#f7f7f4;color:var(--ink);border-color:#f7f7f4}.button-paper>.arrow-window{border-left-color:#20231f33}.button-paper::before{background:var(--ink)}.button-paper:hover,.button-paper:focus-visible{color:#fff;border-color:var(--ink)}.inline-link{font-size:14px;border-bottom-color:var(--ink);gap:15px;transition:color .3s}.inline-link svg{transition:transform .5s var(--ease)}.inline-link:hover svg{transform:translate(3px,-3px)}
/* The opening editorial spread. */
.intro{grid-template-columns:64% 36%;padding-block:64px 45px;align-items:center}.intro h1{font:400 clamp(50px,5.15vw,80px)/1.04 var(--serif);letter-spacing:-.04em}.intro h1 em{font:italic 1.12em var(--display);line-height:1;letter-spacing:-.02em}.hero-line{display:block;overflow:hidden;padding-block:.07em;margin-block:-.05em}.hero-line>span{display:block}.intro-aside{border:0;padding:10px 0 0 36px;display:block}.intro-statement{font:400 clamp(22px,2vw,28px)/1.3 var(--serif);letter-spacing:-.025em}.intro-note{font-size:14px;line-height:1.7;margin-top:22px;color:var(--muted)}.intro-actions{display:flex;align-items:center;gap:25px;margin-top:26px;padding:0;flex-wrap:wrap}.intro-actions .button{padding:0 0 0 19px;gap:20px}.intro-actions .text-link{gap:14px}
/* ALDER moves from an editorial frame to a full-bleed image. */
.project-sequence{position:relative;margin:0;padding:0}.project-pin{position:relative;display:grid;grid-template-columns:35% 65%;min-height:620px;overflow:clip}.project-info{padding:70px 40px 70px max(56px,calc((100vw - 1480px)/2));align-self:center}.project-info h2{font:400 48px/1 var(--serif);letter-spacing:-.025em}.project-deck{font:400 40px/1.12 var(--display);margin-top:20px}.project-deck em{font-weight:400}.project-description{font-size:14px;color:var(--muted);line-height:1.7;margin-top:28px}.project-info .text-link{margin-top:20px}.project-info .project-meta{display:block;margin-top:30px;font-size:11px;letter-spacing:.02em;text-transform:none;max-width:240px}.project-scroll{display:inline-flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);margin-top:40px}.scroll-line{height:36px;width:1px;background:#b7bcb3;position:relative}.scroll-line::after{content:'';position:absolute;left:0;top:0;width:1px;height:16px;background:var(--ink)}.project-media{position:relative;margin:30px 56px 30px 0;min-width:0;overflow:hidden;background:#bec2b9}.project-media>a{display:block;width:100%;height:100%}.project-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.project-media::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#11150f99);pointer-events:none;opacity:var(--caption-shade,0)}.project-caption{position:absolute;bottom:6%;left:4%;right:4%;z-index:2;display:flex;gap:40px;align-items:end;justify-content:space-between;color:white;visibility:hidden;opacity:0}.project-caption>span{font:400 clamp(50px,6.8vw,96px)/.95 var(--serif);letter-spacing:-.04em}.project-caption>p{font-size:18px;line-height:1.45;margin:0 auto 3px 0}.project-caption>.button{flex:none}.project-pagination{position:absolute;bottom:8px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
@media(min-width:901px){.motion-ready .project-sequence{height:170svh;min-height:1050px}.motion-ready .project-pin{display:block;position:sticky;top:84px;height:calc(100svh - 84px);min-height:0}.motion-ready .project-info{position:absolute;left:0;top:0;bottom:0;width:35%;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.motion-ready .project-media{position:absolute;left:35%;top:5%;width:61%;height:88%;margin:0}.motion-ready .project-pagination{bottom:2%}}
.editorial-note{padding-block:100px 108px;grid-template-columns:1.15fr 1fr;gap:10%;border-top:0}.editorial-note h2{font-family:var(--serif);font-size:clamp(40px,4.1vw,62px);line-height:1.11}.editorial-note h2 em{font-family:var(--display);font-size:1.2em}.editorial-note>div{padding-top:6px}.editorial-note p{font-size:17px;line-height:1.75}.editorial-note p+p{font-size:15px}.editorial-note .inline-link{margin-top:20px}
/* Shared reading rhythm. */
.inside-section,.capabilities{padding-block:74px 85px;border-top:1px solid #adb5ab}.section-heading{align-items:center;margin-bottom:50px}.section-heading>p{font-size:16px;line-height:1.75}.inside-layout{grid-template-columns:29% 1fr;gap:7%}.chapter-tabs{border-top-color:#a8b2a5}.chapter-tabs button{padding:27px 0;column-gap:12px}.chapter-tabs strong{font-family:var(--display);font-size:31px}.chapter-tabs button[aria-selected=true]{color:var(--ink)}.chapter-tabs button[aria-selected=true]::after{height:2px;background:var(--ink)}.chapter-tabs small{font-size:14px;color:var(--muted)}.demo-canvas{background:#f8f9f5;border:0;box-shadow:none;overflow:hidden;position:relative}.demo-stage{min-height:640px;scroll-margin-top:110px}.demo-stage.stage-enter{animation:none}.demo-top{border-color:#c2c8bc;padding:22px 30px}.demo-top b{font-weight:700;letter-spacing:.1em}.enquiry-layout{min-height:575px;grid-template-columns:39% 61%}.enquiry-photo{min-height:575px}.enquiry-photo p{background:#f8f9f5;font-family:var(--display)}.enquiry-layout h3{font:400 30px/1.2 var(--serif);letter-spacing:-.025em}.enquiry-layout form{padding:30px}.enquiry-layout .button{justify-content:space-between;padding-left:20px}.enquiry-layout .button .arrow-window{flex:none}.workflow-content,.review-content{padding:32px}.workflow-content h3,.review-content h3{font:400 34px/1.1 var(--serif);letter-spacing:-.025em}.workflow-content h3 em,.review-content h3 em{font-family:var(--display);font-size:1.2em}.brief-grid dd{font:400 23px/1.3 var(--display)}.draft-options button{font-size:13px;min-height:44px}.review-content .small-note{max-width:440px}.demo-disclosure{font-size:12px}.workflow-strip{padding-block:20px;font-size:12px}.workflow-strip svg{transform:rotate(45deg)}.workflow-strip i{background:var(--ink)}.review-state{color:#374c43}.demo-bottom .button{gap:20px;padding-left:18px}.contact-fallback .button{padding-left:18px}.service summary{padding:31px 0;position:relative;transition:padding .5s var(--ease)}.service summary h3{font:400 clamp(29px,2.8vw,41px)/1.2 var(--display);transition:transform .55s var(--ease)}.service summary:hover h3{transform:translateX(8px);color:var(--ink)}.service[open] summary h3{color:var(--ink)}.service summary p{font-size:15px}.plus{width:28px;height:28px}.plus::before,.plus::after{width:20px;left:4px;top:14px}.service-body{animation:none;margin-left:calc(54.55% - 3px);padding-bottom:32px;max-width:570px}.service-body>p{font-size:16px;line-height:1.75}.service-deliverables{font-size:12px;gap:14px 24px}.service{overflow:hidden}.service .text-link{font-size:13px!important}.method{padding-block:75px 85px;gap:11%;border-color:#adb5ab}.method h2{font-size:clamp(36px,3.5vw,52px);line-height:1.13}.method h3{font:400 32px var(--display)}.method li{padding-block:25px}.method li p{font-size:15px}.method li>span{color:var(--muted)}
/* Contact remains in the reading flow; the closing photograph is the final act. */
.contact{padding-block:75px 100px;border-color:#adb5ab;gap:10%}.contact h2{font-size:clamp(39px,4.15vw,61px);line-height:1.08}.contact-heading>p{margin-top:26px}.email-link{font-size:16px}.interest-options span{padding:11px 14px;font-size:12px;border-color:#a7b09f}.contact-actions .button{padding-left:20px;gap:25px}.contact-actions>p{font-size:12px}.contact-fields label,.contact-workspace>form>label,.interest-fieldset legend{font-size:12px;font-weight:400}.contact-workspace input,.contact-workspace textarea{border-color:#9ba694;padding-block:12px;font-size:16px}.contact-fields{gap:25px}.contact-workspace textarea{min-height:110px}.contact-actions{margin-top:30px}.contact-fallback{border-top-color:#adb5ab}.contact-fallback textarea{min-height:220px;font-size:15px}
.closing-scene{position:relative;height:auto;min-height:0;margin:0;background:var(--paper);overflow:clip}.closing-stage{position:relative;display:block;top:0;width:100%;height:90svh;min-height:600px;padding:0;margin:0;isolation:isolate}.closing-image{position:absolute;inset:0;transform:none;clip-path:none;will-change:auto;overflow:hidden}.closing-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10160ce0 0%,#10160c75 45%,#10160c20);pointer-events:none;z-index:1}.closing-copy{position:absolute;top:50%;left:max(56px,calc((100vw - 1480px)/2));right:56px;transform:translateY(-50%);z-index:2;padding:0;color:#f8f9f5}.closing-copy h2{font:400 clamp(58px,6.1vw,88px)/1.08 var(--serif);letter-spacing:-.035em}.closing-copy h2 em{font:italic 1.13em/1 var(--display)}.closing-copy .line-mask{padding-bottom:.14em;margin-bottom:-.07em}.closing-copy>p{color:#e4e8de;font-size:17px;margin:30px 0}.closing-copy .button{gap:28px;min-height:56px}.closing-foot{position:absolute;bottom:30px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:11px;color:#fff;z-index:2}.motion-ready .closing-scene{height:145svh;min-height:900px}.motion-ready .closing-stage{position:sticky;top:0;height:100svh;min-height:0}.footer{border:0;padding-top:48px;padding-bottom:30px}.footer-top .wordmark{font-size:30px}.footer-bottom{font-size:11px}.footer-top>p{font-size:13px}.footer-bottom>button{font-size:11px!important;cursor:pointer}.footer-top .text-link{font-size:12px!important}
/* The case and studio pages belong to the same edition. */
.alder-header{padding-block:32px}.alder-hero h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,80px);line-height:1.07;letter-spacing:-.04em}.alder-hero h1 em{font-family:var(--display);font-size:1.13em}.case-return .text-link{font-size:12px!important}.alder-hero figure{overflow:hidden}.alder-hero figure>img{transition:transform 1s var(--ease)}.alder-hero figure:hover>img{transform:scale(1.02)}.alder-architecture h2,.case-design h2,.alder-contact h2{font-family:var(--serif)}.alder-hero figcaption{background:var(--paper);position:relative}.profile-main h1{font:400 clamp(40px,5.1vw,76px)/1.1 var(--serif);letter-spacing:-.035em}.profile-main h1 em{font-family:var(--display);font-size:1.15em}.profile-grid .profile-intro{font-family:var(--display);font-size:32px}.profile-grid h2{font-family:var(--serif);font-size:29px}.type-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.08em}.type-line{display:block;transform:none}
@media(min-width:1600px){.project-media{margin-right:max(56px,calc((100vw - 1480px)/2))}.intro{padding-block:75px 55px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.intro{grid-template-columns:61% 39%;padding-top:52px}.intro h1{font-size:clamp(46px,5.35vw,67px)}.intro-aside{padding-left:28px}.intro-statement{font-size:24px}.intro-note{font-size:13px}.intro-actions{gap:12px}.intro-actions .button{padding-left:15px;gap:16px}.project-info{padding-left:32px;padding-right:25px}.project-info h2{font-size:41px}.project-deck{font-size:35px}.project-description{font-size:13px}.project-info .project-meta{font-size:11px}.project-caption{gap:25px}.project-caption>p{font-size:15px}.project-caption .button{gap:18px;padding-left:16px}.masthead nav{gap:20px}.masthead-descriptor{font-size:11px}.closing-copy{left:32px;right:32px}.closing-copy h2{font-size:70px}.closing-foot{left:32px;right:32px}.service-body{margin-left:52%}.contact-actions{gap:14px}.contact-actions .button{gap:15px}.contact h2{font-size:50px}}
@media(max-width:900px){.intro{grid-template-columns:1.1fr 1fr;gap:5%;padding-block:50px 40px}.intro h1{font-size:52px;line-height:1.08}.hero-line:last-child>span{max-width:400px}.intro-aside{padding-left:0}.intro-statement{font-size:23px;line-height:1.35}.intro-note{font-size:13px}.intro-actions{gap:12px;margin-top:20px}.intro-actions .button{min-height:50px}.intro-actions .button>.arrow-window{width:48px;height:48px}.masthead nav>a:nth-child(2){display:none}.masthead.is-scrolled .masthead-inner{padding-inline:16px}.project-pin{min-height:0;grid-template-columns:32% 68%}.project-info{padding:34px 20px 34px 32px}.project-info h2{font-size:32px}.project-deck{font-size:32px;margin-top:14px}.project-description{font-size:13px}.project-scroll{display:none}.project-media{margin:0 32px 0 0;height:440px}.project-caption{display:none}.project-pagination{position:static;grid-column:1/-1;margin:18px 32px 0;font-size:11px}.project-info .project-meta{margin-top:19px}.project-info .text-link{font-size:12px!important;gap:10px}.editorial-note{padding-block:70px 75px;gap:8%;grid-template-columns:1fr 1fr}.editorial-note h2{font-size:42px}.editorial-note p{font-size:16px}.inside-layout{display:block}.inside-section,.capabilities{padding-block:55px 65px}.section-heading h2{font-size:43px}.chapter-tabs strong{font-size:27px}.demo-stage{min-height:0}.enquiry-layout{grid-template-columns:42% 58%}.enquiry-layout h3{font-size:27px}.enquiry-photo p{font-size:29px}.enquiry-layout form{padding:28px}.demo-canvas{min-height:0}.service-body{margin-left:0;max-width:570px}.service summary{gap:22px}.service summary h3{font-size:31px}.service summary p{font-size:14px}.method{gap:8%;padding-block:60px 65px}.method h2{font-size:40px}.method h3{font-size:30px}.contact{grid-template-columns:1fr;padding-block:60px 70px;gap:40px}.contact-heading h2{font-size:52px}.contact-actions{flex-direction:row;gap:22px}.closing-copy h2{font-size:64px}.closing-stage{height:85svh;min-height:580px}.motion-ready .closing-scene{height:115svh;min-height:760px}.motion-ready .closing-stage{height:90svh;top:50px}.closing-foot{font-size:11px;gap:30px}.alder-hero h1{font-size:60px}.alder-architecture h2,.case-design h2{font-size:40px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:100px}.masthead{height:74px}.masthead-inner,.masthead.is-scrolled .masthead-inner{height:74px;min-height:74px;gap:14px}.masthead.is-scrolled .masthead-inner{transform:translateY(5px);padding-inline:12px}.wordmark{font-size:24px}.masthead-descriptor{font-size:11px;padding-left:14px}.masthead.is-scrolled .masthead-descriptor{display:none}.masthead nav{top:74px;left:0;right:0;padding:15px 20px 20px;border:1px solid #c3c8bf;border-top:0;background:#f7f7f4}.masthead nav.is-open>a,.masthead nav.is-open>a:nth-child(2){display:flex;font-size:14px;min-height:52px}.masthead nav>a svg{margin-left:auto}.menu-toggle{font-size:12px}.menu-lines{width:20px}.menu-lines::before,.menu-lines::after{width:20px}.intro{display:block;padding-block:39px 34px}.intro h1{font-size:clamp(41px,10.7vw,61px);line-height:1.1}.hero-line:last-child>span{max-width:420px}.intro h1 em{font-size:1.16em}.intro-aside{padding-top:26px}.intro-statement{font:400 22px/1.35 var(--serif);letter-spacing:-.025em}.intro-note{display:block;margin-top:15px;font-size:14px;line-height:1.65}.intro-note br{display:none}.intro-actions{gap:24px;margin-top:22px;flex-wrap:nowrap}.intro-actions .button{font-size:12px!important;padding-left:15px;gap:12px;min-height:50px}.intro-actions .button>.arrow-window{width:42px;height:48px}.intro-actions .text-link{font-size:12px!important;gap:8px;white-space:nowrap}.button{min-height:52px;padding-left:20px;gap:20px}.button>.arrow-window{width:50px;height:50px}.text-link{font-size:13px!important;min-height:48px}.project-pin{display:flex;flex-direction:column}.project-info{padding:10px 20px 22px;width:auto;display:grid;grid-template-columns:1fr auto;gap:0 15px;align-items:end}.project-info h2{font-size:30px;grid-column:1}.project-deck{font-size:27px;grid-column:1;line-height:1.07;margin-top:9px}.project-deck br{display:none}.project-description,.project-meta{display:none!important}.project-info .text-link{grid-column:2;grid-row:1/3;margin:0;font-size:11px!important;gap:6px;max-width:120px}.project-media{margin:0 20px;width:auto;height:420px}.project-media img{object-position:45% center}.project-pagination{display:flex;margin:14px 20px 0;font-size:11px;letter-spacing:.05em}.project-pagination span:last-child{display:none}.editorial-note{display:block;padding-block:51px 57px}.editorial-note h2{font-size:39px;line-height:1.14}.editorial-note>div{margin-top:23px}.editorial-note p{font-size:16px}.editorial-note .inline-link{font-size:14px;line-height:1.5}.inside-section,.capabilities{padding-block:47px 55px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:38px;line-height:1.12}.section-heading>p{font-size:15px;margin-top:21px}.inside-layout{display:block}.chapter-tabs{gap:14px}.chapter-tabs button{padding:16px 0;display:block}.chapter-tabs strong{font-size:23px;line-height:1.04;max-width:105px}.chapter-tabs button>span{font-size:11px}.chapter-tabs small{display:none}.demo-disclosure{font-size:12px}.demo-top{padding:20px}.enquiry-layout{display:block;min-height:0}.enquiry-photo{min-height:170px}.enquiry-photo p{font-size:27px;padding:14px;max-width:195px}.enquiry-layout form{padding:24px 20px}.enquiry-layout h3{font-size:26px}.enquiry-layout .button{margin-top:24px;padding-left:17px}.enquiry-layout form>small{font-size:11px}.demo-canvas{min-height:0}.workflow-content,.review-content{padding:27px 20px}.workflow-content h3,.review-content h3{font-size:30px;line-height:1.1}.workflow-strip{font-size:11px;gap:4px}.workflow-strip svg{width:15px}.brief-grid dd{font-size:25px}.demo-bottom{gap:14px}.demo-bottom .button{padding-left:14px;gap:12px}.demo-bottom .text-link{gap:8px}.draft-options{margin-top:20px;gap:20px}.draft-options button{font-size:14px}.review-content .small-note{font-size:12px}.service summary{grid-template-columns:1fr 26px;padding:25px 0;gap:10px 15px}.service summary h3{font-size:31px}.service summary p{font-size:14px}.service-body{margin:0;padding-bottom:30px}.service-body>p{font-size:15px}.service-deliverables{font-size:12px}.method{display:block;padding-block:48px 55px}.method h2{font-size:38px;line-height:1.15}.method h3{font-size:31px}.method ol{margin-top:30px}.method li p{font-size:15px}.contact{display:block;padding-block:48px 65px}.contact-heading{display:block}.contact h2{font-size:41px;line-height:1.13}.contact-heading>p{font-size:16px}.contact-workspace{margin-top:33px}.contact-fields label+label{margin-top:24px}.contact-actions{flex-direction:column;align-items:stretch;gap:15px}.contact-actions .button{padding-left:18px;justify-content:space-between}.contact-actions>p{font-size:12px}.interest-options{gap:8px}.interest-options span{font-size:12px;padding:11px 12px}.interest-fieldset{margin-bottom:27px}.contact-fields{margin-bottom:25px}.contact-workspace input,.contact-workspace textarea{font-size:16px}.closing-scene,.motion-ready .closing-scene{height:100svh;min-height:620px;padding:0}.closing-stage,.motion-ready .closing-stage{height:100%;min-height:620px;top:0;position:relative;display:block;padding:0}.closing-copy{left:24px;right:24px;top:48%;padding:0}.closing-copy h2{font-size:clamp(43px,11.5vw,62px);line-height:1.1}.closing-copy h2 em{font-size:1.14em}.closing-copy>p{font-size:16px;margin:28px 0}.closing-copy .button{max-width:100%;gap:20px;padding-left:18px;font-size:12px!important}.closing-image{inset:0;position:absolute;width:100%}.closing-image img{height:100%;width:100%;object-position:55%}.closing-shade{background:linear-gradient(90deg,#10160cc9,#10160c65)}.closing-foot{bottom:25px;left:24px;right:24px;display:block;font-size:11px;line-height:1.7}.closing-foot>span{display:block}.footer{padding-block:32px 25px}.footer-top .wordmark{font-size:25px}.footer-top>p{font-size:12px}.footer-bottom{font-size:11px;gap:16px;align-items:center}.footer-top .text-link{font-size:12px!important;gap:8px}.profile-main h1{font-size:40px}.profile-grid .profile-intro{font-size:28px}.profile-grid h2{font-size:29px}.alder-hero h1{font-size:43px;line-height:1.12}.alder-architecture h2,.case-design h2,.alder-contact h2{font-size:36px}.case-return .text-link{font-size:11px!important}.alder-hero figure>img{height:430px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.intro h1{font-size:40px}.intro-actions{gap:14px}.intro-actions .button{font-size:11px!important;gap:8px;padding-left:13px}.intro-actions .button>.arrow-window{width:40px}.intro-actions .text-link{font-size:11px!important;gap:6px}.project-info{padding-inline:16px}.project-info .text-link{max-width:105px;font-size:11px!important;gap:5px}.project-deck{font-size:25px}.project-media{margin-inline:16px;height:380px}.project-pagination{margin-inline:16px}.interest-options span{font-size:11px}.contact h2{font-size:37px}.closing-copy h2{font-size:43px}.closing-copy .button{font-size:11px!important;gap:12px}.masthead-descriptor{font-size:11px}.masthead .wordmark{font-size:22px}}
/* The fallback is a finished editorial page. */
body.motion-reduced .project-sequence{height:auto!important;min-height:0!important}body.motion-reduced .project-pin{position:relative!important;top:auto!important;height:auto!important;min-height:620px;display:grid;grid-template-columns:35% 65%}body.motion-reduced .project-info{position:relative;inset:auto;width:auto}body.motion-reduced .project-media{position:relative!important;inset:auto!important;width:auto!important;height:560px!important;margin:30px 56px 30px 0}body.motion-reduced .project-caption{display:none!important}body.motion-reduced .closing-scene{height:auto;min-height:0;padding:0}body.motion-reduced .closing-stage{position:relative;top:0;height:85svh;min-height:620px}body.motion-reduced .closing-copy{transform:translateY(-50%)!important;opacity:1!important}body.motion-reduced .closing-image{position:absolute;inset:0;opacity:1;clip-path:none!important}body.motion-reduced .closing-image img{height:100%}body.motion-reduced .line-mask>span,body.motion-reduced .line-mask>em,body.motion-reduced .type-line{transform:none!important;opacity:1!important}
@media(max-width:900px){body.motion-reduced .project-pin{min-height:0;grid-template-columns:32% 68%}body.motion-reduced .project-media{height:440px!important;margin:0 32px 0 0}}
@media(max-width:620px){body.motion-reduced .project-pin{display:flex}body.motion-reduced .project-media{height:420px!important;margin:0 20px}body.motion-reduced .closing-stage{height:95svh;min-height:620px}}
@media(prefers-reduced-motion:reduce){.type-line{transform:none!important;opacity:1!important}.closing-copy{transform:translateY(-50%)!important}.closing-scene{padding:0}.closing-image{position:absolute;inset:0}.closing-image img{height:100%}}
.arrow-window svg{inset:auto;top:50%;left:50%}
.arrow-window svg+svg{transform:translate(-250%,150%)}
a:hover>.arrow-window svg:first-child,button:hover>.arrow-window svg:first-child,.photo-link:hover .arrow-window svg:first-child,a:focus-visible>.arrow-window svg:first-child,button:focus-visible>.arrow-window svg:first-child{transform:translate(150%,-250%)}
@media print{.closing-scene{display:none}.project-sequence{height:auto!important;min-height:0!important}.project-pin{position:static!important;height:auto!important;display:block!important}.project-media{position:relative!important;width:100%!important;height:300px!important}.project-info{position:static!important;width:auto!important}.project-pagination{display:none}}

/* Editorial cut: one project, one workflow and one closing chapter. */
.intro-note{max-width:36ch}
.project-description{max-width:28ch}
.project-rationale{display:grid;grid-template-columns:1fr 1.45fr;gap:12%;padding-block:66px 74px}
.project-rationale h2{font:400 clamp(25px,2.35vw,34px)/1.35 var(--serif);letter-spacing:-.025em;text-wrap:initial}
.project-rationale p{font-size:16px;line-height:1.8;color:var(--muted);max-width:62ch}
.project-rationale p+p{margin-top:14px}
.inside-section{padding-top:64px;padding-bottom:76px}
.inside-section .section-heading{align-items:start;margin-bottom:42px}
.inside-section .section-heading h2{font-size:clamp(35px,3.7vw,54px);line-height:1.15}
.inside-section .section-heading>p{max-width:400px;font-size:15px;line-height:1.7}
.inside-layout{grid-template-columns:28% 1fr;gap:7%}
.chapter-tabs button{padding:24px 0;grid-template-columns:26px 1fr;gap:4px 14px}
.chapter-tabs strong{font:400 25px/1.2 var(--serif);letter-spacing:-.025em}
.chapter-tabs small{font-size:13px;line-height:1.65}
.demo-notes-link{align-self:start;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding-block:12px}
.demo-stage{min-height:510px}
.demo-top{padding:22px 32px}
.message-content,.workflow-content,.review-content{padding:32px}
.message-content h3,.workflow-content h3,.review-content h3{font:400 29px/1.3 var(--serif);letter-spacing:-.025em}
.brief-grid{gap:25px 32px;margin:30px 0 24px}
.brief-grid dt{font-size:12px;text-transform:none;letter-spacing:0}
.brief-grid dd{font:400 18px/1.45 var(--sans);margin-top:6px}
.workflow-content blockquote,.message-content blockquote{margin:24px 0;padding:22px 0;border-top:1px solid var(--rule);font-size:16px;line-height:1.75;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}
.message-from{margin-top:20px;font-size:14px;color:var(--muted)}
.message-from strong{font-weight:400;color:var(--ink)}
.message-context{font-size:13px;color:var(--muted)}
.message-content>.button{margin-top:25px}
.enquiry-editor{border-block:1px solid var(--rule);margin-top:26px;overflow:hidden}
.enquiry-editor summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;padding:16px 0;min-height:52px}
.enquiry-editor summary::-webkit-details-marker{display:none}
.enquiry-editor[open] .plus::after{transform:rotate(0)}
.enquiry-editor form{padding:8px 0 24px}
.sample-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}
.sample-fields label+label{margin:0}
.enquiry-editor label{font-size:12px;font-weight:400}
.enquiry-editor input,.enquiry-editor textarea,.enquiry-editor select{font-size:16px}
.demo-bottom{gap:16px 24px}
.draft-options{margin-top:18px}
#sample-draft{font-size:15px;line-height:1.7;min-height:250px}
.review-state{font-size:12px}
.review-content .small-note{font-size:12px}
.capabilities{display:grid;grid-template-columns:28% 1fr;gap:7%;padding-block:65px 76px}
.capabilities .section-heading{display:block;margin:0}
.capabilities .section-heading h2{font:400 36px/1.2 var(--serif);letter-spacing:-.025em}
.capabilities .section-heading>p{margin-top:20px;font-size:15px;line-height:1.7}
.service:first-child{border-top:0}
.service summary{grid-template-columns:38% 1fr 24px;gap:20px;padding:26px 0}
.service summary h3{font:400 26px/1.3 var(--serif);letter-spacing:-.025em}
.service summary p{font-size:14px;line-height:1.65}
.service-body{margin-left:0;max-width:570px;padding-bottom:26px}
.service-body>p{font-size:15px}
.service-body .text-link{margin-top:12px}
.contact-chapter{margin:0}
.contact-chapter .closing-copy h2{font-size:clamp(52px,5.8vw,82px)}
.contact-chapter .closing-copy>p{max-width:390px;line-height:1.65}
.contact-chapter .closing-scene{margin-bottom:0}
.contact-chapter .contact{border:0;padding-top:65px;padding-bottom:75px}
.contact-chapter .contact-heading{display:block}
.contact-heading h3{font:400 32px/1.3 var(--serif);letter-spacing:-.025em}
.contact-heading>p{margin-top:19px}
.contact-heading .contact-profile{font-size:13px;margin-top:32px}
.contact-profile a{display:inline-flex;align-items:center;gap:13px;padding-block:9px;border-bottom:1px solid var(--rule)}
.contact-profile svg{width:17px;height:17px}
.profile-process{padding-left:22px;font-size:15px;line-height:1.8;color:var(--muted)}
.profile-process li{padding-left:8px;margin-bottom:15px}
.profile-process strong{color:var(--ink);font-weight:500}
#project-notes{scroll-margin-top:30px}
@media(max-width:900px){.chapter-tabs button{align-self:stretch;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start}}
@media(max-width:1100px){.inside-layout,.capabilities{grid-template-columns:27% 1fr;gap:6%}.chapter-tabs strong{font-size:22px}.demo-bottom{gap:12px 18px}.service summary{grid-template-columns:1fr 24px;gap:8px 20px}.service summary h3{grid-column:1;grid-row:1}.service summary p{grid-column:1;grid-row:2}.service summary .plus{grid-column:2;grid-row:1/3}.project-rationale{gap:8%}}
@media(max-width:900px){.inside-layout{display:block}.inside-section .section-heading{gap:30px}.inside-section .section-heading h2{font-size:38px}.inside-section .section-heading>p{max-width:340px}.chapter-tabs strong{font-size:23px}.chapter-tabs button{display:block}.demo-disclosure{margin-top:13px}.demo-disclosure br{display:none}.demo-notes-link{padding-top:4px}.project-rationale{grid-template-columns:1fr 1.4fr;padding-block:50px 55px}.project-rationale h2{font-size:26px}.project-rationale p{font-size:15px}.capabilities{grid-template-columns:25% 1fr;gap:7%;padding-block:50px 60px}.contact-chapter .contact{padding-block:50px 65px;gap:30px}.contact-heading .contact-profile{margin-top:19px}.contact-heading h3{font-size:29px}}
@media(max-width:620px){.project-rationale{display:block;padding-block:38px 42px}.project-rationale h2{font-size:25px;line-height:1.3;margin-bottom:22px}.project-rationale h2 br{display:none}.project-rationale p{font-size:15px;line-height:1.75}.inside-section{padding-block:40px 48px}.inside-section .section-heading{display:block;margin-bottom:27px}.inside-section .section-heading h2{font-size:34px;line-height:1.2}.inside-section .section-heading>p{font-size:15px;margin-top:16px}.inside-section .section-heading>p br{display:none}.inside-navigation{margin-bottom:22px}.chapter-tabs{gap:16px}.chapter-tabs button{padding:15px 0}.chapter-tabs strong{font:400 18px/1.25 var(--serif);max-width:none}.chapter-tabs small{display:none}.demo-top{padding:19px 20px}.demo-stage{min-height:0}.message-content,.workflow-content,.review-content{padding:25px 20px}.message-content h3,.workflow-content h3,.review-content h3{font-size:25px;line-height:1.3}.brief-grid{gap:21px 20px;margin:26px 0 20px}.brief-grid dd{font:400 16px/1.45 var(--sans)}.brief-grid dt{font-size:12px}.workflow-content blockquote,.message-content blockquote{font-size:15px;margin-block:22px;padding-top:20px}.demo-bottom{display:flex;align-items:stretch;flex-direction:column;gap:8px}.demo-bottom .button{justify-content:space-between;gap:15px;padding-right:0}.demo-bottom .text-link{align-self:start;font-size:12px!important;gap:12px}.message-content>.button{display:flex;justify-content:space-between;width:100%;font-size:12px!important;gap:12px;padding-left:15px}.sample-fields{display:block;margin-bottom:17px}.sample-fields label+label{margin-top:17px}.review-content textarea{min-height:280px}.draft-options{gap:20px}.capabilities{display:block;padding-block:42px 48px}.capabilities .section-heading{margin-bottom:21px}.capabilities .section-heading h2{font-size:30px}.capabilities .section-heading>p{margin-top:12px;font-size:14px}.capabilities .section-heading>p br{display:none}.service summary{padding:23px 0}.service summary h3{font-size:25px}.service summary p{font-size:14px;max-width:28ch}.service-body>p{font-size:15px}.contact-chapter .closing-copy{left:22px;right:22px}.contact-chapter .closing-copy h2{font-size:clamp(40px,10.5vw,58px);line-height:1.15}.contact-chapter .closing-copy>p{font-size:16px;max-width:29ch;margin-block:23px}.contact-chapter .contact{padding-block:39px 52px}.contact-heading h3{font-size:29px}.contact-heading>p{font-size:15px}.contact-heading .contact-profile{margin-top:18px}.contact-chapter .contact-workspace{margin-top:30px}.contact-chapter .email-link{font-size:15px}.contact-chapter .contact-fallback .demo-bottom .button{padding-right:0}}