:root {
--peri: #b9cbf7;
--lime: #eef58a;
--pink: #f6b2c6;
--maroon: #2e0711;
--maroon-2: #451321;
--orange: #ff5a36;
--white: #fffdf8;
--ink: #2e0711;
--wa: #25d366;
--f-display: "Anton", "Impact", "Arial Narrow", sans-serif;
--f-serif: "Instrument Serif", "Times New Roman", serif;
--f-body: "Geist", "Helvetica Neue", Arial, sans-serif;
--gl: max(20px, env(safe-area-inset-left, 0px));
--gr: max(20px, env(safe-area-inset-right, 0px));
--ease: cubic-bezier(.2,.8,.2,1);
color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--maroon); color: var(--ink); font-family: var(--f-body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
button { font: inherit; }
[hidden] { display: none !important; }
.heavy { font-family: var(--f-display); font-weight: 400; text-transform: uppercase; line-height: .9; letter-spacing: 0; }
.heavy .ln { display: block; white-space: nowrap; }
.tall { font-family: var(--f-serif); font-weight: 400; line-height: .95; letter-spacing: -.01em; }
.caps { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; line-height: 1.45; }
.sq { position: relative; width: max-content; }
.sq > svg { position: absolute; z-index: 2; left: -3%; width: 106%; height: .4em; bottom: .06em; overflow: visible; pointer-events: none; }
.scrib path { fill: none; stroke: var(--orange); stroke-width: 9px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.scrib { clip-path: inset(-50% 100% -50% -5%); transition: clip-path 1.1s var(--ease) .35s; }
.scrib.is-in, .in-view .scrib { clip-path: inset(-50% -5% -50% -5%); }
@keyframes scribIn { from { clip-path: inset(-50% 100% -50% -5%); } to { clip-path: inset(-50% -5% -50% -5%); } }
.hero .scrib { animation: scribIn 1.1s var(--ease) .8s both; }
.wk .wk-hero .scrib { animation: scribIn 1.1s var(--ease) .6s both; }
.wk .wk-form .scrib.is-in { animation: scribIn 1.1s var(--ease) .2s both; }
.band { position: sticky; top: 0; background: var(--bg); color: var(--fg, var(--ink)); padding-block: 5rem 5.4rem; padding-left: var(--gl); padding-right: var(--gr); box-shadow: 0 -22px 40px -18px rgb(46 7 17 / .55); overflow: hidden; isolation: isolate; min-height: calc(100svh - var(--hh, 64px)); display: flex; flex-direction: column; justify-content: center; }
.band > .wrap { width: 100%; transform-origin: 50% 0; transform: scale(calc(1 - var(--cover, 0) * .05)); }
.band::after { content: ""; position: absolute; inset: 0; z-index: 30; pointer-events: none; background: var(--maroon); opacity: calc(var(--cover, 0) * .55); }
.final { padding-bottom: 8rem !important; }
.d-only { display: none !important; }
.wrap { max-width: 1180px; margin: 0 auto; }
.rv { transform: translateY(40px); transition: transform 1s var(--ease); }
.rv.in { transform: none; opacity: 1; }
.heavy .ln.mk, .tall .mk { display: block; overflow: hidden; padding-top: .16em; margin-top: -.16em; }
.mk > .mi { display: inline-block; transform: translateY(105%); transition: transform 1s var(--ease); }
.in-view .mk > .mi { transform: none; }
.in-view .mk:nth-child(2) > .mi { transition-delay: .1s; }
.in-view .mk:nth-child(3) > .mi { transition-delay: .2s; }
.ir { clip-path: inset(14% 0 0 0 round 12px); transition: clip-path 1.2s var(--ease); }
.ir img { transform: scale(1.14); transition: transform 1.6s var(--ease); }
.ir.in-view { clip-path: inset(0 0 0 0 round 12px); }
.ir.in-view img { transform: scale(1); }
.px img { translate: 0 calc(var(--py, 0) * 1px); }
.top { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; justify-content: space-between; padding: calc(.9rem + env(safe-area-inset-top, 0px)) var(--gr) .9rem var(--gl); background: var(--peri); transition: box-shadow .3s; }
.top[data-solid="true"] { box-shadow: 0 6px 24px -12px rgb(46 7 17 / .5); }
.brand { display: flex; align-items: center; gap: .55rem; }
.brand img { width: 2.6rem; height: auto; }
.brand span { font-weight: 600; font-size: .78rem; line-height: 1.05; letter-spacing: .06em; text-transform: uppercase; }
.top nav { display: none; gap: 1.8rem; font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.top nav a { position: relative; }
.top nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); }
.top nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.burger { display: grid; gap: 5px; padding: .6rem; border: 0; background: none; cursor: pointer; }
.burger span { width: 24px; height: 2px; background: var(--ink); transition: transform .3s var(--ease); }
.top[data-open="true"] .burger span:first-child { transform: translateY(3.5px) rotate(45deg); }
.top[data-open="true"] .burger span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.menu { position: fixed; z-index: 65; inset: 0; display: grid; align-content: center; gap: .3rem; padding: 6rem var(--gr) 8rem var(--gl); background: var(--lime); clip-path: inset(0 0 100% 0); transition: clip-path .55s var(--ease); }
.menu a { font-family: var(--f-display); font-size: 3.4rem; line-height: 1.05; text-transform: uppercase; }
.top[data-open="true"] + .menu { clip-path: inset(0); }
.hero { --bg: var(--peri); box-shadow: none; padding-top: .8rem; padding-bottom: 0; margin-bottom: 0; }
.hero .wrap { position: relative; display: grid; }
.hero h1 { position: relative; color: var(--lime); font-size: clamp(3.6rem, 17.6vw, 9rem); line-height: .86; }
.hero h1 .ln { overflow: hidden; padding-top: .16em; margin-top: -.16em; }
.hero h1 .ln > span { display: block; animation: rise .9s var(--ease) both; }
.hero h1 .ln:nth-child(2) > span { animation-delay: .12s; }
.hero h1 .hsq { position: absolute; left: -1%; right: 3%; top: 38%; height: .42em; }
.hero h1 .hsq svg { width: 100%; height: 100%; overflow: visible; }
@keyframes rise { from { transform: translateY(105%); } to { transform: none; } }
.hero .by { margin-top: .6rem; font-size: clamp(3.2rem, 16vw, 7rem); max-width: 10ch; animation: fade .9s var(--ease) .3s both; }
@keyframes fade { from { transform: translateY(20px); opacity: .001; } to { transform: none; opacity: 1; } }
.hero__row { position: relative; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-top: 1.1rem; }
.stars { font-size: 1.35rem; letter-spacing: .12em; line-height: 1; }
.hero__row p { margin-top: .35rem; font-weight: 600; font-size: 1rem; }
.sticker { position: relative; display: grid; place-items: center; align-content: center; width: var(--s, 6.6rem); aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%; background: var(--orange); color: var(--ink); font-family: var(--f-display); font-size: calc(var(--s, 6.6rem) * .16); line-height: 1; text-align: center; text-transform: uppercase; transition: transform .3s var(--ease); animation: wob 4s ease-in-out infinite; }
.sticker svg { width: 1.4em; margin-top: .25em; }
.sticker:hover { transform: scale(1.08) rotate(-8deg); }
@keyframes wob { 50% { rotate: -6deg; } }
.hero__photo { position: relative; z-index: 1; margin: -1.2rem calc(var(--gr) * -1) 0 calc(var(--gl) * -1); pointer-events: none; }
.hero__photo img { width: auto; max-width: 100%; height: min(64svh, 140vw); object-fit: contain; object-position: 50% 100%; margin: 0 auto; translate: 0 calc(var(--hp, 0) * 40px); }
.state { --bg: var(--maroon); --fg: var(--white); }
.state h2 { font-size: clamp(2.7rem, 11.5vw, 6rem); text-transform: uppercase; }
.state p { margin-top: 1.2rem; max-width: 40ch; font-size: 1rem; line-height: 1.55; color: rgb(255 253 248 / .82); }
.spec { --bg: var(--lime); }
.spec h2 { font-size: clamp(2.2rem, 12.4vw, 4.6rem); }
.feats { display: grid; margin-top: 1.4rem; }
.feat { display: grid; grid-template-columns: 2.6rem 1fr; align-items: center; gap: .9rem; padding: .95rem 0; border-bottom: 1px solid rgb(46 7 17 / .2); }
.feat:last-child { border-bottom: 0; }
.feat svg { width: 1.7rem; height: 1.7rem; }
.feat p { font-size: .88rem; line-height: 1.3; }
.foot-mini { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 1.4rem; }
.foot-mini .caps { font-size: .62rem; text-align: right; }
.vid { --bg: var(--peri); }
.vid h2 { font-size: clamp(3.3rem, 16vw, 7rem); }
.vid .caps { margin-top: 1rem; }
.vframe { position: relative; margin-top: 2rem; border-radius: 14px; overflow: hidden; background: var(--maroon); aspect-ratio: 16 / 9; box-shadow: 0 30px 60px -30px rgb(46 7 17 / .7); }
.vframe video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.play { position: absolute; left: 50%; top: 50%; width: 4.6rem; height: 4.6rem; translate: -50% -50%; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--lime); color: var(--ink); cursor: pointer; transition: transform .3s var(--ease), opacity .3s; animation: pulse 2.4s var(--ease) infinite; }
.play svg { width: 1.6rem; margin-left: 4px; }
.play:hover { transform: scale(1.1); }
.vframe[data-sound="true"] .play { opacity: 0; pointer-events: none; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgb(238 245 138 / .7); } 80%, 100% { box-shadow: 0 0 0 22px rgb(238 245 138 / 0); } }
.vbar { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: .8rem; padding: 1.4rem .9rem .7rem; background: linear-gradient(transparent, rgb(0 0 0 / .55)); color: var(--white); font-size: .72rem; font-weight: 500; }
.vbar .track { grid-column: 1 / -1; height: 3px; border-radius: 3px; background: rgb(255 253 248 / .35); overflow: hidden; }
.vbar .track b { display: block; height: 100%; width: calc(var(--vp, 0) * 100%); background: var(--white); }
.vbar button { display: grid; place-items: center; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; }
.vbar button svg { width: 1.15rem; height: 1.15rem; }
.work { --bg: var(--lime); }
.work h2 { font-size: clamp(3.3rem, 16vw, 7rem); }
.work__head { display: grid; gap: 1.1rem; }
.work__meta { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.strip__nav { display: flex; align-items: center; gap: .3rem; }
.strip__count { margin-right: .5rem; font-size: .78rem; font-weight: 600; letter-spacing: .06em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.strip__nav button { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1.5px solid currentColor; border-radius: 50%; background: none; color: var(--ink); cursor: pointer; transition: background .25s, color .25s; }
.strip__nav button:hover { background: var(--ink); color: var(--lime); }
.strip__nav svg { width: 1.1rem; }
.strip { display: flex; gap: .9rem; margin: 1.8rem calc(var(--gr) * -1) 0 calc(var(--gl) * -1); padding: 0 var(--gr) .4rem var(--gl); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--gl); scrollbar-width: none; }
.strip::-webkit-scrollbar { display: none; }
.shotc { position: relative; flex: 0 0 72%; aspect-ratio: 4 / 5; border-radius: 16px; overflow: hidden; background: var(--maroon); scroll-snap-align: start; }
.shotc img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; transition: transform .8s var(--ease); }
.shotc:hover img { transform: scale(1.05); }
.shotc::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgb(46 7 17 / .7)); }
.shotc__n { position: absolute; z-index: 1; top: .8rem; left: .9rem; font-family: var(--f-display); font-size: 1rem; color: var(--white); text-shadow: 0 1px 8px rgb(0 0 0 / .4); }
.shotc__l { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .9rem; font-family: var(--f-display); font-size: 1.5rem; line-height: 1; color: var(--white); text-transform: uppercase; }
.ws { --bg: var(--pink); }
.ws h2 { font-size: clamp(3.3rem, 16vw, 7rem); }
.ws .tall { margin-top: .6rem; font-size: clamp(1.9rem, 8.4vw, 3.2rem); text-transform: uppercase; }
.ws .lead { margin-top: 1.2rem; max-width: 40ch; font-size: .96rem; line-height: 1.5; }
.wscard { margin-top: 2rem; padding: 1.3rem 1.2rem 1.2rem; border-radius: 14px; background: var(--white); box-shadow: 0 20px 40px -26px rgb(46 7 17 / .5); }
.wsph { aspect-ratio: 4 / 3.4; border-radius: 10px; overflow: hidden; margin-bottom: 1.2rem; }
.wsph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
.wscard h3 { font-size: .86rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.wscard ul { display: grid; gap: .45rem; margin: 1rem 0 1.4rem; padding: 0; list-style: none; }
.wscard li { display: flex; align-items: center; gap: .6rem; font-size: .96rem; }
.wscard li svg { width: 1.1rem; color: var(--orange); flex: 0 0 auto; }
.pill { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; width: 100%; padding: 1rem 1.3rem; border-radius: 999px; background: var(--maroon); color: var(--white); font-size: .8rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; transition: background .25s, transform .25s var(--ease); }
.pill svg { width: 1.3rem; transition: transform .3s var(--ease); }
.pill:hover { background: var(--orange); transform: translateY(-2px); }
.pill:hover svg { transform: translateX(5px); }
.par { --bg: var(--peri); }
.par h2 { font-size: clamp(3.2rem, 15vw, 6.6rem); }
.par .caps { margin-top: 1rem; }
.pgrid { display: grid; gap: 1.1rem; margin-top: 2rem; }
.pcard { display: grid; grid-template-columns: 40% 1fr; align-items: center; gap: 1rem; padding: .9rem; border-radius: 14px; background: var(--white); transition: transform .35s var(--ease); }
.pcard img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.pcard .logo { display: grid; place-items: center; aspect-ratio: 1; border-radius: 10px; background: var(--white); }
.pcard .logo img { width: 72%; aspect-ratio: auto; border-radius: 0; }
.pcard h3 { font-family: var(--f-display); font-weight: 400; font-size: 1.55rem; line-height: 1; text-transform: uppercase; }
.pcard p { margin-top: .5rem; }
.pcard .arrow { display: block; margin: .8rem 0 0 auto; width: 1.4rem; }
.team { --bg: var(--maroon); --fg: var(--white); }
.team__head { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 1rem; }
.team h2 { font-size: clamp(2.9rem, 13vw, 6.4rem); text-transform: uppercase; }
.team__head p { font-size: .8rem; line-height: 1.4; color: rgb(255 253 248 / .8); }
.members { display: grid; gap: 1.1rem; margin-top: 2rem; }
.member { display: grid; grid-template-columns: 44% 1fr; gap: 1rem; padding: .7rem; border-radius: 14px; background: var(--maroon-2); transition: background .3s; }
.member:hover { background: #561a2a; }
.member .ph { aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--peri); }
.member .ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 14%; }
.member > div:last-child { display: flex; flex-direction: column; padding: .5rem 0; }
.member h3 { font-family: var(--f-display); font-weight: 400; font-size: 1.4rem; line-height: 1.02; text-transform: uppercase; }
.member .caps { margin-top: .5rem; font-size: .62rem; color: rgb(255 253 248 / .75); }
.member svg { display: block; width: 1.3rem; margin: auto 0 0 auto; }
.trust { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1.5rem; text-align: center; }
.trust div { display: grid; justify-items: center; gap: .5rem; padding: .3rem .4rem; }
.trust div + div { border-left: 1px solid rgb(255 253 248 / .2); }
.trust svg { width: 1.6rem; height: 1.6rem; }
.trust .caps { font-size: .6rem; }
.final { --bg: var(--lime); }
.final h2 { font-size: clamp(2.6rem, 12.6vw, 8rem); }
.final .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.6rem; }
.final .row p { font-size: 1rem; line-height: 1.5; }
.final .row a.map { font-weight: 700; border-bottom: 2px solid var(--ink); }
.foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.2rem; padding-top: 1.2rem; border-top: 1px solid rgb(46 7 17 / .2); }
.foot nav { display: flex; gap: 1rem; font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.foot nav a:hover { color: var(--orange); }
.bar { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: .55rem; padding: .7rem var(--gr) calc(.8rem + env(safe-area-inset-bottom, 0px)) var(--gl); pointer-events: none; }
.bar > * { pointer-events: auto; }
.book { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; height: 2.9rem; padding: 0 1.15rem; border-radius: 999px; background: var(--orange); color: var(--ink); font-family: var(--f-display); font-size: 1rem; text-transform: uppercase; box-shadow: 0 12px 26px -10px rgb(46 7 17 / .6); transition: transform .25s var(--ease); }
.book svg { width: 1.1rem; transition: transform .3s var(--ease); }
.book:hover { transform: translateY(-2px); }
.wa { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; flex: 0 0 auto; border-radius: 50%; background: var(--wa); color: #fff; box-shadow: 0 12px 26px -10px rgb(46 7 17 / .6); transition: transform .25s var(--ease); }
.wa svg { width: 1.45rem; }
.wa:hover { transform: scale(1.08); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.bkw { margin-top: 1.4rem; display: grid; gap: 2.2rem; padding: 1.6rem 1.25rem 1.8rem; border-radius: 20px; background: var(--white); box-shadow: 0 30px 60px -34px rgb(46 7 17 / .7); min-width: 0; }
.bks { min-width: 0; }
.bkl { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; font-family: var(--f-display); font-size: 1.25rem; text-transform: uppercase; line-height: 1; }
.bkl b { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--orange); font-family: var(--f-body); font-size: .78rem; font-weight: 700; }
.bkb { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.bkb button { display: grid; justify-items: center; gap: .55rem; padding: 1rem .4rem .9rem; border: 2px solid transparent; border-radius: 14px; background: #f2efe8; color: var(--ink); cursor: pointer; transition: border-color .25s, background .25s, transform .3s var(--ease); }
.bkb button:hover { transform: translateY(-2px); }
.bkb img { width: 3.6rem; height: 3.6rem; border-radius: 50%; object-fit: cover; object-position: 50% 12%; background: var(--peri); }
.bkb strong { font-family: var(--f-display); font-weight: 400; font-size: 1.02rem; text-transform: uppercase; line-height: 1; }
.bkb small { font-size: .66rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; opacity: .65; }
.bkb button[aria-checked="true"] { border-color: var(--ink); background: var(--lime); }
.bksv { display: grid; gap: .6rem; }
.bksv button { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .35rem 1rem; width: 100%; padding: 1rem 1.1rem; border: 2px solid #ebe6dc; border-radius: 12px; background: none; color: var(--ink); text-align: left; cursor: pointer; transition: border-color .25s, background .25s; }
.bksv button span { font-weight: 600; font-size: .95rem; line-height: 1.3; }
.bksv button small { grid-column: 1; font-size: .74rem; opacity: .6; }
.bksv button b { grid-row: 1 / span 2; grid-column: 2; font-family: var(--f-display); font-weight: 400; font-size: 1.3rem; }
.bksv button[aria-checked="true"] { border-color: var(--ink); background: var(--lime); }
.bksv .grp { display: block; margin: .5rem 0 .1rem; font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .55; }
.bkd { display: flex; gap: .5rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .2rem .2rem .5rem; margin: 0 -.2rem; scrollbar-width: none; }
.bkd::-webkit-scrollbar { display: none; }
.bkd button { flex: 0 0 3.9rem; display: grid; justify-items: center; gap: .1rem; padding: .7rem 0; border: 2px solid #ebe6dc; border-radius: 12px; background: none; color: var(--ink); cursor: pointer; scroll-snap-align: start; transition: border-color .25s, background .25s; }
.bkd button small { font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; opacity: .65; }
.bkd button strong { font-family: var(--f-display); font-weight: 400; font-size: 1.35rem; line-height: 1.05; }
.bkd button:disabled { opacity: .3; cursor: default; }
.bkd button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: var(--white); }
.bkt { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.4rem, 1fr)); gap: .55rem; margin-top: 1rem; min-height: 2.8rem; }
.bkt button { padding: .75rem 0; border: 2px solid #ebe6dc; border-radius: 999px; background: none; color: var(--ink); font-weight: 600; font-size: .9rem; font-variant-numeric: tabular-nums; cursor: pointer; transition: border-color .2s, background .2s; }
.bkt button:hover { border-color: var(--ink); }
.bkt button[aria-pressed="true"] { border-color: var(--orange); background: var(--orange); }
.bkt .msg { grid-column: 1 / -1; font-size: .88rem; opacity: .7; }
.bkt .msg a { font-weight: 700; border-bottom: 2px solid currentColor; }
.bkt .sk { height: 2.6rem; border-radius: 999px; background: linear-gradient(90deg, #f2efe8 30%, #e6e1d6 50%, #f2efe8 70%); background-size: 300% 100%; animation: sk 1.2s linear infinite; }
@keyframes sk { to { background-position: -150% 0; } }
.bksum p { font-size: .85rem; line-height: 1.35; min-width: 0; }
.bksum p b { display: block; font-size: 1rem; }
.bkgo { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; height: 3.4rem; padding: 0 1.4rem; border: 0; border-radius: 999px; background: var(--maroon); color: var(--white); font-family: var(--f-display); font-size: 1.1rem; text-transform: uppercase; cursor: pointer; transition: background .25s, transform .3s var(--ease); }
.bkgo svg { width: 1.1rem; }
.bkgo:not(:disabled):hover { background: var(--orange); color: var(--ink); transform: translateY(-2px); }
.bkgo:disabled { opacity: .3; cursor: default; }
.bp { position: fixed; inset: 0; z-index: 95; display: grid; grid-template-columns: minmax(0, 1fr); background: var(--peri); animation: bpIn .5s var(--ease); }
.bp__side { display: none; }
.bp__main { display: flex; flex-direction: column; min-height: 0; min-width: 0; height: 100svh; }
.bp__top { display: flex; align-items: center; justify-content: space-between; padding: calc(.9rem + env(safe-area-inset-top, 0px)) var(--gr) .9rem var(--gl); }
.bp__x { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border: 0; border-radius: 50%; background: var(--maroon); color: var(--white); cursor: pointer; transition: transform .3s var(--ease); }
.bp__x:hover { transform: rotate(90deg); }
.bp__x svg { width: 1.1rem; }
.bp__body { flex: 1; min-height: 0; min-width: 0; overflow-y: auto; overscroll-behavior: contain; padding: .6rem var(--gr) 2rem var(--gl); }
.bp__body h2 { font-size: clamp(2.4rem, 11vw, 5.2rem); line-height: .98; }
.bp .scrib { transition-delay: .5s; }
.bp__body h2 .sq { display: inline-block; }
.bp__sub { margin-top: .8rem; }
.bp .bkw { margin-top: 1.3rem; }
.bp .bksum { flex: 0 0 auto; display: grid; grid-template-columns: 1fr; gap: .7rem; padding: 1rem var(--gr) calc(.9rem + env(safe-area-inset-bottom, 0px)) var(--gl); background: var(--white); box-shadow: 0 -16px 30px -20px rgb(46 7 17 / .45); }
.bkc { margin-top: 1.2rem; display: flex; flex-direction: column; height: min(78svh, 760px); }
.bkc__back { align-self: flex-start; display: inline-flex; align-items: center; gap: .5rem; padding: .5rem .9rem; border: 0; border-radius: 999px; background: var(--white); color: var(--ink); font-weight: 600; font-size: .82rem; cursor: pointer; }
.bkc__back svg { width: 1rem; }
.bkc__note { margin: .8rem 0; font-size: .95rem; line-height: 1.5; }
.bkc__note b { background: var(--lime); padding: 0 .25em; border-radius: 4px; }
.bkc__fr { flex: 1; min-height: 0; border-radius: 16px; overflow: hidden; background: var(--white); box-shadow: 0 30px 60px -34px rgb(46 7 17 / .7); }
.bkc__fr iframe { display: block; width: 100%; height: 100%; border: 0; }
.bkc__alt { align-self: center; margin-top: .7rem; font-size: .78rem; font-weight: 600; border-bottom: 1.5px solid currentColor; }
.bp.is-confirm .bkw, .bp.is-confirm .bksum { display: none; }
@keyframes bpIn { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes bpImg { from { transform: translateY(8%); opacity: 0; } }
.vid .vframe.rv { transform: scale(.86); transition: transform 1.3s var(--ease); }
.vid .vframe.rv.in { transform: none; }
.shotc.rv { opacity: 0; transform: translateX(90px) rotate(3deg); transition: transform 1.1s var(--ease), opacity .8s; }
.shotc.rv.in { opacity: 1; transform: none; }
.pcard.rv { opacity: 0; transform: perspective(900px) rotateX(22deg) translateY(50px); transform-origin: 50% 100%; transition: transform 1.1s var(--ease), opacity .8s; }
.pcard.rv.in { opacity: 1; transform: none; }
.member.rv { opacity: 0; transform: translateX(-50px); transition: transform 1s var(--ease), opacity .7s; }
.member.rv.in { opacity: 1; transform: none; }
.feat.rv, .wscard li.rv { opacity: 0; transform: translateX(-28px); transition: transform .9s var(--ease), opacity .7s; }
.feat.rv.in, .wscard li.rv.in { opacity: 1; transform: none; }
.wscard.rv { clip-path: inset(0 100% 0 0 round 14px); transform: none; transition: clip-path 1.2s var(--ease); }
.wscard.rv.in { clip-path: inset(0 0 0 0 round 14px); }
.final .sticker.rv { transform: scale(.2) rotate(-40deg); transition: transform 1s cubic-bezier(.3,1.6,.5,1); }
.final .sticker.rv.in { transform: none; }
.state p.rv, .vid .caps.rv, .work .caps.rv, .par .caps.rv { opacity: 0; transform: translateY(18px); transition: transform .9s var(--ease), opacity .9s; transition-delay: .25s !important; }
.state p.rv.in, .vid .caps.rv.in, .work .caps.rv.in, .par .caps.rv.in { opacity: 1; transform: none; }
@media (max-width: 899px) {
.band:not(.hero):not(.final) { padding-bottom: calc(5.4rem + 18svh); }
.band > .wrap { transform: none; }
.band::after { opacity: calc(var(--cover, 0) * .35); }
}
@media (min-width: 900px) {
:root { --gl: max(32px, env(safe-area-inset-left, 0px), 5vw); --gr: max(32px, env(safe-area-inset-right, 0px), 5vw); }
.m-only { display: none !important; }
.d-only { display: revert !important; }
.band { padding-block: 6vw 6.4vw; }
.hero { padding-block: .6vw 0 !important; justify-content: flex-end; }
.final { padding-bottom: 0 !important; padding-top: 2vw; min-height: 0; }
.wrap { max-width: none; }
.rule { display: block !important; width: 2.4rem; height: 1px; margin-top: 1.1rem; background: currentColor; }
.top { padding-block: 1.1rem; }
.top nav { display: flex; margin: 0 auto 0 5vw; gap: 2.2rem; font-size: .74rem; }
.burger { display: none; }
.loc { display: flex !important; align-items: center; gap: .45rem; font-size: .74rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.loc svg { width: .9rem; }
.hero .wrap { grid-template-columns: 56% 44%; align-items: end; height: calc(100svh - var(--hh, 64px) - 11vw); min-height: 30vw; }
.hero__text { align-self: center; padding-bottom: 1vw; }
.hero h1 { font-size: 8.4vw; line-height: .84; width: max-content; }
.hero h1 .hsq { top: 36%; right: 8%; }
.hero .by { max-width: none; margin-top: .3vw; font-size: 5.4vw; white-space: nowrap; }
.hero__row { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: center; gap: 0 3vw; margin-top: 1.6vw; }
.hero__row > div { display: flex; align-items: center; gap: 1.6vw; }
.stars { font-size: 1.9vw; }
.hero__row p { margin: 0; font-size: 1.15vw; font-weight: 500; }
.hero .sticker { --s: 7vw; position: relative; z-index: 4; }
.hero__photo { margin: 0; height: 100%; overflow: hidden; }
.hero__photo img { width: 92%; height: auto; max-width: none; margin: 0 0 0 4%; object-fit: initial; translate: 0 0; transform: none; }
.vid .wrap { display: grid; grid-template-columns: 34% 1fr; gap: 3vw; align-items: center; }
.vid h2, .work h2, .ws h2 { font-size: 6.4vw; }
.vid .caps { margin-top: 1.4vw; font-size: .9vw; line-height: 1.6; font-weight: 500; letter-spacing: .04em; }
.vframe { margin: 0; border-radius: 14px; }
.play { background: var(--orange); color: var(--white); width: 5.2vw; height: 5.2vw; }
.vbar { display: none; }
.work { --bg: var(--pink); }
.work .caps { margin: 0; font-size: .82vw; font-weight: 500; letter-spacing: .04em; }
.work__head { grid-template-columns: 1fr auto; align-items: end; }
.work__meta { gap: 3vw; }
.strip { gap: 1.4vw; margin-top: 2.6vw; }
.shotc { flex-basis: 21vw; border-radius: 12px; }
.shotc__l { font-size: 1.5vw; left: 1.2vw; bottom: 1.1vw; }
.shotc__n { font-size: 1vw; top: 1vw; left: 1.2vw; }
.ws .wrap { display: grid; grid-template-columns: 34% 1fr; gap: 3vw; align-items: center; }
.ws .tall { margin-top: .4vw; font-size: 2.6vw; }
.ws .lead { margin-top: 1.2vw; font-size: 1.05vw; }
.wscard { display: grid !important; grid-template-columns: 42% 1fr; height: 25vw; margin: 0; padding: 0; overflow: hidden; border-radius: 12px; }
.wsph { overflow: hidden; aspect-ratio: auto; margin: 0; border-radius: 0; }
.wsph img { object-position: 50% 12%; }
.wsbody { display: flex; flex-direction: column; justify-content: center; padding: 2vw 2.2vw; }
.wscard h3 { font-family: var(--f-serif); font-size: 1.7vw; font-weight: 400; letter-spacing: 0; }
.wscard li { font-size: 1.05vw; }
.pill { width: auto; align-self: flex-start; padding: 1vw 2vw; font-size: .9vw; }
.par .wrap { display: grid; grid-template-columns: 34% 1fr; gap: 3vw; align-items: center; }
.par h2 { font-size: 5.6vw; }
.par .caps { font-size: .82vw; font-weight: 500; }
.pgrid { grid-template-columns: 1fr 1fr; gap: 1.4vw; margin: 0; }
.pcard { grid-template-columns: 44% 1fr; padding: 1vw; border-radius: 12px; }
.pcard img, .pcard .logo { aspect-ratio: 1.15; }
.pcard h3 { font-size: 1.8vw; }
.pcard .caps { font-size: .78vw; font-weight: 500; }
.team .wrap { display: grid; grid-template-columns: 24% 1fr; gap: 3vw; align-items: center; }
.team__head { display: block; }
.team__head p { display: none; }
.team h2.d-only { display: block !important; font-size: 4.4vw; line-height: .95; text-transform: uppercase; }
.team h2 .ln { display: block; white-space: nowrap; }
.members { grid-template-columns: repeat(3, 1fr); gap: 2vw; margin: 0; }
.member { grid-template-columns: 1fr; gap: .8vw; padding: 0; background: none; border-radius: 0; }
.member:hover { background: none; }
.member .ph { aspect-ratio: 4 / 4.2; border-radius: 8px; background: var(--peri); }
.member .ph img { object-position: 50% 12%; }
.member h3 { font-size: 1.3vw; }
.member h3 br { display: none; }
.member .caps { margin-top: .3vw; font-size: .7vw; }
.member .caps br { display: none; }
.member > div:last-child { padding: 0 0 .8vw; border-bottom: 1px solid rgb(255 253 248 / .25); }
.member svg { display: none; }
.trust { display: none; }
.final .wrap { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 3vw; }
.final h2 { font-size: 6.6vw; }
.final h2 .ln, .final h2 .ln.mk { display: inline-block; vertical-align: top; }
.final h2 .ln:first-child { margin-right: .22em; }
.final h2 .ln:first-child::after { content: " "; }
.final .row { margin: 0; display: contents; }
.final .row p { display: none; }
.fab { transition: opacity .3s, scale .3s; }
.fab.is-hidden { opacity: 0; scale: .6; pointer-events: none; }
.rays { --s: 9vw !important; overflow: visible; }
.rays::before { content: ""; position: absolute; inset: -32%; background: repeating-conic-gradient(from 0deg, var(--orange) 0deg 2deg, transparent 2deg 30deg); -webkit-mask: radial-gradient(circle, transparent 58%, #000 59%, #000 70%, transparent 71%); mask: radial-gradient(circle, transparent 58%, #000 59%, #000 70%, transparent 71%); animation: spin 18s linear infinite; }
@keyframes spin { to { rotate: 360deg; } }
.foot { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; margin-top: 1.4vw; padding-block: 1.1vw; }
.foot nav { justify-content: center; gap: 2.2rem; font-size: .74rem; }
.bar { display: none; }
.fab { display: grid !important; position: fixed; z-index: 60; right: calc(1.6vw + env(safe-area-inset-right, 0px)); bottom: calc(1.6vw + env(safe-area-inset-bottom, 0px)); --s: 7rem; box-shadow: 0 16px 34px -12px rgb(46 7 17 / .6); }
.bp { grid-template-columns: 42% minmax(0, 1fr); }
.bp__side { position: relative; display: block; overflow: hidden; background: var(--peri); border-right: 2px solid var(--maroon); }
.bp__side img { position: absolute; left: 50%; bottom: 0; height: 88%; width: auto; max-width: none; translate: -50% 0; animation: bpImg 1.2s var(--ease) both; }
.bp__side .tall { position: absolute; left: 2.4vw; top: 2.2vw; z-index: 1; font-size: 3.4vw; color: var(--maroon); text-transform: uppercase; }
.bp__top { padding: 1.4vw 3vw; }
.bp__body { padding: 1vw 3vw 2vw; }
.bp__body h2 { font-size: 4.6vw; }
.bp .bksum { grid-template-columns: 1fr auto; align-items: center; padding: 1.1vw 3vw; }
.bp .bkgo { width: auto; padding: 0 2rem; }
.bp .bkw { gap: 2rem; padding: 2rem 2.2rem; max-width: 760px; }
.bksv { grid-template-columns: 1fr 1fr; }
.bksv .grp { grid-column: 1 / -1; }
.bkc { height: calc(100vh - 14vw); max-width: 760px; }
}
@media (prefers-reduced-motion: reduce) {
.sticker, .play { animation: none; }
.rv, .rv.in, .shotc.rv, .pcard.rv, .member.rv, .feat.rv, .wscard.rv, .wscard li.rv, .vid .vframe.rv, .final .sticker.rv { opacity: 1 !important; transform: none !important; clip-path: none !important; }
.scrib { clip-path: none !important; animation: none !important; }
}