:root{color-scheme:dark;--bg:#080f13;--ink:#eeeae0;--muted:#95aaa5;--accent:#d5e7c9;--line:#bccdbb26}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 46%,#1a34374d,transparent 57%),radial-gradient(ellipse at 8% 0,#14232966,transparent 48%);pointer-events:none}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.deck:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.page{max-width:1536px;min-height:100svh;margin:auto;padding:0 clamp(24px,5.3vw,88px);display:flex;flex-direction:column;overflow:hidden}
header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;font-size:28px;letter-spacing:-1.5px;font-weight:750}.brand span{font-feature-settings:"ss01" 1}.brand svg{width:34px;height:34px;color:var(--accent)}
.back{display:inline-flex;gap:12px;align-items:center;color:#a6b9b1;font-size:12px;min-height:44px}.back span{font-size:18px}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:66px 0 74px;min-height:700px}
.hero{align-self:center;padding-bottom:14px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#a4bba9;text-transform:uppercase;display:flex;align-items:center;gap:13px;margin:0 0 31px}.eyebrow::before{content:"";height:1px;width:26px;background:#7f9c84}
h1{font-size:clamp(62px,6.5vw,98px);line-height:1.04;letter-spacing:-4.7px;font-weight:450;margin:0 0 30px}h1 em{font-family:Lora,Georgia,serif;color:var(--accent);font-weight:400;letter-spacing:-4px}
.intro{font-size:19px;line-height:1.65;color:#ccd6ce;margin:0 0 19px;letter-spacing:-.2px}.description{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.hero-note{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.25px;color:#81998f;margin-top:56px}.small-orbit{width:26px;height:26px;border:1px solid #76958c66;border-radius:50%;position:relative}.small-orbit::before{content:"";position:absolute;inset:7px -5px;border:1px solid #a5bea177;border-radius:50%;transform:rotate(-35deg)}.small-orbit::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#bfd7b0;top:3px;right:1px}
.deck-section{width:100%;max-width:420px;justify-self:center;position:relative}.deck-heading{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.8px;color:#a3b9ae;margin:0 5px 26px}.edition{letter-spacing:1px;color:#708a80}
.deck{list-style:none;padding:0;margin:0;display:grid;gap:24px}.card{background:#1c2c2f;border:1px solid #aac5b31a;border-radius:27px;padding:11px;overflow:hidden;box-shadow:0 24px 60px #02070b33}
.card-art{height:166px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(135deg,#5a7d6a,#1d3e47)}.card-art svg{display:block;width:100%;height:100%}.card-art::after{content:"";position:absolute;inset:0;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}
.card-body{padding:23px 19px 11px;display:flex;flex-direction:column;flex:1;min-height:0}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#a3b9b0;font-size:8px;font-weight:550;letter-spacing:1.6px}.auf{color:#d3e5c6;background:#c7e7b912;padding:5px 9px;border-radius:100px;font-size:8px;letter-spacing:1.7px}
blockquote{font-family:Lora,Georgia,serif;font-size:25px;line-height:1.42;font-weight:400;letter-spacing:-.5px;margin:20px 0 25px;text-wrap:pretty}blockquote::before{content:"«";color:#b5cfa8}blockquote::after{content:"»";color:#b5cfa8}
.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #c4dcce1c;padding-top:16px;margin-top:auto;color:#90aaa0;font-size:9px;letter-spacing:.2px}.card-bottom span:last-child{font-variant-numeric:tabular-nums;color:#b6c9b5;letter-spacing:1px}
.deck-enabled .deck-stage{padding-bottom:39px}.deck-enabled .deck{position:relative;width:100%;height:477px;isolation:isolate;outline-offset:12px;border-radius:27px}
.deck-enabled .card{position:absolute;inset:0;display:flex;flex-direction:column;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;transform-origin:50% 55%;will-change:transform;pointer-events:none}.deck-enabled .card.is-top{pointer-events:auto}.deck-enabled .card.dragging{cursor:grabbing}
.deck-controls{display:flex;justify-content:center;align-items:center;gap:27px;position:relative;z-index:60;margin-top:1px}.deck-controls[hidden],.gesture-hint[hidden]{display:none}
.arrow{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border:1px solid #bdd4be3b;border-radius:50%;background:#bdcfbd05;color:#d1dec7;transition:background .2s,border-color .2s,transform .2s}.arrow:hover{background:#bcd7b815;border-color:#c3d6b488;transform:translateY(-2px)}.arrow:active{transform:scale(.94)}.arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.progress{width:112px;text-align:center;font-size:12px;font-weight:550;letter-spacing:1px;font-variant-numeric:tabular-nums}.progress span span{color:#718b80;font-weight:400}.progress-track{height:2px;background:#d5e7c91a;overflow:hidden;margin-top:11px;border-radius:2px}.progress-track i{display:block;width:100%;height:100%;transform:scaleX(.1);transform-origin:left;background:#bcd7b0;transition:transform .35s}
.gesture-hint{text-align:center;font-size:10px;line-height:1.7;color:#7e978d;margin:18px 0 0}.gesture-hint span{margin-left:7px;color:#a0b59e}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 29px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:#799188}footer p{margin:0;text-align:right;font-size:10px}.footer-domain{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#95aaa0}.footer-star{color:#a4bf97;font-size:14px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-info{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.visitor-counter{display:inline-flex;align-items:center;gap:14px;font-size:9px;white-space:nowrap}.visitor-counter[hidden]{display:none}.visitor-counter b{color:#b6c9b0;font-weight:550;font-variant-numeric:tabular-nums;margin-left:4px}
@media(min-width:1450px){main{gap:110px}.deck-section{max-width:440px}.deck-enabled .deck{height:494px}.card-art{height:180px}blockquote{font-size:27px}}
@media(max-width:1050px){main{gap:38px;min-height:680px}.deck-section{max-width:370px}h1{font-size:72px;letter-spacing:-4px}.card-body{padding-inline:15px}blockquote{font-size:24px}.deck-enabled .deck{height:477px}.card-art{height:151px}}
@media(max-width:760px){.page{padding-inline:25px}header{min-height:88px}.brand{font-size:23px;gap:10px}.brand svg{width:29px;height:29px}.back{font-size:11px;gap:8px}main{grid-template-columns:1fr;gap:42px;padding:48px 0 43px;min-height:0}.hero{padding:0}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:64px;letter-spacing:-3.5px;margin-bottom:22px}h1 em{letter-spacing:-3px}.intro{font-size:17px;margin-bottom:12px}.description{font-size:12px}.hero-note{display:none}.deck-section{max-width:360px}.deck-heading{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.deck-enabled .deck{height:464px}.card-art{height:153px}blockquote{font-size:24px}.card-body{padding-top:21px}.deck-enabled .deck-stage{padding-bottom:35px}.deck-controls{gap:27px}.gesture-hint{font-size:9px}footer{align-items:flex-start;flex-direction:column;gap:12px;padding:22px 0 26px}footer p{text-align:left;font-size:9px}}
@media(max-width:360px){.page{padding-inline:20px}.brand{font-size:22px;gap:7px}.back{font-size:10px}.brand svg{width:26px;height:26px}h1{font-size:57px}main{gap:35px}.deck-enabled .deck{height:448px}.card{padding:9px;border-radius:24px}.card-art{height:133px;border-radius:16px}.card-body{padding:18px 13px 10px}.card-meta{font-size:7px;letter-spacing:1.2px}blockquote{font-size:22px;line-height:1.45;margin-top:18px}.card-bottom{font-size:8px;padding-top:13px}.arrow{width:45px;height:45px}.gesture-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.arrow,.progress-track i{transition:none}}