@import url('serif-fonts.css');
:root{--ink:#000;--muted:#000;--serif:'Playfair Display',Georgia,serif}
/* Words are always solid: no softened colours or fade animations. */
.refined{color:#000}.refined :is(h1,h2,h3,h4,p,a,button,label,dt,dd,small,strong,blockquote,figcaption,span,.eyebrow,.folio-line,.chapter-label,.header-note,.row-number,.project-location,.index-caption,.index-instruction,.pending-detail,.contact-extra,.footer-note,.footer-bottom,.opening-meta,.opening-bottom,.opening-subtitle,.viewer-hint,.chapter-place){color:#000;opacity:1}
.refined :is(.on-dark,.opening,.site-footer,.night-chapter){color:#fff}
.refined :is(.on-dark,.opening,.site-footer,.night-chapter) :is(h1,h2,h3,h4,p,a,button,label,small,strong,blockquote,figcaption,span,.eyebrow,.folio-line,.chapter-label,.header-note,.footer-note,.footer-bottom,.opening-meta,.opening-bottom,.opening-subtitle,.opening-folio){color:#fff}
.refined :is(.night-chapter,.opening) :is(.image-tool,.image-scroll){color:#000}
.refined .project-row,.refined button:disabled,.refined .motion-ready .reveal{opacity:1!important}.refined .image-tool{opacity:1;transform:none;transition:none}
.refined .opening :is(h1,p,.explore-link){animation:none!important;opacity:1!important;transform:none!important;transition:none!important}
.refined .reveal{opacity:1!important;transition:transform .8s cubic-bezier(.2,.6,.2,1);transform:translateY(0)}
.refined .reveal:not(.editorial-image):not(.chapter-label){animation:none!important;transform:none!important;transition:none!important}
.refined .project-list:has(.project-row:hover) .project-row:not(:hover){opacity:1}.refined :is(.cover-rule,.spine-category){opacity:1}
/* A confident monograph serif, with the brand's wordmark kept in its original sans. */
.refined :is(h1,h2,h3){font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:1.1}
.refined :is(h1,h2,h3) em{font-family:inherit;font-weight:600;letter-spacing:inherit}
.refined .opening h1{font-family:var(--sans);font-weight:400;letter-spacing:1.3px;line-height:1.3}
.refined .work-heading h2{font-size:clamp(38px,4.1vw,64px);line-height:1.13}.refined .statement-copy h2{font-size:clamp(36px,3.7vw,56px);line-height:1.15}
.refined .project-row strong{font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:-.7px;line-height:1.3}
.refined .project-number{font-family:var(--sans);font-size:clamp(55px,6vw,90px);font-weight:500;letter-spacing:-5px;color:#000}
.refined .project-title-row h1{font-size:clamp(35px,4.1vw,61px);line-height:1.1}.refined .project-opening-note h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,2.6vw,37px);font-style:normal;line-height:1.2}
.refined :is(.chapter-text h2,.development-intro h2,.spatial-intro h2,.final-intro h2,.rain-insert h2){font-size:clamp(34px,3.4vw,51px);line-height:1.16}
.refined .journey-panel h3{font-family:var(--serif);font-weight:600;font-style:normal;font-size:30px;line-height:1.25}
.refined .project-reflection blockquote{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.9vw,40px);line-height:1.35}
.refined .about-title h1{font-size:clamp(44px,6.4vw,94px);line-height:1.13;letter-spacing:-.05em}.refined .about-intro h2{font-size:31px}.refined .site-footer h2{font-size:clamp(42px,4.9vw,73px);line-height:1.15}.refined .contact-section h2{font-size:clamp(42px,5.2vw,78px);line-height:1.15}
.refined .chapter-navigation>a>span{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.3}.refined .folio-line,.refined .chapter-label,.refined .eyebrow{font-weight:500}
/* The branch sits above section backgrounds and below their content, with no hit area. */
.refined main{position:relative;isolation:isolate;overflow:hidden}.living-spine{position:absolute;inset:0;z-index:2;pointer-events:none!important;overflow:hidden}.living-spine *{pointer-events:none!important}.living-spine-svg{display:block;width:100%;height:100%;overflow:visible;fill:#b2aca2}.branch-trunk,.branch-offshoots path{fill:#b2aca2}.branch-end-mark{fill:#797a70}.refined main>section{position:relative;z-index:auto;isolation:auto}.refined main>section>*{position:relative;z-index:3}.refined .opening{isolation:auto}
.refined :is(.work-heading,.index-projects,.statement-copy,.chapter-text,.development-intro,.spatial-intro,.final-intro,.project-title-row,.project-opening-note,.project-reflection,.about-title,.about-intro>div:last-child,.about-details dl){background:var(--paper)}
.refined .branch-index{background:var(--paper)}.refined .journey-insert .insert-heading,.refined .journey-panel>div{background:#dedfd6}.refined .rain-insert>div:first-child{background:#e7e8df}.refined .night-chapter .final-intro{background:var(--charcoal)}
.refined .project-hero-image,.refined .image-study,.refined .index-preview{z-index:3}.refined .project-opening .project-title-row{position:relative;z-index:3}.refined .folio-line,.refined .chapter-label{padding-top:3px}.refined .folio-line>span,.refined .folio-line>a{background:var(--paper)}.refined .night-chapter .chapter-label>span{background:var(--charcoal)}
/* The home sequence is composed around three major bends in the same branch. */
.scroll-chapters{padding:0 var(--gutter) 40px}.scroll-chapters>.folio-line{margin-bottom:20px}.scroll-chapter{display:grid;grid-template-columns:.85fr 1.35fr;gap:15%;align-items:center;padding:120px 0;position:relative;min-height:650px}.scroll-chapter-2{grid-template-columns:1.35fr .85fr}.scroll-chapter-2 .scroll-chapter-copy{grid-column:2;grid-row:1}.scroll-chapter-2 .scroll-chapter-image{grid-column:1;grid-row:1}.scroll-chapter-copy{background:var(--paper);padding:14px 0;z-index:3;position:relative}.scroll-chapter h2{font-size:clamp(37px,4.3vw,65px);line-height:1.13;margin:25px 0 30px}.scroll-chapter h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin-bottom:14px}.scroll-chapter-copy>p{font-size:13px;line-height:1.9;max-width:330px}.scroll-chapter .underlined-link{font-size:11px;margin-top:18px}.chapter-place{display:block;font-size:8px;letter-spacing:.6px;line-height:1.8;margin-top:30px}.scroll-chapter-image{display:block;position:relative;background:#eae7df;overflow:hidden;z-index:3;border:1px solid #d3cec4}.scroll-chapter-image>img{width:100%;height:440px;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s}.scroll-chapter-image:hover>img{transform:scale(1.015)}.scroll-chapter-image>span{position:absolute;bottom:15px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;background:var(--paper);padding:9px 12px;color:#000}.scroll-chapter-image>span>i{font-style:normal;font-size:17px}.scroll-chapter-2 .scroll-chapter-image{transform:translateY(50px)}.image-after-dark{background:#191f2b}.image-after-dark>img{mix-blend-mode:normal;object-fit:cover;object-position:center 55%;height:530px}.branch-knot{position:absolute;left:39%;top:40%;width:1px;height:1px;pointer-events:none}.scroll-chapter-2 .branch-knot{left:62%;top:50%}.scroll-chapter-3 .branch-knot{left:38%;top:48%}.refined .home-statement{padding-top:70px}.branch-resolution{text-align:center;padding:45px var(--gutter) 75px}.branch-resolution>.eyebrow{background:transparent;display:inline-block;padding:8px}.resolution-stage{height:280px;max-width:360px;margin:20px auto 0}.branch-resolution>p{font-size:17px;letter-spacing:1px;background:transparent;display:table;margin:0 auto;padding:8px}.branch-resolution .underlined-link{background:transparent;margin-top:20px}
/* Words remain opaque during cross-document navigation too. */
::view-transition-old(root),::view-transition-new(root){animation:none!important;mix-blend-mode:normal}
@media(max-width:1100px){.scroll-chapter{gap:12%;padding:90px 0;min-height:580px}.scroll-chapter h2{font-size:47px}.scroll-chapter-image>img{height:370px}.image-after-dark>img{height:470px}.refined .project-title-row h1{font-size:43px}.refined .about-title h1{font-size:72px}}
@media(max-width:750px){.living-spine{opacity:1}.living-spine-svg{fill:#b2aca2}.refined .work-heading h2{font-size:39px;line-height:1.17}.refined .statement-copy h2{font-size:38px;line-height:1.2}.refined .project-row strong{font-size:22px}.refined .project-title-row h1{font-size:34px;line-height:1.15}.refined .project-number{font-size:48px;letter-spacing:-3px}.refined .project-opening-note h2{font-size:29px}.refined :is(.chapter-text h2,.development-intro h2,.spatial-intro h2,.final-intro h2,.rain-insert h2){font-size:34px;line-height:1.2}.refined .journey-panel h3{font-size:27px}.refined .about-title h1{font-size:44px;line-height:1.18}.refined .site-footer h2{font-size:45px}.refined .contact-section h2{font-size:42px}.refined .project-reflection blockquote{font-size:26px;line-height:1.4}.scroll-chapters{padding:0 8vw 30px 12vw}.scroll-chapters>.folio-line{gap:10px}.scroll-chapters>.folio-line>span:last-child{display:none}.scroll-chapter,.scroll-chapter-2{grid-template-columns:1fr;gap:30px;padding:60px 0 45px;min-height:0}.scroll-chapter-copy{padding:12px 0}.scroll-chapter h2{font-size:40px;margin:22px 0 25px}.scroll-chapter h3{font-size:23px}.scroll-chapter-copy>p{font-size:12px;max-width:none}.chapter-place{font-size:7px;margin-top:20px}.scroll-chapter-2 .scroll-chapter-copy,.scroll-chapter-2 .scroll-chapter-image{grid-column:auto;grid-row:auto}.scroll-chapter-2 .scroll-chapter-image{transform:none}.scroll-chapter-image>img{height:310px}.image-after-dark>img{height:430px}.scroll-chapter .branch-knot{left:-8%;top:47%}.scroll-chapter-2 .branch-knot{left:105%;top:45%}.scroll-chapter-3 .branch-knot{left:-8%;top:50%}.refined .home-statement{padding-top:45px}.resolution-stage{height:230px;max-width:280px}.branch-resolution{padding-top:30px;padding-bottom:55px}.branch-resolution>.eyebrow{font-size:7px}.branch-resolution>p{font-size:14px}.refined .viewer-toolbar h2{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.living-spine{transform:none!important}.refined .reveal{transform:none!important}.scroll-chapter-image>img{transition:none}.scroll-chapter-2 .scroll-chapter-image{transform:none}}

.refined .opening :is(h1,.opening-subtitle,.explore-link,.opening-meta,.opening-bottom){background:transparent}.refined .opening h1{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.refined .branch-resolution>p{color:#000;opacity:1}.refined .opening .explore-link>span{color:#fff}