/* D43: About and Work extend the adopted homepage's type, colour and rhythm. */
.interior-page main{--page-space:clamp(64px,7.2vw,104px)}
.page-hero{background:var(--wheat)}
.page-section{padding-block:var(--page-space)}
.editorial-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:var(--column-gap);row-gap:32px}
.editorial-heading h2{font-size:clamp(44px,4.45vw,64px);max-width:11ch}
.editorial-heading h2 em{color:var(--autumn)}
.page-prose{font-size:18px;line-height:1.8;max-width:58ch;min-width:0}
.page-prose p,.story-content p,.engagement-item p,.method-list p{text-wrap:pretty}
.page-prose p+p{margin-top:24px}
.page-prose .prose-emphasis{font:400 30px/1.4 var(--serif);letter-spacing:-.008em}
.page-prose .text-link{margin-top:30px}
.page-dark{background:var(--moss);color:var(--paper)}
.page-dark .eyebrow{color:var(--sand)}
.page-dark .editorial-heading h2 em{color:var(--wheat)}
.page-dark .page-prose{color:var(--wheat)}
.about-arrival{min-height:calc(100svh - var(--header-size));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:'heading portrait' 'intro portrait' 'actions portrait';align-content:center;column-gap:var(--column-gap);row-gap:24px;padding-block:clamp(24px,4.2svh,46px)}
.arrival-heading{grid-area:heading;min-width:0}
.arrival-heading .eyebrow{margin-bottom:20px}
.arrival-heading h1{font-size:clamp(48px,min(5.5vw,9svh),84px);line-height:1.02;max-width:14ch;letter-spacing:-.028em}
.arrival-heading h1 em{color:var(--autumn)}
.arrival-intro{grid-area:intro;max-width:51ch;font-size:17px;line-height:1.7;min-width:0}
.arrival-intro .question-lead{font:400 29px/1.3 var(--serif);letter-spacing:-.01em}
.arrival-intro p+p{margin-top:14px;text-wrap:pretty}
.arrival-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-width:0}
.arrival-portrait{grid-area:portrait;position:relative;justify-self:center;width:min(100%,440px);min-width:0;padding:0 0 18px 16px}
.arrival-portrait:before{content:'';position:absolute;inset:18px 18px 0 0;border:1px solid #886a4670;border-radius:4px 70px 4px 4px}
.arrival-portrait picture{display:block;position:relative}
.arrival-portrait img{width:100%;height:min(64svh,620px);object-fit:cover;object-position:50% 18%;border-radius:4px 70px 4px 4px}
.care-boundary{margin-top:64px;padding-top:48px;border-top:1px solid var(--rule)}
.care-boundary h3,.month-ending h3{font-size:40px;line-height:1.12}
.care-boundary h3 em,.month-ending h3 em{color:var(--autumn)}
.work-arrival{min-height:calc(100svh - var(--header-size));display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px var(--column-gap);align-content:center;align-items:center;padding-block:clamp(28px,6svh,64px)}
.work-arrival-name .eyebrow{max-width:27ch}
.work-arrival h1{font-size:clamp(90px,min(12vw,19svh),180px);line-height:.88;letter-spacing:-.035em}
.work-arrival h1 em{color:var(--autumn)}
.work-arrival-copy{min-width:0;font-size:18px;line-height:1.7;max-width:58ch}
.work-arrival .work-opening{font:400 clamp(34px,3.4vw,49px)/1.18 var(--serif);letter-spacing:-.015em;max-width:23ch;text-wrap:pretty}
.work-opening em{color:var(--autumn)}
.work-arrival-copy>p+p{margin-top:24px}
.work-arrival-copy .arrival-actions{margin-top:30px}
.work-arrival-note{grid-column:1/-1;display:flex;gap:36px;padding-top:22px;border-top:1px solid #65594840;font-size:13px;color:var(--prairie)}
.work-arrival-note span+span:before{content:'·';margin-right:36px}
.month-price{font:400 54px/1.2 var(--serif);letter-spacing:-.02em;margin-top:36px}
.month-price span{display:block;font:400 14px/1.6 var(--sans);color:var(--prairie);letter-spacing:0;margin-top:6px}
.month-note{font-size:16px;line-height:1.8;max-width:36ch;margin-top:28px}
.engagement-list{min-width:0}
.engagement-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:20px;padding-block:26px;border-bottom:1px solid var(--rule)}
.engagement-item:first-child{padding-top:0}
.engagement-item:last-child{border-bottom:0;padding-bottom:0}
.item-number{font:400 17px/1.6 var(--serif);color:var(--prairie);padding-top:6px}
.engagement-item h3{font-size:32px;line-height:1.15;margin-bottom:14px}
.engagement-item p{font-size:17px;line-height:1.75;max-width:55ch}
.month-ending{padding-top:48px;margin-top:56px;border-top:1px solid var(--rule)}
.method-intro{align-items:start}
.method-list{list-style:none;margin:58px 0 0;padding:0;border-top:1px solid #dcd3c440}
.method-list li{display:grid;grid-template-columns:34px minmax(0,.85fr) minmax(0,1.15fr);column-gap:32px;align-items:baseline;padding:30px 0;border-bottom:1px solid #dcd3c440}
.method-number{font:400 18px/1.5 var(--serif);color:var(--sand)}
.method-list h3{font-size:36px;line-height:1.2;letter-spacing:-.015em}
.method-list p{font-size:17px;line-height:1.75;color:var(--wheat);max-width:52ch}
.stories-intro{margin-bottom:60px}
.client-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:var(--column-gap);padding:42px 0;border-top:1px solid var(--rule)}
.story-heading{display:flex;align-items:baseline;gap:24px}
.story-heading h3{font-size:46px}
.story-content{font-size:17px;line-height:1.75;min-width:0;max-width:58ch}
.story-details{margin-top:20px}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 0;font-size:16px;line-height:1.6;border-radius:8px;transition:background .3s var(--ease),padding .3s var(--ease)}
summary::-webkit-details-marker{display:none}
summary:focus-visible{outline:2px solid var(--autumn);outline-offset:5px}
.detail-mark{position:relative;display:block;flex:none;width:18px;height:18px;color:var(--prairie)}
.detail-mark:before,.detail-mark:after{content:'';position:absolute;top:8px;left:2px;width:14px;height:1px;background:currentColor;transition:transform .25s var(--ease)}
.detail-mark:after{transform:rotate(90deg)}
details[open]>.detail-mark:after,details[open]>summary .detail-mark:after{transform:rotate(0)}
.detail-content{padding:14px 0 20px}
.story-details .detail-content{border-top:1px solid var(--rule)}
.story-change{border-left:2px solid var(--sand);margin-top:22px;padding-left:24px}
.story-change .eyebrow{font-size:10px;margin-bottom:12px;line-height:1.5}
.story-change>p+p{margin-top:0;font:400 26px/1.45 var(--serif)}
.stories-note{border-top:1px solid var(--rule);padding-top:26px;font-size:14px;line-height:1.8;max-width:70ch;color:var(--prairie)}
.fit-section{background:var(--wheat)}
.questions-section .text-link{margin-top:30px}
.questions-list{min-width:0;border-top:1px solid var(--rule)}
.questions-list details{border-bottom:1px solid var(--rule)}
.questions-list summary{padding-block:22px;font-size:20px}
.questions-list .detail-content{font-size:17px;line-height:1.8;padding-bottom:26px;max-width:58ch}
@media(hover:hover){summary:hover{background:#b7a99726;padding-inline:14px}}
@media(max-width:1100px){
 .page-prose{font-size:17px}.editorial-grid,.client-story{column-gap:40px}
 .about-arrival{column-gap:40px;row-gap:20px}.arrival-heading h1{font-size:clamp(46px,5.8vw,66px)}
 .arrival-intro{font-size:16px}.arrival-intro .question-lead{font-size:27px}
 .work-arrival{column-gap:40px;row-gap:32px}.work-arrival-copy{font-size:17px}.work-arrival .work-opening{font-size:36px}
 .method-list{margin-top:44px}.method-list li{column-gap:24px;grid-template-columns:26px minmax(0,.85fr) minmax(0,1.15fr)}.method-list h3{font-size:31px}
}
@media(min-width:681px) and (max-height:740px){
 .about-arrival{padding-block:24px;row-gap:18px}.arrival-heading .eyebrow{margin-bottom:14px}.arrival-heading h1{font-size:clamp(42px,min(5.2vw,8.2svh),62px)}
 .arrival-intro{font-size:16px;line-height:1.6}.arrival-intro .question-lead{font-size:26px}.arrival-intro p+p{margin-top:10px}.arrival-portrait img{height:62svh}
 .work-arrival{padding-block:28px;row-gap:28px}.work-arrival h1{font-size:clamp(86px,16svh,120px)}.work-arrival .work-opening{font-size:34px}.work-arrival-copy>p+p{margin-top:18px}.work-arrival-copy .arrival-actions{margin-top:22px}
}
@media(max-width:680px){
 .interior-page main{--page-space:64px}
 .editorial-grid,.client-story{grid-template-columns:1fr;gap:28px}.editorial-heading h2{font-size:clamp(42px,10.6vw,56px);max-width:13ch}
 .page-prose{font-size:16px;line-height:1.8}.page-prose .prose-emphasis{font-size:28px}
 .about-arrival{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:'heading portrait' 'intro intro' 'actions actions';padding-block:24px;column-gap:20px;row-gap:22px}
 .arrival-heading .eyebrow{font-size:10px;margin-bottom:12px}.arrival-heading h1{font-size:clamp(34px,8.8vw,48px);line-height:1.04;max-width:none}
 .arrival-portrait{padding:0 0 10px 8px;align-self:center}.arrival-portrait:before{inset:10px 10px 0 0;border-radius:3px 40px 3px 3px}.arrival-portrait img{height:clamp(180px,30svh,280px);border-radius:3px 40px 3px 3px;object-position:50% 14%}
 .arrival-intro{font-size:16px;line-height:1.65;max-width:100%}.arrival-intro .question-lead{font-size:27px}.arrival-intro p+p{margin-top:12px}
 .arrival-actions{gap:12px}.arrival-actions .text-link{font-size:13px}
 .care-boundary{margin-top:40px;padding-top:36px}.care-boundary h3,.month-ending h3{font-size:35px}
 .work-arrival{grid-template-columns:1fr;gap:28px;padding-block:32px}
 .work-arrival-name .eyebrow{font-size:10px;max-width:none;margin-bottom:18px}
 .work-arrival h1{font-size:clamp(64px,17vw,100px);line-height:1}.work-arrival h1 br{display:none}.work-arrival h1 em{margin-left:.14em}
 .work-arrival .work-opening{font-size:34px;line-height:1.2;max-width:25ch}.work-arrival-copy{font-size:16px;line-height:1.65}
 .work-arrival-copy>p+p{margin-top:18px}.work-arrival-copy .arrival-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin-top:24px}
 .work-arrival-copy .button{font-size:13px;padding:12px 14px;min-height:56px}.work-arrival-copy .text-link{font-size:13px;padding:10px 12px;gap:10px;min-height:56px}
 .work-arrival-note{gap:14px;padding-top:18px;justify-content:space-between;font-size:11px;line-height:1.5}.work-arrival-note span{max-width:12ch}.work-arrival-note span+span:before{display:none}
 .month-price{font-size:47px;margin-top:26px}.month-note{max-width:100%;margin-top:20px}.engagement-item{gap:16px;padding-block:24px}.engagement-item h3{font-size:29px}.engagement-item p{font-size:16px}
 .engagement-item:first-child{border-top:1px solid var(--rule);padding-top:26px}.month-ending{padding-top:32px;margin-top:36px}
 .method-list li{grid-template-columns:20px minmax(0,1fr);gap:14px 20px;padding-block:26px}.method-list h3{font-size:31px}.method-list p{grid-column:2;font-size:16px;line-height:1.75}
 .stories-intro{margin-bottom:40px}.client-story{padding-block:34px;gap:24px}.story-heading{gap:20px}.story-heading h3{font-size:40px}.story-content{font-size:16px}.story-change{padding-left:20px}.story-change>p+p{font-size:26px;line-height:1.45}.stories-note{font-size:13px}
 .questions-list summary{font-size:18px}.questions-list .detail-content{font-size:16px}
}
@media(max-width:680px) and (max-height:700px) and (min-height:501px){
 .about-arrival{padding-block:18px;row-gap:18px}.arrival-heading h1{font-size:clamp(32px,8.6vw,40px)}.arrival-portrait img{height:190px}.arrival-intro{font-size:15px;line-height:1.6}.arrival-intro .question-lead{font-size:24px}
 .work-arrival{gap:20px;padding-block:22px}.work-arrival h1{font-size:clamp(58px,16vw,80px)}.work-arrival-name .eyebrow{margin-bottom:12px}.work-arrival .work-opening{font-size:29px;line-height:1.17}.work-arrival-copy>p+p{margin-top:14px}.work-arrival-copy .arrival-actions{margin-top:18px}.work-arrival-note{padding-top:14px}
}
@media(max-width:360px){
 .about-arrival{column-gap:14px}.arrival-heading h1{font-size:32px}.arrival-portrait img{height:170px}.arrival-intro .question-lead{font-size:23px}.arrival-actions .text-link{min-height:44px}
 .work-arrival .work-opening{font-size:28px}.work-arrival-copy{font-size:15px}.work-arrival-copy .button,.work-arrival-copy .text-link{font-size:12px;padding-inline:10px}.work-arrival-copy .arrival-actions{gap:8px}.work-arrival-note{font-size:10px;gap:10px}
}
@media(min-width:501px) and (max-height:500px){
 .about-arrival{grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1.6fr);grid-template-areas:'heading portrait intro' 'heading portrait actions';padding-block:20px;column-gap:24px;row-gap:16px}
 .arrival-heading h1{font-size:clamp(28px,5vw,44px);line-height:1.02}.arrival-heading .eyebrow{font-size:9px;margin-bottom:12px}.arrival-portrait{padding:0 0 8px 6px}.arrival-portrait img{height:min(58svh,240px)}.arrival-intro{font-size:14px;line-height:1.5}.arrival-intro .question-lead{font-size:23px}.arrival-intro p+p{margin-top:10px}.arrival-actions .text-link{font-size:12px;min-height:44px}
 .work-arrival{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 36px;padding-block:20px}.work-arrival h1{font-size:clamp(66px,18svh,90px);line-height:.9}.work-arrival h1 br{display:block}.work-arrival h1 em{margin:0}.work-arrival-name .eyebrow{font-size:9px;max-width:22ch;margin-bottom:14px}.work-arrival .work-opening{font-size:27px;line-height:1.15}.work-arrival-copy{font-size:14px;line-height:1.5}.work-arrival-copy>p+p{margin-top:12px}.work-arrival-copy .arrival-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;margin-top:14px}.work-arrival-copy .button,.work-arrival-copy .text-link{font-size:12px;min-height:44px;padding:8px 12px}.work-arrival-note{padding-top:12px;font-size:11px;gap:24px}.work-arrival-note span+span:before{margin-right:24px}
}
@media(min-width:501px) and (max-width:760px) and (max-height:400px){
 .about-arrival{padding:12px 18px;column-gap:16px;row-gap:12px}.arrival-heading h1{font-size:28px}.arrival-intro{font-size:13px;line-height:1.5}.arrival-intro .question-lead{font-size:20px}.arrival-portrait img{height:170px}.arrival-heading .eyebrow{font-size:8px;margin-bottom:10px}.arrival-actions .text-link{font-size:11px;padding:8px 12px;gap:12px}
 .work-arrival{padding:12px 18px;gap:14px 22px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.work-arrival h1{font-size:62px}.work-arrival .work-opening{font-size:24px}.work-arrival-copy{font-size:13px;line-height:1.45}.work-arrival-copy>p+p{margin-top:10px}.work-arrival-copy .arrival-actions{gap:8px;margin-top:12px}.work-arrival-copy .button,.work-arrival-copy .text-link{font-size:11px;padding-inline:8px}.work-arrival-note{padding-top:10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){summary,.detail-mark:before,.detail-mark:after{transition:none}}
@media(min-width:761px) and (max-width:900px) and (max-height:400px){
 .work-arrival{padding-block:10px;row-gap:14px}.work-arrival-note{padding-top:10px}
}
@media(max-width:680px) and (min-height:501px){
 .work-arrival-copy .arrival-actions{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:10px;align-items:stretch}
 .work-arrival-copy .button{padding-inline:8px}
 .work-arrival-copy .text-link{padding-inline:8px;gap:6px}
 .work-arrival-copy .link-arrow{font-size:16px}
}
@media(max-width:360px) and (min-height:501px){
 .work-arrival-copy .arrival-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
}