/* The entrance is a separate, quiet threshold into either route. */
html[data-experience="choose"] #long-experience,html[data-experience="short"] #long-experience{display:none}
#experience-start[hidden],#short-experience[hidden],#long-experience[hidden]{display:none!important}
.header-actions{gap:30px}.courses-link{padding:8px 0}.courses-link:hover{color:#ff7054}
#short-experience{min-height:100svh;padding:130px var(--gutter) 45px;max-width:1400px;margin:auto}
.short-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.short-heading h1{font:400 clamp(25px,3vw,44px)/1.1 'Anton';outline:none}.short-heading>a{font-size:14px;color:#aaa69e;border-bottom:1px solid #ffffff50;padding:7px 0}
.short-player{width:100%;height:min(53svh,650px);max-height:none;aspect-ratio:auto;background:#080808}.short-player video{width:100%;height:100%;object-fit:contain}
.short-contact{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid #ffffff35}.short-contact a{font-size:14px;border-bottom:1px solid #ffffff40;padding-bottom:5px}.short-contact .short-mail{font-size:clamp(18px,2.2vw,32px);letter-spacing:-.02em;margin-right:auto;border:0;overflow-wrap:anywhere}
.short-to-tour{display:inline-block;font-size:16px;border-bottom:1px solid #ffffff65;padding:8px 0;margin-top:22px}
html:not([data-experience="long"]) .header{background:#101010;border-bottom:1px solid #ffffff26}
@media(max-width:760px){.header-actions{gap:17px;font-size:14px}.header .brand{width:90px}.header .logo-crop{width:90px;height:40px}.header .logo-crop img{width:177px;left:-42px;top:-69px}.header{padding-left:6vw;padding-right:6vw}#short-experience{padding-top:108px}.short-heading{align-items:start;gap:20px}.short-heading h1{font-size:26px;max-width:190px}.short-heading>a{font-size:14px;text-align:right;max-width:105px;line-height:1.4;padding-top:0}.short-player{height:auto;aspect-ratio:16/9}.short-contact{flex-wrap:wrap;gap:16px 25px;padding:23px 0}.short-contact .short-mail{flex-basis:100%;font-size:19px;margin:0}.short-contact a{font-size:14px}.short-to-tour{margin-top:30px}}
@media(max-width:360px){.header-actions{gap:11px}.header .brand{width:76px}.header .logo-crop{width:76px;height:34px}.header .logo-crop img{width:149px;left:-35px;top:-58px}.menu-button{gap:7px}.menu-lines{width:17px}}
html[data-experience="choose"] .header{display:flex}
#experience-start{position:relative;height:100svh;min-height:320px;overflow:clip;isolation:isolate;background:#080807;--entry-x:50%;--entry-y:50%;--entry-shift-x:0px;--entry-shift-y:0px;--entry-light:0}
.entry-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.entry-field{position:absolute;inset:-4%;pointer-events:none;transform:translate3d(var(--entry-shift-x),var(--entry-shift-y),0);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.entry-drift{position:absolute;inset:0;animation:entry-drift 22s ease-in-out infinite alternate}
.entry-flowers,.entry-reveal{position:absolute;inset:0;background:url('./assets/entry/sunflowers.webp') center/cover no-repeat}
.entry-flowers{opacity:.39;filter:grayscale(1)}
.entry-reveal{opacity:var(--entry-light);filter:grayscale(1);mask-image:radial-gradient(ellipse 280px 240px at var(--entry-x) var(--entry-y),#000,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 280px 240px at var(--entry-x) var(--entry-y),#000,transparent 100%);transition:opacity .8s}
.entry-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#08080714 5%,transparent 40%,#080807a0 100%)}
.entry-grain{position:absolute;inset:-10%;pointer-events:none;opacity:.28;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");animation:entry-grain .8s steps(1) infinite}
.entry-choices{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:30px;z-index:2;padding:24px}
.entry-choice{font:400 16px/1.4 'DM Sans',sans-serif;letter-spacing:.015em;color:#d8d6cd;padding:17px 1px;position:relative;text-shadow:0 2px 15px #000;transition:color .25s;white-space:nowrap}
.entry-choice:after{content:'';position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.entry-choice:hover,.entry-choice:focus-visible{color:#fff}.entry-choice:hover:after,.entry-choice:focus-visible:after{transform:scaleX(1)}.entry-choices>span{font-size:14px;color:#6c6c64}
.entry-status{position:absolute;top:calc(50% + 65px);left:24px;right:24px;text-align:center;font-size:14px;color:#c8c6bc;z-index:3}
.entry-seal{position:absolute;left:50%;top:calc(50% - 190px);width:clamp(200px,20vw,260px);transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen;opacity:.5;filter:grayscale(1);z-index:1}
.entry-seal-crop{position:relative;display:block;aspect-ratio:1204/775;overflow:hidden}
.entry-seal-crop img{position:absolute;width:186.88%;height:auto;max-width:none;left:-42.86%;top:-236.64%}
@media(max-height:500px){.entry-seal{width:155px;top:calc(50% - 135px)}}
html:not([data-experience="choose"]) .entry-grain,html:not([data-experience="choose"]) .entry-drift{animation-play-state:paused}
@keyframes entry-grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,2%)}}
@keyframes entry-drift{from{transform:scale(1.015) rotate(-.3deg)}to{transform:scale(1.065) rotate(.35deg)}}
@media(max-width:760px){.entry-flowers,.entry-reveal{background-position:28% center}.entry-flowers{opacity:.35}.entry-choices{gap:24px}.entry-choice{font-size:16px}.entry-reveal{mask-image:radial-gradient(circle 200px at var(--entry-x) var(--entry-y),#000,transparent);-webkit-mask-image:radial-gradient(circle 200px at var(--entry-x) var(--entry-y),#000,transparent)}}
@media(prefers-reduced-motion:reduce){.entry-grain,.entry-drift{animation:none}.entry-field{transform:none;transition:none}.entry-reveal{display:none}.entry-choice:after,.entry-choice{transition:none}}

/* The author's note belongs to the entrance, above both routes. */
#experience-start{display:grid;place-items:center;height:auto;min-height:100svh}
.entry-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(100%,620px);padding:36px 28px;gap:24px}
.entry-content .entry-seal{position:relative;left:auto;top:auto;transform:none;width:200px;flex-shrink:0}
.entry-copy{text-align:center;max-width:510px;text-shadow:0 2px 20px #000}
.entry-copy p:first-child{font-size:19px;line-height:1.55;color:#eeece3;margin:0}
.entry-copy p+p{font-size:13px;line-height:1.5;color:#c5c2b6;margin:14px 0 0}
.entry-content .entry-choices{position:relative;inset:auto;padding:0;gap:30px}
.entry-content .entry-status{position:relative;inset:auto;margin:0;text-align:center}
.entry-status:empty{display:none}
@media(max-width:760px){.entry-content{padding:30px 24px;gap:22px}.entry-content .entry-seal{width:180px}.entry-copy p:first-child{font-size:17px}.entry-copy p+p{max-width:260px;margin:14px auto 0}.entry-content .entry-choices{gap:24px}}
@media(max-height:500px){.entry-content{gap:12px;padding:20px 28px}.entry-content .entry-seal{width:110px}.entry-copy p:first-child{font-size:16px}.entry-copy p+p{margin-top:8px}.entry-choice{padding:10px 1px}}

/* Composite the original ink without its dark canvas. */
.entry-content{width:min(100%,620px);gap:26px}
.entry-content .entry-seal{width:240px;opacity:.86;filter:none;mix-blend-mode:normal}
.entry-seal-crop{aspect-ratio:1290/900;isolation:isolate}
.entry-seal-crop img{opacity:0}
.entry-seal-crop svg{display:block;width:100%;height:100%;overflow:hidden}
.entry-copy{width:100%;max-width:520px;border:1px solid #d9d4c14d;background:#090a0873;padding:25px 27px;text-shadow:none;backdrop-filter:blur(8px);text-transform:uppercase}
.entry-copy p:first-child{font:500 13px/1.85 'DM Sans',sans-serif;letter-spacing:.095em;color:#ebe8dd}
.entry-copy p+p{font:400 10px/1.7 'DM Sans',sans-serif;letter-spacing:.12em;color:#b3b0a4;margin:17px 0 0}
.entry-content .entry-choices{gap:32px}
@media(max-width:760px){.entry-content{padding:28px 24px;gap:23px}.entry-content .entry-seal{width:210px}.entry-copy{padding:23px 20px}.entry-copy p:first-child{font-size:12px;letter-spacing:.075em}.entry-copy p+p{font-size:10px;max-width:none;margin:16px 0 0}.entry-content .entry-choices{gap:25px}}
@media(max-height:600px){.entry-content{gap:14px;padding-top:20px;padding-bottom:20px}.entry-content .entry-seal{width:150px}.entry-copy{padding:18px 22px}.entry-copy p:first-child{font-size:12px}.entry-copy p+p{margin-top:10px}}

/* Reserve the visible header on the entry screen, including short landscape displays. */
#experience-start{padding-top:90px}
@media(max-width:760px){#experience-start{padding-top:76px}}