@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:oklch(99% .003 155);--ink:oklch(27% .035 161);--muted:oklch(45% .025 161);--green:oklch(36% .065 160);--mint:oklch(95% .018 155);--line:oklch(86% .014 155);--white:oklch(100% 0 none);--body:clamp(.95rem,.9rem + .15vw,1.05rem);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scrollbar-gutter:stable;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;scroll-padding-block-start:6rem}
*,*::before,*::after{box-sizing:border-box;min-inline-size:0}body{margin:0;font-size:var(--body);line-height:1.65}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.18}h1{font-size:clamp(2.3rem,3.8vw,3.8rem);font-weight:650;letter-spacing:-.04em}h1 span{color:var(--muted)}h2{font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:650;letter-spacing:-.035em}h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}a{color:inherit;text-underline-offset:.22em}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{user-select:none}button:active{background:var(--mint)}a:active{color:var(--green)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:5px}img,svg{display:block;max-inline-size:100%;block-size:auto}svg{inline-size:1.3em;flex:none}::selection{background:oklch(83% .07 155);color:var(--ink)}::-webkit-scrollbar{inline-size:9px;block-size:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}::-webkit-scrollbar-track{background:var(--paper)}.wrap{inline-size:min(100% - 2 * clamp(1.2rem,4vw,4rem),1280px);margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:sticky;inset-block-start:0;z-index:5;background:var(--paper);padding-block:1rem;padding-inline:clamp(1.2rem,4vw,4rem);border-block-end:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:800;letter-spacing:-.035em;display:flex;align-items:center;gap:.55rem;white-space:nowrap}.wordmark-dot{display:block;inline-size:.5rem;block-size:.5rem;background:var(--green);border-radius:50%}.masthead nav{display:flex;gap:clamp(.8rem,2.1vw,2rem)}.masthead nav a{font-size:0.82rem;font-weight:650;text-decoration:none;padding-block:.35rem;white-space:nowrap}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:4rem;padding-block:clamp(2.4rem,5vw,4.8rem) 2.8rem}.intro-copy{max-inline-size:48ch;margin-block-start:1.3rem;color:var(--muted)}.intro-verdict{align-self:end;padding-inline-start:2rem;border-inline-start:1px solid var(--line)}.intro-verdict>p:first-child{font-size:1.1rem;max-inline-size:31ch}.small{font-size:0.78rem;color:var(--muted)}.intro-verdict .small{margin-block-start:1.4rem;line-height:1.8}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-block-end:1.7rem}.section-head p{margin-block-start:.65rem;color:var(--muted);max-inline-size:70ch}.text-link{display:flex;align-items:center;gap:.55rem;font-size:0.8rem;font-weight:700;text-decoration:none;white-space:nowrap;min-block-size:44px}.reference-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.7rem;margin-block-end:1.7rem}.reference-button{position:relative;display:flex;flex-direction:column;background:transparent;border:1px solid var(--line);border-radius:0;padding:.4rem;text-align:start;gap:.55rem}.reference-button[aria-pressed=true]{border-color:var(--green);background:var(--mint);box-shadow:inset 0 0 0 1px var(--green)}.thumb{display:flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:1.15;background:var(--white);overflow:clip}.thumb img{inline-size:100%;block-size:100%;object-fit:contain}.reference-name{font-size:0.75rem;line-height:1.35;font-weight:650;padding-inline:.15rem;padding-block-end:.9rem}.reference-index{position:absolute;inset-inline-end:.5rem;inset-block-end:.27rem;font-size:0.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.selected-study{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.8rem,4vw,4rem);align-items:start}.image-column{position:sticky;inset-block-start:6rem}#image-open{display:flex;position:relative;justify-content:center;align-items:center;border:0;inline-size:100%;padding:1rem;background:var(--white);aspect-ratio:1/1.05}#selected-image{inline-size:100%;block-size:100%;object-fit:contain;max-block-size:610px}.enlarge{position:absolute;inset-inline-end:1rem;inset-block-end:1rem;display:flex;gap:.5rem;align-items:center;font-size:0.75rem;font-weight:700;background:var(--paper);padding-block:.55rem;padding-inline:.75rem;border:1px solid var(--line)}.image-controls{display:flex;align-items:center;justify-content:space-between;padding-block:.8rem;color:var(--muted);font-size:0.75rem;font-variant-numeric:tabular-nums}.image-controls>div{display:flex;gap:.4rem}.arrow-button{background:transparent;border:1px solid var(--line);inline-size:44px;block-size:44px;display:grid;place-items:center}.note-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.note-title h3{font-size:clamp(1.45rem,2.1vw,2rem)}.palette{display:flex;flex:none;gap:.2rem}.swatch{display:block;inline-size:.75rem;block-size:1.3rem;background:var(--swatch)}.effect{color:var(--green);font-weight:650;font-size:0.85rem;margin-block: .65rem 1.3rem}.notes>div{margin-block-end:1rem}.notes dt{font-size:0.75rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;margin-block-end:.25rem}.notes dd{font-size:0.86rem;line-height:1.65;max-inline-size:66ch;color:var(--muted)}.notes .sample-note{background:var(--mint);padding-block:.85rem;padding-inline:1rem;margin-inline:-1rem}.sample-note dt{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sample-note dt span{font-size:0.75rem;font-weight:650;text-transform:none;letter-spacing:0}.sample-note dd{color:var(--ink)}.unverified dd{font-size:0.77rem}.unverified dt{font-size:0.75rem;color:var(--muted)}.takeaway{font-size:1rem;font-weight:700;padding-block-start:1rem;border-block-start:1px solid var(--line);max-inline-size:45ch}.evidence-note{font-size:0.75rem;color:var(--muted);max-inline-size:105ch;margin-block:1.6rem 0}.technique-section{background:var(--mint);margin-block-start:clamp(3.4rem,7vw,6rem);padding-block:clamp(3rem,5vw,4.5rem)}.technique-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block-end:2.5rem}.detail-image{block-size:230px;overflow:clip;background:var(--white);position:relative}.detail-image img{position:absolute;inline-size:150%;max-inline-size:none;block-size:auto;inset-inline-start:-25%;inset-block-start:-35%}.detail-camera img{inline-size:145%;inset-inline-start:-23%;inset-block-start:-72%}.detail-applique img{inline-size:155%;inset-inline-start:-29%;inset-block-start:-61%}.detail-shadow img{inline-size:142%;inset-inline-start:-20%;inset-block-start:-49%}figcaption{padding-block-start:.9rem;display:flex;flex-direction:column;gap:.35rem}figcaption strong{font-size:1rem}figcaption span{font-size:0.83rem;color:var(--muted);max-inline-size:43ch}.inline-button{border:0;padding:0;background:transparent;text-decoration:underline;text-underline-offset:.25em;font-size:0.75rem;text-align:start;min-block-size:44px;align-self:start;color:var(--green);font-weight:700}.table-scroll{overflow-x:auto;overscroll-behavior-inline:contain}table{border-collapse:collapse;inline-size:100%;font-size:0.8rem;min-inline-size:650px}caption{text-align:start;caption-side:bottom;font-size:0.75rem;color:var(--muted);padding-block:1rem}th,td{text-align:start;padding-block:.9rem;padding-inline:.85rem;vertical-align:top;border-block-end:1px solid var(--line);line-height:1.55}thead th{background:var(--green);color:var(--white);font-weight:650}tbody th{font-weight:700;inline-size:23%}td{color:var(--muted)}.production-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-block-start:1.5rem}.production-bottom h3{font-size:1.05rem;margin-block-end:.6rem}.production-bottom p{font-size:0.83rem;color:var(--muted);max-inline-size:65ch}.source-note{margin-block-start:1.5rem;max-inline-size:110ch;font-size:0.75rem}.favorites{padding-block:clamp(3rem,6vw,5rem)}.favorite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.favorite-image{display:block;border:0;background:var(--white);inline-size:100%;aspect-ratio:1.05;padding:1rem}.favorite-image img{inline-size:100%;block-size:100%;object-fit:contain}.favorite-reason{font-size:0.75rem;font-weight:800;color:var(--green);margin-block:1.2rem .5rem}.favorite-grid h3{margin-block-end:.65rem}.favorite-grid article>p:not(.favorite-reason){font-size:0.85rem;color:var(--muted);max-inline-size:50ch}.favorite-lesson{margin-block-start:.7rem}.principles-section{background:var(--green);color:var(--white);padding-block:clamp(3rem,5vw,4.8rem)}.principles{display:grid;grid-template-columns:1fr 1.7fr;gap:4rem}.principles>div>p{margin-block-start:1.2rem;color:oklch(87% .02 155);max-inline-size:30ch;font-size:0.9rem}.principle-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 2rem}.principle-list li{border-block-start:1px solid oklch(55% .04 160);padding-block-start:1rem}.principle-list h3{font-size:1rem;margin-block-end:.5rem}.principle-list p{font-size:0.82rem;color:oklch(88% .02 155);max-inline-size:42ch}.originals{padding-block:clamp(3rem,6vw,5rem)}.direction-list{margin-block-start:2rem}.direction{display:grid;grid-template-columns:220px 1fr;gap:3rem;padding-block:2rem;border-block-start:1px solid var(--line)}.direction-reference{background:var(--white);padding:1rem;align-self:start}.direction-reference img{inline-size:100%;block-size:230px;object-fit:contain}.direction-reference span{display:block;text-align:center;font-size:0.75rem;color:var(--muted);margin-block-start:.7rem}.direction-copy h3{font-size:1.6rem}.direction-summary{color:var(--muted);font-size:0.9rem;margin-block:.6rem 1.2rem}.direction-copy dl>div{display:grid;grid-template-columns:65px 1fr;gap:1rem;margin-block-end:.65rem}.direction-copy dt{font-size:0.75rem;font-weight:800;color:var(--green)}.direction-copy dd{font-size:0.84rem;max-inline-size:78ch;color:var(--muted)}.direction-note{font-size:0.75rem;color:var(--muted);margin-block-start:1rem}.close-note{display:grid;grid-template-columns:220px 1fr;gap:3rem;padding-block:1.5rem;padding-inline:1.5rem;background:var(--mint);margin-block-start:1.5rem}.close-note h3{font-size:1.15rem}.close-note p{font-size:0.85rem;max-inline-size:80ch}footer{display:flex;justify-content:space-between;align-items:start;gap:2rem;padding-block:2rem 3rem;border-block-start:1px solid var(--line)}footer strong{font-size:0.8rem}footer p{font-size:0.75rem;color:var(--muted);margin-block-start:.6rem}.print-button{padding-block:.65rem;padding-inline:1rem;border:1px solid var(--line);background:transparent;font-size:0.75rem;font-weight:700;min-block-size:44px;white-space:nowrap}.skip{position:fixed;z-index:20;inset-block-start:-100px;inset-inline-start:1rem;background:var(--white);padding:1rem}.skip:focus{inset-block-start:1rem}#print-references{display:none}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-inline-size:min(1100px,94vw);inline-size:100%;max-block-size:94dvh}dialog::backdrop{background:oklch(14% .02 160 / .85)}body:has(dialog[open]){overflow:hidden}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75rem;padding-inline:1.2rem;background:var(--paper);position:sticky;inset-block-start:0}.dialog-bar h2{font-size:1rem}.close-button{display:flex;align-items:center;gap:.4rem;border:0;background:transparent;min-block-size:44px;padding-inline:.5rem;font-size:0.8rem}.dialog-image-wrap{padding:1rem;background:var(--white)}.dialog-image-wrap img{margin-inline:auto;max-block-size:78dvh;inline-size:auto;object-fit:contain}.noscript-note{padding-block:2rem}
@media(hover:hover) and (pointer:fine){.masthead a:hover,.text-link:hover,.inline-button:hover{color:var(--green);text-decoration:underline}.reference-button:hover{border-color:var(--green)}.arrow-button:hover,.print-button:hover,.close-button:hover{background:var(--mint)}#image-open:hover .enlarge{background:var(--mint)}.favorite-image:hover{background:var(--mint)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.reference-button,.arrow-button,.print-button{transition:background-color 150ms cubic-bezier(.2,.8,.2,1),border-color 150ms cubic-bezier(.2,.8,.2,1)}dialog[open]{animation:reveal 180ms cubic-bezier(.2,.8,.2,1)}@keyframes reveal{from{clip-path:inset(2% 0 0)}to{clip-path:inset(0)}}}
@media(max-width:900px){.masthead{flex-wrap:wrap;gap:.25rem;padding-block:.7rem}.masthead nav{inline-size:100%;justify-content:space-between}.masthead nav a{font-size:0.75rem;min-block-size:38px;display:flex;align-items:center}.intro{gap:2rem}.intro-verdict{padding-inline-start:1rem}.reference-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-name{font-size:0.75rem}.thumb{aspect-ratio:1.5}.selected-study{grid-template-columns:1fr 1fr;gap:2rem}.principles{grid-template-columns:1fr 2fr;gap:2rem}.technique-details{gap:1rem}.detail-image{block-size:180px}}
@media(max-width:650px){.intro{grid-template-columns:1fr;gap:1.4rem;padding-block:2rem}.intro-verdict{border:0;padding:0;display:flex;gap:1.5rem;justify-content:space-between;align-items:start}.intro-verdict>p:first-child{font-size:0.88rem;max-inline-size:28ch}.intro-verdict .small{margin:0;font-size:0.75rem;white-space:nowrap}.intro-copy{font-size:0.9rem}.section-head{align-items:start;flex-direction:column;gap:.4rem}.section-head p{font-size:0.86rem}.text-link{font-size:0.75rem}.reference-strip{gap:.4rem;margin-block-end:1.2rem}.reference-button{padding:.25rem}.reference-name{font-size:0.75rem}.thumb{aspect-ratio:1}.selected-study{grid-template-columns:1fr;gap:1.5rem}.image-column{position:static}#image-open{aspect-ratio:1.1;padding:.5rem}#selected-image{max-block-size:390px}.image-controls{padding-block:.5rem}.note-title h3{font-size:1.6rem}.notes dd{font-size:0.86rem}.notes .sample-note{margin-inline:0}.evidence-note{font-size:0.75rem}.technique-details{grid-template-columns:1fr;gap:1.5rem}.technique-details figure{display:grid;grid-template-columns:125px 1fr;gap:1rem;align-items:start}.detail-image{block-size:160px}.detail-camera img{inline-size:235%;inset-inline-start:-66%;inset-block-start:-67%}.detail-applique img{inline-size:245%;inset-inline-start:-72%;inset-block-start:-43%}.detail-shadow img{inline-size:210%;inset-inline-start:-55%;inset-block-start:-41%}figcaption{padding:0}figcaption span{font-size:0.78rem}.production-bottom{grid-template-columns:1fr;gap:1.4rem}.favorite-grid{grid-template-columns:1fr;gap:2rem}.favorite-grid article{display:grid;grid-template-columns:115px 1fr;column-gap:1rem;align-items:start}.favorite-image{grid-column:1;grid-row:1 / span 4;aspect-ratio:.72;padding:.25rem}.favorite-reason{margin-block:0 .35rem;grid-column:2;font-size:0.75rem}.favorite-grid h3{grid-column:2;font-size:1.1rem}.favorite-grid article>p:not(.favorite-reason){font-size:0.79rem;grid-column:2}.principles{grid-template-columns:1fr;gap:2rem}.principles>div>p{max-inline-size:42ch}.principle-list{gap:1.5rem 1rem}.principle-list h3{font-size:0.92rem}.principle-list p{font-size:0.78rem}.direction{grid-template-columns:85px 1fr;gap:1rem;padding-block:1.5rem}.direction-reference{padding:.25rem}.direction-reference img{block-size:120px}.direction-reference span{font-size:0.75rem}.direction-copy h3{font-size:1.25rem}.direction-summary{font-size:0.82rem}.direction-copy dl>div{grid-template-columns:1fr;gap:.15rem}.direction-copy dd{font-size:0.8rem}.direction-note{font-size:0.75rem}.close-note{grid-template-columns:1fr;gap:.65rem;padding:1rem}.close-note p{font-size:0.8rem}footer{flex-direction:column;gap:1rem}.dialog-bar{padding-inline:.7rem}.dialog-bar h2{font-size:0.82rem}.dialog-image-wrap{padding:.5rem}}
@media print{body{font-size:10pt;background:white;color:black}.masthead,.reference-strip,.selected-study,.image-controls,.text-link,.inline-button,.print-button,dialog,.intro-verdict,.evidence-note{display:none!important}.wrap{inline-size:100%}.intro{display:block;padding-block:0 1rem}h1{font-size:30pt}h2{font-size:22pt}.intro-copy{max-inline-size:80ch}#print-references{display:block}#print-references article{break-before:page;min-block-size:85vh}#print-references img{max-block-size:47vh;max-inline-size:70%;margin-inline:auto;object-fit:contain}#print-references h3{margin-block:1rem .5rem}#print-references p{margin-block:.5rem}.technique-section,.principles-section{background:white;color:black;margin:0;padding-block:1rem}.principle-list p,.principles>div>p{color:black}.technique-details{display:none}.section-head,.favorite-grid,.direction,.production-bottom,.principles{break-inside:avoid}.favorite-image{block-size:150px;aspect-ratio:auto}.direction-reference img{block-size:120px}.direction{grid-template-columns:130px 1fr}.principles{display:block}.principle-list{margin-block-start:1rem}.originals,.favorites{padding-block:1.5rem}.table-scroll{overflow:visible}table{min-inline-size:0;font-size:8pt}.source-note{font-size:7pt}footer{padding-block:1rem}.close-note{display:block}.close-note p{margin-block-start:.5rem}}

.notes dd,.direction-copy dd,.favorite-grid article>p:not(.favorite-reason),.principle-list p,.production-bottom p,figcaption span{font-size:.875rem}.reference-name{font-size:.75rem}.reference-index{font-size:.69rem}.notes dt{font-size:.75rem}.notes .sample-note{padding:1rem}.direction-reference span{font-size:.75rem}@media(max-width:650px){.reference-name{font-size:.75rem}.intro-verdict{flex-wrap:wrap}.intro-verdict .small{font-size:.75rem}.direction{grid-template-columns:95px 1fr}.direction-reference span{font-size:.69rem}}

.thumb{position:relative;display:block}.thumb img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.scroll-hint{display:none}@media(max-width:650px){.scroll-hint{display:block;font-size:.75rem;color:var(--muted);margin-block-end:.7rem}.intro-verdict .small{white-space:normal}}

.favorite-grid h3{margin-block:1.2rem 0}.favorite-reason{margin-block:.45rem .65rem}@media(max-width:650px){.favorite-grid h3{grid-row:1;margin-block:0 .35rem}.favorite-reason{grid-row:2;margin-block:0 .5rem}}