:root{--cream:#f2ede2;--paper:#e9e0cd;--ink:#16253a;--blue:#2b5fb3;--deep:#102a50;--brass:#b98a3e;--pink:#d96a8b;--amber:#c98a2b;--mono:'Chivo Mono',monospace;--serif:'Newsreader',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:18px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:8px;left:8px;z-index:99;padding:12px 16px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.site-header{height:82px;border-bottom:1px solid rgba(22,37,58,.25);display:grid;grid-template-columns:100px 1fr auto;align-items:center;padding:0 4vw;position:relative;z-index:10}.wordmark{font-family:var(--mono);font-size:15px;font-weight:700;text-decoration:none;letter-spacing:-.06em;display:flex;align-items:center;gap:3px}.wordmark span{display:grid;place-items:center;border:2px solid var(--brass);border-radius:50%;width:36px;height:36px;font-family:var(--serif);font-size:22px;font-style:italic}.site-header nav{display:flex;justify-content:center;gap:clamp(22px,4vw,66px)}.site-header nav a,.status{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.site-header nav a{position:relative;padding:18px 0}.site-header nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:10px;background:var(--pink);transition:right .25s}.site-header nav a:hover:after{right:0}.status{display:flex;align-items:center;gap:9px}.status i{width:8px;height:8px;border-radius:50%;background:#47794b;box-shadow:0 0 0 4px rgba(71,121,75,.15)}
.hero{min-height:calc(100vh - 82px);position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:clamp(70px,8vw,130px) 8vw;isolation:isolate;background:radial-gradient(circle at 73% 52%,rgba(185,138,62,.2),transparent 26%),linear-gradient(115deg,transparent 0 64%,rgba(217,106,139,.09) 64% 65%,transparent 65%)}.hero:after{content:"SPECIMEN / OBSERVATION / REACTION";position:absolute;right:22px;top:50%;writing-mode:vertical-rl;font:500 9px/1 var(--mono);letter-spacing:.3em;color:rgba(22,37,58,.6)}.eyebrow{margin:0 0 22px;font:600 10px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(78px,10vw,164px);line-height:.72;letter-spacing:-.065em;font-weight:300;margin:0 0 42px;position:relative;z-index:2}.hero h1 em{font-weight:500;color:var(--blue)}.hero-deck{font-size:clamp(20px,2vw,28px);line-height:1.35;max-width:620px;margin:0 0 34px}.observe-link{display:inline-flex;gap:35px;align-items:center;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;text-decoration:none;border-bottom:1px solid;padding:0 0 10px}.observe-link span{font-size:25px;color:var(--pink);transition:transform .2s}.observe-link:hover span{transform:translateY(5px)}.hero-figure{justify-self:center;width:min(31vw,420px);position:relative;z-index:1}.hero-figure svg{width:100%;display:block}.hero-figure p{font:400 10px/1.6 var(--mono);letter-spacing:.06em;margin:-15px 0 0 18%;transform:rotate(-3deg)}.hero-index{position:absolute;right:-.03em;bottom:-.25em;font:300 37vw/.8 var(--serif);color:rgba(43,95,179,.055);z-index:-1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.hero-figure.reveal{transition-delay:.18s}.section-heading h2,.journal h2,.atlas h2,.incubation h2,.protocol h2{font-weight:300;letter-spacing:-.045em;line-height:.9;margin:0}.section-heading.light{color:var(--cream)}
.microscope-section{background:var(--deep);color:var(--cream);padding:110px 4vw 130px;position:relative;isolation:isolate}.microscope-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(43,95,179,.35),transparent 38%),repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(242,237,226,.035) calc(10% - 1px) 10%)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px;max-width:1320px;margin:0 auto 60px}.section-heading .eyebrow{margin:0}.section-heading h2{font-size:clamp(56px,7vw,106px)}.section-heading>p:last-child{font-size:19px;line-height:1.45;margin:0;max-width:320px}.lab-bench{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(180px,1fr) minmax(430px,2fr) minmax(190px,1fr);align-items:center;gap:30px}.control-rack,.focus-rack{border-top:1px solid rgba(242,237,226,.35);border-bottom:1px solid rgba(242,237,226,.2);padding:26px 0}fieldset{border:0;padding:0;margin:0 0 34px}legend,.control-label{font:600 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#c6a86f;margin-bottom:18px}.radio-row{display:block;cursor:pointer;border-top:1px solid rgba(242,237,226,.13)}.radio-row:last-child{border-bottom:1px solid rgba(242,237,226,.13)}.radio-row input{position:absolute;opacity:0}.radio-row span{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;position:relative}.radio-row span:before{content:"";width:7px;height:7px;background:transparent;border:1px solid var(--brass);border-radius:50%;margin-right:10px}.radio-row b{font-size:19px;font-weight:400;margin-right:auto}.radio-row small{font:400 8px/1 var(--mono);color:#aaa89f}.radio-row input:checked+span{color:#fff}.radio-row input:checked+span:before{background:var(--pink);border-color:var(--pink);box-shadow:0 0 0 4px rgba(217,106,139,.16)}.stain-switches{display:grid;gap:7px}.stain{border:0;background:transparent;color:#b7b5ad;text-align:left;padding:10px 6px;display:flex;align-items:center;gap:12px;font:500 10px/1 var(--mono);cursor:pointer;min-height:44px}.stain i{width:18px;height:18px;border-radius:50%;background:var(--blue);box-shadow:inset 3px 3px 5px rgba(255,255,255,.2)}.stain.pink i{background:var(--pink)}.stain.amber i{background:var(--amber)}.stain.active{color:#fff;background:rgba(255,255,255,.07)}.reading{font:400 9px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.reading b{display:block;font:300 36px/1 var(--mono);margin:10px 0;color:#fff}.reading meter{width:100%;height:3px;display:block}.reading meter::-webkit-meter-bar{background:#263d5f;border:0}.reading meter::-webkit-meter-optimum-value{background:var(--pink)}.scope-stage{display:grid;place-items:center;position:relative}.scope-ring{width:min(50vw,660px);aspect-ratio:1;border-radius:50%;padding:34px;background:conic-gradient(from 40deg,#634414,#d7b268,#80591e,#efd78f,#6e4a13,#d2a84f,#634414);box-shadow:0 25px 65px #061426,0 0 0 2px #e3c87d,0 0 0 14px #192c48;position:relative}.scope-ring:before{content:"";position:absolute;inset:19px;border:1px dashed rgba(20,28,39,.75);border-radius:50%;z-index:2;pointer-events:none}.scope-glass{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background:#e9e1cf;box-shadow:inset 0 0 55px rgba(3,17,35,.7)}#cultureCanvas{width:100%;height:100%;display:block;cursor:crosshair;filter:blur(var(--focus-blur,0));touch-action:none}.reticle{position:absolute;inset:0;pointer-events:none;border-radius:50%;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.2) 50%,transparent 50.15%),linear-gradient(transparent 49.85%,rgba(255,255,255,.2) 50%,transparent 50.15%)}.pipette-hint{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(12,29,52,.82);padding:9px 13px;border:1px solid rgba(255,255,255,.3);font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .4s}.pipette-hint.used{opacity:0}.tick{position:absolute;font:600 8px/1 var(--mono);color:#15243a}.t1{top:5%;left:23%}.t2{right:5%;top:27%}.t3{right:25%;bottom:5%}.t4{left:5%;bottom:27%}.specimen-tag{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%) rotate(-1deg);background:#e9dfc8;color:var(--ink);padding:10px 19px;min-width:210px;box-shadow:0 5px 20px #08172a;border-left:5px solid var(--pink);z-index:3}.specimen-tag span,.specimen-tag small{font:500 8px/1.4 var(--mono);display:block;letter-spacing:.08em}.specimen-tag b{font-weight:500;font-style:italic;display:block;font-size:21px}.focus-control{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}.focus-control button{height:44px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}.focus-control input{width:100%;accent-color:var(--brass)}.focus-value{font:300 48px/1 var(--mono);margin:15px 0 36px}.focus-value small{font-size:11px;margin-left:5px;color:#aaa89f}.timer-block{border-left:2px solid var(--pink);padding-left:14px;margin:0 0 28px}.timer-block span,.timer-block small{display:block;font:500 8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#aaa89f}.timer-block time{font:400 22px/1.6 var(--mono)}.reset-button{min-height:44px;width:100%;padding:10px;border:1px solid var(--brass);background:transparent;color:var(--cream);font:600 8px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.reset-button:hover{background:var(--brass);color:var(--deep)}
.journal{padding:140px 8vw 170px;position:relative;background:linear-gradient(90deg,transparent 0 49.8%,rgba(43,95,179,.08) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(22,37,58,.07) 40px)}.journal .section-heading{grid-template-columns:1fr 3fr;margin-bottom:90px}.journal .section-heading h2{font-size:clamp(65px,9vw,130px)}.ledger{width:min(820px,72%);margin-left:25%;border-top:2px solid var(--ink)}.ledger article{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid rgba(22,37,58,.4);padding:38px 0}.ledger time{font:600 12px/1 var(--mono);color:var(--blue)}.ledger h3{font-size:32px;font-style:italic;font-weight:500;margin:0 0 11px}.ledger p{font-size:19px;line-height:1.5;margin:0 0 15px}.ledger span{font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5c6673}.margin-note{position:absolute;left:5vw;bottom:14%;width:220px;margin:0;transform:rotate(-5deg);color:var(--blue);font-size:22px;font-style:italic}.margin-note cite{display:block;font:500 8px/1.4 var(--mono);text-transform:uppercase;margin-top:15px}
.atlas{background:#dfe4df;padding:130px 6vw 150px}.atlas-intro{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px;margin:0 auto 80px;max-width:1280px}.atlas-intro h2{font-size:clamp(62px,8vw,118px)}.atlas-intro>p:last-child{line-height:1.5}.plate-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1280px;margin:auto;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.atlas-plate{padding:26px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.atlas-plate:nth-child(2){transform:translateY(42px);background:var(--cream)}.plate-art{height:330px;background:#f4efe3;border:1px solid rgba(22,37,58,.25);margin-bottom:24px;position:relative;overflow:hidden}.atlas-plate>span{font:600 9px/1 var(--mono);color:var(--blue)}.atlas-plate h3{font-size:31px;font-style:italic;font-weight:500;margin:12px 0 8px}.atlas-plate p{min-height:54px;line-height:1.4;margin:0 0 20px}.atlas-plate dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(22,37,58,.3);padding-top:15px}.atlas-plate dl div{display:grid;gap:6px}.atlas-plate dt{font:600 8px/1 var(--mono);text-transform:uppercase}.atlas-plate dd{font:400 12px/1 var(--mono);margin:0}.coral-plate .plate-art i{position:absolute;width:150px;height:35px;border-radius:70%;background:var(--blue);transform-origin:0 50%;left:48%;top:47%;box-shadow:inset 0 0 0 7px #86a6d1}.coral-plate .plate-art i:nth-child(1){transform:rotate(15deg)}.coral-plate .plate-art i:nth-child(2){transform:rotate(86deg) scale(.8)}.coral-plate .plate-art i:nth-child(3){transform:rotate(155deg) scale(.9)}.coral-plate .plate-art i:nth-child(4){transform:rotate(220deg) scale(.7)}.coral-plate .plate-art i:nth-child(5){transform:rotate(293deg)}.coral-plate .plate-art:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:var(--pink);left:calc(48% - 25px);top:calc(47% - 21px);box-shadow:0 0 0 12px #f0bccb}.maze-plate svg{width:100%;height:100%}.maze-plate path{fill:none;stroke:var(--amber);stroke-width:22;stroke-linecap:round;stroke-linejoin:round}.cell-plate .plate-art i{position:absolute;width:64px;height:48px;border-radius:50%;border:12px solid var(--pink);background:#f5dce3}.cell-plate .plate-art i:nth-child(1){left:18%;top:18%}.cell-plate .plate-art i:nth-child(2){left:55%;top:11%;transform:scale(.7)}.cell-plate .plate-art i:nth-child(3){left:47%;top:42%;transform:scale(1.2)}.cell-plate .plate-art i:nth-child(4){left:14%;top:63%;transform:scale(.6)}.cell-plate .plate-art i:nth-child(5){left:68%;top:72%;transform:scale(.75)}.cell-plate .plate-art i:nth-child(6){left:76%;top:35%;transform:scale(.4)}
.incubation{padding:140px 7vw;background:var(--pink);color:#351226;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.incubation h2{font-size:clamp(65px,8vw,120px)}.incubation-copy>p:last-child{font-size:21px;line-height:1.4;max-width:380px}.time-strip{list-style:none;margin:0;padding:0;border-left:2px solid #351226}.time-strip li{display:grid;grid-template-columns:100px 120px 1fr;gap:20px;position:relative;padding:15px 0 35px 35px;border-bottom:1px solid rgba(53,18,38,.3)}.time-strip li:before{content:"";width:13px;height:13px;border-radius:50%;background:var(--cream);border:4px solid #351226;position:absolute;left:-11px;top:15px}.time-strip time{font:600 12px/1.3 var(--mono)}.time-strip b{font-size:22px;font-style:italic}.time-strip span{line-height:1.4}
.protocol{padding:140px 12vw;background:var(--deep);position:relative}.protocol:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.7%,rgba(185,138,62,.14) 50%,transparent 50.3%)}.protocol-sheet{max-width:1100px;margin:auto;background:var(--cream);padding:clamp(35px,6vw,80px);position:relative;box-shadow:16px 16px 0 var(--brass)}.protocol-head{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:35px}.protocol-head h2{font-size:clamp(55px,7vw,98px)}.protocol-head>span{font:600 9px/1 var(--mono);text-transform:uppercase}.protocol-sheet ol{counter-reset:steps;list-style:none;padding:0;margin:0}.protocol-sheet li{counter-increment:steps;display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:27px 0 27px 90px;border-bottom:1px solid rgba(22,37,58,.3);position:relative}.protocol-sheet li:before{content:"0" counter(steps);position:absolute;left:0;font:400 29px/1 var(--mono);color:var(--blue)}.protocol-sheet li b{font-size:24px;font-style:italic}.protocol-sheet li p{margin:0;line-height:1.45}.warning{margin:32px 0 0;padding:15px;border:1px solid var(--pink);font:600 9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em}
footer{min-height:190px;padding:55px 5vw;background:#091b35;color:var(--cream);display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;border-top:1px solid rgba(255,255,255,.2)}footer p,footer span,footer a{font:500 9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}footer nav{display:flex;gap:35px;justify-content:center}footer a{text-underline-offset:5px;color:#d8cdb7}footer span{color:#8290a3;text-align:right}
@media(max-width:900px){.site-header{grid-template-columns:auto 1fr}.site-header nav{justify-content:flex-end;gap:22px}.status{display:none}.hero{min-height:780px;padding:90px 6vw;grid-template-columns:1.15fr .85fr}.hero h1{font-size:100px}.hero-figure{width:38vw}.section-heading,.atlas-intro{grid-template-columns:1fr 2.5fr}.section-heading>p:last-child,.atlas-intro>p:last-child{grid-column:2}.lab-bench{grid-template-columns:180px 1fr}.scope-stage{grid-row:span 2}.focus-rack{grid-column:1}.scope-ring{width:min(63vw,580px)}.journal{padding-left:6vw;padding-right:6vw}.atlas{padding-left:3vw;padding-right:3vw}.plate-grid{grid-template-columns:1fr 1fr}.atlas-plate:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.atlas-plate:last-child .plate-art{grid-row:1/6}.incubation{grid-template-columns:1fr}.protocol{padding:100px 7vw}.protocol-head{grid-template-columns:1fr 2fr}.protocol-head>span{grid-column:2}footer{grid-template-columns:1fr 1fr}footer nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}footer span{text-align:right}}
@media(max-width:600px){body{font-size:16px}.site-header{height:auto;min-height:76px;padding:10px 18px}.site-header nav{gap:2px}.site-header nav a{font-size:0;width:44px;height:44px;padding:0}.site-header nav a:before{font:600 9px/44px var(--mono);display:block;text-align:center}.site-header nav a:nth-child(1):before{content:"VIEW"}.site-header nav a:nth-child(2):before{content:"LOG"}.site-header nav a:nth-child(3):before{content:"PLATES"}.site-header nav a:nth-child(4){display:none}.hero{min-height:760px;display:block;padding:75px 22px 45px}.hero h1{font-size:78px;margin-bottom:32px}.hero-deck{font-size:19px;max-width:330px}.hero-figure{position:absolute;width:210px;right:-38px;bottom:50px;opacity:.55}.hero-figure p{display:none}.hero-index{font-size:73vw;bottom:-.06em}.hero:after{display:none}.microscope-section{padding:85px 18px 100px}.section-heading,.atlas-intro,.journal .section-heading{display:block;margin-bottom:45px}.section-heading h2,.journal .section-heading h2,.atlas-intro h2{font-size:57px;margin-bottom:20px}.section-heading .eyebrow,.atlas-intro .eyebrow{margin-bottom:18px}.section-heading>p:last-child,.atlas-intro>p:last-child{font-size:17px}.lab-bench{display:flex;flex-direction:column;gap:30px}.scope-stage{order:-1;width:100%;margin-bottom:36px}.scope-ring{width:calc(100vw - 54px);padding:22px;box-shadow:0 18px 40px #061426,0 0 0 2px #e3c87d,0 0 0 9px #192c48}.scope-ring:before{inset:12px}.control-rack,.focus-rack{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.control-rack fieldset{margin:0}.control-rack .reading{grid-column:1/-1}.focus-rack .control-label{grid-column:1/-1;margin:0}.focus-rack .focus-control{grid-column:1/-1}.focus-value{font-size:38px;margin:5px 0}.reset-button{align-self:center}.journal{padding:95px 22px 120px}.ledger{width:100%;margin:0}.ledger article{grid-template-columns:60px 1fr;padding:28px 0}.ledger h3{font-size:25px}.ledger p{font-size:17px}.margin-note{position:relative;left:auto;bottom:auto;margin:60px 15px 0;width:250px}.atlas{padding:90px 18px 130px}.plate-grid{display:block;border-left:1px solid var(--ink)}.atlas-plate,.atlas-plate:last-child{display:block}.atlas-plate:nth-child(2){transform:none}.plate-art{height:310px}.atlas-plate p{min-height:0}.incubation{padding:90px 22px;display:block}.incubation h2{font-size:58px}.incubation-copy{margin-bottom:55px}.time-strip li{grid-template-columns:66px 70px 1fr;gap:8px;padding-left:24px}.protocol{padding:90px 18px}.protocol-sheet{padding:30px 22px;box-shadow:8px 8px 0 var(--brass)}.protocol-head{display:block}.protocol-head h2{font-size:52px;margin:15px 0 20px}.protocol-sheet li{display:block;padding-left:52px}.protocol-sheet li b{font-size:20px;display:block;margin-bottom:8px}footer{padding:45px 22px;display:block}footer nav{display:grid;gap:16px;margin:30px 0}footer span{text-align:left;display:block}.pipette-hint{font-size:7px}.specimen-tag{bottom:-50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.observe-link span{transition:none}}
.guide-page{background:var(--cream)}.guide-main{background:linear-gradient(90deg,transparent 0 7.9%,rgba(43,95,179,.1) 8%,transparent 8.1%)}.guide-hero{min-height:730px;padding:110px 10vw 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--ink)}.guide-hero h1{font-size:clamp(76px,11vw,158px);line-height:.76;letter-spacing:-.06em;font-weight:300;margin:50px 0 45px;position:relative;z-index:2}.guide-hero h1 em{color:var(--blue)}.guide-deck{font-size:24px;line-height:1.4;max-width:520px}.guide-dish{position:absolute;right:6vw;top:100px;width:min(39vw,560px);aspect-ratio:1;border-radius:50%;background:#e9dfc8;border:25px solid var(--brass);box-shadow:0 0 0 3px var(--deep),15px 20px 50px rgba(16,42,80,.25);overflow:hidden}.guide-dish i{position:absolute;width:54%;height:17%;background:var(--blue);border-radius:50%;left:43%;top:43%;transform-origin:0 50%;box-shadow:inset 0 0 0 9px #8fafd7}.guide-dish i:nth-child(1){transform:rotate(5deg)}.guide-dish i:nth-child(2){transform:rotate(92deg)}.guide-dish i:nth-child(3){transform:rotate(181deg)}.guide-dish i:nth-child(4){transform:rotate(270deg)}.guide-dish:after{content:"";position:absolute;inset:39%;background:var(--pink);border-radius:50%;box-shadow:0 0 0 16px rgba(217,106,139,.35)}.guide-dish span{position:absolute;bottom:8%;left:46%;z-index:2;font:600 9px/1 var(--mono)}.guide-article{max-width:1120px;margin:auto;padding:70px 6vw 130px}.guide-article>section{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:70px 0;border-bottom:1px solid rgba(22,37,58,.35)}.guide-number{font:300 38px/1 var(--mono);color:var(--brass)}.guide-article h2{font-size:clamp(45px,6vw,78px);font-weight:300;line-height:.95;letter-spacing:-.04em;margin:0 0 30px}.guide-article p{font-size:19px;line-height:1.65;max-width:800px}.guide-article code{font-family:var(--mono);font-size:.82em;color:var(--blue);background:rgba(43,95,179,.08);padding:2px 5px}.token-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--ink);margin:35px 0}.token-grid span{font:500 9px/1.6 var(--mono);text-transform:uppercase;padding:13px;border-right:1px solid var(--ink)}.token-grid span:last-child{border:0}.token-grid i{display:block;height:80px;margin:-13px -13px 12px;background:var(--swatch);border-bottom:1px solid var(--ink)}.token-grid b{font-weight:400;color:#606873}.guide-article #reproduce{border:0}.guide-article #reproduce>div:last-child{background:var(--deep);color:var(--cream);padding:45px;box-shadow:10px 10px 0 var(--brass)}
@media(max-width:900px){.guide-hero{min-height:650px;padding-left:7vw}.guide-hero h1{font-size:96px}.guide-dish{right:-10vw;opacity:.46}.guide-deck{max-width:430px}.token-grid{grid-template-columns:repeat(3,1fr)}.token-grid span{border-bottom:1px solid var(--ink)}}
@media(max-width:600px){.guide-header nav a:nth-child(4){display:block}.guide-header nav a:nth-child(1):before{content:"IDEA"}.guide-header nav a:nth-child(2):before{content:"MAKE"}.guide-header nav a:nth-child(3):before{content:"TYPE"}.guide-header nav a:nth-child(4):before{content:"PROMPT"}.guide-hero{min-height:650px;padding:80px 22px 70px}.guide-hero h1{font-size:67px;margin:75px 0 38px}.guide-dish{width:310px;right:-145px;top:200px;border-width:18px;opacity:.32}.guide-deck{font-size:20px;max-width:300px;position:relative;z-index:2}.guide-article{padding:30px 22px 90px}.guide-article>section{grid-template-columns:46px 1fr;gap:12px;padding:55px 0}.guide-number{font-size:20px}.guide-article h2{font-size:43px}.guide-article p{font-size:17px}.token-grid{grid-template-columns:1fr 1fr}.token-grid span{border-right:1px solid var(--ink)}.guide-article #reproduce>div:last-child{padding:27px;box-shadow:7px 7px 0 var(--brass)}}

/* Pass 1 refinements */
.guide-hero h1{font-size:clamp(76px,9.4vw,136px);line-height:.8;max-width:72%}
.guide-dish{right:4vw;top:125px;width:min(33vw,480px)}
@media(max-width:900px){.guide-hero h1{font-size:88px;max-width:75%}.guide-dish{width:300px;right:-10px;top:175px}}
@media(max-width:600px){
  .site-header{padding-left:14px;padding-right:14px}.site-header nav{gap:0}.site-header nav a{width:44px}.site-header nav a:before{font-size:8px}
  .site-header nav a:nth-child(4){display:block}.site-header nav a:nth-child(4):before{content:"PROC"}
  .hero-figure{width:188px;right:-4px;bottom:38px;opacity:.58}
  .protocol{padding-top:75px;padding-bottom:75px}footer{min-height:0;padding-top:42px;padding-bottom:42px}
  .guide-header nav a:nth-child(4):before{content:"PROMPT"}
  .guide-hero h1{font-size:64px;line-height:.8;max-width:100%;margin-top:70px}.guide-dish{width:280px;right:-170px;top:245px;opacity:.24}
  .token-grid span:last-child{grid-column:1/-1}.token-grid span:last-child i{height:58px}
}

/* Pass 2 — external critique */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;background:rgba(242,237,226,.91);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.site-header:after{content:"";position:absolute;left:4vw;right:4vw;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--brass),transparent 18%,transparent 82%,var(--pink));opacity:.65}
.hero{overflow:hidden;background:radial-gradient(circle at 75% 48%,rgba(185,138,62,.25),transparent 24%),radial-gradient(circle at 94% 5%,rgba(43,95,179,.08),transparent 31%),linear-gradient(115deg,transparent 0 64%,rgba(217,106,139,.1) 64% 65.1%,transparent 65.1%)}
.hero:before{content:"29.4°  /  40×  /  PLATE 08";position:absolute;left:52%;bottom:38px;font:500 8px/1 var(--mono);letter-spacing:.18em;color:rgba(22,37,58,.52);border-top:1px solid rgba(22,37,58,.2);padding-top:10px;width:32%;text-align:right}
.hero-copy{max-width:720px}
.hero h1{font-kerning:normal;text-wrap:balance}
.hero h1 em{display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.hero-register{display:flex;gap:0;margin:0 0 34px;border-block:1px solid rgba(22,37,58,.23);width:max-content;max-width:100%}
.hero-register span{padding:10px 17px 9px 0;margin-right:17px;font:500 8px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#66707c;border-right:1px solid rgba(22,37,58,.2)}
.hero-register span:last-child{border:0;margin:0}
.hero-register b{display:block;font-size:10px;color:var(--ink);margin-bottom:3px}
.hero-figure svg{filter:drop-shadow(0 18px 16px rgba(48,31,7,.16));transform:rotate(-1.2deg)}
.hero-live-lens{position:absolute;left:31.4%;top:46.4%;width:26.5%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 15px rgba(5,20,42,.38);transform:rotate(-1.2deg);z-index:2}
.hero-live-lens:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),inset 0 0 18px rgba(13,28,48,.36)}
.hero-live-lens canvas{width:100%;height:100%;display:block;filter:saturate(.9) contrast(1.1)}
html:not(.loaded) .hero-copy>*{opacity:0;transform:translateY(18px)}
html.loaded .hero-copy>*{opacity:1;transform:none;transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1)}
html.loaded .hero-copy .eyebrow{transition-delay:.06s}
html.loaded .hero-copy h1{transition-delay:.14s}
html.loaded .hero-copy .hero-deck{transition-delay:.25s}
html.loaded .hero-copy .hero-register{transition-delay:.34s}
html.loaded .hero-copy .observe-link{transition-delay:.42s}
html:not(.loaded) .hero-figure{opacity:0;transform:translate(25px,12px) rotate(2deg)}
html.loaded .hero-figure{opacity:1;transform:none;transition:opacity 1s .28s ease,transform 1.25s .28s cubic-bezier(.16,1,.3,1)}
.reveal{opacity:.96;transform:translateY(10px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:none}

.microscope-section{padding-top:135px;background:#0c2a52}
.microscope-section:after{content:"RD–46";position:absolute;right:-.07em;top:.72em;font:300 clamp(110px,20vw,300px)/1 var(--serif);color:rgba(255,255,255,.025);z-index:-1}
.lab-bench{position:relative}
.control-rack,.focus-rack{background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);padding:26px 16px;border-left:1px solid rgba(185,138,62,.3)}
.radio-row span{min-height:52px}
.radio-row:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:3px}
.scope-ring{background:conic-gradient(from 28deg,#51330a 0 7%,#d8ad5b 13%,#80591e 25%,#f1d890 34%,#6e4a13 47%,#d7ad58 62%,#71501d 75%,#efd081 89%,#51330a);box-shadow:0 30px 90px #020d1d,0 0 0 2px #e3c87d,0 0 0 14px #192c48,0 0 0 15px rgba(220,188,110,.38)}
.scope-ring:after{content:"0  ·  ·  10  ·  ·  20  ·  ·  30  ·  ·  40";position:absolute;top:50%;left:50%;width:112%;transform:translate(-50%,-50%) rotate(-58deg);font:600 7px/1 var(--mono);letter-spacing:.16em;color:#d8c083;text-align:center;pointer-events:none}
.scope-glass{cursor:none}
#cultureCanvas{cursor:none;filter:blur(var(--focus-blur,0)) contrast(var(--focus-contrast,1.16));transition:filter .18s ease}
.reticle{opacity:.65}
.pipette-cursor{position:absolute;left:0;top:0;width:74px;height:74px;z-index:5;pointer-events:none;opacity:0;will-change:transform;transition:opacity .16s ease;margin:-58px 0 0 -11px;transform:translate3d(-100px,-100px,0)}
.pipette-cursor.active{opacity:1}
.pipette-cursor i{position:absolute;width:12px;height:58px;left:26px;top:0;border:2px solid #f1d58f;border-radius:7px 7px 2px 2px;background:linear-gradient(90deg,#795017,#e8c56d 48%,#835719);transform:rotate(28deg);transform-origin:50% 100%;box-shadow:0 3px 8px rgba(0,0,0,.4)}
.pipette-cursor i:before{content:"";position:absolute;width:6px;height:22px;left:1px;bottom:-19px;background:linear-gradient(90deg,#7a838c,#e8eef0,#727b84);clip-path:polygon(20% 0,80% 0,55% 100%,45% 100%)}
.pipette-cursor span{position:absolute;width:7px;height:10px;border-radius:70% 50% 65% 45%;background:var(--pink);left:41px;top:67px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4));animation:dropReady 1.4s ease-in-out infinite}
.drop-ring{position:absolute;width:22px;height:22px;border:2px solid var(--pink);border-radius:50%;pointer-events:none;z-index:4;transform:translate(-50%,-50%) scale(.1);opacity:0}
.drop-ring.active{animation:dropSpread .65s cubic-bezier(.2,.75,.2,1)}
@keyframes dropReady{50%{transform:translateY(4px) scale(.8)}}
@keyframes dropSpread{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(4.5)}}
.focus-control{grid-template-columns:44px minmax(100px,1fr) 44px}
.focus-dial-group{display:grid;justify-items:center;gap:12px}
.focus-dial{--focus-angle:83deg;width:94px;aspect-ratio:1;border-radius:50%;position:relative;background:repeating-conic-gradient(from -2deg,#6f4914 0 2deg,#c49743 2deg 4deg);box-shadow:inset 0 0 0 12px #9a6b25,inset 0 0 0 14px #e1bb69,0 8px 20px rgba(0,0,0,.35)}
.focus-dial:before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ecd189,#b38332 52%,#62400e);box-shadow:inset -5px -7px 12px rgba(52,30,3,.35)}
.focus-dial i{position:absolute;left:calc(50% - 1px);top:9px;width:2px;height:35px;background:#f9e6b5;transform-origin:50% 38px;transform:rotate(var(--focus-angle));z-index:2;box-shadow:0 0 0 1px rgba(59,37,4,.2)}
.focus-dial span{position:absolute;inset:0;display:grid;place-items:center;padding-top:29px;font:600 7px/1 var(--mono);letter-spacing:.12em;color:#2e210e;z-index:2}
.focus-dial-group input{width:100%;height:20px;accent-color:var(--brass)}

.journal{background:radial-gradient(ellipse at 83% 22%,rgba(201,138,43,.11),transparent 20%),linear-gradient(90deg,transparent 0 49.8%,rgba(43,95,179,.08) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(22,37,58,.07) 40px)}
.journal:after{content:"OBSERVED / NOT EXPLAINED";position:absolute;right:6vw;top:95px;border:2px solid rgba(43,95,179,.36);border-radius:50%;padding:24px 15px;transform:rotate(9deg);font:600 8px/1 var(--mono);letter-spacing:.11em;color:rgba(43,95,179,.52)}
.ledger article:nth-child(2){transform:translateX(28px)}
.ledger article:nth-child(3){transform:translateX(-18px)}
.ledger h3{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(43,95,179,.35);text-underline-offset:7px}
.margin-note:before{content:"↳";font-family:var(--mono);font-style:normal;margin-right:8px}

.atlas{background:radial-gradient(circle at 8% 7%,rgba(255,255,255,.55),transparent 20%),linear-gradient(125deg,#e5e9e3,#d6ded9)}
.atlas-plate{background:rgba(242,237,226,.17);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease}
.atlas-plate:hover{background:rgba(242,237,226,.62);transform:translateY(-8px)}
.atlas-plate:nth-child(2):hover{transform:translateY(34px)}
.plate-art{background:#eee7d6;isolation:isolate;box-shadow:inset 0 0 35px rgba(13,37,60,.13)}
.atlas-canvas{width:100%;height:100%;display:block;filter:saturate(.92) contrast(1.08);mix-blend-mode:multiply}
.atlas .plate-art:after{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;left:0;top:0;background:radial-gradient(circle at 33% 26%,rgba(255,255,255,.32),transparent 24%),linear-gradient(115deg,transparent 60%,rgba(255,255,255,.16));box-shadow:none;pointer-events:none;z-index:2}
.plate-crosshair{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,transparent 49.8%,rgba(22,37,58,.16) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(22,37,58,.16) 50%,transparent 50.2%)}
.field-note{position:absolute;left:12px;bottom:10px;z-index:4;background:rgba(242,237,226,.86);padding:6px 8px;font:600 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transform:rotate(-1deg)}

.incubation{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 76%,rgba(242,237,226,.2),transparent 19%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.12),transparent 25%),linear-gradient(135deg,#d76589,#e47d9d)}
.incubation:after{content:"";position:absolute;width:520px;aspect-ratio:1;border:1px solid rgba(53,18,38,.14);border-radius:50%;left:-220px;bottom:-340px;box-shadow:0 0 0 45px rgba(242,237,226,.035),0 0 0 90px rgba(53,18,38,.025);pointer-events:none}
.culture-pulse{height:125px;max-width:360px;position:relative;margin-top:45px;border-block:1px solid rgba(53,18,38,.28);overflow:hidden}
.culture-pulse i{position:absolute;width:74px;height:32px;border:4px solid #351226;border-radius:50%;top:38px;left:10%;animation:cellDivide 5s ease-in-out infinite}
.culture-pulse i:nth-child(2){left:39%;width:54px;animation-delay:-1.4s}
.culture-pulse i:nth-child(3){left:65%;width:88px;animation-delay:-2.7s}
.culture-pulse span{position:absolute;right:0;bottom:8px;font:600 7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
@keyframes cellDivide{50%{border-radius:38% 62% 58% 42%;transform:scaleX(.65) translateX(10px)}}

.protocol-sheet{background:linear-gradient(rgba(242,237,226,.94),rgba(242,237,226,.96)),repeating-linear-gradient(0deg,transparent 0 28px,rgba(43,95,179,.09) 29px);box-shadow:16px 16px 0 #bb8939,23px 23px 45px rgba(2,13,29,.35)}
.protocol-sheet:after{content:"VERIFIED 46";position:absolute;right:7%;top:28%;border:2px solid rgba(217,106,139,.5);border-radius:50%;padding:18px 12px;transform:rotate(-11deg);font:700 8px/1 var(--mono);color:rgba(217,106,139,.62)}

.guide-hero{min-height:760px;padding-left:10vw;padding-right:10vw;background:radial-gradient(circle at 80% 43%,rgba(185,138,62,.12),transparent 25%)}
.guide-hero h1{font-size:clamp(76px,8.6vw,124px);line-height:.79;max-width:64%;margin-top:43px}
.guide-dish{right:6vw;top:122px;width:min(30vw,430px);border-width:20px;background:#e9dfc8;box-shadow:0 0 0 3px var(--deep),18px 24px 58px rgba(16,42,80,.28)}
.guide-dish canvas{width:100%;height:100%;display:block;border-radius:50%;clip-path:circle(50%);filter:saturate(.82) contrast(1.1)}
.guide-dish:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.24) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.24) 50%,transparent 50.2%);pointer-events:none}
.guide-dish:after{content:"";inset:0;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.28),transparent 27%);box-shadow:inset 0 0 45px rgba(11,30,55,.28);z-index:3}
.guide-dish span{z-index:4;background:var(--cream);padding:5px 7px;left:auto;right:7%;bottom:6%}
.guide-specimen-meta{position:absolute;right:7vw;top:580px;width:min(28vw,400px);display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--ink);padding-top:9px;font:500 8px/1 var(--mono);letter-spacing:.08em}
.guide-specimen-meta b{grid-column:1/-1;margin-bottom:8px}
.guide-article #technique{background:linear-gradient(90deg,rgba(43,95,179,.07),transparent);margin-inline:-5vw;padding-inline:5vw;border-left:3px solid rgba(43,95,179,.35)}
.guide-article #tokens{background:radial-gradient(circle at 92% 28%,rgba(201,138,43,.1),transparent 20%)}
.guide-article code{border-bottom:1px solid rgba(43,95,179,.35)}

@media(max-width:900px){
  .hero-register{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .hero-register span{padding-right:10px;margin-right:10px}
  .hero:before{left:45%;width:42%}
  .scope-ring{width:min(60vw,560px)}
  .focus-dial{width:82px}
  .guide-hero h1{font-size:78px;max-width:67%}
  .guide-dish{width:270px;right:24px;top:180px}
  .guide-specimen-meta{right:26px;top:500px;width:265px}
}

@media(max-width:600px){
  .site-header{position:relative;background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero{min-height:800px;padding-top:68px}
  .hero:before{display:none}
  .hero h1{font-size:74px;line-height:.75}
  .hero-deck{font-size:18px;line-height:1.38;margin-bottom:24px}
  .hero-register{width:calc(100vw - 44px);margin-bottom:26px}
  .hero-register span{font-size:6px;padding:8px 6px 7px 0;margin-right:6px}
  .hero-register b{font-size:8px}
  .observe-link{position:relative;z-index:4}
  .hero-figure{width:190px;right:-6px;bottom:25px;opacity:.66}
  html.loaded .hero-figure{opacity:.66}
  .microscope-section{padding-top:95px}
  .control-rack,.focus-rack{display:grid;grid-template-columns:1fr;width:100%;gap:24px;padding:24px 18px;background:rgba(255,255,255,.035);border:1px solid rgba(185,138,62,.28)}
  .control-rack fieldset{width:100%}
  .stain-switches{grid-template-columns:repeat(3,1fr);gap:5px}
  .stain{justify-content:center;flex-wrap:wrap;text-align:center;padding:9px 4px;font-size:8px}
  .stain i{width:16px;height:16px}
  .focus-rack .control-label,.focus-rack .focus-control{grid-column:auto}
  .focus-control{grid-template-columns:44px 1fr 44px}
  .focus-dial{width:92px}
  .focus-value{text-align:center}
  .timer-block{max-width:200px;margin-inline:auto}
  .scope-ring{width:calc(100vw - 58px)}
  .pipette-cursor{display:none}
  #cultureCanvas,.scope-glass{cursor:crosshair}
  .journal:after{right:-25px;top:58px;transform:rotate(13deg) scale(.75)}
  .ledger article:nth-child(2),.ledger article:nth-child(3){transform:none}
  .atlas-plate:hover,.atlas-plate:nth-child(2):hover{transform:none}
  .culture-pulse{height:110px;margin-top:35px}
  .protocol-sheet:after{top:20%;right:0;transform:rotate(-11deg) scale(.72)}
  .guide-hero{min-height:700px;padding-top:78px}
  .guide-hero h1{font-size:61px;line-height:.81;max-width:100%;margin-top:68px}
  .guide-dish{width:265px;right:-170px;top:300px;opacity:.44}
  .guide-specimen-meta{display:none}
  .guide-deck{font-size:19px;max-width:285px}
  .guide-article #technique{margin-inline:-12px;padding-inline:12px}
}

@media(prefers-reduced-motion:reduce){
  html:not(.loaded) .hero-copy>*,html:not(.loaded) .hero-figure{opacity:1;transform:none}
  .pipette-cursor span,.culture-pulse i,.drop-ring.active{animation:none}
}

/* Pass 3 — art direction */
@property --iris{syntax:"<percentage>";inherits:true;initial-value:100%}
html{scrollbar-color:var(--brass) var(--deep);scrollbar-width:thin}
body{font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizeLegibility}
body::-webkit-scrollbar{width:11px}
body::-webkit-scrollbar-track{background:var(--deep)}
body::-webkit-scrollbar-thumb{background:linear-gradient(var(--brass),#7e561c);border:3px solid var(--deep);border-radius:9px}
::selection{background:var(--pink);color:#101d31;text-shadow:none}
main section[id],.guide-article section[id]{scroll-margin-top:104px}
h1,h2,h3{font-optical-sizing:auto;text-wrap:balance}
p,li,blockquote{orphans:3;widows:3;text-wrap:pretty}
time,.reading,.hero-register,.focus-value,.guide-number,dl{font-variant-numeric:tabular-nums slashed-zero}
a,button,label,input{touch-action:manipulation;-webkit-tap-highlight-color:rgba(217,106,139,.2)}
button{transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s cubic-bezier(.16,1,.3,1),opacity .24s ease}
button:active{transform:translateY(1px) scale(.985)}
.site-header nav a:focus-visible:after{right:0;height:2px}
.wordmark{transition:color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.observe-link{transition:color .25s ease,border-color .25s ease}
.radio-row span{transition:background-color .25s ease,color .25s ease,padding-left .35s cubic-bezier(.16,1,.3,1)}
.stain{transition:background-color .25s ease,color .25s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.focus-control button{transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.reset-button{margin-bottom:8px}
.expose-button{width:100%;min-height:54px;border:1px solid #e6c875;background:linear-gradient(105deg,#b88939,#e1bf70 48%,#8d601d);color:#111d2f;cursor:pointer;padding:10px 12px;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 18px rgba(2,13,29,.28);position:relative;overflow:hidden}
.expose-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.38) 48%,transparent 70%);transform:translateX(-120%);transition:transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}
.expose-button span,.expose-button small{display:block;position:relative}
.expose-button span{font:700 9px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.expose-button small{font:500 7px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#4a3514;margin-top:3px}
.expose-button:disabled{cursor:wait;opacity:.72}
.scope-shutter{--iris:100%;position:absolute;inset:0;border-radius:50%;z-index:8;pointer-events:none;opacity:0;display:grid;place-items:center;overflow:hidden}
.scope-shutter:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:repeating-conic-gradient(from -7deg,#071526 0 50deg,#1c3556 50deg 58deg,#8b692f 58deg 60deg);-webkit-mask:radial-gradient(circle,transparent 0 var(--iris),#000 calc(var(--iris) + 1%));mask:radial-gradient(circle,transparent 0 var(--iris),#000 calc(var(--iris) + 1%));filter:drop-shadow(0 0 12px rgba(0,0,0,.7))}
.scope-shutter:after{content:"";position:absolute;inset:calc(var(--iris) - 1%);border:1px solid rgba(232,202,125,.55);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.85)}
.scope-shutter span{position:relative;z-index:2;padding:9px 11px;background:rgba(7,21,38,.92);border:1px solid rgba(232,202,125,.65);font:600 7px/1 var(--mono);letter-spacing:.12em;color:var(--cream);opacity:0}
.scope-shutter.exposing{animation:irisExposure 1.2s cubic-bezier(.7,0,.3,1) both}
.scope-shutter.exposing span{animation:exposureLabel 1.2s ease both}
@keyframes irisExposure{0%{--iris:100%;opacity:1}38%,62%{--iris:0%;opacity:1}100%{--iris:100%;opacity:0}}
@keyframes exposureLabel{0%,31%,72%,100%{opacity:0;transform:scale(.92)}42%,62%{opacity:1;transform:scale(1)}}
.wet-plate{margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px) rotate(.8deg);transition:max-height .85s cubic-bezier(.16,1,.3,1),opacity .45s ease,transform .85s cubic-bezier(.16,1,.3,1),margin .65s ease;background:#ded2b9;color:var(--ink);box-shadow:7px 8px 0 rgba(185,138,62,.55),0 16px 28px rgba(2,13,29,.36)}
.wet-plate.developed{max-height:330px;opacity:1;transform:translateY(0) rotate(-1deg);margin-top:18px}
.wet-plate-image{margin:11px 11px 0;aspect-ratio:1;position:relative;overflow:hidden;background:#e5dbc5;border:1px solid rgba(22,37,58,.45)}
.wet-plate-image canvas{width:100%;height:100%;display:block;filter:saturate(.82) contrast(1.12);mix-blend-mode:multiply}
.wet-plate-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(22,37,58,.2) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(22,37,58,.2) 50%,transparent 50.3%),radial-gradient(circle at 31% 22%,rgba(255,255,255,.32),transparent 28%);pointer-events:none}
.wet-plate-image i{position:absolute;right:7px;top:7px;width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 3px rgba(217,106,139,.2)}
.wet-plate figcaption{padding:10px 12px 13px;border-top:1px solid rgba(22,37,58,.18)}
.wet-plate figcaption span,.wet-plate figcaption small{display:block;font:600 7px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#535c66}
.wet-plate figcaption b{display:block;font-size:18px;line-height:1.05;font-style:italic;font-weight:550;margin:3px 0}
.lab-bench:after{content:"BENCH 04 / OPTICAL RECORD";position:absolute;left:25%;right:25%;bottom:-73px;padding-top:9px;border-top:1px solid rgba(242,237,226,.18);font:500 7px/1 var(--mono);letter-spacing:.16em;text-align:center;color:rgba(242,237,226,.46);pointer-events:none}
.guide-article>section>div:last-child{min-width:0}
.guide-article p{letter-spacing:-.005em}
.guide-article h2{font-kerning:normal}
footer a{transition:color .25s ease,text-decoration-color .25s ease,letter-spacing .35s cubic-bezier(.16,1,.3,1)}

@media(hover:hover){
  .wordmark:hover{color:var(--blue);transform:rotate(-2deg)}
  .observe-link:hover{color:var(--blue);border-color:var(--pink)}
  .radio-row:hover span{background:rgba(255,255,255,.055);padding-left:9px}
  .stain:hover{color:#fff;background:rgba(255,255,255,.09);transform:translateX(3px)}
  .focus-control button:hover{background:var(--brass);border-color:var(--brass);color:var(--deep)}
  .expose-button:hover:before{transform:translateX(120%)}
  .expose-button:hover{box-shadow:inset 0 1px rgba(255,255,255,.65),0 11px 25px rgba(2,13,29,.42)}
  footer a:hover{color:#fff;text-decoration-color:var(--pink);letter-spacing:.11em}
}

@media(max-width:900px){
  .lab-bench:after{left:36%;right:2%}
  .wet-plate.developed{max-height:300px}
}

@media(max-width:600px){
  main section[id],.guide-article section[id]{scroll-margin-top:24px}
  .lab-bench:after{display:none}
  .focus-rack{align-items:start}
  .reset-button{margin-bottom:0}
  .expose-button{min-height:58px}
  .wet-plate{width:min(100%,260px);justify-self:center}
  .wet-plate.developed{max-height:380px;margin-top:4px}
  .scope-shutter span{font-size:6px}
  body::-webkit-scrollbar{width:7px}
}

@media(prefers-reduced-motion:reduce){
  .scope-shutter.exposing,.scope-shutter.exposing span{animation:none;opacity:0}
  .wet-plate,.expose-button:before,.radio-row span,.stain,.wordmark,footer a{transition:none}
  button:active{transform:none}
}