:root{--ink:#1c1c1b;--muted:#66665f;--line:#dfdfd9;--paper:#fff;--soft:#f8f6f3;--accent:#87412c;--gutter:clamp(24px,4.3vw,80px);--font:Candara,Optima,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px;touch-action:manipulation;-webkit-tap-highlight-color:#e5ddd3}
button{font:inherit;touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
a:hover{text-decoration:underline}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400;line-height:1.08;text-wrap:balance}
p{text-wrap:pretty}
img{display:block;max-width:100%;height:auto}
figure{min-width:0}
figcaption{font-size:15px;color:var(--muted);line-height:1.4;margin-top:12px;max-width:76ch}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:12px;left:20px;padding:12px 20px;background:var(--ink);color:#fff;z-index:30;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:96px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;max-width:1760px;margin:auto;background:var(--paper)}
.wordmark{font-size:36px;line-height:1;letter-spacing:-.04em}
.wordmark span{color:var(--accent)}
.wordmark:hover{text-decoration:none}
.site-header nav{display:flex;gap:34px;align-items:center}
.site-header nav a{display:flex;gap:7px;align-items:center;min-height:44px;font-size:18px}
.site-header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px}
main{max-width:1760px;margin:auto;padding:0 var(--gutter)}
main:focus{outline:none}
.home-page{display:flex;flex-direction:column}
.home-intro{order:1;display:flex;justify-content:space-between;align-items:end;padding:42px 0 34px;gap:30px}
.home-page>.project-gallery{order:2}
.home-page>.signature{order:0;padding:26px 0 0;align-items:center}
.home-page>.signature h1{font-size:clamp(38px,4vw,60px);letter-spacing:-.03em}
.home-page>.signature div>a{margin-top:10px}
.home-page>.signature+.home-intro{padding:22px 0 34px}
.home-page>.experience-feature{order:4}
.role{font-size:clamp(26px,2.35vw,40px);line-height:1.2;letter-spacing:-.5px}
.intro-description{font-size:16px;line-height:1.4;color:var(--muted)}
.project-gallery{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:28px;align-items:start}
.project-link{display:block;min-width:0}
.project-link:hover{text-decoration:none}
.project-visual{position:relative;width:100%;height:clamp(310px,29vw,455px);overflow:hidden;border-radius:0;isolation:isolate}
.project-visual>img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.directed-visual{background:#e9e8e6}
.directed-cover{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.interface-inset{position:absolute;bottom:20px;right:18px;width:66%;border:4px solid #fff;border-radius:0;box-shadow:0 4px 18px #00000014}
.sidenote-visual{background:#e4e9ec;display:flex;justify-content:center;align-items:center}
.sidenote-visual>img{height:87%;width:auto;border-radius:0;box-shadow:0 4px 14px #0000000c}
.objects-visual{background:#997653}
.objects-visual>img{width:100%;height:100%;object-fit:cover;object-position:53% center}
.project-caption{display:flex;justify-content:space-between;gap:10px;margin-top:20px;align-items:flex-start}
.project-caption h2{font-size:28px;letter-spacing:-.4px}
.project-caption p{font-size:17px;margin-top:7px;line-height:1.3}
.project-kind{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.4}
.project-arrow{font-size:25px;line-height:1;transition:transform .2s ease}
.project-link:focus-visible .project-arrow{transform:translate(3px,-3px)}
.signature{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:55px 0 60px}
.signature h1{font-size:clamp(40px,4.8vw,76px);letter-spacing:-2px;line-height:1.1}
.signature div>a{display:inline-block;font-size:17px;margin-top:14px;overflow-wrap:anywhere}
.about-link{font-size:17px;padding:12px 0;white-space:nowrap}
.experience-feature{display:grid;grid-template-columns:.8fr 1.15fr 1.7fr;gap:30px;padding:65px 0 85px;border-top:1px solid var(--line)}
.eyebrow{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:19px;line-height:1.4}
.experience-summary h2{font-size:36px;margin-bottom:10px}
.meta{font-size:15px;color:var(--muted)}
.experience-body h3{font-size:29px;margin-bottom:20px;line-height:1.18}
.experience-body>p{font-size:18px;margin-top:15px;max-width:50ch}
.experience-body .confidential-note,.confidential-note{font-size:15px;color:var(--muted)}
.text-link{display:inline-block;text-decoration:underline;margin-top:20px}
.text-link:hover{color:var(--accent)}
.site-footer{max-width:1760px;margin:auto;padding:24px var(--gutter) 32px;display:flex;align-items:center;gap:30px;justify-content:space-between;color:var(--muted);font-size:15px;border-top:1px solid var(--line)}
.site-footer>a:first-child{color:var(--ink)}
.case-page{display:grid;grid-template-columns:255px minmax(0,1fr);gap:clamp(36px,5vw,100px);padding:44px 0 0;align-items:start}
.case-sidebar{position:sticky;top:32px;padding-bottom:40px}
.back-link{font-size:16px;display:inline-block;margin-bottom:40px}
.case-sidebar h1{font-size:46px;letter-spacing:-1.4px}
.case-deck{font-size:25px;line-height:1.25;margin-top:18px;max-width:19ch}
.project-facts{margin:32px 0 0;font-size:15px}
.project-facts>div{margin-top:15px}
.project-facts dt{color:var(--muted);font-size:14px}
.project-facts dd{margin:3px 0 0}
.section-nav{border-left:1px solid var(--line);margin-top:36px;padding-left:16px;display:grid;gap:3px}
.section-nav a{padding:10px 0;min-height:44px;font-size:16px;color:var(--muted)}
.section-nav a[aria-current=location]{color:var(--ink);text-decoration:underline}
.case-section{padding-bottom:85px;scroll-margin-top:35px}
.case-section+.case-section{padding-top:10px}
.full-figure>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.prose{max-width:680px;margin:52px 0 36px}
.prose h2,.demo-section h2{font-size:clamp(32px,3vw,47px);letter-spacing:-1px;line-height:1.12;margin-bottom:24px}
.prose p:not(.eyebrow){font-size:19px;line-height:1.6;margin-top:18px}
.interface-figure>img{width:100%;border:1px solid #e4ded6;border-radius:0}
.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px}
.detail-columns h3{font-size:24px;margin-bottom:12px}
.detail-columns p{font-size:17px;color:var(--muted)}
.feedback-section{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:40px;border-top:1px solid var(--line);padding-top:50px!important}
.feedback-section .prose{margin:0}
.feedback-section figure>img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0}
.prose .editorial-note{font-size:15px!important;color:var(--muted);line-height:1.5!important;margin-top:25px!important}
.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.image-pair img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:0}
.next-project{border-top:1px solid var(--line);padding:30px 0 70px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.next-project>span:first-child{grid-column:1/-1;font-size:15px;color:var(--muted)}
.next-project strong{font-size:40px;font-weight:400;letter-spacing:-1px}
.next-project>span:last-child{font-size:40px}
.sidenote-hero{background:#eef1f3;border-radius:3px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;padding:40px!important;align-items:center}
.sidenote-hero .prose{margin:0}
.sidenote-hero .prose h2{font-size:42px}
.sidenote-hero .prose p:not(.eyebrow){font-size:18px;line-height:1.5}
.phone-figure img{width:100%;max-height:530px;object-fit:contain;border-radius:0}
.phone-figure figcaption{text-align:center;font-size:14px}
.interaction-sequence{list-style:none;padding:0;margin:40px 0 0}
.interaction-sequence li{display:flex;gap:30px;border-top:1px solid var(--line);padding:25px 0}
.interaction-sequence li>span{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}
.interaction-sequence h3{font-size:26px;margin-bottom:10px}
.interaction-sequence p{font-size:18px;color:var(--muted)}
.demo-section{padding:35px!important;background:var(--soft);margin-bottom:80px;border-radius:3px}
.demo-section>p:not(.eyebrow){max-width:62ch}
.button-link{display:inline-flex;align-items:center;gap:35px;background:var(--ink);color:white;padding:12px 20px;border:1px solid var(--ink);font-size:17px;min-height:48px;margin-top:26px;transition:background-color .15s ease}
.button-link:hover{background:#44443e;text-decoration:none}
.demo-note{font-size:14px;color:var(--muted);margin-top:22px}
.lotus-hero{display:flex;justify-content:center;background:#efeee8}
.lotus-hero img{width:100%;max-height:650px;object-fit:contain}
.object-process{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px;background:var(--soft)}
.object-process img{width:100%;max-height:270px;object-fit:contain}
.cut-run-stage{background:var(--soft);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:25px;gap:15px}
.cut-run-stage img{width:100%;max-height:530px;object-fit:contain}
.process-wide{margin-top:28px}
.process-wide img{width:100%}
.about-page{display:grid;grid-template-columns:minmax(220px,.75fr) 1.5fr;gap:clamp(50px,8vw,150px);padding:55px 0 85px}
.about-portrait{position:sticky;top:35px;align-self:start}
.about-portrait>img{width:100%;max-height:600px;object-fit:cover;object-position:center 25%;border-radius:0}
.about-portrait>p{font-size:16px;color:var(--muted);margin-top:18px}
.about-portrait .text-link{font-size:17px;margin-top:8px}
.about-content h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-1.6px}
.about-lead{font-size:26px;line-height:1.35;margin-top:28px;max-width:45ch}
.about-bio{font-size:19px;margin-top:25px;max-width:62ch}
.experience-list{margin-top:70px}
.experience-list h2,.education h2{font-size:30px;margin-bottom:25px}
.experience-row{display:grid;grid-template-columns:1fr 1.55fr;gap:25px;padding:27px 0;border-top:1px solid var(--line);scroll-margin-top:30px}
.experience-row h3{font-size:24px;margin-bottom:9px}
.experience-row p{font-size:17px;line-height:1.5}
.experience-row .meta{font-size:14px;margin-top:5px}
.experience-row>div+div p+p{margin-top:16px}
.experience-row .confidential-note{font-size:14px}
.education{margin-top:45px;border-top:1px solid var(--line);padding-top:28px}
.education>div{margin-top:24px}
.education h3{font-size:21px;margin-bottom:8px}
.education p,.languages{font-size:17px;color:var(--muted)}
.languages{margin-top:35px}
.noscript-note{padding:25px}
@media (hover:hover) and (pointer:fine){.project-link:hover .directed-cover,.project-link:hover .objects-visual>img,.project-link:hover .sidenote-visual>img{transform:scale(1.035)}.project-link:hover .project-arrow{transform:translate(3px,-3px)}.project-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}}
@media(min-width:1650px){.signature{padding-top:65px;padding-bottom:70px}}
@media(max-width:1100px){.project-gallery{gap:20px;grid-template-columns:1.4fr 1fr 1fr}.project-kind{font-size:14px}.project-caption h2{font-size:25px}.project-caption p{font-size:16px}.case-page{grid-template-columns:200px minmax(0,1fr);gap:35px}.case-sidebar h1{font-size:38px}.case-deck{font-size:22px}.sidenote-hero{padding:25px!important;grid-template-columns:1fr 1fr}.sidenote-hero .prose h2{font-size:34px}.feedback-section{grid-template-columns:1fr}.feedback-section figure{max-width:450px}.feedback-section figure>img{aspect-ratio:4/3}.about-page{gap:50px}.experience-row{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:80px}.site-header nav{gap:24px}.home-intro{display:block;padding:26px 0 30px}.intro-description{margin-top:14px;font-size:16px}.intro-description br{display:none}.role{font-size:29px}.project-gallery{grid-template-columns:1fr 1fr;gap:34px 20px}.directed-link{grid-column:1/-1}.project-visual{height:330px}.directed-visual{height:380px}.directed-cover{object-position:center 44%}.interface-inset{max-width:365px;width:64%}.project-caption h2{font-size:27px}.project-kind{font-size:14px}.signature{padding:45px 0;align-items:start;flex-direction:column;gap:12px}.signature h1{font-size:48px;letter-spacing:-1.3px}.signature div>a{margin-top:12px}.experience-feature{grid-template-columns:1fr;padding:40px 0 50px;gap:20px}.experience-feature>.eyebrow{margin:0}.experience-body h3{font-size:29px;margin-bottom:18px}.site-footer{flex-wrap:wrap;gap:14px 25px;font-size:14px}.site-footer>span{margin-left:auto}.case-page{display:block;padding-top:22px}.case-sidebar{position:static;padding-bottom:32px}.back-link{margin-bottom:22px}.case-sidebar h1{font-size:45px}.case-deck{font-size:24px;max-width:none}.case-deck br{display:none}.project-facts{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:20px}.project-facts>div{margin-top:0;max-width:180px}.section-nav{border-left:0;border-top:1px solid var(--line);padding:14px 0 0;display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:22px}.section-nav a{font-size:15px;min-height:44px}.case-section{padding-bottom:50px}.prose{margin:32px 0}.prose h2{font-size:35px}.prose p:not(.eyebrow){font-size:18px}.detail-columns{gap:25px}.feedback-section{gap:20px}.feedback-section figure{max-width:none}.image-pair{gap:18px}.next-project{padding-bottom:45px}.next-project strong{font-size:34px}.sidenote-hero{padding:30px!important;gap:25px}.sidenote-hero .prose h2{font-size:34px}.sidenote-hero .prose p:not(.eyebrow){font-size:17px}.phone-figure img{max-height:450px}.demo-section{padding:28px!important;margin-bottom:45px}.about-page{padding-top:28px;grid-template-columns:1fr;gap:35px}.about-portrait{position:static;display:grid;grid-template-columns:145px 1fr;gap:0 25px;align-items:end}.about-portrait>img{grid-row:1/3;height:190px}.about-portrait>p{align-self:end;margin:0}.about-portrait>a{align-self:start}.about-content h1{font-size:43px}.about-lead{font-size:23px}.about-bio{font-size:18px}.experience-list{margin-top:45px}.experience-row{grid-template-columns:1fr 1.3fr;gap:20px}.lotus-hero img{max-height:550px}}
@media(max-width:480px){.site-header nav{gap:20px}.site-header nav a{font-size:17px}.wordmark{font-size:32px}.role{font-size:27px}.intro-description{max-width:29ch}.project-gallery{grid-template-columns:1fr;gap:32px}.project-visual{height:360px}.directed-visual{height:340px}.interface-inset{width:70%;bottom:15px;right:12px;border-width:3px}.sidenote-visual>img{height:88%}.project-caption{margin-top:17px}.project-caption h2{font-size:29px}.project-caption p{font-size:17px}.project-kind{font-size:14px}.objects-visual{height:330px}.signature h1{font-size:39px}.signature div>a{font-size:16px}.site-footer>span{margin-left:0;width:100%}.case-sidebar h1{font-size:42px}.detail-columns{grid-template-columns:1fr}.image-pair{grid-template-columns:1fr}.image-pair img{aspect-ratio:4/3}.sidenote-hero{grid-template-columns:1fr;padding:25px!important}.phone-figure{max-width:200px;justify-self:center}.sidenote-hero .prose h2{font-size:37px}.sidenote-hero .prose h2 br{display:none}.interaction-sequence li{gap:20px}.demo-section{padding:24px!important}.demo-section h2{font-size:32px}.button-link{gap:20px;font-size:16px}.object-process{padding:14px;gap:14px}.cut-run-stage{padding:8px;gap:0}.experience-row{grid-template-columns:1fr}.about-lead br{display:none}.about-content h1{font-size:39px}.about-portrait{grid-template-columns:130px 1fr;gap:0 20px}.about-portrait>img{height:170px}.about-portrait .text-link{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project-link:hover img,.project-link:hover .project-arrow{transform:none!important}}
@media(max-width:760px){.home-page>.signature{order:0;padding:25px 0 0;gap:0}.home-page>.signature .about-link{display:none}.home-page>.signature h1{font-size:39px}.home-page>.signature div>a{font-size:15px;margin-top:8px}.home-intro{padding:24px 0 30px}.role{font-size:24px}.intro-description{margin-top:10px}}
@media print{.site-header,.site-footer,.section-nav,.back-link,.button-link,.next-project{display:none}.page[hidden]{display:none!important}.about-page,.case-page{display:block}main{padding:0}.case-sidebar,.about-portrait{position:static}.about-portrait{display:none}.case-section{break-inside:avoid}.experience-row{break-inside:avoid}body{font-size:12pt}}

.icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;flex-shrink:0}
.professional-experience{order:4;margin-top:60px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(35px,5vw,90px);padding:60px 0 80px;border-top:1px solid var(--line)}
.professional-experience>h2{font-size:31px;line-height:1.18}
.professional-list .experience-row{grid-template-columns:1fr 1.6fr;padding:28px 0;gap:35px}
.professional-list .experience-row:first-child{border-top:0;padding-top:0}
.professional-list .experience-row:last-child{padding-bottom:0}
.objects-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin-bottom:70px}
.objects-index>a{min-width:0;display:grid;grid-template-columns:1fr auto;gap:10px 8px;align-items:baseline}
.object-thumbnail{grid-column:1/-1;aspect-ratio:4/3;background:var(--soft);overflow:hidden;border-radius:0}
.object-thumbnail img{width:100%;height:100%;object-fit:cover}
.objects-index>a:nth-child(2) img,.objects-index>a:nth-child(3) img,.objects-index>a:nth-child(4) img{object-fit:contain}
.objects-index>a>span{font-size:20px;line-height:1.2}
.objects-index small,.object-meta{color:var(--muted);font-size:15px}
.objects-index>a:hover>span{text-decoration:underline;text-underline-offset:4px}
.added-object{border-top:1px solid var(--line)}
.object-portrait{background:var(--soft)}
.object-portrait img{width:100%;height:auto;max-height:700px;object-fit:contain}
.object-portrait figcaption{padding:0 16px 16px}
.lotus-subhero{margin-top:38px}
.lotus-subhero img{width:100%;height:auto;border-radius:0}
.objects-visual{background:#e7d9c6}
.objects-visual>img{object-fit:cover;object-position:53% center}
.added-object .image-pair img{aspect-ratio:auto;object-fit:contain}
.prose .object-meta{font-size:15px!important;margin-top:-8px!important}
@media(max-width:1100px){.professional-experience{grid-template-columns:190px 1fr;gap:35px}.objects-index{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-list .experience-row{gap:25px}}
@media(max-width:760px){.professional-experience{grid-template-columns:1fr;gap:30px;padding:40px 0 50px}.professional-experience>h2 br{display:none}.professional-list .experience-row{grid-template-columns:1fr 1.4fr}.objects-index{margin-bottom:45px;gap:24px 18px}.object-thumbnail{aspect-ratio:4/3}}
@media(max-width:480px){.professional-list .experience-row{grid-template-columns:1fr;gap:16px}.objects-index>a{grid-template-columns:1fr;gap:6px}.object-thumbnail{aspect-ratio:1}.objects-index>a>span{font-size:19px}.objects-index small{font-size:14px}}

#demo-dialog{width:min(1180px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid var(--line);background:white;color:var(--ink);overscroll-behavior:contain}#demo-dialog::backdrop{background:#0009}.demo-toolbar{height:65px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.demo-toolbar h2{font-size:20px}.demo-toolbar button{background:white;border:1px solid var(--ink);padding:8px 14px;font-size:16px;cursor:pointer;white-space:nowrap}.demo-toolbar button:hover{background:var(--soft)}#demo-dialog iframe{display:block;border:0;width:100%;height:calc(100% - 65px)}body:has(#demo-dialog[open]){overflow:hidden}@media(max-width:480px){.demo-toolbar{padding:10px 12px}.demo-toolbar h2{font-size:17px}.demo-toolbar button{padding:8px 10px;font-size:15px}}

/* Keep the name readable as DIRECTED while reflecting its final E visually. */
.directed-name{white-space:nowrap}
.directed-mirrored-e{display:inline-block;transform:scaleX(-1)}

/* Refinements to the existing editorial portfolio. */
::selection{background:#e7d9c6;color:var(--ink)}
#directed-overview>.prose{margin:0 0 32px;max-width:70ch}
#directed-overview .full-figure>img{aspect-ratio:1800/1013}
.project-facts dd,.meta{font-variant-numeric:tabular-nums}
.editorial-note{padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:760px){.home-page>.signature{align-items:flex-start}.professional-experience{margin-top:42px}.home-page>.signature+.home-intro{padding:20px 0 30px}}
@media(max-width:480px){.home-page>.signature h1{font-size:clamp(30px,8.7vw,39px)}.objects-visual{height:auto;aspect-ratio:4/3}.project-visual{max-height:110vw}}
@media(max-width:760px){.project-facts{display:grid;gap:12px}.project-facts>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;max-width:none}.project-facts dd{margin:0}.project-facts dt{align-self:baseline;padding-top:2px}.case-deck{margin-top:12px}}

/* UI/UX Pro Max: reading rhythm, touch access, and intermediate layouts. */
.project-caption h2,.experience-row h3{line-height:1.18}
.project-caption p,.intro-description,figcaption,.project-kind{line-height:1.5}
.prose{max-width:68ch}
.wordmark{display:inline-flex;align-items:center;min-height:44px}
.site-header nav a{min-width:44px;justify-content:center}
.signature div>a,.site-footer>a,.back-link,.text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.site-footer{row-gap:8px}
.demo-toolbar{padding-top:8px;padding-bottom:8px}
.demo-toolbar button{min-height:44px}
.demo-toolbar button:focus-visible{outline-offset:2px}
@media(min-width:761px) and (max-width:960px){
  .case-page{display:block;padding-top:28px}
  .case-sidebar{position:static;padding-bottom:36px}
  .back-link{margin-bottom:20px}
  .case-deck{max-width:none;margin-top:14px}
  .case-deck br{display:none}
  .project-facts{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:24px}
  .project-facts>div{margin:0;max-width:240px}
  .section-nav{display:flex;flex-wrap:wrap;gap:8px 28px;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:24px}
  .project-gallery{grid-template-columns:1fr 1fr;gap:32px 24px}
  .directed-link{grid-column:1/-1}
  .project-visual{height:360px}
  .directed-visual{height:400px}
}
@media(min-width:961px) and (max-height:720px){.case-sidebar{position:static}}
@media(max-width:480px){
  .home-page>.signature div>a{font-size:16px}
  .site-footer{padding-top:16px;padding-bottom:24px}
}

/* Half Lotus: original renders and legible portfolio drawings. */
#objects-half-lotus .lotus-hero{position:relative;aspect-ratio:1638.4/1018.14;overflow:hidden;border-radius:0}
#objects-half-lotus .lotus-hero img{position:absolute;max-width:none;max-height:none;width:156.25%;height:auto;left:-28.125%;top:-33.802817%}
.lotus-figure{margin-top:38px}
.lotus-figure img{width:100%;height:auto;border-radius:0}
.lotus-drawings{display:grid;grid-template-columns:minmax(0,1.3695fr) minmax(0,1.7778fr);gap:20px;align-items:start;margin-top:48px}
.lotus-drawings .lotus-figure{width:100%;margin:0}
@media(max-width:600px){.lotus-drawings{gap:12px;margin-top:36px}}
.lotus-pair{display:grid;grid-template-columns:2fr 3fr;gap:20px;margin-top:38px}
.lotus-components-stage,.lotus-open-stage{overflow:hidden;background:var(--image-half-lotus,#C8C1B5);border-radius:0}
.lotus-components-stage{aspect-ratio:4/5}
.lotus-open-stage{aspect-ratio:6/5}
.lotus-pair img{width:100%;height:100%;object-fit:cover}
.lotus-components-stage img{object-position:53% center}
@media(max-width:600px){.lotus-pair{gap:12px}}
.lotus-figure>a{display:block}
[data-page="objects"] figcaption{margin:12px 0 0;padding:0;max-width:none;text-align:left;line-height:1.5}
[data-page="objects"] figcaption>a{display:flex;align-items:center;width:fit-content;min-height:44px;margin:4px 0 0;text-decoration:underline}
.objects-visual>img{object-fit:cover;object-position:center}
.objects-visual{background:#dfcb8c;border-radius:0}

/* Sharp image edges throughout Selected Objects, including clipping frames. */
[data-page="objects"] :is(img,figure,.object-thumbnail,.lotus-components-stage,.lotus-open-stage){border-radius:0}

/* Cut & Run: paired silhouettes, assembly, and physical development. */
.cutrun-hero,.cutrun-mechanism,.cutrun-process-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.cutrun-hero{gap:0;background:transparent}
.cutrun-hero figure{min-width:0}
.cutrun-hero figcaption{padding:0 16px 16px;margin:0}
.cutrun-hero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cutrun-mechanism{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:38px}
.cutrun-mechanism>figure img{width:100%;aspect-ratio:4/5;object-fit:contain}
.cutrun-detail-stack{display:grid;gap:24px}
.cutrun-detail-stack img{width:100%;aspect-ratio:4/3;object-fit:contain}
.cutrun-wide,.cutrun-process-pair{margin-top:38px}
.cutrun-wide img,.cutrun-process-pair img{width:100%;height:auto}
.cutrun-process-pair{gap:20px}
.cutrun-technical{margin-top:48px}
@media(max-width:600px){.cutrun-mechanism,.cutrun-process-pair{gap:12px}.cutrun-hero figcaption{font-size:12px;padding:0 10px 12px}.cutrun-detail-stack{gap:16px}.cutrun-mechanism{grid-template-columns:1fr}.cutrun-mechanism>figure img{aspect-ratio:1;object-fit:contain}.cutrun-detail-stack{grid-template-columns:1fr 1fr;gap:12px}.cutrun-wide,.cutrun-process-pair{margin-top:28px}}

/* Display crops retain the original images in the full-size viewer. */
.cutrun-prototypes .image-zoom-stage{aspect-ratio:2400/973;overflow:hidden}
.cutrun-prototypes .image-zoom-stage img{position:absolute;left:0;top:-27.75%;width:100%;height:auto;max-width:none}
.cutrun-technical .image-zoom-stage{aspect-ratio:2820/1981;overflow:hidden}
.cutrun-technical .image-zoom-stage img{position:absolute;left:-2.12766%;top:-4.745%;width:105.5674%;height:auto;max-width:none}


/* Project copy follows the same column edges as its imagery. */
.case-page .case-content .prose,#directed-overview>.prose{width:100%;max-width:none}
.case-page .case-content p:not(.eyebrow):not(.object-meta),.case-page .case-content figcaption,.project-caption p{text-align:justify;text-wrap:wrap}
.case-page .case-content figcaption,.case-page .demo-section>p:not(.eyebrow){max-width:none}
.case-page .case-content p:not(.eyebrow):not(.object-meta){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3}

/* Amphora: one explanation, followed by molds and the resulting clay form. */
#objects-amphora{container-type:inline-size}
.amphora-hero img,.amphora-detail img{width:100%;height:auto}
.amphora-copy,.amphora-process,.amphora-detail{margin-top:38px}
.amphora-process .amphora-process-copy{margin:0 0 28px}
.amphora-process-copy h3{font-size:24px;line-height:1.2;letter-spacing:normal}
.amphora-comparison{--photo-width:calc((100cqw - 80px)/5);display:grid;grid-template-columns:calc(var(--photo-width)*2 + 16px) minmax(0,1fr);gap:32px;align-items:start}
.amphora-molds,.amphora-views{display:grid;gap:16px;align-items:start}
.amphora-molds{grid-template-columns:repeat(2,minmax(0,1fr))}
.amphora-views{grid-template-columns:repeat(3,minmax(0,1fr))}
.amphora-molds .image-zoom-stage,.amphora-views .image-zoom-stage{aspect-ratio:1/2;overflow:hidden}
.amphora-molds img,.amphora-views img{width:100%;height:100%;object-fit:cover;object-position:center}
#objects-amphora .amphora-comparison figcaption{text-align:left;text-wrap:pretty}
@container(max-width:849px){
  .amphora-comparison{--photo-width:min(220px,calc((100cqw - 32px)/3));grid-template-columns:1fr;gap:28px}
  .amphora-molds{grid-template-columns:repeat(2,var(--photo-width))}
  .amphora-views{grid-template-columns:repeat(3,var(--photo-width))}
}
@container(max-width:480px){
  .amphora-comparison{--photo-width:calc((100cqw - 24px)/3)}
  .amphora-molds,.amphora-views{gap:12px}
  .amphora-copy,.amphora-process,.amphora-detail{margin-top:28px}
}
.amphora-group-title{grid-column:1/-1;margin:0;font-size:16px;line-height:1.3;font-weight:500}

/* Mold pair on the left, explanation alongside, clay views below. */
.amphora-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;align-items:start}
.amphora-comparison,.amphora-molds{display:contents}
.amphora-process .amphora-process-copy{grid-column:3;grid-row:2;margin:0}
.amphora-molds .amphora-group-title{grid-column:1/3;grid-row:1}
.amphora-molds figure:nth-of-type(1){grid-column:1;grid-row:2}
.amphora-molds figure:nth-of-type(2){grid-column:2;grid-row:2}
.amphora-views{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@container(max-width:600px){
  .amphora-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .amphora-process .amphora-process-copy{grid-column:1/-1;grid-row:1}
  .amphora-molds .amphora-group-title{grid-row:2}
  .amphora-molds figure:nth-of-type(1),.amphora-molds figure:nth-of-type(2){grid-row:3}
  .amphora-views{grid-row:4;gap:12px}
}

/* Removed group labels: start each image group without an empty heading row. */
.amphora-process .amphora-process-copy,
.amphora-molds figure:nth-of-type(1),.amphora-molds figure:nth-of-type(2){grid-row:1}
.amphora-views{grid-row:2}
@container(max-width:600px){
  .amphora-process .amphora-process-copy{grid-row:1}
  .amphora-molds figure:nth-of-type(1),.amphora-molds figure:nth-of-type(2){grid-row:2}
  .amphora-views{grid-row:3}
}

/* Ducanta: paired operating views and full-width construction studies. */
#objects-ducanta figure{margin:0;min-width:0}
#objects-ducanta img{display:block;width:100%;height:auto;border-radius:0}
#objects-ducanta .prose h3{font-size:clamp(24px,2.3vw,32px);line-height:1.2;margin:0 0 20px;font-weight:500}
.ducanta-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#objects-ducanta figcaption{text-align:left;text-wrap:pretty}
.ducanta-pair .image-zoom-stage{aspect-ratio:7/10}
#objects-ducanta .ducanta-pair img{height:100%;object-fit:cover}
.ducanta-details .image-zoom-stage{aspect-ratio:16/9}
@media(max-width:600px){.ducanta-pair{gap:12px}.ducanta-details{grid-template-columns:1fr;gap:24px}}

/* Portrait hero pair and construction image with adjacent explanation. */
.ducanta-heroes .image-zoom-stage,.ducanta-construction .image-zoom-stage{aspect-ratio:3/4;overflow:hidden}
#objects-ducanta .ducanta-heroes img,#objects-ducanta .ducanta-construction img{width:100%;height:100%;object-fit:cover}
.ducanta-hero img{object-position:57% center}
.ducanta-construction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center;margin-top:52px}
#objects-ducanta .ducanta-construction .prose{margin:0}
@media(max-width:600px){.ducanta-construction{grid-template-columns:1fr;gap:28px;margin-top:32px}}

/* Muted portfolio surface keeps the dark renders distinct from the page. */
#objects-ducanta{--ducanta-render-surface:var(--image-ducanta,#D2CFC8)}
.ducanta-heroes{display:block;width:100%;margin-inline:auto}
.ducanta-heroes .image-zoom-stage,.ducanta-construction .image-zoom-stage{background:var(--ducanta-render-surface)}
@media(max-width:600px){.ducanta-heroes{width:100%}}

/* Preserve the full hero and shift the assembly within its portrait frame. */
.ducanta-heroes .image-zoom-stage{aspect-ratio:auto}
#objects-ducanta .ducanta-heroes img{height:auto;object-fit:contain;object-position:center}
#objects-ducanta .ducanta-construction img{object-position:58% center}

/* Portfolio index: close material studies in a continuous image strip. */
.objects-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.objects-index>a{gap:0;grid-template-columns:1fr;padding-bottom:16px;background:var(--thumbnail-label);color:#252525;align-content:start}
.objects-index .object-thumbnail{aspect-ratio:3/4;background:#D2CFC8;margin-bottom:16px}
.objects-index>a .object-thumbnail img{object-fit:cover}
.objects-index>a>span,.objects-index>a>small{padding-inline:16px}
.objects-index>a>small{margin-top:6px;color:#565656}
.objects-index>a:focus-visible{outline:3px solid currentColor;outline-offset:4px;z-index:1}
@media(max-width:760px){.objects-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.objects-index>a>span,.objects-index>a>small{padding-inline:12px}}

.objects-index>a[href="#objects/cut-run"]{--thumbnail-label:var(--object-cut-run,#BFC5B9)}
.objects-index>a[href="#objects/amphora"]{--thumbnail-label:var(--object-amphora,#C8BFB3)}
.objects-index>a[href="#objects/ducanta"]{--thumbnail-label:var(--object-ducanta,#B9C0C2)}
.objects-index>a[href="#objects/half-lotus"]{--thumbnail-label:var(--object-half-lotus,#CBC5B7)}

/* Explicit surfaces for source images with an alpha channel. */
img[data-image-surface="neutral"]{background-color:#D2CFC8}
img[data-image-surface="lotus"]{background-color:#C8C1B5}
#objects-cut-run img[data-image-surface],.objects-index>a[href="#objects/cut-run"] img{background-color:#D1D3CA}

/* One tall assembly beside two detail frames; captions follow the image grid. */
.cutrun-mechanism{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto;gap:16px 20px;align-items:stretch}
.cutrun-mechanism>figure,.cutrun-detail-stack,.cutrun-detail-stack>figure{display:contents}
.cutrun-mechanism>figure>.image-zoom-stage{grid-column:1;grid-row:1/3;min-height:0;background:#D1D3CA}
.cutrun-detail-stack>figure:nth-child(1)>.image-zoom-stage{grid-column:2;grid-row:1;aspect-ratio:4/3}
.cutrun-detail-stack>figure:nth-child(2)>.image-zoom-stage{grid-column:2;grid-row:2;aspect-ratio:4/3}
.cutrun-mechanism .image-zoom-stage>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.cutrun-mechanism>figure>figcaption{grid-column:1;grid-row:3/5}
.cutrun-detail-stack>figure:nth-child(1)>figcaption{grid-column:2;grid-row:3}
.cutrun-detail-stack>figure:nth-child(2)>figcaption{grid-column:2;grid-row:4}
#objects-cut-run .cutrun-mechanism figcaption{margin:0;text-align:left;text-wrap:pretty}
.cutrun-mechanism figcaption b{font-weight:500}
@media(max-width:600px){.cutrun-mechanism{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cutrun-mechanism figcaption{font-size:12px;line-height:1.5}}

/* Compact thumbnail name panels. */
.objects-index>a{padding-bottom:12px}
.objects-index .object-thumbnail{margin-bottom:12px}

/* Compact, keyboard-accessible day/night control. */
.site-header .theme-toggle{display:grid;place-items:center;width:58px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;flex-shrink:0;color:var(--ink)}
.theme-track{position:relative;display:block;width:56px;height:30px;border-radius:999px;background:#242423;border:1px solid #75756e;box-shadow:inset 0 1px 3px #0003;transition:background .2s ease}
.theme-track svg{position:absolute;top:6px;width:16px;height:16px}
.theme-sun{left:6px;color:#44443f;opacity:0}
.theme-moon{right:6px;color:#f6f5f1}
.theme-thumb{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#f6f5f1;box-shadow:0 1px 3px #0004;transition:transform .2s ease,background .2s ease}
[data-color-mode="light"] .theme-track{background:#e2e1da;border-color:#c0bfb7}
[data-color-mode="light"] .theme-thumb{transform:translateX(26px);background:#3b3b37}
[data-color-mode="light"] .theme-sun{opacity:1}
[data-color-mode="light"] .theme-moon{opacity:0}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}
@media(max-width:480px){.site-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.theme-track,.theme-thumb{transition:none}}

/* Cut & Run surface trial: transparent top, opaque sage at the bottom. */
#objects-cut-run img[data-image-surface]{background-color:transparent;background-image:linear-gradient(to top, var(--image-cut-run,#D5C3CE) 0%, var(--image-cut-run,#D5C3CE) 10%, color-mix(in srgb, var(--image-cut-run,#D5C3CE) 0%, transparent) 85%, color-mix(in srgb, var(--image-cut-run,#D5C3CE) 0%, transparent) 100%)}
#objects-cut-run .cutrun-mechanism>figure>.image-zoom-stage{background:transparent}

#objects-ducanta img[data-image-surface]{background-color:var(--image-ducanta,#D2CFC8)}
#objects-half-lotus img[data-image-surface]{background-color:var(--image-half-lotus,#C8C1B5)}
#objects-amphora img{background-color:var(--image-amphora,#D2CFC8)}
.objects-index>a[href="#objects/cut-run"] img{background-color:var(--image-cut-run,#D5C3CE)}
.objects-index>a[href="#objects/ducanta"] img{background-color:var(--image-ducanta,#D2CFC8)}
.objects-index>a[href="#objects/amphora"] img{background-color:var(--image-amphora,#D2CFC8)}
.objects-index>a[href="#objects/half-lotus"] img{background-color:var(--image-half-lotus,#C8C1B5)}

/* Editable image surface gradients, shared with the image viewer. */
#objects-cut-run img[data-image-surface],.objects-index>a[href="#objects/cut-run"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-cut-run,linear-gradient(to top, var(--image-cut-run,#D5C3CE) 10%, transparent 85%))}
#objects-amphora img[data-image-surface],.objects-index>a[href="#objects/amphora"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-amphora,linear-gradient(var(--image-amphora,#D2CFC8),var(--image-amphora,#D2CFC8)))}
#objects-ducanta img[data-image-surface],.objects-index>a[href="#objects/ducanta"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-ducanta,linear-gradient(var(--image-ducanta,#D2CFC8),var(--image-ducanta,#D2CFC8)))}
#objects-half-lotus img[data-image-surface],.objects-index>a[href="#objects/half-lotus"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-half-lotus,linear-gradient(var(--image-half-lotus,#C8C1B5),var(--image-half-lotus,#C8C1B5)))}

#objects-ducanta .ducanta-heroes .image-zoom-stage,#objects-ducanta .ducanta-construction .image-zoom-stage,#objects-half-lotus .lotus-components-stage,#objects-half-lotus .lotus-open-stage{background:transparent}

/* SideNote: approved landscape Capture hero. */
#sidenote-overview.sidenote-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:0!important;background:transparent}
#sidenote-overview .sidenote-hero-photo{margin:0;width:100%;max-width:none}
#sidenote-overview .sidenote-hero-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:0}
#sidenote-overview .sidenote-hero-photo figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
#sidenote-overview .prose{max-width:65ch;margin:0}
@media(max-width:760px){#sidenote-overview.sidenote-hero{gap:24px}}

/* Each project owns the background treatment of all its imagery. */
#objects-cut-run img[data-image-surface],.objects-index>a[href="#objects/cut-run"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-cut-run,linear-gradient(to top, var(--image-cut-run,#D5C3CE) 10%, transparent 85%))}
#objects-amphora img[data-image-surface],.objects-index>a[href="#objects/amphora"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-amphora,linear-gradient(var(--image-amphora,#D2CFC8),var(--image-amphora,#D2CFC8)))}
#objects-ducanta img[data-image-surface],.objects-index>a[href="#objects/ducanta"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-ducanta,linear-gradient(var(--image-ducanta,#D2CFC8),var(--image-ducanta,#D2CFC8)))}
#objects-half-lotus img[data-image-surface],.objects-index>a[href="#objects/half-lotus"] img[data-image-surface]{background-color:transparent;background-image:var(--image-gradient-half-lotus,linear-gradient(var(--image-half-lotus,#C8C1B5),var(--image-half-lotus,#C8C1B5)))}
 .objects-index .object-thumbnail{background:transparent}

/* SideNote homepage photograph: edge-to-edge, square corners. */
.project-link.sidenote-link .sidenote-visual{border-radius:0;overflow:hidden;background:#b7ada9}
.project-link.sidenote-link .sidenote-visual>img{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 42%;border-radius:0;box-shadow:none}

/* SideNote case study: a complete capture / save / revisit story. */
.sidenote-case .sidenote-introduction{display:flex;align-items:center;justify-content:space-between;gap:28px}
.sidenote-case .sidenote-introduction p{max-width:42ch;margin:0;font-size:19px;line-height:1.55;text-align:justify;hyphens:none}
.sidenote-case .sidenote-introduction .button-link{margin:0;white-space:nowrap;gap:18px;flex-shrink:0}
.sidenote-case #sidenote-overview{padding-bottom:64px!important}
.sidenote-case .sidenote-section-heading{margin:0 0 32px}
.sidenote-case .sidenote-section-heading .eyebrow{margin:0 0 12px;color:var(--muted)}
.sidenote-case .sidenote-section-heading h2{font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:0}
.sidenote-case .sidenote-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.sidenote-case .sidenote-story li{min-width:0}
.sidenote-case .sidenote-story-visual{width:100%;aspect-ratio:9/20;background:#111;border-radius:0;overflow:hidden}
.sidenote-case .sidenote-story-visual img{display:block;width:100%;height:100%;object-fit:contain}
.sidenote-case .sidenote-gesture{background:#353433}
.sidenote-case .sidenote-step-title{display:flex;gap:12px;align-items:baseline;margin:22px 0 10px}
.sidenote-case .sidenote-step-title span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.sidenote-case .sidenote-step-title h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:500;margin:0}
.sidenote-case .sidenote-story p{font-size:16px;line-height:1.6;margin:0;text-align:justify;hyphens:none}
.sidenote-case .sidenote-visual-note{font-size:13px;color:var(--muted);margin:24px 0 0;text-align:start}
.sidenote-case .sidenote-decisions{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.sidenote-case .sidenote-decisions h3{font-size:22px;line-height:1.25;font-weight:500;margin:0 0 12px;letter-spacing:-.025em}
.sidenote-case .sidenote-decisions p{font-size:17px;line-height:1.6;text-align:justify;hyphens:none;margin:0}
.sidenote-case .demo-section .eyebrow{font-size:13px;color:var(--muted);margin:0 0 16px}
@media(max-width:1150px){.sidenote-case .sidenote-introduction{display:block}.sidenote-case .sidenote-introduction p{max-width:55ch}.sidenote-case .sidenote-introduction .button-link{margin-top:20px}.sidenote-case .sidenote-story{gap:16px}.sidenote-case .sidenote-step-title{gap:8px}.sidenote-case .sidenote-step-title h3{font-size:20px}}
@media(max-width:760px){
 .sidenote-case:not([hidden]){display:flex;flex-direction:column}
 .sidenote-case .case-sidebar,.sidenote-case .case-content{display:contents}
 .sidenote-case .back-link{order:0;align-self:flex-start;margin-bottom:18px}
 .sidenote-case .case-sidebar h1{order:1;margin:0 0 8px}
 .sidenote-case .case-deck{order:2;margin:0 0 24px;font-size:21px}
 .sidenote-case #sidenote-overview{order:3;padding-bottom:0!important;gap:22px}
 .sidenote-case .sidenote-introduction p{font-size:17px;line-height:1.5}
 .sidenote-case .sidenote-introduction .button-link{margin-top:16px;min-height:48px}
 .sidenote-case .project-facts{order:4;display:flex;gap:20px 28px;margin:28px 0 0}
 .sidenote-case .section-nav{order:5;margin:24px 0 40px;gap:8px 24px}
 .sidenote-case #sidenote-interaction{order:6}
 .sidenote-case #sidenote-demo{order:7}
 .sidenote-case .next-project{order:8}
 .sidenote-case .sidenote-story{grid-template-columns:1fr;gap:40px}
 .sidenote-case .sidenote-story-visual{max-width:280px;margin-inline:auto}
 .sidenote-case .sidenote-step-title{margin-top:20px}
 .sidenote-case .sidenote-step-title h3{font-size:24px}
 .sidenote-case .sidenote-story p{font-size:17px}
 .sidenote-case .sidenote-decisions{grid-template-columns:1fr;gap:28px;margin-top:32px}
}

/* Align the paired Cut & Run captions with the outer image edges. */
#objects-cut-run .cutrun-hero figcaption{padding-inline:0;text-align:left;text-align-last:auto}
#objects-cut-run .cutrun-hero>figure:last-child figcaption{text-align:right}

/* Keep mobile reading order in the document; desktop metadata returns to its sidebar. */
@media(max-width:760px){
 .sidenote-case:not([hidden]){display:block;gap:0}
 .sidenote-case .case-sidebar,.sidenote-case .case-content{display:block}
 .sidenote-case .case-sidebar{padding-bottom:0}
 .sidenote-case .case-sidebar h1{margin:0 0 8px}
 .sidenote-case .case-deck{margin:0 0 24px}
 .sidenote-case #sidenote-overview .sidenote-hero-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}
}

/* Three selected object projects. */
@media(min-width:761px){.objects-index{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Project palette approved in Appearance. */
:root{--object-cut-run:#CCD6C2;--object-amphora:#D8CBBB;--object-half-lotus:#D4E5E8;--image-cut-run:#D5C8D3;--image-amphora:#D2CFC8;--image-half-lotus:#C7C7C7;--image-gradient-cut-run:linear-gradient(to top,rgb(213 200 211 / 1) 4%,rgb(213 200 211 / 0) 85%);--image-gradient-amphora:linear-gradient(to top,rgb(210 207 200 / 0) 1%,rgb(210 207 200 / 0) 4%);--image-gradient-half-lotus:linear-gradient(to top,rgb(199 199 199 / 1) 0%,rgb(199 199 199 / 0) 85%)}