/* Perfect Au Pairs public site: Harbour Hours (C3). Real credited Sydney photos, ink + ivory + coral. Tokens in /static/harbour/harbour.css. */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);color:var(--ivory);-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body.site{margin:0;font:400 17px/1.55 Hanken,system-ui,sans-serif;color:var(--ivory);background:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}

img,svg{max-width:100%}
a{color:inherit;text-underline-offset:3px}a:hover{color:var(--coral)}
p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:400}ul{padding:0;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:10px;z-index:200;background:var(--ivory);color:var(--ink);padding:10px 18px;border-radius:99px}.skip:focus{left:10px}
:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
::selection{background:var(--coral);color:var(--ink)}
.wrap{width:min(1360px,100% - 2*var(--pad));margin-inline:auto}
.ico{width:1.1em;height:1.1em;flex:none;vertical-align:-.18em}
main,.s-foot{position:relative;z-index:2}
/* real-photo backdrop (non-home pages): dimmed, fixed */
.backdrop{position:fixed;inset:0;z-index:0;background:var(--ink);overflow:hidden}
.backdrop img{width:100%;height:100%;object-fit:cover;display:block}
.bd-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,38,.62),rgba(11,26,38,.42) 30%,rgba(11,26,38,.78) 75%,rgba(11,26,38,.9))}
.pcredit{position:relative;z-index:2;background:rgba(6,12,18,.94);padding:0 var(--pad) 18px;margin:0;font:10.5px/1.3 Mono,monospace;letter-spacing:.06em;color:rgba(246,241,232,.8);text-shadow:0 1px 3px #000;max-width:70vw}
.pcredit a{color:inherit}
/* header */
.s-head{position:fixed;inset:0 0 auto;z-index:50;padding:16px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;transition:background .4s,transform .5s var(--ease)}
.s-head::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;background:linear-gradient(rgba(6,14,22,.7),transparent);pointer-events:none}
.s-head.scrolled{background:rgba(9,22,33,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.s-head.scrolled::before{display:none}
.s-head.hide{transform:translateY(-110%)}
.s-nav{display:none;gap:26px;font-size:14px}
.s-nav a{text-decoration:none;position:relative;padding:6px 0;color:var(--ivory)}
.s-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.s-nav a:hover::after,.s-nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.s-actions{display:flex;align-items:center;gap:14px}
.s-signin{font-size:14px;font-weight:600;text-decoration:none;color:var(--ivory)}
.s-burger{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:99px;border:1px solid rgba(246,241,232,.45);background:rgba(246,241,232,.08);color:var(--ivory);font:600 14px Hanken,sans-serif;cursor:pointer}
.s-burger .bars{display:grid;gap:5px}.s-burger .bars i{display:block;width:16px;height:1.5px;background:currentColor}
.s-menu{position:fixed;inset:0;z-index:-1;background:rgba(9,22,33,.96);padding:100px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}
.s-menu[hidden]{display:none}.s-menu nav{display:grid;gap:6px}.s-menu nav a{font:400 clamp(34px,8vw,56px)/1.1 Serif,serif;text-decoration:none}
.s-menu nav a[aria-current]{color:var(--coral)}.s-menu-foot{display:grid;gap:10px;margin-top:30px}
@media(min-width:1080px){.s-nav{display:flex}.s-burger{display:none}}
@media(max-width:560px){.s-signin{display:none}.s-head .btn.sm{display:none}.wm{font-size:12.5px}}
/* type */
.big{font-family:Serif,serif;font-weight:400;font-size:clamp(44px,7.4vw,124px);line-height:.95;letter-spacing:-.02em}
.big i,.big em{color:var(--coral);font-style:italic}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mist);margin-bottom:26px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.lead{max-width:52ch;color:var(--mist);font-size:clamp(17px,1.4vw,20px);margin-top:22px}
.fine,.note{color:var(--mist);font-size:14.5px;margin-top:18px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
/* inner page hero + sections */
.s-main{padding-top:0}
.p-hero{padding:clamp(140px,22vh,220px) 0 clamp(40px,7vh,80px)}
.p-hero .big{font-size:clamp(44px,6.4vw,104px);max-width:16ch}
.p-hero .cta,.p-hero .s-row{margin-top:30px}
.s-row{display:flex;gap:10px;flex-wrap:wrap}
.split-sec,.how,.fees,.band-ink,.s-cta,.form-page{padding:clamp(40px,7vh,90px) 0}
.two-col{display:grid;gap:30px}
@media(min-width:960px){.two-col{grid-template-columns:1fr 1.2fr;align-items:start}}
.split-sec .two-col,.band-ink .two-col{background:var(--solid);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:clamp(26px,4vw,56px)}
.split-sec .big,.band-ink .big,.fees .big{font-size:clamp(38px,5vw,76px)}
.big-list{list-style:none;display:grid;border-top:1px solid var(--glass-line)}
.big-list li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:22px 0;border-bottom:1px solid var(--glass-line)}
.big-list li>span{font:700 11.5px Mono,monospace;letter-spacing:.2em;color:var(--coral);padding-top:8px}
.big-list h3{font:400 28px/1.05 Serif,serif;margin-bottom:8px}.big-list p{color:var(--mist);margin:0}
.band-ink .eyebrow{color:var(--coral)}
.narrow-c{max-width:820px;margin-inline:auto}
.narrow-c:not(.panel){background:var(--solid);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:clamp(24px,4vw,48px)}
.prose h3{font:400 26px/1.15 Serif,serif;margin:28px 0 10px}.prose p,.narrow-c>p{color:rgba(246,241,232,.9)}
.credits{list-style:none;display:grid;gap:14px}.credits a{color:var(--coral)}
.panel.prose{background:var(--solid);padding:clamp(24px,4vw,48px)}
/* steps (how it works) */
.s-steps{list-style:none;display:grid;border-top:1px solid var(--glass-line);background:var(--solid);border-radius:var(--r-lg);padding:8px clamp(20px,3vw,40px) 20px}
@media(min-width:900px){.s-steps{grid-template-columns:repeat(4,1fr)}}
.s-steps li{padding:26px 22px 22px 0;border-bottom:1px solid var(--glass-line)}
@media(min-width:900px){.s-steps li{border-bottom:0;border-right:1px solid var(--glass-line);padding:26px 22px}.s-steps li:last-child{border-right:0}.s-steps li:first-child{padding-left:0}}
.s-steps .n{font:700 11.5px Mono,monospace;letter-spacing:.2em;color:var(--coral)}.s-steps h3{font:400 28px/1.05 Serif,serif;margin:14px 0 10px}.s-steps p{color:var(--mist);font-size:15px}
.sec-head{margin-bottom:30px}
/* visa aside */
.s-visa{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px 18px;border:1px solid var(--glass-line);border-radius:var(--r-sm);background:rgba(11,26,38,.7);font-size:14.5px;color:var(--mist)}
.s-visa p{margin:0}.s-visa a{color:var(--ivory)}.s-visa .ico{color:var(--coral);margin-top:3px}
/* faq */
.s-faq details{border-bottom:1px solid var(--glass-line)}
.s-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;cursor:pointer;font-weight:600;list-style:none}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary i{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid rgba(246,241,232,.4);position:relative}
.s-faq summary i::before,.s-faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
.s-faq summary i::after{transform:rotate(90deg)}.s-faq details[open] summary i::after{transform:none}
.s-faq .ans p{color:var(--mist);margin:0 0 18px}
/* cta card */
.cta-card{padding:clamp(30px,5vw,70px);text-align:center;background:var(--solid)}.cta-card .big{font-size:clamp(40px,6vw,96px)}.cta-card p{color:var(--mist);margin:18px 0 28px}.cta-card .cta{justify-content:center}
/* forms */
.s-form,.form-card{display:grid;gap:16px;padding:clamp(22px,3vw,34px);background:var(--solid);border:1px solid var(--glass-line);border-radius:var(--r-lg);color:var(--ivory)}
.field{display:grid;gap:6px}.field label{font:700 11px Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory)}
.field .req{color:var(--coral)}.field .hint{font-size:13px;color:var(--mist);margin:0}
.field input,.field select,.field textarea,.s-input{font:400 16px Hanken,sans-serif;color:var(--ink);background:var(--ivory);border:1px solid transparent;border-radius:var(--r-sm);padding:12px 14px;width:100%;min-height:52px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--coral);outline-offset:2px;border-color:var(--coral)}
.field-error{margin:0;font-size:13px}.field-error:not(:empty){display:inline-block;background:var(--coral);color:var(--ink);border-radius:var(--r-pill);padding:2px 10px;justify-self:start}
.form-fine{font-size:13px;color:var(--mist);margin:0;display:flex;gap:8px;align-items:center}
.hp{position:absolute;left:-9999px}
.s-flash{padding-top:96px}.s-alert{display:flex;gap:10px;align-items:center;background:var(--coral);color:var(--ink);padding:14px 18px;border-radius:var(--r-sm);font-weight:600}
.form-grid{display:grid;gap:30px;padding-top:clamp(110px,16vh,160px)}
@media(min-width:960px){.form-grid{grid-template-columns:1fr 1fr;align-items:start}}
.form-intro .big{font-size:clamp(48px,7vw,110px)}
/* auth (login, register, invite, forgot, reset) */
.auth{min-height:100svh;display:grid;padding:110px var(--pad) 60px;gap:30px;align-items:center;width:min(1360px,100%);margin:0 auto}
@media(min-width:960px){.auth{grid-template-columns:1.1fr .9fr}}
.auth-art{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;align-self:end}
.auth-quote{font-size:clamp(40px,5.6vw,92px);text-shadow:0 4px 30px rgba(0,0,0,.4)}.auth-art .cap{color:var(--mist)}
@media(max-width:959px){.auth-art{display:none}}
.auth-in{background:var(--solid);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:clamp(24px,4vw,44px)}
.auth-in .big{font-size:clamp(36px,4.4vw,60px)}.auth-in .lead{margin:14px 0 22px}
.auth-in .s-form{padding:0;border:0;background:none}
.auth-alt{margin-top:20px;font-size:14.5px;color:var(--mist)}.auth-alt a{color:var(--ivory);font-weight:600}
.auth-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.auth-roles a{font:500 13.5px Hanken;text-decoration:none;padding:8px 14px;border-radius:var(--r-pill);border:1px solid rgba(246,241,232,.35)}
.auth-roles a[aria-current]{background:var(--ivory);color:var(--ink)}
.auth-wrap{max-width:520px;margin:0 auto;padding:clamp(130px,20vh,200px) var(--pad) 80px}
.auth-wrap h1{font:400 clamp(36px,5vw,64px)/1 Serif,serif;text-align:center;margin-bottom:12px;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.auth-wrap .sub{text-align:center;color:var(--mist);margin-bottom:24px}.auth-wrap>p{text-align:center}.auth-wrap a{color:var(--ivory)}
/* home extras */
@media(max-width:700px){.is-home .hero{padding-bottom:64px}}
.tk .tear{margin-top:22px}
.tkw:nth-child(1) .tk .f{background:linear-gradient(160deg,#2a5a78,#12324a 70%)}
.apply-grid{display:grid;gap:18px}
@media(min-width:1040px){.apply-grid{grid-template-columns:1fr 1fr;align-items:start}}
.enquire .s-form{background:rgba(11,26,38,.9)}
.faqs{padding:clamp(22px,3vw,34px);background:rgba(11,26,38,.9)}.faqs h3{color:var(--coral);margin-bottom:6px}
.enquire{padding:14vh 0}.enquire .sub{margin-top:6px}
.final .roles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:30px;font-size:14px}.final .roles a{color:var(--mist)}
.receipt .ft .mono{color:#4d5a64}
/* footer */
.s-foot{background:rgba(6,12,18,.94);border-top:1px solid var(--glass-line);padding:56px 0 60px;font-size:14px;color:var(--mist)}
.foot-cols{display:grid;gap:30px}@media(min-width:900px){.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot-cols p{margin-top:16px;max-width:38ch}.foot-cols nav{display:grid;gap:8px;align-content:start}.foot-cols h2{color:var(--coral);margin-bottom:6px}
.foot-cols a{color:var(--ivory);text-decoration:none}.foot-cols a:hover{color:var(--coral)}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--glass-line);margin-top:36px;padding-top:20px}.foot-base a{color:var(--ivory)}
.foot-credits{font-size:11px;margin-top:10px}.foot-credits a{color:var(--ivory)}
/* toasts + modal (shared app.js) */
.toasts{position:fixed;right:16px;bottom:16px;z-index:90;display:grid;gap:8px}
.toast{display:flex;gap:10px;align-items:center;background:var(--ivory);color:var(--ink);padding:12px 14px;border-radius:var(--r-sm);box-shadow:0 20px 40px -12px rgba(0,0,0,.5);font-weight:600}
.toast-x{background:none;border:0;cursor:pointer;color:inherit}
.modal{border:1px solid var(--glass-line);border-radius:var(--r-lg);background:var(--ink);color:var(--ivory);padding:28px;max-width:440px}.modal::backdrop{background:rgba(0,0,0,.6)}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-icon{color:var(--coral)}
/* reveal (non-home) */
.js .rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}
/* ---------- home: the harbour (verbatim from the approved C3 build) ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;background:transparent;transition:opacity .6s}
.photos{position:fixed;inset:0;z-index:0;background:#0b1a26;overflow:hidden}
.ph-l{position:absolute;inset:0;opacity:0;will-change:opacity,transform}.ph-l:first-child{opacity:1}
.ph-l img{width:100%;height:100%;object-fit:cover;display:block}@media(max-aspect-ratio:3/4){.ph-l:nth-child(1) img{object-position:22% 60%!important}.ph-l:nth-child(2) img{object-position:58% 72%!important}.ph-l:nth-child(3) img{object-position:30% 60%!important}.ph-l:nth-child(4) img{object-position:45% 55%!important}.ph-l:nth-child(5) img{object-position:30% 60%!important}.ph-l:nth-child(6) img{object-position:45% 60%!important}}
.photos .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,38,.45),rgba(11,26,38,.15) 35%,rgba(11,26,38,.55))}
.pcap{position:fixed;left:16px;bottom:12px;z-index:5;font-size:10.5px;letter-spacing:.08em;color:rgba(246,241,232,.8);text-shadow:0 1px 3px #000;pointer-events:none;max-width:70vw}
body.still .hero h1.sr{white-space:normal;position:static;width:auto;height:auto;clip:auto;overflow:visible;font-family:Serif;font-size:clamp(48px,11vw,150px);line-height:.9;text-align:center;margin-bottom:20px;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(6,14,22,.55),transparent 170px),radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(5,12,18,.55))}
/* brand */
@media(min-width:960px){header nav{display:flex}}
/* buttons */
/* loader */
.loader{position:fixed;inset:0;z-index:80;background:var(--ink);display:grid;place-items:center;transition:clip-path 1.1s var(--ease-io)}
.loader.done{clip-path:inset(0 0 100% 0)}
.loader .in{display:grid;justify-items:center;gap:18px}
.loader .wm{font-size:clamp(18px,3vw,28px)}
.loader .n{font-family:Mono;font-size:12px;letter-spacing:.2em;color:var(--mist)}
.loader .bar{width:180px;height:1px;background:rgba(246,241,232,.2);overflow:hidden}.loader .bar i{display:block;height:100%;background:var(--coral);transform-origin:left;transform:scaleX(0)}
/* sections */
.is-home main>section{position:relative;min-height:100svh}
.serif{font-family:Serif;font-weight:400}
.hero{display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 clamp(26px,5vh,48px);pointer-events:none}
.hero a,.hero button{pointer-events:auto}
.hero .scrim{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(8,18,27,.7));pointer-events:none}
.hero .wrap{position:relative;display:grid;gap:22px;align-items:end}

.hero h2{font-family:Serif;font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.01em}
.hero h2 i{color:var(--coral)}
.hero p{max-width:44ch;color:var(--mist);font-size:16px}
.hero p strong{color:var(--ivory);font-weight:600}
.cta{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:959px){.hero .wrap{gap:14px}.hero h2{font-size:34px}.hero p{font-size:14.5px}.hero .scrim{height:62%;background:linear-gradient(transparent,rgba(8,18,27,.82) 40%)}}
.stamp{width:118px;height:118px;position:relative;flex:none}
.stamp svg{width:100%;height:100%;animation:spin 18s linear infinite}
.stamp::after{content:"$0";position:absolute;inset:0;display:grid;place-items:center;font-family:Serif;font-size:30px;color:var(--ink)}
.stamp::before{content:"";position:absolute;inset:30px;border-radius:50%;background:var(--coral)}
@keyframes spin{to{transform:rotate(360deg)}}
/* manifesto */
.manifesto{display:flex;align-items:center;padding:16vh 0}
.big{font-family:Serif;font-size:clamp(44px,7.4vw,124px);line-height:.95;letter-spacing:-.02em}
.big i{color:var(--coral)}
.eyebrow{display:flex;display:flex;align-items:center;gap:12px;color:var(--mist);margin-bottom:26px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.steps{display:grid;gap:0;margin-top:56px;border-top:1px solid var(--glass-line)}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{padding:26px 26px 30px 0;border-bottom:1px solid var(--glass-line)}
@media(min-width:900px){.step{border-bottom:0;border-right:1px solid var(--glass-line);padding:26px 26px 6px}.step:first-child{padding-left:0}.step:last-child{border-right:0}}
.step .mono{color:var(--coral)}
.step h3{font-family:Serif;font-weight:400;font-size:28px;line-height:1.05;margin:16px 0 10px}
.step p{color:var(--mist);font-size:15px;max-width:34ch}
.manifesto .panel{padding:clamp(26px,4vw,56px)}
.ph{font-family:Mono;font-size:.78em;background:rgba(242,164,119,.16);color:var(--coral);border:1px dashed rgba(242,164,119,.6);border-radius:var(--r-xs);padding:1px 6px;white-space:normal}
/* builder */
.builder{padding:14vh 0}
.bgrid{display:grid;gap:18px;margin-top:40px}
@media(min-width:1040px){.bgrid{grid-template-columns:1.05fr .95fr;max-width:1060px}}
.builder .lead{max-width:48ch;color:var(--mist);margin-top:18px}
.chooser{padding:24px}
.toys{display:flex;flex-wrap:wrap;gap:8px}
.toy{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 6px;border-radius:var(--r-pill);background:rgba(246,241,232,.06);color:var(--ivory);border:1px solid rgba(246,241,232,.28);font:500 14.5px Hanken;cursor:pointer;transition:background .4s var(--ease),border-color .4s,transform .4s var(--ease)}
.toy .e{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(246,241,232,.1)}
.toy:hover{border-color:var(--ivory);transform:translateY(-2px)}
.toy[aria-pressed=true]{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.toy[aria-pressed=true] .e{background:var(--coral)}
.legend{display:flex;gap:18px;margin-top:18px;color:var(--mist);font-size:13px}
.legend b{font-family:Mono;font-weight:700;font-size:10px;letter-spacing:.12em;padding:3px 8px;border-radius:var(--r-pill);margin-right:6px}
.receipt{background:var(--ivory);color:var(--ink);border-radius:var(--r-md);padding:26px 24px 22px;position:relative;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);-webkit-mask:radial-gradient(circle 9px at 0 64%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 64%,#0000 98%,#000) right/51% 100% no-repeat}
.receipt .hd{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px dashed rgba(11,26,38,.35)}
.receipt .hd h3{font-family:Serif;font-weight:400;font-size:30px;line-height:1}
.receipt .hd .mono{color:#44535f}
.receipt ul{list-style:none;margin-top:6px;min-height:200px}
.receipt li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid rgba(11,26,38,.1);font-size:14.5px;line-height:1.35}
.receipt li b{flex:none;font-family:Mono;font-size:10px;letter-spacing:.12em;padding:3px 8px;border-radius:var(--r-pill);height:fit-content;margin-top:1px;width:52px;text-align:center}
.receipt .rank{color:var(--ink);border-color:rgba(11,26,38,.4)}
.receipt small{display:block;color:#4d5a64;font-size:12.5px;margin-top:2px}
.receipt .fine{font-size:12.5px;color:#4d5a64;margin-top:14px}
.receipt .fine a{color:var(--ink);font-weight:600}
.receipt .ft{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.receipt .btn{--bg:var(--ink);--fg:var(--ivory)}.receipt .btn .ar{background:var(--ivory);color:var(--ink)}.receipt .btn:hover{--fg:var(--ink)}
/* tickets */
.tickets{padding:14vh 0}
.tix{display:grid;gap:18px;margin-top:48px;perspective:1600px}
@media(min-width:900px){.tix{grid-template-columns:repeat(3,1fr)}}
.tkw{perspective:1600px;-webkit-perspective:1600px}
.tk{position:relative;height:440px;cursor:pointer;background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit;transform-style:preserve-3d;transition:transform 1s var(--ease)}
.tk.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.tk{-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tk .choose{margin-top:14px;width:100%;justify-content:space-between;--bg:var(--ink);--fg:var(--ivory)}.tk .choose .ar{background:var(--ivory);color:var(--ink)}.tk .choose:hover{--fg:var(--ink)}
.tk .f,.tk .b{position:absolute;inset:0;border-radius:var(--r-lg);padding:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--glass-line);transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.tk:hover .f{box-shadow:0 40px 70px -30px rgba(0,0,0,.7),inset 0 0 0 1px rgba(246,241,232,.4)}
.tk .f{transform:rotateY(0deg) translateZ(1px);-webkit-transform:rotateY(0deg) translateZ(1px)}.tk .f,.tk .b{transition:visibility 0s linear .45s,box-shadow .5s var(--ease)}.tk.flip .f{pointer-events:none;visibility:hidden}.tk:not(.flip) .b{pointer-events:none;visibility:hidden}.tk:focus-visible{outline:2px solid var(--coral);outline-offset:6px;border-radius:var(--r-lg)}
.tkw:nth-child(1) .tk .f{background:linear-gradient(160deg,#2a5a78,#12324a 70%)}
.tkw:nth-child(2) .tk .f{background:linear-gradient(160deg,#8a4f5c,#33304f 75%)}
.tkw:nth-child(3) .tk .f{background:linear-gradient(160deg,#c46a4c,#5a3140 80%)}
.tk .f::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 80% 0%,rgba(255,220,180,.22),transparent 60%);pointer-events:none}
.tk .b{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);background:var(--ivory);color:var(--ink)}
.tk .row{display:flex;justify-content:space-between;color:var(--mist)}
.tk .b .row{color:#4d5a64}
.tk .nm{font-family:Serif;font-size:34px;line-height:1}
.tk .pr{font-family:Serif;font-size:clamp(84px,8.4vw,128px);line-height:.85;letter-spacing:-.03em}
.tk .pr sup{font-size:.36em;vertical-align:.95em;margin-right:4px;color:var(--coral)}
.tk .tear{border-top:1px dashed rgba(246,241,232,.4);margin:0 -26px 16px}
.tk .ft{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.tk .flipme{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;border-radius:var(--r-pill);padding:8px 14px;font-size:13px;font-weight:600;transition:background .3s,color .3s}
.tk:hover .f .flipme{background:var(--ivory);color:var(--ink)}
.tk .b ul{list-style:none;margin-top:10px}.tk .b li{padding:12px 0;border-bottom:1px solid rgba(11,26,38,.12);font-size:15px}
.tk .b .ph{color:#8a3d22;background:rgba(217,113,79,.12);border-color:rgba(138,61,34,.5)}
/* final */
.final{display:flex;align-items:center;text-align:center;padding:16vh 0}
.final .big{font-size:clamp(52px,9.5vw,160px)}
.final .cta{justify-content:center;margin-top:36px}
.final p{margin-top:20px;color:var(--mist);font-size:13px}
@media(min-width:900px){footer .wrap{grid-template-columns:auto 1fr auto}}

.reveal{will-change:transform,opacity}
/* still fallback + enquiry */
body.still #gl{display:none}
body.glbg .ph-l{visibility:hidden}body.glbg .photos .shade{display:none}
body.still .loader{display:none}
@media(max-width:640px){.enquire .grid{grid-template-columns:1fr}.photos .shade{background:linear-gradient(180deg,rgba(11,26,38,.6),rgba(11,26,38,.5) 40%,rgba(11,26,38,.7))}.pcap{font-size:9px;opacity:.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.loader{display:none}}
.hero .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.hero .tag{color:var(--mist);margin-bottom:14px;white-space:nowrap}
.hero h2{font-size:clamp(34px,4vw,60px)}
.heroact{display:flex;align-items:center;gap:22px}.heroact p{color:var(--mist);font-size:15px}
.intro{max-width:56ch;color:var(--mist);margin-top:26px;font-size:17px}.intro strong{color:var(--ivory);font-weight:600}
.tkhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
@media(max-width:700px){.hero .tag{white-space:normal;font-size:10.5px}.hero h2{font-size:36px}.hero .wrap{flex-direction:column;align-items:flex-start}.heroact{flex-direction:column;align-items:flex-start;gap:12px}.tkhead .stamp{width:84px;height:84px}.tkhead .stamp::before{inset:22px}.tkhead .stamp::after{font-size:19px}}
.enquire .big{margin-bottom:36px}