:root{color-scheme:dark;--bg:#090b10;--surface:#11151d;--surface2:#171d28;--line:#28303e;--text:#f3f5f8;--muted:#a2aab9;--blue:#51baff;--cyan:#80e6ff;--radius:16px;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button,input,select,textarea{color:var(--text)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:#0c1017}textarea{resize:vertical;font-family:Consolas,monospace;font-size:14px;line-height:1.7}input::placeholder{color:#9aa5b8}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5.8vw,5.6rem);font-weight:650;line-height:1.04;letter-spacing:-.055em;margin-bottom:25px}h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin-bottom:0}h3{font-size:1.25rem;line-height:1.25;font-weight:600}p{color:#b6becc}.small,small{font-size:14px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;background:var(--blue);color:#000;padding:10px;z-index:100}.skip:focus{top:10px}.preview-banner{padding:7px 5%;background:#112130;color:#80cfff;font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between}.preview-banner span{letter-spacing:0;color:#bdc8d4}.header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 5%;border-bottom:1px solid #1c2330}.wordmark{font-weight:850;letter-spacing:-.05em;font-size:29px;white-space:nowrap}.wordmark b{color:var(--blue)}.header nav{display:flex;gap:32px;font-size:14px;color:#b4bdcc}.header nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.header-search{font-size:14px;border:1px solid var(--line);padding:8px 16px;border-radius:8px;display:flex;gap:25px}main{max-width:1500px;margin:auto;padding:0 5%}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:650;color:var(--blue);display:block;margin-bottom:14px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:70px 0 62px}.hero h1 span{color:var(--blue)}.hero-label:before{content:'';display:inline-block;width:20px;height:1px;background:var(--blue);vertical-align:middle;margin-right:10px}.hero-description{font-size:18px;line-height:1.65;max-width:490px;margin-bottom:28px}.search-form{background:var(--surface);border:1px solid #36465b;border-radius:12px;display:flex;align-items:center;padding:6px;gap:6px;max-width:650px}.search-form>span{font-size:28px;color:var(--blue);padding:0 8px}.search-form input{background:transparent;border:0;padding-left:0;min-width:0;font-size:14px}.search-form button,.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 20px;border-radius:9px;background:var(--blue);color:#06111d;font-size:14px;font-weight:700;white-space:nowrap}.button:hover,.search-form button:hover{background:var(--cyan)}.quick-search{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:14px 0 25px;color:var(--muted)}.quick-search a{color:#c6d1e3}.text-link{font-size:14px;font-weight:600}.orb-stage{min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse at 50% 50%,#17304955,transparent 67%)}.orb-frame{width:100%;aspect-ratio:1.15;max-width:460px;border:1px solid #244461;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#11223344,#0b101955)}.orb-mount{text-align:center;position:relative;width:100%;padding:20px}.orb-placeholder{font-size:90px;font-weight:800;letter-spacing:-.07em;line-height:1;color:#305978;display:block;margin:35px 0 27px}.orb-placeholder span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:block;color:#9db4ca;margin-top:12px}.orb-mount p{font-size:18px;color:#becfe0}.orb-caption{margin-top:24px;font-size:11px;letter-spacing:.2em;color:#8196ac}.orb-master{width:100%;height:auto;object-fit:contain;max-height:430px}.section{padding:48px 0;border-top:1px solid #202634}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px}.section-note{font-size:14px;margin-top:-12px;margin-bottom:24px}.subjects{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.subject{padding:24px 18px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#141c28,#10151d);transition:transform .2s,border-color .2s}.subject:hover{transform:translateY(-4px);border-color:var(--blue)}.subject-no{color:#687d95;font-size:12px;letter-spacing:.1em}.subject h3{margin:28px 0 16px;font-size:18px}.subject>span:last-child{font-size:12px;color:#a4afc1;display:flex;justify-content:space-between;gap:6px}.subject b{color:var(--blue);font-size:18px}.effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.effect-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .2s,border-color .2s}.effect-card:hover{transform:translateY(-4px);border-color:#487497}.effect-art{aspect-ratio:1.25;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#182c42,#101820 65%,#174964)}.tone-1{background:linear-gradient(145deg,#2a3342,#121722 65%,#16455c)}.tone-2{background:linear-gradient(140deg,#172b39,#0b111b 65%,#243544)}.tone-3{background:linear-gradient(140deg,#223042,#16202b 65%,#223e44)}.effect-art strong{font-size:clamp(1.1rem,2vw,1.9rem);letter-spacing:-.05em;color:#cbeaff;font-family:Consolas,monospace;max-width:95%;overflow-wrap:anywhere}.art-label{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:.18em;color:#98acbd}.art-note{position:absolute;bottom:17px;left:18px;font-size:11px;color:#94a8bc}.card-arrow{position:absolute;bottom:15px;right:18px;font-size:20px;color:#87cfff}.card-copy{padding:21px 18px 16px}.card-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:10px}.eyebrow span{color:#8996a9}.card-copy h3{margin-bottom:10px}.card-copy p{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px}.card-meta{border-top:1px solid #28303a;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;gap:6px;color:#aab4c3}.status{color:#acbed1}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:30px 0 0}.how li>span{font-size:32px;color:var(--blue);font-weight:600;letter-spacing:-.05em}.how h3{margin:14px 0 12px}.how p{font-size:15px}.discover{padding:65px 0 80px}.discover h2{margin-bottom:28px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #344051;padding:8px 14px;border-radius:100px;font-size:13px;color:#bbc7d7}.pill.active,a.pill:hover{border-color:var(--blue);color:var(--blue);background:#122c40}footer{max-width:1500px;margin:auto;padding:40px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px}footer .wordmark{font-size:24px}footer p{text-align:right;margin:0}footer div{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}footer small{color:#8793a4;grid-column:1/-1}.page-heading,.recipe-heading{padding:50px 0 30px}.page-heading :is(h1,h2),.recipe-heading h1{font-size:clamp(2.6rem,5vw,4.3rem)}.page-heading>p{max-width:650px;font-size:18px}.breadcrumb{font-size:13px;color:#8e9bad;display:block;margin-bottom:30px}.filters{display:flex;align-items:end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filters label{flex:1;min-width:150px}.filters label:first-child{flex:2}label{font-size:14px;color:#c5ccda;display:block}label input,label select{margin-top:7px}.text-button{padding:12px 5px;background:transparent;color:#a6d8ff;font-size:14px}.empty{padding:65px 20px;border:1px dashed #37506a;border-radius:16px;text-align:center}.empty h2{margin-bottom:15px}.recipe-title{display:flex;justify-content:space-between;align-items:start;gap:25px}.recipe-title p{max-width:750px;font-size:18px}.command{color:var(--blue);font-family:Consolas,monospace;font-size:20px;display:block;margin-bottom:10px}.recipe-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:35px;margin:20px 0 60px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0}.media-placeholder{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#141c26;border:1px solid #2c394a;border-radius:14px;text-align:center;padding:18px}.media-placeholder>span{font-size:11px;letter-spacing:.12em;color:#94a4b9}.media-placeholder strong{font-size:22px;letter-spacing:-.04em}.media-placeholder small{font-size:12px;color:#96a5ba}.media-placeholder.after{background:linear-gradient(130deg,#12283a,#131b28)}.media-placeholder.after strong{color:var(--blue);font-family:Consolas,monospace}figcaption{font-size:12px;color:#9ca8ba;margin-top:10px}.content-block{padding:30px 0;border-bottom:1px solid var(--line)}.content-block h2{font-size:26px;margin-bottom:22px}.content-block h3{margin-bottom:14px}.content-block p{margin-bottom:20px}.content-block p:last-child{margin-bottom:0}.instructions{padding-left:22px;color:#b6becc}.instructions li{padding:5px 0 8px 8px}.secondary{background:var(--surface2);border:1px solid #3a536a;color:#c5e6ff}.prompt-panel{padding:26px;border:1px solid #365773;border-radius:16px;background:linear-gradient(155deg,#142332,#11161e);position:relative}.prompt-panel h2{font-size:27px;margin-bottom:12px}.prompt-panel label{margin-top:18px}.prompt-panel textarea{margin-top:8px}.copy{width:100%;margin-top:14px}.test-facts{display:flex;flex-direction:column;gap:10px;padding:20px 0;font-size:12px}.test-facts>span{display:flex;justify-content:space-between;color:#929fb0}.test-facts b{font-weight:400;color:#c4d1df}.tags{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#76bfef}details{border:1px solid var(--line);padding:18px;border-radius:10px;margin-bottom:12px}summary{cursor:pointer;font-size:15px}details p{padding-top:16px;font-size:14px}.article{max-width:880px;margin:auto;padding:65px 0 100px}.article h1{font-size:clamp(2.6rem,5vw,4.5rem)}.article h2{margin:32px 0 20px;font-size:28px}.article .how ol{grid-template-columns:1fr}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d5f1ff;color:#081520;padding:12px 22px;border-radius:12px;box-shadow:0 8px 35px #0008;z-index:100;display:none;max-width:90vw}.toast.visible{display:block}.error{color:#ffc8bd}.ad-slot{display:none}
@media(min-width:1500px){.hero{padding-top:90px}}@media(max-width:1100px){.hero{gap:20px}.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:4rem}.orb-stage{min-height:350px}.subjects{grid-template-columns:repeat(3,1fr)}.search-form button{padding:13px}.search-form button span{display:none}.recipe-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}}@media(max-width:760px){.header{padding:20px 5%;gap:15px}.header nav{display:none}.header .wordmark{font-size:25px}.preview-banner{font-size:10px;gap:8px}.preview-banner span{font-size:10px}.hero{grid-template-columns:1fr;padding:43px 0 32px;gap:28px}.hero h1{font-size:clamp(2.65rem,11vw,4.4rem)}.hero-description{font-size:16px}.hero .orb-stage{min-height:0}.orb-frame{max-width:none;aspect-ratio:2.3;border-radius:16px}.orb-placeholder{font-size:48px;margin:10px 0}.orb-mount p,.orb-mount>.eyebrow{display:none}.orb-caption{font-size:10px;margin-top:12px}.orb-master{max-height:240px}.search-form{flex-wrap:wrap}.search-form input{flex:1}.search-form button{min-height:44px}.quick-search{font-size:11px}.section{padding:32px 0}.section-heading{align-items:start}.section-heading>.muted{display:none}.section-heading h2{font-size:28px}.section-heading>.text-link{font-size:12px;max-width:90px;text-align:right}.subjects{grid-template-columns:repeat(2,1fr)}.subject:last-child{grid-column:1/-1}.subject{padding:18px}.subject h3{margin:18px 0 12px;font-size:17px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.effect-art{aspect-ratio:1}.effect-art strong{font-size:clamp(.85rem,4vw,1.5rem)}.card-copy{padding:15px 12px}.card-copy h3{font-size:17px}.card-copy p{font-size:13px;min-height:61px}.card-copy .eyebrow{font-size:9px}.card-copy .eyebrow span{display:none}.card-meta{font-size:10px;flex-wrap:wrap}.art-label{font-size:9px;top:12px;left:12px}.art-note{font-size:9px;left:12px;bottom:12px;max-width:100px}.card-arrow{right:12px;bottom:10px}.how ol{grid-template-columns:1fr;gap:18px}.how li{border-bottom:1px solid var(--line);padding-bottom:12px}.how li:last-child{border:0}.discover{padding:45px 0}.filters{gap:12px}.filters label:first-child{flex-basis:100%}.filters label{min-width:120px}.filters .button{flex:1}.page-heading{padding-top:35px}.page-heading :is(h1,h2),.recipe-heading h1{font-size:39px}.page-heading>p,.recipe-title p{font-size:16px}.recipe-layout{display:flex;flex-direction:column}.recipe-aside{display:contents}.prompt-panel{order:-1;padding:20px}.recipe-title{display:block}.recipe-title>.text-button{margin-bottom:16px}.comparison{gap:10px}.media-placeholder{padding:10px;gap:15px}.media-placeholder strong{font-size:17px}.media-placeholder small{font-size:10px}.recipe-heading .pills{gap:6px}.recipe-heading .pill{font-size:11px}.article{padding:40px 0 65px}footer{grid-template-columns:1fr}footer p{text-align:left}footer div{gap:15px;font-size:13px}footer small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final readability and media contract */
.example-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:var(--surface)}.card-meta,.art-note,.subject>span:last-child,.orb-caption,.card-copy .eyebrow{font-size:12px}.card-copy p{font-size:14px}.card-copy .eyebrow{letter-spacing:.04em}.art-note{max-width:calc(100% - 40px);line-height:1.25}.art-label{font-size:12px}
/* Launch-facing visual layer. Assets remain explicitly labelled in local preview. */
:root{--bg:#090b0e;--surface:#11151a;--blue:#59bcff;--cyan:#9be6ff;--line:#29313b}
.header{position:sticky;top:0;z-index:40;background:#090b0ef5;max-width:none;padding-top:17px;padding-bottom:17px}.header nav a,.header-search{min-height:44px;display:flex;align-items:center}.menu-toggle{display:none;background:transparent;color:white;font-size:24px;min-height:44px;min-width:44px}.hero{gap:34px;grid-template-columns:1.15fr 1fr;padding:64px 0 70px}.hero h1{font-size:clamp(48px,5.7vw,83px);letter-spacing:-.065em;line-height:1.06}.hero-description{font-size:18px;max-width:440px}.hero-cta{margin-top:16px;min-width:175px}.quick-search a{padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-family:Consolas,monospace;color:#b4dfff}.quick-search{gap:8px;margin-top:18px}.hero>.text-link{color:var(--muted)}
.orb-stage{min-height:480px;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#14334c55,transparent 65%);border:1px solid #1e2a36;border-radius:28px;overflow:hidden}.orb-frame{border:0;background:none;width:100%;max-width:none;aspect-ratio:1;border-radius:0;animation:orb-breathe 6s ease-in-out infinite}.orb-mount{padding:0;height:100%;display:grid;place-items:center;animation:orb-enter .65s ease-out}.orb-placeholder{margin:0;width:85%;height:85%;border:1px dashed #365168;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#47647d;font-size:inherit;letter-spacing:0;line-height:1.4}.orb-placeholder strong{font-size:clamp(80px,10vw,150px);letter-spacing:-.09em;font-weight:800;line-height:1.1}.orb-placeholder>span:not(.orb-registration){color:#bdcddd;font-size:13px;letter-spacing:.03em;margin-top:15px;text-transform:none}.orb-placeholder small{font-size:11px;color:#889bab;max-width:200px;margin-top:8px}.orb-registration{font-size:27px;color:#63849e}.orb-corner{position:absolute;top:20px;left:24px;font-size:10px;letter-spacing:.18em;color:#92abc0}.orb-caption{position:absolute;bottom:14px;margin:0;font-size:10px}.orb-command{position:absolute;bottom:58px;right:18px;background:#13283b;border:1px solid #315473;border-radius:9px;padding:10px 14px;font:12px Consolas,monospace;color:var(--cyan);transform:rotate(-5deg)}.orb-master{width:100%;height:100%;max-height:none;aspect-ratio:1;object-fit:contain}.orb-stage[data-state=attentive]{border-color:#496d8b}.orb-stage[data-state=attentive] .orb-command{color:white}
@keyframes orb-breathe{50%{transform:translateY(-7px)}}@keyframes orb-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.section{padding:56px 0}.subject{padding:0 0 18px;background:var(--surface);overflow:hidden}.subject-visual{height:145px;position:relative;background:#1d2630;overflow:hidden}.subject-visual>span{position:absolute;left:16px;top:12px;font:12px Consolas,monospace;color:#a8bac8}.subject-visual b{display:block;text-align:center;font-size:80px;font-weight:400;line-height:130px;color:#738fa3}.subject-visual small{position:absolute;bottom:10px;left:16px;font-size:9px;letter-spacing:.14em;color:#b4c0cd}.subject-1{background:#1b2928}.subject-2{background:#282622}.subject-3{background:#202733}.subject-4{background:#2a2524}.subject h3,.subject p,.subject>span:last-child{margin-left:17px;margin-right:17px}.subject h3{margin-top:18px;margin-bottom:8px}.subject p{font-size:13px;line-height:1.5;min-height:39px;margin-bottom:16px}.subject>span:last-child{font-size:11px}.effect-art{aspect-ratio:1.08;background:#1b2631}.tone-1{background:#242b32}.tone-2{background:#172a30}.tone-3{background:#242b3a}.effect-art:before{content:'';position:absolute;width:65%;height:65%;border:1px solid #abcce326;transform:rotate(32deg);border-radius:22%}.study-mark{font-size:clamp(55px,7vw,110px);font-weight:850;letter-spacing:-.11em;color:#adcce016;position:absolute;line-height:1}.effect-art strong{z-index:1;font-size:clamp(18px,2vw,28px);letter-spacing:-.05em}.effect-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .3s}.effect-card:hover img{transform:scale(1.025)}.art-label{font-size:9px;letter-spacing:.13em}.art-note{font-size:11px}.card-arrow{border-radius:50%;width:30px;height:30px;text-align:center;background:#080d1399}.card-copy h3{font-size:20px}.card-copy p{min-height:0;-webkit-line-clamp:2;margin-bottom:14px}.card-copy .eyebrow{font-size:11px;color:var(--blue)}.card-subjects{display:flex;gap:8px;margin-bottom:14px}.card-subjects span{text-transform:capitalize;font-size:11px;color:#acb9c5}.card-subjects span+span:before{content:'·';margin-right:8px}.card-meta{font-size:11px}.editorial-status{color:#93a0af;font-size:11px}body:not(.local-preview) .editorial-status,body:not(.local-preview) .preview-banner{display:none}.verified{color:#c4f57c}.how ol{grid-template-columns:repeat(4,1fr);gap:20px}.how li{padding:20px;border-top:1px solid #344453}.how li>span{font-size:22px}.how h3{font-size:19px}.how p{font-size:14px}.category-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:50px 0}.category-hero h1{font-size:clamp(40px,5vw,68px)}.category-art{aspect-ratio:1.4;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);padding:20px;text-align:center}.category-art span{font-size:10px;letter-spacing:.14em;color:#a6b5c5}.category-art strong{font-size:clamp(55px,7vw,105px);letter-spacing:-.07em;color:#829eb4}.category-art small{color:#b0bfcc}.page-heading :is(h1,h2){max-width:840px}.filters{background:#11171e;border:1px solid var(--line);padding:24px;border-radius:16px}.filters input,.filters select{min-height:48px}.empty{background:#101923;border-style:solid}.empty h2:before{content:'ORB / SEARCH';display:block;font:12px Consolas,monospace;letter-spacing:.1em;color:var(--blue);margin-bottom:22px}.empty .pills{justify-content:center;margin:22px 0}.before-after{margin:24px 0;border:1px solid #334353;border-radius:20px;overflow:hidden;background:#10161c}.compare-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 20px;font-size:12px;color:#a8b8c7}.compare-tabs{display:flex;gap:4px}.compare-tabs button{background:transparent;color:#b7c3d0;border-radius:7px;padding:10px 14px;min-height:44px;font-size:12px}.compare-tabs button[aria-pressed=true]{background:#24384a;color:#dcefff}.compare-canvas{position:relative;aspect-ratio:2.1;overflow:hidden;--reveal:50%}.compare-before,.compare-after{position:absolute;inset:0}.compare-after{clip-path:inset(0 0 0 calc(100% - var(--reveal)))}.compare-canvas img{width:100%;height:100%;object-fit:contain;background:#101822}.compare-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#19212a;padding:20px}.compare-placeholder.after{background:#1b3040}.compare-placeholder>span{font-size:10px;letter-spacing:.17em;color:#a4b7c6}.compare-placeholder strong{font-size:clamp(30px,5vw,66px);letter-spacing:-.06em;color:#bcdcf2}.compare-placeholder small{font-size:12px;color:#acc0d0}.compare-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--reveal));border-left:2px solid #c6e8ff;display:grid;place-items:center;color:#092134;font-size:20px;pointer-events:none}.compare-divider:after{content:'↔';position:absolute;top:50%;left:-21px;width:42px;height:42px;display:grid;place-items:center;background:#d1edff;border-radius:50%;box-shadow:0 3px 16px #0007}.compare-range{display:flex;align-items:center;gap:20px;padding:12px 20px;color:#b7c8d7;font-size:12px}.compare-range input{padding:0;min-height:44px;flex:1;accent-color:var(--blue);width:auto;min-width:60px}.compare-canvas[data-view=before] .compare-after{display:none}.compare-canvas[data-view=after] .compare-after{clip-path:none}.compare-canvas:not([data-view=split]) .compare-divider{display:none}.mode-side-by-side .compare-canvas{display:grid;grid-template-columns:1fr 1fr;gap:2px}.mode-side-by-side .compare-before,.mode-side-by-side .compare-after{position:relative;clip-path:none}.mode-side-by-side .compare-divider,.mode-side-by-side .compare-range,.mode-side-by-side .compare-tabs{display:none}.mode-toggle .compare-range{display:none}.recipe-heading{padding-bottom:5px}.recipe-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:24px 0 40px}.recipe-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:60px}.prompt-panel{background:#131c25;border-color:#39556d}.prompt-panel .copy{min-height:52px}.copy.copied,[data-copy-top].copied{background:#c4f57c;color:#172009;animation:copy-pop .2s ease-out}@keyframes copy-pop{50%{transform:scale(.98)}}.article{max-width:900px}.article h1{margin-bottom:35px}.article p{font-size:18px;line-height:1.85}.article .how ol{grid-template-columns:1fr 1fr}.button,.text-link,.pill{min-height:44px}.text-link{display:inline-flex;align-items:center}.header-search:hover{border-color:var(--blue)}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.search-suggestions a{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 15px}footer{padding-bottom:50px}
@media(max-width:1100px){.hero{gap:25px}.orb-stage{min-height:350px}.subjects{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.subject h3{font-size:16px}.subject-visual{height:115px}.subject p{min-height:60px}.subject>span:last-child{font-size:10px}.how ol{grid-template-columns:1fr 1fr}.category-hero{gap:30px}.recipe-layout{gap:30px}}
@media(max-width:760px){.header{padding:12px 5%;gap:10px;flex-wrap:wrap}.header .wordmark{font-size:23px}.menu-toggle{display:block;order:3}.header-search{margin-left:auto;font-size:12px;gap:14px;padding:8px 12px}.header nav{display:none;order:4;width:100%;flex-direction:column;gap:0;padding-top:8px}.header nav.is-open{display:flex}.header nav a{border-top:1px solid var(--line);padding:9px 0}.preview-banner{font-size:9px;padding:5px 5%}.preview-banner span{font-size:9px}.hero{grid-template-columns:1fr;gap:24px;padding:30px 0 35px;position:relative}.hero h1{font-size:clamp(40px,10.8vw,57px);padding-right:0;margin-bottom:15px}.hero-label{font-size:10px;margin-bottom:15px}.hero-description{font-size:15px;max-width:290px;line-height:1.55;margin-bottom:18px}.hero-cta{margin-top:12px;min-height:46px}.search-form{flex-wrap:nowrap}.search-form input{font-size:12px}.search-form>span{padding:0 3px}.search-form button{font-size:12px;padding:12px}.quick-search{margin-bottom:12px;gap:6px}.quick-search a{font-size:11px;padding:7px 9px}.hero .orb-stage{min-height:0;height:165px;aspect-ratio:auto;border-radius:16px}.orb-frame{height:150px;width:150px;aspect-ratio:1}.orb-placeholder{height:120px;width:140px;border-radius:12px}.orb-placeholder strong{font-size:43px}.orb-placeholder>span:not(.orb-registration){font-size:10px;margin-top:2px}.orb-placeholder small,.orb-registration{display:none}.orb-corner{left:14px;top:12px;font-size:8px;max-width:80px}.orb-command{right:10px;bottom:38px;font-size:8px;padding:8px;max-width:90px}.orb-caption{font-size:8px;bottom:6px}.orb-master{max-height:150px}.section{padding:34px 0}.subjects{grid-template-columns:1fr 1fr;gap:12px}.subject:last-child{grid-column:1/-1;display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto auto;padding:0}.subject:last-child .subject-visual{grid-row:1/4;height:100%;min-height:165px}.subject:last-child h3{margin-top:20px}.subject:last-child>span:last-child{margin-bottom:16px}.subject h3{font-size:17px}.subject p{min-height:40px}.subject-visual{height:120px}.subject>span:last-child{font-size:11px}.effect-grid{grid-template-columns:1fr;gap:20px}.effect-art{aspect-ratio:1.35}.effect-art strong{font-size:30px}.study-mark{font-size:110px}.card-copy{padding:20px}.card-copy h3{font-size:22px}.card-copy .eyebrow span{display:inline}.card-copy p{font-size:15px}.card-copy .eyebrow,.card-meta,.art-note{font-size:12px}.art-label{font-size:10px;top:18px;left:18px}.art-note{max-width:none;left:18px;bottom:18px}.card-arrow{right:18px;bottom:15px}.how ol{grid-template-columns:1fr 1fr;gap:10px}.how li{padding:15px 10px}.how h3{font-size:17px}.how p{font-size:13px}.how li>span{font-size:19px}.category-hero{grid-template-columns:1fr;gap:25px;padding:30px 0}.category-hero h1{font-size:42px}.category-art{aspect-ratio:2;height:180px;gap:8px}.category-art strong{font-size:64px}.filters{padding:16px}.page-heading :is(h1,h2),.recipe-heading h1{font-size:38px}.compare-toolbar{flex-direction:column;align-items:stretch;padding:12px;gap:8px;font-size:11px}.compare-tabs{justify-content:space-between}.compare-tabs button{flex:1}.compare-canvas{aspect-ratio:1}.compare-placeholder strong{font-size:35px}.compare-placeholder{gap:20px}.compare-placeholder>span{font-size:9px}.compare-placeholder small{font-size:11px}.compare-range{padding:8px 14px;gap:12px;font-size:11px}.recipe-actions{gap:10px;position:sticky;bottom:0;z-index:20;background:#0c131cf5;padding:12px;border:1px solid var(--line);border-radius:12px;margin:15px 0 20px}.recipe-actions .button{width:100%;min-height:48px}.recipe-actions .text-link{flex:1;font-size:12px;justify-content:center;min-height:32px}.recipe-layout{display:flex;gap:25px;margin-top:0}.prompt-panel{order:-1}.recipe-aside{display:contents}.recipe-title>.text-button{margin-bottom:6px}.article .how ol{grid-template-columns:1fr}.article p{font-size:16px}.toast{bottom:150px;text-align:center;width:90%;font-size:14px}footer div a{min-height:44px;display:inline-flex;align-items:center}.mode-side-by-side .compare-placeholder strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


.compare-before .compare-placeholder{padding-right:52%}.compare-after .compare-placeholder{padding-left:52%}.compare-placeholder strong{font-size:clamp(22px,3.4vw,52px)}.compare-canvas[data-view=before] .compare-placeholder,.compare-canvas[data-view=after] .compare-placeholder,.mode-side-by-side .compare-placeholder{padding:20px}.compare-placeholder span,.compare-placeholder small{text-align:center}.compare-canvas[data-view=split] .compare-placeholder>span{max-width:120px}.compare-canvas[data-view=split] .compare-placeholder small{max-width:140px}

.subject-visual img,.category-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-art{position:relative;overflow:hidden}.subject-visual:has(img)>:not(img),.category-art:has(img)>:not(img){visibility:hidden}
.category-hero>*{min-width:0}.category-hero h1{overflow-wrap:break-word}@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero>*{min-width:0}.hero h1{font-size:49px}.subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.subject p{min-height:40px}.orb-stage{min-height:300px}.orb-placeholder strong{font-size:85px}.orb-corner{font-size:8px}.orb-command{font-size:9px}.orb-caption{font-size:9px}}
@media(max-width:760px){.category-hero{grid-template-columns:minmax(0,1fr)}.category-hero h1{font-size:clamp(34px,9.5vw,42px)}}
.category-art{width:100%;max-width:100%}@media(max-width:760px){.category-art{height:auto;min-height:160px}}

/* Home layout frozen: open ORB stage and compact transition to subjects. */
.hero{padding-bottom:20px}.hero+#subjects{padding-top:24px}
.hero .orb-stage{min-height:0;aspect-ratio:1.16;border:0;border-radius:0;overflow:visible;background:none}
.hero .orb-frame{position:absolute;width:88%;height:88%;max-width:none;left:9%;top:-3%;aspect-ratio:auto;border:0;background:none;overflow:visible}
.hero .orb-mount{width:100%;height:100%;overflow:visible}
.hero .orb-placeholder{width:100%;height:100%;border:0;border-radius:0;margin:0;background:none}
.hero .orb-placeholder strong{font-size:clamp(80px,10vw,150px)}
.hero .orb-master{width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:760px){.hero{padding-bottom:12px;gap:12px}.hero+#subjects{padding-top:20px}.hero .orb-stage{height:145px;aspect-ratio:auto}.hero .orb-frame{width:88%;height:88%;left:6%;top:-3%}.hero .orb-placeholder strong{font-size:48px}.hero .orb-placeholder>span{font-size:11px}}

/* Real catalog assets: preserve comparison ratios and avoid cropped preview subjects. */
.effect-art img{object-fit:contain;background:#101822}.example-caption{padding:0 20px 12px;margin:0}.card-meta{flex-wrap:wrap}.editorial-status{overflow-wrap:anywhere}

.subject-0 img{object-position:50% 22%}.subject-2 img{object-fit:contain;background:#171512}

/* Preserve complete animal/vehicle silhouettes in existing category slots. */
.subject-1 img,.subject-3 img{object-fit:contain;background:#101822}

/* Approved source images; editorial viewport crop only, never altered evidence. */
.catalog-people .effect-art{aspect-ratio:4/5}
.catalog-people [data-framing="close"] .effect-art img{object-fit:cover;object-position:50% 0%}
.testing-effects{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.testing-effects>p{max-width:660px}.testing-effects ul{padding:0;list-style:none;display:grid;gap:0}
.testing-effects li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}
.testing-effects li a{color:var(--text)}.testing-effects li strong{color:var(--blue);margin-right:10px}
.testing-effects li span{font-size:13px;color:var(--muted);max-width:680px}

.before-after[data-recipe="papercut"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="clay"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="xray"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="hologram"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="thermal"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="watercolor"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="pixel"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="anime"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="comic"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="neon"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="cyberpunk"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="vintage"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="golden"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="double"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="cinematic"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="editorial"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="headshot"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="sketch"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="ink"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="oil"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="lowpoly"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="origami"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="embroider"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="mosaic"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="stained"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="plush"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="ice"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="marble"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="wood"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="particles"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="silhouette"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="reflection"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="fisheye"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="macro"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="topdown"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="poster"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="sticker"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="portal"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="popframe"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="collage"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="stencil"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="engrave"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="outfit"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="makeup"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="contactsheet"][data-example-subject="WOMAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}
.before-after[data-recipe="panning"][data-example-subject="MAN"] .compare-canvas{aspect-ratio:0.375000;width:min(100%,270.0px);margin-inline:auto}.before-after[data-example-subject="WOMAN"],.before-after[data-example-subject="MAN"]{max-width:560px;margin-inline:auto}