/* Ngadju Dancers: shared styles */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#14100E;color:#F3EADF;font-family:'Public Sans',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#E9935C}a:hover{color:#F6C29A}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F6C29A;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#E07A3F;color:#14100E;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header */
.site-header{position:relative;z-index:30;border-bottom:1px solid rgba(243,234,223,0.10);background:rgba(20,16,14,0.92);backdrop-filter:blur(8px)}
.hdr{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#F3EADF}
.brand span{font-family:'Montserrat',sans-serif;font-weight:700;font-size:19px;letter-spacing:0.02em}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;font-weight:600;font-size:15px}
.nav a{color:#D8CCBF;text-decoration:none}
.nav a:hover,.nav a[aria-current="page"]{color:#E07A3F}
.nav .nav-cta{background:#E07A3F;color:#14100E;font-weight:700;padding:12px 22px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}
.nav .nav-cta:hover{color:#14100E}
.menu-btn{display:none;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(243,234,223,0.3);background:transparent;color:#F3EADF;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
@media (max-width: 960px){
.menu-btn{display:inline-flex;align-items:center;gap:8px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px;background:#14100E;border-bottom:1px solid rgba(243,234,223,0.12)}
.nav.open{display:flex}
.nav a{padding:14px 0;border-bottom:1px solid rgba(243,234,223,0.08);font-size:17px}
.nav .nav-cta{margin-top:16px;justify-content:center;border-bottom:0}
.brand span{font-size:16px}
}

/* Floating book button */
.floatbook{position:fixed;right:20px;bottom:20px;z-index:40;background:#E07A3F;color:#14100E;text-decoration:none;font-weight:700;font-size:15px;padding:15px 22px;border-radius:999px;min-height:52px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 34px -10px rgba(224,122,63,0.8);transition:transform .3s,box-shadow .3s}
.floatbook:hover{color:#14100E;transform:translateY(-3px);box-shadow:0 18px 40px -10px rgba(224,122,63,0.9)}
.floatbook i{width:8px;height:8px;border-radius:50%;background:#14100E}
@keyframes floatIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}

/* Shared motion */
@property --num{syntax:'<integer>';initial-value:0;inherits:false}
.count{counter-reset:num var(--num)}
.count::after{content:counter(num)}
.c30{--num:30}.c100{--num:100}
.motion .c30{animation:count30 2.4s cubic-bezier(.2,.7,.2,1) .6s both}
.motion .c100{animation:count100 2.8s cubic-bezier(.2,.7,.2,1) .8s both}
@keyframes count30{from{--num:0}to{--num:30}}
@keyframes count100{from{--num:0}to{--num:100}}
.motion .w{display:inline-block;animation:wordUp 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes wordUp{from{opacity:0;transform:translateY(0.6em) rotate(2deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.motion .fade{animation:fadeIn 1.2s ease-out both}
@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.motion .pop{animation:pop .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.motion .flow{stroke-dasharray:14 22;animation:flow 18s linear infinite}
.motion .flow.slow{animation-duration:30s}
.motion .flow.rev{animation-direction:reverse}
@keyframes flow{to{stroke-dashoffset:-720}}
.motion .draw{stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 4s cubic-bezier(.4,0,.2,1) .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.motion .glow{animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
.motion .orbit{animation:spin 40s linear infinite;transform-origin:50% 50%}
.motion .orbit.rev{animation-direction:reverse;animation-duration:60s}
@keyframes spin{to{transform:rotate(360deg)}}
.motion .marquee{animation:marquee 38s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.underline{background-image:linear-gradient(#E07A3F,#E07A3F);background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px}
.motion .underline{background-size:0% 3px;animation:under 1.4s cubic-bezier(.2,.8,.2,1) 1.4s forwards}
@keyframes under{to{background-size:100% 3px}}
.motion .kenburns{animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.14) translate(-2%,-1%)}}

.card{transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s}
.card:hover{transform:translateY(-8px);border-color:rgba(224,122,63,0.7) !important;box-shadow:0 24px 60px -20px rgba(224,122,63,0.45)}
.card .ph{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.card:hover .ph{transform:scale(1.06)}
.btn{transition:transform .3s,box-shadow .3s,background .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(224,122,63,0.7)}
.ghost:hover{background:rgba(243,234,223,0.08) !important}
.tile img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}
.tile:hover img{transform:scale(1.06)}
.tile{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s}

/* Scroll-driven motion where supported; observer fallback elsewhere */
@supports (animation-timeline: view()){
.motion.sd .reveal{animation:reveal both cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry 0% cover 28%}
.motion.sd .songline{stroke-dasharray:1600;animation:songline both linear;animation-timeline:view();animation-range:entry 10% cover 55%}
.motion.sd .vline{animation:vline both linear;animation-timeline:view();animation-range:entry 20% cover 60%;transform-origin:top}
.motion.sd .hline{animation:hline both linear;animation-timeline:view();animation-range:entry 10% cover 50%;transform-origin:left}
.motion.sd .bar{animation:bar both linear;animation-timeline:view();animation-range:entry 20% cover 50%;transform-origin:left}
.motion.sd .parallax{animation:parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.motion.sd .bigword{animation:bigword linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
@keyframes reveal{from{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}
@keyframes songline{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
@keyframes vline{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes hline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes parallax{from{transform:translateY(-8%) scale(1.14)}to{transform:translateY(8%) scale(1.14)}}
@keyframes bigword{from{transform:translateX(6%)}to{transform:translateX(-12%)}}
.motion.io .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.motion.io .reveal.in{opacity:1;transform:none}
.motion.io .bar,.motion.io .hline{transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.motion.io .vline{transform:scaleY(0);transform-origin:top;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.motion.io .bar.in,.motion.io .hline.in,.motion.io .vline.in{transform:none}
.parallax{transform:scale(1.14)}

/* Gallery */
.chip{min-height:46px;padding:0 22px;border-radius:999px;font:inherit;font-weight:700;font-size:15px;border:1.5px solid rgba(243,234,223,0.22);background:transparent;color:#F3EADF;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.chip:hover{border-color:rgba(224,122,63,0.8)}
.chip[aria-pressed="true"]{background:#E07A3F;border-color:#E07A3F;color:#14100E}
.shots{columns:3 300px;column-gap:18px}
.shot{position:relative;display:block;width:100%;margin:0 0 18px;padding:0;border:1px solid rgba(243,234,223,0.12);border-radius:20px;overflow:hidden;background:#2A211C;break-inside:avoid;cursor:zoom-in;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.shot[hidden]{display:none}
.shot:hover{transform:translateY(-4px);box-shadow:0 24px 60px -20px rgba(224,122,63,0.5)}
.shot img{width:100%;display:block;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}
.shot:hover img{transform:scale(1.05);filter:brightness(1.1)}
.shot .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(180deg,rgba(20,16,14,0) 0%,rgba(20,16,14,0.88) 100%);text-align:left;font-size:14px;color:#F3EADF;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.shot:hover .cap,.shot:focus-visible .cap{opacity:1;transform:none}
.shot .cap b{display:block;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#E9935C}
.lb{position:fixed;inset:0;z-index:60;background:rgba(14,11,10,0.95);display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}
.lb.open{display:flex;animation:fadeIn .35s ease-out both}
.lb img{max-width:100%;max-height:76vh;border-radius:14px;box-shadow:0 40px 120px -20px rgba(224,122,63,0.45);display:block}
.lb-ctrl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.lb-ctrl p{margin:0;min-width:220px;text-align:center;font-size:16px;color:#D8CCBF}
.round{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(243,234,223,0.35);background:transparent;color:#F3EADF;font-size:22px;cursor:pointer}
.close{min-height:52px;padding:0 22px;border-radius:999px;border:0;background:#E07A3F;color:#14100E;font:inherit;font-weight:700;font-size:15px;cursor:pointer}

/* Forms */
.field{min-height:54px;padding:0 18px;border:1.5px solid rgba(243,234,223,0.18);border-radius:14px;background:rgba(243,234,223,0.04);color:#F3EADF;font:inherit;width:100%;transition:border-color .3s,box-shadow .3s,background .3s}
textarea.field{padding:16px 18px;resize:vertical;min-height:140px}
select.field{background:#1E1815}
.field::placeholder{color:#8F8276}
.field:focus{outline:none;border-color:#E07A3F;box-shadow:0 0 0 4px rgba(224,122,63,0.22);background:rgba(243,234,223,0.07)}
.pill{position:relative;display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(243,234,223,0.2);font-weight:600;font-size:15px;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.pill input{position:absolute;opacity:0;width:1px;height:1px}
.pill:hover{border-color:rgba(224,122,63,0.7)}
.pill:has(input:checked){background:#E07A3F;border-color:#E07A3F;color:#14100E}
.pill:has(input:focus-visible){outline:3px solid #F6C29A;outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{border-radius:14px;padding:18px 22px;font-weight:600}
.notice.err{background:rgba(224,80,63,0.14);border:1px solid rgba(224,80,63,0.5)}

/* FAQ */
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.plus{transition:transform .3s}
details[open] .plus{transform:rotate(45deg)}

@media (max-width: 640px){
body{font-size:16px}
.floatbook{left:16px;right:16px;justify-content:center}
.pad-m{padding-left:28px !important;padding-right:28px !important}
}
/* Reduced motion: keep gentle fades and one-off reveals, stop continuous and large movement */
.calm .flow,.calm .orbit,.calm .kenburns,.calm .glow,.calm .parallax,.calm .bigword{animation:none !important}
.calm .parallax{transform:scale(1.05)}
.calm .card:hover,.calm .tile:hover,.calm .shot:hover,.calm .btn:hover{transform:none}
.calm .w{display:inline-block;animation:calmIn 1s ease-out both}
.calm .fade,.calm .pop{animation:calmIn 1s ease-out both}
@keyframes calmIn{from{opacity:0}to{opacity:1}}
.calm .c30{animation:count30 2s ease-out .4s both}
.calm .c100{animation:count100 2.4s ease-out .6s both}
.calm .underline{background-size:0% 3px;animation:under 1.2s ease-out 1s forwards}
.calm .draw{stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 3s ease-out .3s forwards}
.calm.io .reveal{opacity:0;transition:opacity 1s ease-out}
.calm.io .reveal.in{opacity:1}
.calm.io .bar,.calm.io .hline{transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease-out}
.calm.io .vline{transform:scaleY(0);transform-origin:top;transition:transform 1.4s ease-out}
.calm.io .bar.in,.calm.io .hline.in,.calm.io .vline.in{transform:none}

/* Brand: logo lockup, emblem and goanna mark */
.brand img{height:44px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(251,195,41,0.25))}
.brand .bt{display:flex;flex-direction:column;line-height:1.05}
.brand .bt b{font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;letter-spacing:0.01em;color:#FBC329}
.brand .bt small{margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:0.32em;color:#F3EADF}
.brand:hover img{transform:rotate(-6deg) scale(1.05)}
.brand img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (max-width:420px){.brand img{height:38px}.brand .bt b{font-size:16px}.brand .bt small{font-size:9px;letter-spacing:0.26em}}
.sep{height:0.85em;width:auto;vertical-align:-0.05em;display:inline-block}
.emblem-badge{position:absolute;z-index:3;left:-17%;bottom:-9%;width:42%;pointer-events:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,0.55)) drop-shadow(0 0 24px rgba(251,195,41,0.28))}
.emblem-badge img{display:block;width:100%;height:auto}
.motion .emblem-badge{animation:emblemIn 1.4s cubic-bezier(.2,.8,.2,1) .9s both}
.motion .emblem-badge img{animation:drift 7s ease-in-out 2.3s infinite}
@keyframes emblemIn{from{opacity:0;transform:scale(.6) rotate(-25deg)}to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}
.mark-wm{position:absolute;right:-70px;bottom:-110px;width:440px;height:auto;opacity:0.2;pointer-events:none}
.motion .mark-wm{animation:drift 9s ease-in-out infinite}
.foot-logo{display:block;width:300px;max-width:100%;height:auto}
.emblem-hero{position:relative;flex:0 1 420px;min-width:0;width:min(100%,420px);filter:drop-shadow(0 0 40px rgba(251,195,41,0.25))}
.emblem-hero img{display:block;width:100%;height:auto}
.motion .emblem-hero{animation:emblemIn 1.4s cubic-bezier(.2,.8,.2,1) .3s both}
.motion .emblem-hero img{animation:drift 7s ease-in-out 1.7s infinite}
.emblem-ring{position:absolute;left:50%;top:50%;width:118%;height:auto;margin:-59% 0 0 -59%;pointer-events:none}
@media (max-width:700px){.emblem-badge{left:-5%;bottom:-8%;width:36%}.mark-wm{width:300px;right:-80px;bottom:-90px}}
@media (max-width:700px){.emblem-hero{flex-basis:auto;width:min(68%,280px)}}

/* Outlined words: overlap-free cut of Unbounded so strokes don't cross inside letters */
@font-face{font-family:'Montserrat Outline';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/montserrat-900-outline.woff2) format('woff2')}
[style*="text-stroke"]{font-family:'Montserrat Outline','Montserrat',sans-serif !important;font-weight:900 !important}
/* Marquee: goanna wheels roll with the words */
.marquee{align-items:center}
.wheel{display:block;flex:none;height:46px;margin:0 5px 0 -5px;width:auto;transform-origin:58.3% 49.5%;animation:roll var(--roll,2.42s) linear infinite}
@keyframes roll{to{transform:rotate(-360deg)}}
.calm .marquee{animation:marquee 64s linear infinite}
.calm .wheel{--roll:4.07s}
.marquee:hover,.marquee:hover .wheel{animation-play-state:paused}
/* Decorative lines stay clear of text and buttons */
.lines{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 55%,#000 85%);mask-image:linear-gradient(90deg,transparent 0,transparent 55%,#000 85%)}
@media (max-width:900px){.lines{display:none}}
.mark-wm{right:-80px;bottom:-140px;width:330px}
@media (max-width:700px){.mark-wm{top:-50px;bottom:auto;right:-60px;width:200px;opacity:.14}}
.mark-wm{top:-80px;right:-60px;bottom:auto;width:260px;opacity:.2}
/* Floating Book button: appears once the hero buttons are out of view, steps aside for the footer */
.floatbook{opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .4s ease,transform .4s ease,box-shadow .3s}
.floatbook.show{opacity:1;transform:none;pointer-events:auto}
.floatbook.show:hover{transform:translateY(-3px)}
@media (max-width:1100px){.steps-line{display:none}}
/* Photos with people: keep headings and copy off faces and bodies */
@media (min-width:901px){
.hero-photo-right{left:34% !important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.hero-shade-left{background:linear-gradient(90deg,#14100E 0%,rgba(20,16,14,0.9) 34%,rgba(20,16,14,0.2) 62%,rgba(20,16,14,0.25) 100%),linear-gradient(180deg,rgba(20,16,14,0) 60%,rgba(20,16,14,0.9) 100%) !important}
}
@media (max-width:700px){.photo-band{height:340px !important}}
.brand img,.emblem-hero{filter:none}
.btn,.ghost,.nav-cta{white-space:nowrap}
@media (max-width:1100px){.steps-line + ol > li{padding-top:0 !important}}
@media (max-width:700px){
.fade > div[style*="height: 560px"]{height:380px !important}
.collage{grid-template-columns:1fr !important;height:auto !important}
.collage .tile{height:300px !important}
.collage .tile + .tile{height:220px !important}
}
@media (max-width:700px){.w.underline{display:inline}}
/* At a glance: one panel, four equal columns, same type in every cell */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(243,234,223,0.10);border:1px solid rgba(243,234,223,0.10);border-radius:28px;overflow:hidden}
.stat{background:#1A1513;padding:36px 28px 34px}
.stat-v{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(40px,3.6vw,52px);line-height:1;letter-spacing:-0.02em;color:#E07A3F;white-space:nowrap}
.stat-l{margin-top:16px;font-size:16px;line-height:1.5;color:#BFB1A3;max-width:220px}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:28px 20px}}
@media (max-width:480px){.stat-v{font-size:32px}.stat-l{font-size:15px}}
/* Header: the full logo, big */
.hdr{padding:14px 24px}
.brand img{height:72px;width:auto;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.brand:hover img{transform:scale(1.03)}
@media (max-width:700px){.brand img{height:50px}.hdr{padding:12px 16px}}
/* Home hero: the logo, big */
.hero-logo{display:block;width:min(100%,600px);height:auto;margin:0 0 30px}
.hero-kicker{margin:0 0 18px;font-weight:600;font-size:14px;letter-spacing:0.16em;text-transform:uppercase;color:#E9935C}
.foot-logo{width:380px}

/* Faint goannas clustered down both sides (different on each side), clear down the middle; they scroll with the content */
body{position:relative}
body::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.13;
background:url(/assets/brand/goanna-left3.webp?v=1) left -170px top 0/700px auto repeat-y,url(/assets/brand/goanna-right3.webp?v=1) right -170px top 260px/700px auto repeat-y}
@media (max-width:1100px){body::before{background-position:left -260px top 0,right -260px top 260px}}
@media (max-width:700px){body::before{background-size:380px auto,380px auto;background-position:left -150px top 0,right -150px top 180px}}
@media print{body::before{display:none}}
main#main{background:transparent!important}

/* Carry Culture panel: payment options */
.cc-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;color:#BFB1A3}
.cc-pay span.pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,234,223,0.22);color:#F3EADF;font-weight:700;font-size:13px;letter-spacing:.02em}
.cc-pay span.pill.later{background:rgba(224,122,63,0.14);border-color:rgba(224,122,63,0.55)}
/* let the background goanna show faintly through the darker bands too */
section[style*="background: #1A1411"]{background:rgba(26,20,17,0.82)!important}