/* Saelion's public front door. Existing artwork, system fonts, no motion loop. */
.landing .player-tools .actions{margin:0}
.landing .site-header{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1rem max(5%,calc((100vw - 1400px)/2));background:var(--night);border-bottom:1px solid var(--line)}
.landing .wordmark{font-size:1.6rem;letter-spacing:.04em}.landing .wordmark span{font-size:9px}.landing .header-tools{margin-left:auto}.landing .theme-choice{margin:0}.landing .main-nav{display:flex;gap:1.6rem;flex-wrap:wrap;font:12px/1.5 system-ui,sans-serif}.main-nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}.main-nav a[aria-current="page"]{color:var(--mint);text-decoration:underline;text-underline-offset:6px}.landing .skip{z-index:10}
.landing main{overflow:clip}.landing .wrap{width:min(1280px,90%);margin-inline:auto}.landing .hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:640px;border-bottom:1px solid var(--line)}
.hero-copy{position:relative;padding:clamp(3rem,7vw,7rem) 8% clamp(3rem,6vw,6rem) max(10%,calc((100vw - 1280px)/2));align-self:center;z-index:1}.landing h1{font-size:clamp(3.2rem,6.4vw,6.5rem);line-height:1.02;letter-spacing:-.055em}.landing h1 em{color:var(--copper)}.hero-copy .lead{max-width:28em;color:var(--muted);font:clamp(16px,1.45vw,20px)/1.75 system-ui,sans-serif}.hero-art{position:relative;min-height:500px;margin:0;overflow:hidden;background:var(--plum)}.hero-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:32% 50%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night),transparent 24%),linear-gradient(0deg,#111722ba,transparent 55%)}.hero-art figcaption{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:1;color:#f5ede4;font:11px/1.6 system-ui,sans-serif;letter-spacing:.09em}.hero-art figcaption span{display:block;color:#c5c8cf;letter-spacing:0;margin-top:.3rem}
.landing .actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 1rem}.landing .button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:48px;padding:.85rem 1.35rem;border-radius:5px;background:var(--mint);border:1px solid var(--mint);color:var(--night);text-decoration:none;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}.landing .button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.landing .button:hover{filter:brightness(1.08)}.landing .small{font:12px/1.75 system-ui,sans-serif;color:var(--muted)}.landing .text-link{display:inline-flex;align-items:center;min-height:44px;font:13px/1.5 system-ui,sans-serif;color:var(--copper);text-underline-offset:5px}
.landing .section{padding-block:clamp(3.5rem,7vw,6.5rem);border-bottom:1px solid var(--line)}.landing h2{font:400 clamp(2rem,3.7vw,3.6rem)/1.13 Georgia,serif;letter-spacing:-.035em;margin:0 0 1rem}.landing h3{font:400 1.7rem/1.2 Georgia,serif;margin:.5rem 0 1rem}.landing .section-intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-intro p{max-width:28em;color:var(--muted);font:14px/1.7 system-ui,sans-serif}.landing .feature{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel,#1b2230)}.feature figure{margin:0;min-height:340px}.feature img{width:100%;height:100%;object-fit:cover;display:block}.feature-copy{padding:clamp(2rem,4vw,4rem);align-self:center}.feature-copy p:not(.eyebrow){color:var(--muted);font:15px/1.8 system-ui,sans-serif}.landing .tag{display:inline-flex;align-items:center;gap:.5rem;color:var(--mint);font:10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.tag:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.landing .doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.door{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;background:var(--panel,#1b2230)}.door img{width:100%;aspect-ratio:1.35;object-fit:cover}.door-copy{padding:1.4rem;flex:1}.door p{font:13px/1.75 system-ui,sans-serif;color:var(--muted);margin:0}.door .arrow{display:block;margin-top:1.5rem;color:var(--mint);font:12px system-ui,sans-serif}.door:hover{border-color:var(--mint)}.door-art{aspect-ratio:1.35;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#58445d,#172331 85%);overflow:hidden}.door-art .moon{width:64px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#f9dfb0,#d99878);box-shadow:0 0 0 24px #dda98608,0 0 0 62px #dda98606}.door-art .glass-mark{width:45%;height:62%;border:1px solid #8fb4e8;border-radius:48% 52% 31% 69%;background:linear-gradient(125deg,#acbddd22,#273d5722);transform:rotate(-18deg);box-shadow:16px 10px 0 -4px #8fb4e822}
.landing .about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,8vw,8rem)}.about-copy p{font:16px/1.85 system-ui,sans-serif;color:var(--muted);margin:0 0 1.5rem}.principles{list-style:none;padding:0;margin:2rem 0 0;counter-reset:principle}.principles li{counter-increment:principle;padding:1.15rem 0 1.15rem 2.6rem;border-top:1px solid var(--line);position:relative;font:14px/1.7 system-ui,sans-serif;color:var(--muted)}.principles li:before{content:"0" counter(principle);position:absolute;left:0;color:var(--copper);font-size:11px}.principles strong{display:block;color:var(--ink);font-weight:500}.paper-banner{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2.5rem;background:var(--panel,#1b2230);border:1px solid var(--line);border-radius:12px}.paper-banner p{max-width:42em;color:var(--muted);font:14px/1.8 system-ui,sans-serif}.landing .status-note{margin-top:2rem;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem 0}.status-note p{max-width:44em;font:13px/1.8 system-ui,sans-serif;color:var(--muted);margin:0}.status-note strong{color:var(--ink);font-weight:500}.landing footer{width:min(1280px,90%);margin:auto;padding:2rem 0;display:flex;gap:1rem 2rem;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--muted);font:12px/1.7 system-ui,sans-serif}.landing footer nav{display:flex;gap:1.5rem;flex-wrap:wrap}.landing footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.showcase-intro{max-width:850px;padding-block:4rem 2rem}.landing .showcase-intro h1{font-size:clamp(3rem,6vw,5.5rem);max-width:13em}.showcase-intro .lead{max-width:42em;font:18px/1.8 system-ui,sans-serif;color:var(--muted)}.showcase-stage{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel,#1b2230)}.showcase-stage>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.showcase-caption{padding:1.5rem 2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.showcase-caption p{font:13px/1.8 system-ui,sans-serif;color:var(--muted);max-width:40em;margin:0}.showcase-caption .actions{margin:0}.player{scroll-margin-top:1rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:1.5rem;background:#111722}.player-tools{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:1rem;background:var(--panel,#1b2230)}.player-tools p{color:var(--ink);font:13px system-ui,sans-serif;margin:0}.player-tools .button{min-height:44px;padding:.5rem 1rem}.player iframe{display:block;width:100%;height:min(76svh,800px);min-height:420px;border:0;background:#111722}.experience-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.experience-meta h2{font-size:1.4rem}.experience-meta p{font:14px/1.8 system-ui,sans-serif;color:var(--muted)}.landing .callout{border-left:2px solid var(--mint);padding:.5rem 1.5rem;font:14px/1.8 system-ui,sans-serif;color:var(--muted)}
.paper-header{max-width:850px;padding:4rem 0 2rem}.landing .paper-header h1{font-size:clamp(2.8rem,5.5vw,5rem)}.paper-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(2rem,6vw,6rem);padding:1rem 0 4rem}.paper-toc{align-self:start;position:sticky;top:1.5rem;font:12px/1.8 system-ui,sans-serif}.paper-toc ol{padding-left:1.4rem}.paper-toc a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.paper-body section{padding:0 0 2rem;scroll-margin-top:2rem}.paper-body h2{font-size:2rem}.paper-body h3{font-size:1.25rem}.paper-body p,.paper-body li{font:16px/1.9 system-ui,sans-serif;color:var(--muted)}.paper-body a{color:var(--copper);text-underline-offset:4px}.paper-body table{width:100%;border-collapse:collapse;font:14px/1.7 system-ui,sans-serif;margin:1.5rem 0}.paper-body th,.paper-body td{padding:.9rem .5rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.paper-body td{color:var(--muted)}
[data-theme="day"] .hero-art:after{background:linear-gradient(90deg,var(--night),transparent 24%),linear-gradient(0deg,#111722ba,transparent 55%)}
@media(min-width:1600px){.hero-copy{padding-left:max(10%,calc((100vw - 1280px)/2))}.landing .hero{min-height:740px}}
@media(max-width:1050px){.landing .main-nav{gap:1rem}.landing .wordmark span{display:none}.landing .hero{min-height:560px}.hero-copy{padding:3rem 8% 3rem 10%}.landing .doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.landing .site-header{padding:.8rem 5%;gap:.4rem 1rem}.landing .main-nav{order:3;width:100%;justify-content:space-between;gap:.5rem}.landing .header-tools{width:auto;gap:0}.landing .theme-choice button{padding:0 9px;font-size:11px}.landing .hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-art{min-height:360px}.hero-art img{object-position:30% 40%}.hero-art:after,[data-theme="day"] .hero-art:after{background:linear-gradient(0deg,var(--night),transparent 50%)}.hero-art figcaption{display:none}.hero-copy{padding:0 5% 3rem;margin-top:-1rem}.landing h1{font-size:clamp(3.25rem,12vw,5rem)}.landing .section-intro{display:block}.landing .feature{grid-template-columns:1fr}.feature figure{min-height:0;aspect-ratio:16/9}.feature-copy{padding:1.6rem}.landing .about-grid{grid-template-columns:1fr;gap:1rem}.paper-banner{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.paper-banner .button{width:100%}.landing .status-note{display:block}.landing .status-note .eyebrow{margin-bottom:.6rem}.showcase-intro{padding:2.5rem 0 1rem}.showcase-caption{padding:1.25rem;display:block}.showcase-caption .actions{margin-top:1rem}.experience-meta{grid-template-columns:1fr;gap:.8rem}.player-tools{padding:.75rem}.player iframe{height:74svh;min-height:440px}.paper-header{padding-top:2.5rem}.paper-layout{grid-template-columns:1fr;gap:1rem}.paper-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:1rem}.paper-toc ol{display:flex;flex-wrap:wrap;gap:.2rem 1.8rem}.paper-body th,.paper-body td{font-size:12px}.landing footer{align-items:start}}
@media(max-width:380px){.landing .doors{grid-template-columns:1fr}.landing .button{width:100%}.landing .wordmark{font-size:1.35rem}.landing .main-nav{font-size:11px}.hero-art{min-height:300px}.player-tools .button{width:auto}.landing .hero-copy h1{font-size:3.2rem}.landing .theme-choice button{min-width:44px;padding:0 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.skip,.paper-toc,footer,.paper-header .actions{display:none!important}.landing{background:white;color:black}.landing main{overflow:visible}.landing .wrap{width:100%}.paper-layout{display:block}.paper-body p,.paper-body li,.paper-body td,.landing .small{color:#222}.paper-body a{color:inherit}.paper-body h2{break-after:avoid}.paper-body section{break-inside:avoid}.paper-header{padding:0}.paper-body table{font-size:11pt}}
