:root{--paper:#f2f0e9;--ink:#10110f;--red:#ff3b18;--blue:#165dff;--yellow:#f3ff29;--line:rgba(16,17,15,.22);--gutter:clamp(1rem,3vw,3.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.35 Arial,Helvetica,sans-serif;text-rendering:geometricPrecision}a{color:inherit}button{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:20;background:#111;color:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;padding:0 var(--gutter);border-bottom:1px solid;background:rgba(242,240,233,.94);backdrop-filter:blur(12px);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand b{display:grid;place-items:center;width:34px;aspect-ratio:1;background:#111;color:#fff}.topbar nav{display:flex;gap:2rem}.topbar nav a{text-underline-offset:4px}.topbar>span{justify-self:end}.hero{min-height:calc(100svh - 62px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:1rem;padding:2rem var(--gutter) 2.5rem;border-bottom:1px solid;overflow:hidden}.eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero>.eyebrow{grid-column:1/8}.index{grid-column:12;justify-self:end}.hero h1{grid-column:1/13;align-self:center;margin:5vh 0;font-size:clamp(4rem,13.6vw,13rem);line-height:.74;letter-spacing:-.075em}.hero h1 span{display:block}.hero h1 span:last-child{margin-left:10.7%;color:var(--blue)}.hero-copy{grid-column:1/5;align-self:end;max-width:34rem}.hero-copy>p{font-size:clamp(1.05rem,1.5vw,1.4rem)}.hero-copy>a{display:flex;justify-content:space-between;padding:.8rem 0;border-top:1px solid;text-decoration:none;font-weight:700}.hero-copy i{font-style:normal}.signal{grid-column:6/11;align-self:end;height:13px;margin-bottom:9px;background:var(--red);transform:skewX(-23deg)}.note{grid-column:11/13;align-self:end;justify-self:end;margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase}.label{display:flex;justify-content:space-between;border-top:1px solid;padding-top:.65rem;font-size:.72rem;font-weight:700;letter-spacing:.08em}.method,.cases,.prompt{padding:clamp(4.5rem,9vw,9rem) var(--gutter)}.method{display:grid;grid-template-columns:2fr 10fr;gap:1rem;border-bottom:1px solid}.method-body{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.method h2,.cases h2,.prompt h2{margin:0;font-size:clamp(2.7rem,6.5vw,7rem);line-height:.88;letter-spacing:-.055em}.method ol{margin:0;padding:0;list-style:none;border-top:1px solid}.method li{display:grid;grid-template-columns:3rem 1fr;gap:.7rem;padding:1.1rem 0 1.4rem;border-bottom:1px solid var(--line)}.method li strong{font-size:1.15rem}.method li p{grid-column:2;margin:0}.cases{padding-bottom:0}.cases-head{display:grid;grid-template-columns:7fr 3fr;gap:2rem;margin:3rem 0 8rem}.cases-head p{align-self:end;margin:0;font-size:1.05rem}.case{--accent:var(--red);margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter) clamp(6rem,10vw,11rem)}.case.blue{--accent:var(--blue)}.case.yellow{--accent:#cfdc00}.case header{display:grid;grid-template-columns:2fr 5fr 3fr;gap:1rem;border-top:12px solid var(--accent);padding:1rem 0 2rem}.case header p{margin:0}.case header p:first-child{font-size:.72rem;font-weight:700;letter-spacing:.08em}.case h3{margin:0;font-size:clamp(2.3rem,5vw,5.8rem);line-height:.86;letter-spacing:-.055em}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.comparison figure{margin:0;min-width:0}.comparison button{display:block;width:100%;padding:0;border:0;background:#ddd;cursor:zoom-in;overflow:hidden}.comparison img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .35s}.comparison button:hover img,.comparison button:focus-visible img{transform:scale(1.018)}.comparison button:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.comparison figcaption{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;padding-top:.8rem;margin-top:.8rem;border-top:1px solid;font-size:.82rem}.comparison figcaption p{margin:0}.slop figcaption b{color:#d82812}.amazing figcaption{border-top-width:5px}.amazing figcaption b{color:var(--blue)}.prompt{background:var(--blue);color:#fff}.prompt .label{border-color:#fff}.prompt-grid{display:grid;grid-template-columns:7fr 3fr;gap:2rem;margin-top:3rem}.prompt h2{margin-top:1.4rem}.prompt-action{align-self:end}.prompt-action>p{font-size:1.05rem}.prompt-action button{width:100%;display:flex;justify-content:space-between;margin-top:2rem;padding:1.15rem;border:1px solid #fff;background:#fff;color:var(--blue);font-weight:800;cursor:pointer}.prompt-action button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.prompt-action i{font-style:normal}.status{min-height:1.35em;margin:.7rem 0 0;font-size:.8rem!important}.prompt-action>a{display:inline-block;margin-top:.35rem;text-underline-offset:4px}footer{display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;padding:1.6rem var(--gutter) 3rem;background:#111;color:#fff;font-size:.76rem;text-transform:uppercase}footer p{margin:0}.lightbox{width:min(92vw,720px);max-height:94vh;padding:0;border:0;background:#111;color:#fff}.lightbox::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.lightbox img{display:block;width:100%;max-height:86vh;object-fit:contain}.lightbox p{margin:0;padding:.7rem 3rem .8rem 1rem;font-size:.75rem}.close{position:absolute;right:.7rem;top:.7rem;width:42px;height:42px;border:1px solid #fff;border-radius:50%;background:#111;color:#fff;font-size:1.7rem;cursor:pointer}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{min-height:78svh}.hero-copy{grid-column:1/7}.signal{grid-column:8/11}.method{grid-template-columns:1fr}.method-body{grid-column:auto}.cases-head,.prompt-grid{grid-template-columns:2fr 1fr}.case header{grid-template-columns:1fr 2fr}.case header p:last-child{grid-column:2}.comparison figcaption{grid-template-columns:1fr}}
@media(max-width:650px){:root{--gutter:1rem}.topbar{min-height:54px}.brand span{display:none}.hero{min-height:calc(100svh - 54px);padding-top:1.2rem}.hero>.eyebrow{grid-column:1/11}.hero h1{margin:13vh 0 7vh;font-size:clamp(3.6rem,19vw,7rem)}.hero h1 span:last-child{margin-left:0}.hero-copy{grid-column:1/12}.signal,.note{display:none}.method,.cases,.prompt{padding-top:4rem;padding-bottom:4rem}.method-body,.cases-head,.prompt-grid{grid-template-columns:1fr}.method h2{margin:1.5rem 0 3rem}.cases-head{margin:2rem 0 5rem}.case{padding-bottom:6rem}.case header{grid-template-columns:1fr}.case header p:last-child{grid-column:auto}.comparison{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:1rem}.comparison figure{flex:0 0 84vw;scroll-snap-align:start}.comparison figcaption{grid-template-columns:7rem 1fr}.prompt-action{margin-top:2rem}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.comparison img{transition:none}}

/* Public gallery: show only the final AMAZING work. */
.comparison{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:760px;margin-left:auto;margin-right:auto}
.comparison>figure{width:100%;min-width:0}

/* Final work stays prominent; the SLOP example is a small reference. */
.comparison{display:grid!important;grid-template-columns:minmax(0,760px) minmax(130px,180px)!important;max-width:970px;gap:clamp(12px,2vw,24px);align-items:start;justify-content:center;overflow:visible!important;scroll-snap-type:none}
.comparison>.slop{max-width:180px;opacity:.82}
.comparison>.slop figcaption{display:block!important;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.comparison>.slop figcaption p{font-size:inherit}
@media(max-width:650px){.comparison{grid-template-columns:minmax(0,1fr)!important;max-width:760px}.comparison>figure.slop{width:min(40vw,160px)!important;justify-self:end}}

/* Three-level comparison: final work leads; SLOP and DECENT remain compact. */
.comparison{grid-template-columns:minmax(0,760px) minmax(130px,180px)!important;grid-template-rows:auto auto;max-width:970px}
.comparison>.amazing{grid-column:1;grid-row:1 / span 2}
.comparison>.slop{grid-column:2;grid-row:1}
.comparison>.decent{grid-column:2;grid-row:2;max-width:180px;opacity:.9}
.comparison>.decent figcaption{display:block!important;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.comparison>.decent figcaption p{font-size:inherit}
.comparison>.decent figcaption b{color:var(--ink)}
@media(max-width:650px){.comparison{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}.comparison>.amazing{grid-column:1 / -1;grid-row:1}.comparison>figure.slop{grid-column:1;grid-row:2;width:100%!important;max-width:180px;justify-self:start}.comparison>.decent{grid-column:2;grid-row:2;width:100%;max-width:180px;justify-self:end}}