:root{color-scheme:light;--accent:#e86243;--accent-rgb:232,98,67;--fx-fast:.65s;--fx-slow:3.8s;--fx-blur:10px;--tester-width:16px;--tester-scale:.3636}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#11140f}body{font-family:Arial Narrow,Aptos Narrow,Helvetica Neue,Arial,sans-serif}a{color:inherit}button,select{font:inherit}button,select{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.full-page-shell{width:100%;height:100dvh;border:0;background:#11140f}.full-page-shell .fx-scroll{padding-right:16px;background:#ecebe5;color:#1a1e1a;scrollbar-width:thin}.full-page-shell .fx-track{right:0;top:0;bottom:0;transform:scaleX(var(--tester-scale));transform-origin:right center;border-radius:0}.full-page-shell .fx-thumb{min-height:52px}.test-toolbar{position:sticky;z-index:5;top:0;min-height:68px;padding:.65rem clamp(1rem,3vw,3rem);display:grid;grid-template-columns:1fr auto minmax(150px,220px) auto auto auto auto auto;gap:.75rem;align-items:center;border-bottom:1px solid rgba(26,30,26,.17);background:#ecebe5f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.test-brand{font-weight:900;text-decoration:none}.test-toolbar label,.size-note{font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.size-note{color:#646a63}.size-note strong{color:#1a1e1a}.test-toolbar select,.test-toolbar button,.tune-menu summary{min-height:38px;border:1px solid rgba(26,30,26,.28);border-radius:0;background:transparent;color:#1a1e1a}.test-toolbar select{padding:0 2rem 0 .7rem}.test-toolbar button,.tune-menu summary{padding:0 .8rem;display:grid;place-items:center;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.test-toolbar button:hover,.tune-menu summary:hover{background:#1a1e1a;color:#ecebe5}.tune-menu{position:relative}.tune-menu summary{list-style:none;cursor:pointer}.tune-menu summary::-webkit-details-marker{display:none}.tune-panel{position:absolute;z-index:8;top:calc(100% + .7rem);right:0;width:min(320px,calc(100vw - 2rem));padding:1.1rem;display:grid;gap:.75rem;border:1px solid rgba(26,30,26,.25);background:#ecebe5;box-shadow:0 18px 45px #1a1e1a29}.tune-panel label{display:flex;justify-content:space-between;align-items:center}.tune-panel input[type=range]{width:100%;accent-color:var(--accent)}.tune-panel input[type=color]{width:100%;height:38px;padding:2px;border:1px solid rgba(26,30,26,.28);background:transparent}.tune-panel .calm-switch{justify-content:flex-start;gap:.6rem}.tune-panel .calm-switch input{width:18px;height:18px;accent-color:var(--accent)}.full-page-shell:is(.effect-lava-scroll,.effect-magnetic-scroll,.effect-dna-scroll,.effect-liquid-blob,.effect-echo-lattice) .fx-track{width:var(--tester-width);transform:none}.full-page-shell:is(.effect-lava-scroll,.effect-magnetic-scroll,.effect-dna-scroll,.effect-liquid-blob,.effect-echo-lattice) .fx-thumb{left:2px;width:calc(var(--tester-width) - 4px)}.full-page-shell.effect-lava-scroll .fx-thumb{border-width:1px}.full-page-shell.effect-magnetic-scroll .fx-thumb:before{width:calc(var(--tester-width) - 6px);height:calc(var(--tester-width) - 6px);border-width:1px}.full-page-shell.effect-magnetic-scroll .fx-thumb:after{width:calc(var(--tester-width) - 2px);height:calc(var(--tester-width) - 2px)}.full-page-shell.effect-dna-scroll .fx-thumb:before,.full-page-shell.effect-dna-scroll .fx-thumb:after{left:0;width:5px;background-size:5px 16px;animation-name:dna-twist-compact}.full-page-shell.effect-dna-scroll .fx-thumb:after{left:calc(100% - 5px)}.full-page-shell.effect-dna-scroll .fx-thumb i{left:2px;right:2px}.full-page-shell.effect-liquid-blob .fx-thumb:after{left:50%;width:6px;height:11px;margin-left:-3px}.full-page-shell.effect-echo-lattice .fx-thumb{background:linear-gradient(90deg,transparent 0 20%,var(--accent) 22% 78%,transparent 80%)}.full-page-shell.effect-echo-lattice .fx-thumb:before,.full-page-shell.effect-echo-lattice .fx-thumb:after{inset-inline:-2px}@keyframes dna-twist-compact{to{transform:translate(calc(var(--tester-width) - 9px)) scale(.78);opacity:.62}}.test-hero{min-height:calc(100dvh - 68px);padding:clamp(4rem,10vw,9rem) clamp(1.25rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:clamp(2rem,8vw,9rem);align-items:end}.test-kicker,.story-block>span,.reading-grid article>span{margin:0 0 1rem;color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.test-hero h1{margin:0;max-width:8ch;font-size:clamp(4.5rem,11vw,11rem);line-height:.8;letter-spacing:-.085em}.test-intro{padding-bottom:1rem}.test-intro p{max-width:26ch;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.3}.test-intro strong{display:block;max-width:38ch;margin-top:2.5rem;color:#5c625c;font-size:.72rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.story-block{margin:0 clamp(1.25rem,7vw,7rem);padding:clamp(5rem,9vw,9rem) 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,8vw,9rem);border-top:1px solid rgba(26,30,26,.18)}.story-block h2{margin:0 0 1.5rem;max-width:13ch;font-size:clamp(3rem,6vw,6.5rem);line-height:.88;letter-spacing:-.07em}.story-block p{max-width:42ch;color:#596059;font-size:1.08rem;line-height:1.7}.story-block--reverse>span{grid-column:2}.story-block--reverse>div{grid-column:1;grid-row:1}.image-field{min-height:82dvh;margin:0 clamp(1.25rem,4vw,4rem);padding:clamp(2rem,5vw,5rem);position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#181c18;color:#ecebe5}.image-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,transparent 0 10%,rgba(255,255,255,.035) 10.2% 10.5%)}.image-field__mass{position:absolute;width:min(60vw,720px);aspect-ratio:1;top:50%;left:55%;border-radius:48% 52% 63% 37%;background:var(--accent);transform:translate(-50%,-50%) rotate(-18deg);opacity:.9}.image-field__mass:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid #181c18;border-radius:58% 42% 37% 63%}.image-field p{position:relative;max-width:16ch;margin:0;font-size:clamp(2.2rem,5vw,5.5rem);line-height:.95;letter-spacing:-.055em}.reading-grid{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#1a1e1a2b;background-clip:content-box}.reading-grid article{min-height:290px;padding:clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:flex-end;background:#ecebe5}.reading-grid article:nth-child(2),.reading-grid article:nth-child(3){background:#daddd3}.reading-grid h3{margin:0;max-width:12ch;font-size:clamp(2rem,4vw,4.2rem);line-height:.92;letter-spacing:-.055em}.reading-grid p{max-width:30ch;color:#5c625c;line-height:1.55}.closing-block{min-height:76dvh;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,7rem) 3rem;display:flex;flex-direction:column;justify-content:space-between;background:#181c18;color:#ecebe5}.closing-block p{margin:0;max-width:10ch;font-size:clamp(4rem,9vw,9rem);line-height:.82;letter-spacing:-.08em}.closing-block a{align-self:flex-end;text-underline-offset:.35em}.test-toast{position:fixed;z-index:10;left:50%;bottom:1.25rem;padding:.75rem 1rem;background:#181c18;color:#ecebe5;transform:translate(-50%,140%);opacity:0;transition:.2s}.test-toast.is-visible{transform:translate(-50%);opacity:1}@media(max-width:980px){.test-toolbar{grid-template-columns:1fr minmax(145px,1fr) auto auto}.test-toolbar label,.size-note,#previous-effect{display:none}.test-hero,.story-block{grid-template-columns:1fr}.story-block--reverse>span,.story-block--reverse>div{grid-column:auto;grid-row:auto}}@media(max-width:620px){.test-toolbar{grid-template-columns:1fr minmax(130px,1fr) auto}#copy-test-link{display:none}.test-brand{font-size:.78rem}.test-toolbar button{padding:0 .55rem}.reading-grid{grid-template-columns:1fr}.full-page-shell .fx-scroll{padding-right:14px}.full-page-shell .fx-track{transform:scaleX(var(--tester-scale))}.full-page-shell:is(.effect-lava-scroll,.effect-magnetic-scroll,.effect-dna-scroll,.effect-liquid-blob,.effect-echo-lattice) .fx-track{transform:none}}@media(prefers-reduced-motion:reduce){.full-page-shell .fx-thumb,.full-page-shell .fx-thumb:before,.full-page-shell .fx-thumb:after,.full-page-shell .fx-thumb i{animation:none!important;transition:none!important}}@media(forced-colors:active){.test-toolbar,.reading-grid article,.image-field,.closing-block{border:1px solid CanvasText;background:Canvas;color:CanvasText}}