@import url("./landing-feedback.css");
/* Silver-white Janus landing, with the polygon film paced by native scrolling. */
.landing-layout:has(.janus-home){--bg:#f8f9fb;--surface:#fff;--ink:#25272b;--muted:#62666e;--line:#d3d8de;--blue:#2463a9;--hover:#184c84;position:relative;color:var(--ink);background:var(--bg);color-scheme:light}
.landing-layout:has(.janus-home)>.site-header{position:absolute;inset:0 0 auto;width:100%;background:transparent;max-width:none;padding-inline:4.2vw;margin:0}
.landing-layout:has(.janus-home) .wordmark img{filter:none}
.janus-home{--stone:#f8f9fb;--silver:#e2e6ec;background:var(--stone);overflow:clip}
.janus-home a{color:inherit}.janus-home .button{color:#fff;background:var(--ink);border-color:transparent}.janus-home .button:hover{color:#fff;background:#3d4148}
.janus-home :focus-visible{outline:2px solid var(--blue);outline-offset:5px}.janus-home ::selection{color:#202124;background:#dce5ee}
.janus-home h1,.janus-home h2{font-family:var(--display);font-weight:500;letter-spacing:-.025em}.janus-home svg:not(.signature-mark){width:20px;height:20px;flex:none}
.janus-journey{position:relative;height:440svh;background:var(--stone)}
.janus-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}
.janus-visual{position:absolute;inset:0;margin:0;overflow:hidden}
.janus-journey-film,.janus-static{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:70% 50%}
.janus-static{opacity:1;transition:opacity 500ms ease}.janus-journey-film{opacity:0;transition:opacity 500ms ease;pointer-events:none}.has-film .janus-journey-film{opacity:1}.has-film .janus-static{opacity:0}
 .janus-opening{position:absolute;top:17%;left:5.2%;right:5.2%;display:block;z-index:2}
.janus-opening h1{font-size:clamp(36px,3.6vw,60px);line-height:1.36;margin:0;max-width:none}
.janus-opening-note{padding-top:18px;max-width:23em}.janus-opening-note p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 14px}
.janus-monument{position:absolute;bottom:10%;left:4%;right:4%;display:flex;justify-content:center;pointer-events:none;font:400 27.5vw/.86 var(--brand);letter-spacing:-.035em;color:var(--ink);perspective:900px;transform-style:preserve-3d}
.janus-monument>span{display:block;transform-origin:center bottom}
.janus-chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;opacity:0;visibility:hidden;pointer-events:none;padding:80px 24px 120px;z-index:3}
.janus-chapter h2{font-size:clamp(44px,5.3vw,80px);line-height:1.42;margin:0;text-wrap:balance}.janus-chapter p{font-size:16px;line-height:1.9;margin:0;color:var(--muted)}.janus-chapter .button{pointer-events:auto;margin-top:14px}
.janus-chapter[data-scene-chapter=gate]{justify-content:center;align-items:flex-start;text-align:left;padding-left:7%;padding-bottom:100px;background:linear-gradient(90deg,#f8f9fbf5 0%,#f8f9fbeb 70%,#f8f9fb26 100%)}
.janus-chapter[data-scene-chapter=passage]{background:linear-gradient(transparent,#f8f9fbbb 45%,#f8f9fb 90%)}
.janus-stage-bottom{position:absolute;bottom:17px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:center;z-index:5;color:var(--muted)}
.janus-scroll{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;text-decoration:none}.janus-home .janus-scroll svg{width:15px;height:15px}
.janus-home .janus-start{min-height:52px;padding:13px 25px 13px 28px;gap:22px;border-radius:24px;font-size:15px;font-weight:500;line-height:1.5}.janus-start>svg{width:18px;height:18px;transition:transform 350ms cubic-bezier(.16,1,.3,1)}.janus-start:hover>svg{transform:translateX(3px)}

.is-reduced .janus-journey,.scene-unavailable .janus-journey{height:100svh}
@media(max-width:700px){
 .janus-journey{height:360svh}.janus-stage{min-height:660px}.janus-opening{top:12%;left:7%;right:7%;display:block}.janus-opening h1{font-size:34px;line-height:1.3;max-width:none;white-space:normal}.janus-opening-note{max-width:none;padding:0;margin-top:16px}.janus-opening-note p{font-size:12px;line-height:1.8;margin-bottom:5px}.janus-opening-note .janus-text-link{font-size:12px;gap:8px;min-height:38px}
 .janus-visual{inset:245px -6% 30px -72%;mask-image:linear-gradient(to bottom,transparent 8%,#25272b 19%,#25272b 85%,transparent 96%)}.janus-journey-film,.janus-static{object-fit:contain;object-position:center}
 .janus-monument{bottom:12%;font-size:31.5vw;left:2%;right:2%}.janus-stage-bottom{left:6%;right:6%;bottom:18px}.janus-chapter h2{font-size:34px}.janus-chapter p{font-size:14px}.janus-chapter[data-scene-chapter=gate]{justify-content:center;align-items:center;text-align:center;padding:0 25px 90px;background:#f8f9fbf0}
}
.janus-intro{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:100px;padding:142px 56px 135px;scroll-margin-top:90px}
.janus-intro h2{font-size:clamp(36px,3.4vw,52px);line-height:1.45;margin:0}.janus-intro>div{padding-top:8px}.janus-intro p{font-size:17px;line-height:1.95;margin:0 0 24px;color:var(--ink);text-wrap:pretty}.janus-intro .janus-intro-note{font-size:14px;color:#62666e;margin:0}
.janus-explore{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.12fr 1fr;min-height:640px;background:#eef0f3}
.janus-detail-art{position:relative;overflow:hidden;min-height:640px;background:#e8eaed}.janus-detail-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:44% 50%;transition:object-position 1000ms cubic-bezier(.16,1,.3,1)}
.janus-home[data-chapter="1"] .janus-detail-art>img{object-position:66% 50%}.janus-home[data-chapter="2"] .janus-detail-art>img{object-position:28% 50%}.janus-detail-caption{position:absolute;bottom:26px;left:32px;color:var(--ink);font-size:12px}
.janus-explore-content{align-self:center;padding:72px clamp(36px,5.2vw,90px)}.janus-explore-content>h2{font-size:48px;line-height:1.4;margin:0 0 42px}
.janus-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.janus-tabs>button{position:relative;color:var(--muted);background:none;padding:12px 0 15px;border:0;min-height:46px;font-size:14px;white-space:nowrap}.janus-tabs>button[aria-selected=true]{color:#25272b}.janus-tabs>button[aria-selected=true]::after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#25272b;content:''}
.janus-panel{min-height:212px}.janus-panel h3{font-family:var(--ui);font-weight:550;font-size:21px;line-height:1.65;letter-spacing:-.02em;max-width:19em;margin:0 0 15px;text-wrap:balance}.janus-panel p{font-size:15px;line-height:1.95;color:#62666e;margin:0 0 24px;max-width:36em}
.janus-text-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:14px;min-height:44px}.janus-text-link:hover{text-decoration:underline;text-underline-offset:6px}.janus-text-link svg{width:17px;height:17px}
.janus-signature.reference-hero{min-height:0;height:auto;padding:70px 24px;background:var(--stone);display:block;overflow:hidden}.janus-signature .signature-stage{width:min(760px,100%);height:130px;margin:0 auto}.janus-signature .hero-wordmark{font-size:72px}
.janus-begin{max-width:1320px;margin:auto;padding:24px 56px 130px}.janus-begin-heading{display:flex;justify-content:space-between;align-items:baseline;gap:32px;margin:0 0 45px}.janus-begin-heading h2{font-size:38px;margin:0}
.janus-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:step;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.janus-steps>li{padding:30px 30px 0 0;counter-increment:step}.janus-steps>li::before{content:counter(step,decimal-leading-zero);display:block;font-family:var(--brand);font-size:24px;line-height:1.4;color:var(--muted);margin:0 0 20px;font-variant-numeric:tabular-nums}.janus-steps>li>span{display:block;font-size:18px;font-weight:550;margin:0 0 12px}.janus-steps p{font-size:14px;line-height:1.9;max-width:22em;color:var(--muted);min-height:54px;margin:0 0 18px}.janus-steps a{display:inline-flex;gap:12px;align-items:center;min-height:44px;text-decoration:none;font-size:13px}.janus-steps a:hover{text-decoration:underline}.janus-steps svg{width:15px;height:15px}
.janus-questions{max-width:1320px;padding:0 56px 100px;margin:auto;display:grid;grid-template-columns:1fr 1.6fr;gap:90px}.janus-questions>h2{font-size:36px;margin:20px 0 0}.janus-question-list details{border-bottom:1px solid var(--line);margin:0}.janus-question-list details:first-child{border-top:1px solid var(--line)}.janus-question-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:80px;padding:22px 0;font-size:16px;cursor:pointer;list-style:none}.janus-question-list summary::-webkit-details-marker{display:none}.janus-question-list summary svg{width:16px;height:16px;transition:transform 350ms cubic-bezier(.16,1,.3,1)}.janus-question-list details[open] summary svg{transform:rotate(45deg)}.janus-question-list details p{font-size:14px;line-height:1.95;margin:0 30px 26px 0;color:var(--muted)}
.janus-invitation{text-align:center;position:relative;margin:0 auto;padding:80px 24px 110px;background:#eef0f3}.janus-invitation-mark{display:block;margin:0 auto 26px;width:48px;height:48px}.janus-invitation-mark img{display:block;filter:none}.janus-invitation h2{font-size:clamp(36px,3.4vw,52px);line-height:1.5;margin:0 0 32px}.janus-back-top{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;margin:35px auto 0;width:max-content;color:var(--muted);font-size:12px;text-decoration:none}.janus-back-top svg{transform:rotate(180deg);width:14px;height:14px}
.landing-layout:has(.janus-home)>.landing-footer{background:var(--stone);max-width:1320px;padding:70px 56px 30px}
@media(min-width:1800px){.janus-explore{max-width:1600px}}
@media(max-width:1100px){.janus-intro{gap:50px;padding:100px 40px}.janus-explore{grid-template-columns:1fr 1fr;min-height:590px}.janus-detail-art{min-height:590px}.janus-explore-content{padding:55px 30px}.janus-explore-content>h2{font-size:40px}.janus-tabs{gap:20px}.janus-begin{padding-inline:40px}.janus-questions{gap:45px;padding-inline:40px}.landing-layout:has(.janus-home)>.landing-footer{padding-inline:40px}}
@media(max-width:700px){
 .landing-layout:has(.janus-home)>.site-header{padding-inline:22px}
 .janus-intro{grid-template-columns:1fr;gap:30px;padding:80px 28px 74px;scroll-margin-top:80px}.janus-intro h2{font-size:34px;line-height:1.5}.janus-intro>div{padding:0}.janus-intro p{font-size:15px;line-height:1.9;margin-bottom:20px}.janus-intro .janus-intro-note{font-size:13px}.janus-desktop-break{display:none}
 .janus-explore{grid-template-columns:1fr;margin:0;min-height:0}.janus-detail-art{min-height:0;aspect-ratio:1.12}.janus-detail-art>img{object-position:44% 50%}.janus-detail-caption{left:25px;bottom:20px;font-size:11px}.janus-explore-content{padding:42px 28px 40px}.janus-explore-content>h2{font-size:34px;line-height:1.45;margin-bottom:25px}.janus-tabs{gap:28px;margin-bottom:24px}.janus-tabs>button{font-size:13px;padding:11px 0 14px}.janus-panel{min-height:212px}.janus-panel h3{font-size:19px;margin-bottom:12px}.janus-panel p{font-size:14px;line-height:1.9;margin-bottom:15px}.janus-text-link{font-size:13px}
 .janus-signature.reference-hero{padding:40px 24px}.janus-signature .signature-stage{height:90px}.janus-begin{padding:15px 28px 70px}.janus-begin-heading{display:block;margin-bottom:25px}.janus-begin-heading h2{font-size:30px;margin-bottom:12px}.janus-steps{grid-template-columns:1fr}.janus-steps>li{position:relative;padding:25px 0 23px 44px;border-bottom:1px solid var(--line)}.janus-steps>li::before{position:absolute;left:0;top:24px;font-size:21px;margin:0}.janus-steps>li>span{font-size:17px;margin-bottom:8px}.janus-steps p{font-size:13px;min-height:0;margin-bottom:9px;max-width:none}.janus-steps a{font-size:12px}
 .janus-questions{grid-template-columns:1fr;padding:0 28px 70px;gap:26px}.janus-questions>h2{font-size:30px;margin:0}.janus-question-list summary{font-size:14px;min-height:74px;padding:20px 0}.janus-question-list details p{font-size:13px;margin-right:10px}
 .janus-invitation{padding:66px 25px 64px}.janus-invitation-mark{margin-bottom:23px;width:40px;height:40px}.janus-invitation-mark img{width:40px;height:40px}.janus-invitation h2{font-size:32px;line-height:1.55;margin-bottom:26px}.janus-back-top{margin-top:25px}.landing-layout:has(.janus-home)>.landing-footer{padding:45px 28px 25px}
}
@media(prefers-reduced-motion:reduce){.janus-home *,.janus-home *::before,.janus-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.janus-poster{transform:none!important}}


.is-reduced :is(.janus-intro,.janus-begin-heading,.janus-questions,.janus-invitation) h2{filter:none;transform:none}

.is-reduced .janus-chapter,.scene-unavailable .janus-chapter{display:none}

/* The closing atmosphere stays behind native copy and links. */
.janus-invitation{isolation:isolate;overflow:hidden}
.janus-invitation-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.68}
.janus-invitation>:not(.janus-invitation-atmosphere){position:relative;z-index:1}
.janus-magnet{display:inline-block}
.janus-magnet>[data-janus-magnet]{transition:background-color 180ms}
.is-reduced .janus-invitation-atmosphere{display:none}