:root{color-scheme:light;--ink:#342d2a;--muted:#655a55;--accent:#865944;--line:#49362a26;--edge:#ffffffcc;--glass:linear-gradient(145deg,#ffffffdb 0%,#ffffff63 37%,#fcf9f2ac 80%,#fffdf8d9);--serif:"Playfair Display",Georgia,serif;--shadow:inset 0 1px 0 white,0 22px 54px -33px #52352166}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 1rem/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 84% 5%,#e9d4c445,transparent 25%),linear-gradient(155deg,#fbf7f2,#f4ece3 53%,#f9f5ef)}img{display:block;max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #976d54;outline-offset:5px}.container{width:min(1140px,calc(100% - 3rem));margin:auto}.site-header{display:grid;justify-items:center;gap:1rem;padding:2.5rem 0 3.2rem}.logo{height:72px;width:auto}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;color:var(--muted);font-size:.92rem}.site-nav a,.index a{text-decoration:none}.site-nav a:hover,.site-nav [aria-current],.small-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.3em}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0;letter-spacing:-.035em}.kicker,.proof-top,.proof figcaption,.index a,.case-end,.role,small{font-size:.88rem}.kicker,.proof-top,.handoff small{font-weight:500;letter-spacing:.1em;text-transform:uppercase}.kicker{color:var(--accent);margin:0 0 1rem}.kicker span{color:#a38979;margin:0 .45em}h1{font-size:clamp(3.1rem,5.9vw,5.4rem);line-height:1.02}h1 span{color:#b58d72}h2{font-size:clamp(2.2rem,4.5vw,3.7rem)}h3{font-size:clamp(1.65rem,3vw,2.45rem)}p{margin:0}.opening{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:1.4rem 0 3.3rem}.op-copy>p:not(.kicker){margin:1.5rem 0;max-width:38ch;color:var(--muted);font-size:1.07rem}.jump{display:inline-flex;gap:1rem;align-items:center;background:#3e332f;color:#fffaf5;text-decoration:none;border:1px solid #fff5;border-radius:99px;padding:.7rem 1.3rem;box-shadow:inset 0 1px 0 #fff3}.jump:hover{background:#584338}.cover-proof,.stage,.handoff,.group,.index{background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow);backdrop-filter:blur(12px);border-radius:22px}.cover-proof,.stage{padding:clamp(.8rem,2vw,1.45rem);position:relative}.proof-top{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem;margin:0 0 1rem}.proof{margin:0}.proof a{display:block;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#1c1917}.proof img{width:100%}.cover img{aspect-ratio:1.78;object-fit:cover;object-position:50% 34%}.proof figcaption{color:var(--muted);margin:.8rem 0 0}.index{display:flex;flex-wrap:wrap;gap:.3rem 2rem;padding:.65rem 1.2rem;box-shadow:inset 0 1px 0 white,0 8px 25px -18px #533b36}.index a{display:flex;align-items:center;gap:.6rem;min-height:40px;color:var(--accent)}.index strong{font-weight:500;color:var(--ink)}.case,.outro{padding:clamp(3.4rem,7vw,6rem) 0 0;scroll-margin-top:1rem}.case-head{max-width:53rem}.benefit{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.45;margin:1rem 0;max-width:55ch}.role,.step p:not(.kicker),.handoff p:not(.kicker),.outro>p:not(.kicker){color:var(--muted);max-width:59ch}.story{display:grid;grid-template-columns: .86fr 1.14fr;align-items:start;gap:clamp(2rem,6vw,6rem);margin-top:2.5rem}.stage{display:none}.step{border-top:1px solid var(--line);padding:2rem 0}.step h3{margin-bottom:.75rem}.inline-proof{margin-top:1.2rem}.case-end{display:flex;gap:1rem 2rem;flex-wrap:wrap;padding:1rem 0;border-block:1px solid var(--line)}.small-link{text-decoration:underline;text-decoration-color:#b69c88;text-underline-offset:.3em}.handoff{margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:clamp(1.3rem,4vw,3rem)}.handoff h3{margin-bottom:1rem}.handoff ol{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.handoff li{border-left:2px solid #b4937c;padding:.1rem 0 .1rem 1.2rem;display:grid}.handoff small{font-size:.74rem;color:var(--accent)}.handoff strong{font-weight:500;font-size:1.12rem}.handoff li span{color:var(--muted);font-size:.94rem}.group{border-radius:15px;margin:1rem 0}.group summary{cursor:pointer;padding:1.15rem 1.4rem;font-weight:500}.group small{float:right;color:var(--muted);font-weight:400}.work-list{padding:0 1.4rem}.work-list article{border-top:1px solid var(--line);display:grid;grid-template-columns:6rem 1fr;align-items:start;gap:1.25rem;padding:1.2rem 0}.thumb{border-radius:6px;overflow:hidden}.thumb img{width:100%;height:4rem;object-fit:cover}.work-list h3{font-size:1.4rem}.work-list p{color:var(--muted);margin:.25rem 0}.work-list .small-link{font-size:.9rem}.outro{text-align:center;padding-bottom:4rem}.outro>p:not(.kicker){margin:1rem auto 1.5rem}footer{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.4rem 0 2.5rem;color:var(--muted);font-size:.92rem}footer a{text-decoration:none}
dialog{width:min(1080px,94vw);max-height:94vh;border:1px solid var(--edge);background:#faf6f0;color:var(--ink);border-radius:16px;padding:1rem;box-shadow:0 22px 60px #24180d55}dialog::backdrop{background:#251c19aa;backdrop-filter:blur(5px)}dialog header,dialog footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.4rem}dialog img{width:100%;height:min(67vh,640px);object-fit:contain;background:#e7dfd6;margin:.6rem 0}dialog button{font:inherit;min-height:40px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer}dialog button[hidden]{display:none}
@media(min-width:761px){.enhanced .stage{display:block;position:sticky;top:clamp(1rem,15vh,7rem)}.enhanced .step{min-height:clamp(250px,43vh,420px);display:grid;align-content:center}.enhanced .inline-proof{display:none}html:not(.enhanced) .story{display:block}.step-inner{max-width:46rem}.stage-proof img{aspect-ratio:1.95;object-fit:contain}}
@media(max-width:760px){.container{width:min(100% - 2rem,620px)}.site-header{padding:1.5rem 0 2rem}.opening,.story,.handoff{grid-template-columns:1fr}.opening{padding-top:.75rem;gap:1.75rem}.cover-proof{max-width:100%}.story{margin-top:1.5rem;gap:0}.group summary{padding:1rem}.group small{float:none;display:block;margin-left:1.2rem}.index{gap:.15rem 1rem}.work-list article{grid-template-columns:4.2rem 1fr;gap:1rem}.outro br{display:none}}
@media(prefers-reduced-motion:no-preference){.just-seen{animation:appear .42s ease-out both}.stage-proof.swap{animation:appear .25s ease-out both}@keyframes appear{from{opacity:.38;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cover-proof,.stage{isolation:isolate;background:linear-gradient(128deg,#ffffffd9 0%,#fff9f073 32%,#fffdf780 42%,#ffffffd6 49%,#f6e4d861 68%,#fffaf3b3 100%);border:1px solid #fffdf8;box-shadow:inset 0 1px 1px #fff, inset 0 -1px 1px #bba89c50,0 18px 48px -28px #84614985}
.cover-proof::before,.stage::before{content:"";position:absolute;pointer-events:none;inset:0 8% auto;height:1px;background:linear-gradient(90deg,transparent,#fff 27%,#fff 75%,transparent)}
.zoom img{transition:filter .2s ease}.zoom:hover img{filter:brightness(1.045)}
.ghl-cover a{background:#fff}.ghl-cover img{aspect-ratio:1.55;object-fit:contain}.evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:2rem 0}.evidence-card,.report-note{border:1px solid var(--edge);border-radius:22px;background:var(--glass);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.7rem)}.evidence-card h3,.report-note h3{font-size:clamp(1.45rem,2.3vw,2rem);margin:.85rem 0 .6rem}.evidence-card p,.report-note p:not(.kicker){color:var(--muted);max-width:64ch}.portrait-proof a{background:#f4f1ea;border:1px solid var(--line)}.portrait-proof img{height:clamp(215px,24vw,320px);object-fit:contain}.report-note{margin-bottom:1.5rem}.index{justify-content:space-between;gap:.2rem .8rem}.index a{white-space:nowrap}#lead-follow-up{scroll-margin-top:1.5rem}@media(max-width:760px){.evidence-pair{grid-template-columns:1fr}.index{justify-content:flex-start;gap:.2rem 1rem}}
