/* STUDIOFENCE Project Notes v08 — editorial, photo-first, accessible native disclosure. */
.sf08-reading{width:100%;margin:0; padding:clamp(20px,2.9vw,42px) 0 clamp(68px,7vw,112px);}
.sf08-project-notes{border-top:1px solid rgba(33,35,30,.27);border-bottom:1px solid rgba(33,35,30,.27);margin:0;}
.sf08-summary{display:grid;grid-template-columns:minmax(165px,.78fr) minmax(0,1.9fr) 32px;align-items:center;gap:clamp(18px,4.7vw,70px);padding:clamp(23px,2.9vw,39px) 0;cursor:pointer;list-style:none;user-select:none;color:inherit;}
.sf08-summary::-webkit-details-marker{display:none}.sf08-summary::marker{content:''}
.sf08-summary-label{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.15em;font-weight:500;}
.sf08-summary-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}
.sf08-summary-subtitle{font-size:12px;line-height:1.85;color:#777a73;letter-spacing:.02em}
.sf08-summary-cta{font-size:11px;line-height:1.6;white-space:nowrap;color:#50534d}
/* QA09: Match visible disclosure label to its actual open state. */
.sf09-cta-open{display:none}
.sf08-project-notes[open] .sf09-cta-closed{display:none}
.sf08-project-notes[open] .sf09-cta-open{display:inline}
.sf08-symbol{position:relative;display:block;width:20px;height:20px;justify-self:end}
.sf08-symbol::before,.sf08-symbol::after{content:'';position:absolute;background:#41443e;transition:transform .24s cubic-bezier(.23,.72,.3,1)}
.sf08-symbol::before{width:16px;height:1px;left:2px;top:9px}.sf08-symbol::after{height:16px;width:1px;top:2px;left:9px}
.sf08-project-notes[open] .sf08-symbol::after{transform:scaleY(0)}
.sf08-summary:hover .sf08-summary-cta,.sf08-summary:hover .sf08-symbol{opacity:.65}
.sf08-summary:focus-visible{outline:2px solid #4b6c92;outline-offset:5px}
.sf08-notes-content{padding:clamp(20px,3vw,44px) 0 clamp(42px,4.9vw,72px);border-top:1px solid rgba(33,35,30,.14)}
.sf08-notes-columns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(40px,8.5vw,150px);align-items:start}
.sf08-note-section{min-width:0}
.sf08-note-section h2, .sf08-note-section h3{display:flex;gap:19px;align-items:baseline;min-height:46px;margin:0 0 31px;padding-top:15px;border-top:1px solid rgba(33,35,30,.2);font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:11px;letter-spacing:.055em;line-height:1.7;font-weight:500}
.sf08-section-number{color:#878b84;font-size:10px;letter-spacing:.04em}
.sf08-prose{max-width:665px;font-family:var(--sans,'Hiragino Kaku Gothic ProN',sans-serif);font-size:clamp(13px,1vw,14px);font-weight:400;line-height:2.25;letter-spacing:.013em;color:#3f423e;overflow-wrap:anywhere}
.sf08-prose p{margin:0 0 1.45em}.sf08-prose p:last-child{margin-bottom:0}
.sf08-notes-footer{text-align:right;margin-top:clamp(40px,6vw,90px)}
.sf08-notes-footer a{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #91958f;padding-bottom:5px;color:#565951;text-decoration:none;font-size:11px;line-height:1.8}
.sf08-notes-footer a:hover{opacity:.65}
@media(prefers-reduced-motion:no-preference){
 .sf08-project-notes[open] .sf08-notes-content{animation:sf08-notes-in .30s cubic-bezier(.22,.7,.28,1) both}
 @keyframes sf08-notes-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:900px){
 .sf08-summary{grid-template-columns:minmax(130px,.8fr) minmax(0,1.5fr) 26px;gap:20px}
 .sf08-notes-columns{gap:43px}
}
@media(max-width:650px){
 .sf08-reading{padding:16px 0 56px}
 .sf08-summary{grid-template-columns:minmax(0,1fr) 24px;gap:5px 12px;padding:22px 0}
 .sf08-summary-label{grid-column:1;font-size:10px;line-height:1.7}
 .sf08-summary-meta{grid-column:1;grid-row:2;display:block}
 .sf08-summary-subtitle{font-size:11px}
 .sf08-summary-cta{display:none}
 .sf08-symbol{grid-column:2;grid-row:1 / 3;align-self:center}
 .sf08-notes-content{padding:37px 0 43px}
 .sf08-notes-heading{margin-bottom:48px}
 .sf08-notes-heading h2{font-size:clamp(29px,7.5vw,38px);line-height:1.47}
 .sf08-notes-columns{display:block}
 .sf08-note-section + .sf08-note-section{margin-top:53px}
 .sf08-note-section h2, .sf08-note-section h2, .sf08-note-section h3{margin-bottom:22px}
 .sf08-prose{font-size:13px;line-height:2.18}
 .sf08-notes-footer{margin-top:47px}
}
@media(prefers-reduced-motion:reduce){.sf08-symbol::before,.sf08-symbol::after{transition:none!important}.sf08-project-notes[open] .sf08-notes-content{animation:none!important}}