/* The palette supplied by Rachel; lighter surfaces are tints of these colours. */
:root{--sand:#DCCFBE;--slate:#8C98A0;--cocoa:#4E463E;--paper:#DCCFBE;--ink:#4E463E;--muted:#575049;--line:rgba(78,70,62,.22);--red:#4E463E}
body.portfolio-home{background:var(--sand)}
::selection{background:var(--cocoa);color:var(--sand)}
.site-header{border-color:rgba(78,70,62,.2)}
.seal{background:var(--cocoa);color:var(--sand)}
.intro h1 em,.work-section>.section-heading h2 em{color:var(--cocoa)}
.text-link{border-color:rgba(78,70,62,.55)}
.text-link:hover,.project-summary h3 a:hover{color:#302B26;border-color:#302B26}
.project-summary-text,.map-expand-label{color:var(--cocoa)}
.project-details{border-color:rgba(78,70,62,.18)}
.map-switches button[aria-pressed=true],.map-dialog-tabs button[aria-pressed=true]{border-color:var(--cocoa)}

/* Quiet beige reading areas meet a cooler backdrop for the project collection. */
.portfolio-home #main>.intro::before{background:radial-gradient(ellipse at 95% 25%,rgba(140,152,160,.24),transparent 62%),linear-gradient(125deg,#DCCFBE,#E5DCCE)}
.portfolio-home #main>.education-front::before{background:linear-gradient(125deg,#DCCFBE,#CCC9C3)}
.portfolio-home #work{position:relative;isolation:isolate;padding-bottom:38px}
.portfolio-home #work::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 75% 20% at 0% 18%,rgba(220,207,190,.72),transparent 76%),radial-gradient(ellipse 75% 18% at 100% 70%,rgba(78,70,62,.22),transparent 78%),linear-gradient(145deg,#8C98A0,#A2AAAD 48%,#8C98A0)}
.portfolio-home #work>.section-heading::before{background:var(--sand)}
.portfolio-home #work>.section-heading{padding-top:48px;padding-bottom:42px}

/* One frosted module per project; blur affects only the backdrop, never maps. */
.portfolio-home #work>.portfolio-row::before{content:none}
.portfolio-home .portfolio-row{margin:28px 0 0;padding:32px;gap:4.5%;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(130deg,rgba(249,245,238,.84),rgba(240,235,226,.72));-webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%);box-shadow:0 16px 44px rgba(78,70,62,.13),inset 0 1px 0 rgba(255,255,255,.78);isolation:auto}
.portfolio-home .portfolio-row .project-summary{position:relative}
.portfolio-home .project-kicker,.portfolio-home .project-details p,.portfolio-home .project-figure figcaption{color:#575049}
.portfolio-home .project-details p:first-child{color:var(--cocoa)}
.portfolio-home .map-plate{padding:14px;border:1px solid rgba(78,70,62,.16);border-radius:12px;background:rgba(220,207,190,.24);box-shadow:none}
.map-expand>img{border-color:rgba(78,70,62,.15);box-shadow:0 2px 8px rgba(78,70,62,.05);border-radius:2px}
.map-expand-label{padding-top:11px}
.map-switches button{color:#575049}
.map-switches button[aria-pressed=true]{color:var(--cocoa)}

/* Cocoa anchors the reading room and footer, with beige type for contrast. */
.portfolio-home #archive{--ink:#F1EADF;--muted:#DCCFBE;--line:rgba(220,207,190,.24);--red:#DCCFBE;color:var(--ink);border-top:0;padding-bottom:54px}
.portfolio-home #archive::before{background:var(--cocoa)}
#archive .eyebrow,#archive h2,#archive .archive-title{color:#F1EADF}
#archive .archive-id,#archive .archive-type,#archive .archive-size,#archive .archive-count,#archive .archive-note{color:var(--sand)}
#archive .filter{color:#DCCFBE}
#archive .filter.active{color:#F6F1E8;border-bottom:1px solid #DCCFBE}
#archive .archive-controls{border-color:rgba(220,207,190,.5)}
#archive .archive-row{border-color:rgba(220,207,190,.22)}
#archive .archive-row:hover{background:rgba(220,207,190,.09)}
.portfolio-home #contact{--muted:#DCCFBE;--red:#DCCFBE;--line:rgba(220,207,190,.24);color:var(--sand)}
.portfolio-home #contact::before{background:var(--cocoa)}
.portfolio-home #contact .footer-bottom{color:var(--sand)}

/* Detail-page frames echo the material while retaining their established scale. */
body:not(.portfolio-home){background:radial-gradient(ellipse at 100% 12%,rgba(140,152,160,.32),transparent 48%),linear-gradient(135deg,#DCCFBE,#E3DACD);background-repeat:no-repeat;background-size:100% 100%}
.study-hero,.study-gallery a{background:rgba(247,242,234,.66);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:0 10px 28px rgba(78,70,62,.08),inset 0 1px 0 rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.study-hero img,.study-gallery img{filter:none;mix-blend-mode:normal}
.study-caption,.study-gallery figcaption{color:#575049}
.study-results{border-color:rgba(78,70,62,.22)}
.study-next{border-color:rgba(78,70,62,.22)}
.map-dialog{background:rgba(241,234,223,.98);border-color:rgba(255,255,255,.7);box-shadow:0 20px 80px rgba(78,70,62,.32)}
.map-dialog::backdrop{background:rgba(78,70,62,.72)}
.map-dialog-stage{background:linear-gradient(135deg,#8C98A0,#B3B8B7)}
.map-dialog-tools button{background:#E8DFD3;border-color:rgba(78,70,62,.25)}
.map-dialog-tools button:hover{background:#DCCFBE}
.map-dialog-tabs button{color:var(--cocoa)}
body.reader-body{background:var(--slate)}
.reader-header{background:var(--sand)}
.reader-toolbar{background:rgba(234,226,215,.92);border-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(78,70,62,.15)}
.reader-instruction,.reader-status{color:#302B26}

@media(max-width:1000px){.portfolio-home .portfolio-row{padding:25px;gap:4%}}
@media(max-width:760px){.portfolio-home .portfolio-row{padding:22px 18px;gap:23px;margin-top:22px;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.portfolio-home .map-plate{padding:10px;border-radius:9px}.portfolio-home #work>.section-heading{padding:34px 0}.portfolio-home #work{padding-bottom:26px}.portfolio-home #archive{padding-bottom:38px}}
@media(max-width:400px){.portfolio-home .portfolio-row{padding:20px 14px}.portfolio-home .map-switches{gap:3px 12px}.portfolio-home .map-switches button{font-size:10px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.portfolio-home .portfolio-row{background:#E8E1D6}.study-hero,.study-gallery a{background:#EAE3D8}}
@media(prefers-reduced-transparency:reduce){.portfolio-home .portfolio-row,.study-hero,.study-gallery a,.reader-toolbar{background:#E8E1D6;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.portfolio-home .portfolio-row{background:#F0E8DB;border-color:var(--cocoa);-webkit-backdrop-filter:none;backdrop-filter:none}.project-summary-text{color:#38312B}}

/* Separate full-width colour fields give each project its own page-like pause. */
.portfolio-home #main>.intro::before{background:var(--sand)}
.portfolio-home #main>.education-front::before{background:var(--slate)}
.portfolio-home #work{padding-bottom:0}
.portfolio-home #work::before{content:none}
.portfolio-home .project-band{position:relative;isolation:isolate;padding:38px 0}
.portfolio-home .project-band::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:var(--band-base)}
.portfolio-home .band-slate{--band-base:#8C98A0}
.portfolio-home .band-cocoa{--band-base:#4E463E}
.portfolio-home .band-sand{--band-base:#DCCFBE}
.portfolio-home .project-band>.portfolio-row{margin:0;isolation:auto;background:linear-gradient(125deg,rgba(249,245,238,.86),rgba(240,235,226,.76))}
.portfolio-home .project-band>.portfolio-row::before{content:none}
.portfolio-home .band-cocoa>.portfolio-row{background:linear-gradient(125deg,rgba(249,245,238,.91),rgba(220,207,190,.86));box-shadow:0 18px 42px rgba(20,17,14,.16),inset 0 1px 0 rgba(255,255,255,.7)}
.portfolio-home .band-sand>.portfolio-row{background:linear-gradient(125deg,rgba(255,252,246,.65),rgba(240,232,220,.55));box-shadow:0 14px 38px rgba(78,70,62,.1),inset 0 1px 0 rgba(255,255,255,.72)}
@media(max-width:760px){.portfolio-home .project-band{padding:24px 0}.portfolio-home .project-band>.portfolio-row{margin:0}}
@media(prefers-reduced-transparency:reduce){.portfolio-home .project-band>.portfolio-row{background:#E8E1D6}}
@media(prefers-contrast:more){.portfolio-home .project-band>.portfolio-row{background:#F0E8DB}}