.community-page{background:#050605;color:#f6f3eb;overflow-x:hidden}.community-page main{background:#050605}.world-hero{min-height:92vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:9vw 7vw 7vw;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(202,158,73,.13),transparent 24%),linear-gradient(135deg,#050605,#0b0d0a 62%,#070807)}.world-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent)}.world-hero-copy{position:relative;z-index:3;max-width:720px}.eyebrow{font-size:10px;letter-spacing:.26em;color:#d8ab55;text-transform:uppercase}.world-hero h1{font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.075em;margin:20px 0 32px}.world-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d8ab55}.world-hero-copy>p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.62);font-size:clamp(16px,1.55vw,21px);line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-actions a{padding:14px 20px;border-radius:999px;background:#d6aa58;color:#0b0b09;text-decoration:none;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-actions a.ghost{background:transparent;color:#eee2c6;border:1px solid rgba(216,171,85,.32)}.world-object{height:min(610px,62vw);position:relative;display:grid;place-items:center;perspective:900px;z-index:2}.world-object .cube{position:absolute;width:180px;height:280px;border:1px solid rgba(229,190,111,.52);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01));box-shadow:inset 0 0 45px rgba(216,171,85,.07),0 0 70px rgba(0,0,0,.55);transform:rotateX(61deg) rotateZ(45deg);animation:worldFloat 8s ease-in-out infinite}.world-object .c2{width:110px;height:390px;animation-delay:-3s;transform:rotateX(64deg) rotateZ(-32deg)}.world-object .halo,.account-ring{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(216,171,85,.28);border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 70px rgba(216,171,85,.08);animation:spinHalo 15s linear infinite}.world-object span{position:absolute;bottom:10%;right:6%;font-size:9px;letter-spacing:.24em;color:rgba(255,255,255,.38)}.world-orbit{position:absolute;border:1px solid rgba(216,171,85,.12);border-radius:50%;width:70vw;height:70vw;right:-28vw;top:-25vw}.orbit-b{width:46vw;height:46vw;right:-12vw;top:-6vw}
.film-section{padding:9vw 7vw;display:grid;grid-template-columns:.68fr 1.32fr;gap:6vw;align-items:center;background:#020302}.film-copy{position:sticky;top:130px;align-self:start}.film-copy h2,.section-head h2,.causes-title h2,.account-copy h2{font-size:clamp(48px,7vw,100px);line-height:.88;letter-spacing:-.06em;margin:16px 0 25px}.film-copy h2 span{font-family:Georgia,serif;font-weight:400;color:#d8ab55}.film-copy p:not(.eyebrow){color:rgba(255,255,255,.55);line-height:1.7;max-width:430px}.film-frame{position:relative;border:1px solid rgba(216,171,85,.22);border-radius:28px;overflow:hidden;background:#000;box-shadow:0 50px 120px rgba(0,0,0,.62)}.film-frame video{display:block;width:100%;height:auto;min-height:480px;object-fit:cover}.film-badge{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.38);backdrop-filter:blur(16px);border-radius:12px}.film-badge span,.film-badge b{font-size:9px;letter-spacing:.17em}.film-badge span{color:#d8ab55}
.social-section{padding:9vw 7vw;background:linear-gradient(180deg,#070907,#0b0d0a)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.section-head h2{margin:0}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-card{min-height:360px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:24px;text-decoration:none;color:#fff;display:flex;flex-direction:column;transition:.35s ease;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(216,171,85,.13),transparent 35%),rgba(255,255,255,.025)}.social-card:hover{transform:translateY(-8px);border-color:rgba(216,171,85,.5)}.social-card span{font-size:9px;letter-spacing:.18em;color:#d8ab55}.social-card strong{font-size:clamp(28px,3.2vw,48px);letter-spacing:-.04em;margin-top:auto}.social-card p{color:rgba(255,255,255,.55);line-height:1.55}.social-card i{font-style:normal;font-size:10px;letter-spacing:.16em}
.causes-section{padding:46px 7vw 50px;background:#e9e4d8;color:#111}.causes-title{display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:end}.causes-title .eyebrow{grid-column:1/-1;color:#846128;margin-bottom:-6px}.causes-title h2{font-size:clamp(30px,3.6vw,54px);line-height:.94;letter-spacing:-.045em;margin:0}.causes-title>p:last-child{font-size:12px;line-height:1.55;color:#5f5b52;max-width:560px}.cause-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}.cause-track article{min-height:150px;padding:16px;border:1px solid rgba(0,0,0,.13);border-radius:14px;display:flex;flex-direction:column}.cause-track span{font-size:9px;color:#8c692e}.cause-track h3{font-size:17px;line-height:1.05;letter-spacing:-.025em;margin:auto 0 8px}.cause-track p{font-size:10px;line-height:1.45;color:#68635a}.cause-note{margin-top:14px;font-size:8px;color:#79746b;max-width:900px;line-height:1.45}
.account-section{min-height:900px;padding:9vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:radial-gradient(circle at 20% 50%,rgba(216,171,85,.1),transparent 28%),#050605}.account-visual{min-height:620px;position:relative;display:grid;place-items:center;perspective:1000px}.member-card{width:min(480px,80vw);aspect-ratio:1.58;border-radius:28px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(135deg,#26281f,#0d0e0c 55%,#292419);border:1px solid rgba(226,188,113,.44);box-shadow:0 40px 100px rgba(0,0,0,.6),inset 0 0 60px rgba(216,171,85,.06);transform:rotateY(-13deg) rotateX(7deg);position:relative;z-index:2}.member-card:after{content:"";position:absolute;inset:13px;border:1px solid rgba(216,171,85,.12);border-radius:19px}.member-card small,.member-card span,.member-card i{font-size:9px;letter-spacing:.18em;color:#bfa66e;font-style:normal}.member-card strong{font-size:clamp(31px,4vw,57px);letter-spacing:-.05em;margin:auto 0 6px}.member-card i{margin-top:auto}.account-ring{width:80%;z-index:1}.account-ring.r2{width:58%;animation-direction:reverse;animation-duration:10s}.account-copy>p:not(.eyebrow){color:rgba(255,255,255,.58);line-height:1.7;max-width:620px}.benefits{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.benefits span{padding:9px 12px;border-radius:999px;border:1px solid rgba(216,171,85,.2);font-size:9px;letter-spacing:.07em;color:#cfbd94}.account-copy form{display:grid;gap:14px;margin-top:28px;max-width:620px}.account-copy label{display:grid;gap:7px;font-size:9px;letter-spacing:.13em;color:#b9a97f;text-transform:uppercase}.account-copy input:not([type=checkbox]){width:100%;padding:16px 17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:13px;color:white;font:inherit;outline:none}.account-copy input:focus{border-color:#c99b48}.account-copy .check{display:flex;grid-template-columns:20px 1fr;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.58)}.account-copy form button{padding:16px;border:0;border-radius:999px;background:linear-gradient(90deg,#a97a32,#e9c77b,#a97a32);font-weight:900;letter-spacing:.1em;cursor:pointer}.account-copy form>small{color:rgba(255,255,255,.35);line-height:1.5}.hidden-field{display:none}.member-success{padding:25px;border:1px solid rgba(216,171,85,.35);border-radius:20px;background:rgba(216,171,85,.07);margin-top:25px}.member-success span{font-size:9px;letter-spacing:.2em;color:#d8ab55}.member-success h3{font-size:31px;margin:8px 0}.member-success p{color:rgba(255,255,255,.57)}.member-success a{color:#f0d58b;font-size:11px;letter-spacing:.08em}.reward-banner{text-align:center;padding:9vw 7vw 11vw;background:linear-gradient(180deg,#0a0c09,#020302)}.reward-banner>span{font-size:9px;letter-spacing:.24em;color:#d8ab55}.reward-banner h2{font-size:clamp(50px,8vw,112px);line-height:.9;letter-spacing:-.07em;margin:20px 0}.reward-banner h2 em{font-family:Georgia,serif;color:#d8ab55;font-weight:400}.reward-banner p{max-width:720px;margin:0 auto 32px;color:rgba(255,255,255,.55);line-height:1.65}.reward-banner a{display:inline-block;padding:15px 22px;border-radius:999px;background:#d8ab55;color:#111;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.12em}
@keyframes worldFloat{50%{transform:rotateX(58deg) rotateZ(51deg) translateY(-20px)}}@keyframes spinHalo{to{transform:rotateX(72deg) rotateZ(360deg)}}
@media(max-width:900px){.world-hero,.film-section,.account-section{grid-template-columns:1fr}.world-hero{padding-top:120px}.world-object{height:480px}.film-copy{position:relative;top:auto}.social-grid,.cause-track{grid-template-columns:1fr 1fr}.causes-title{grid-template-columns:1fr}.account-visual{min-height:480px;order:2}.section-head{display:block}.film-frame video{min-height:0}}@media(max-width:620px){.world-hero{padding:100px 5% 60px}.world-object{height:370px}.world-object .cube{width:120px;height:220px}.film-section,.social-section,.causes-section,.account-section,.reward-banner{padding:80px 5%}.social-grid,.cause-track{grid-template-columns:1fr}.social-card{min-height:280px}.cause-track article{min-height:240px}.film-frame{border-radius:18px}.member-card{width:92%;padding:21px}.account-visual{min-height:390px}.hero-actions a{width:100%;text-align:center}}

/* 2026-08 immersive community refinements */
.community-page .world-hero{min-height:100svh;grid-template-columns:1.05fr .95fr;padding-bottom:6vw}
.hero-account-link{display:inline-flex;align-items:center;gap:13px;margin-top:30px;color:#e3c77f;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;padding-bottom:7px;border-bottom:1px solid rgba(216,171,85,.28)}
.ui-arrow{position:relative;display:inline-block;width:22px;height:10px;flex:0 0 auto}
.ui-arrow::before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:currentColor;transform:translateY(-50%)}
.ui-arrow::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:center}
.ui-arrow-up{width:15px;height:15px;margin-left:6px;transform:rotate(-45deg)}
.ui-arrow-up::before{width:14px}
.ui-arrow-up::after{width:5px;height:5px}

.world-object{height:min(650px,62vw)}
.world-rings{position:relative;width:min(500px,42vw);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 34px rgba(216,171,85,.08))}
.world-rings i{position:absolute;border:1px solid rgba(216,171,85,.28);border-radius:50%;inset:9%;transform:rotateX(67deg) rotateZ(12deg);animation:ringDrift 15s linear infinite}
.world-rings i:nth-child(2){inset:22%;transform:rotateY(63deg) rotateZ(-18deg);animation-duration:19s;animation-direction:reverse;border-color:rgba(255,255,255,.11)}
.world-rings i:nth-child(3){inset:34%;transform:rotateX(75deg) rotateY(15deg);animation-duration:11s;border-color:rgba(216,171,85,.45)}
.world-rings b{width:11px;height:11px;border-radius:50%;background:#d8ab55;box-shadow:0 0 26px rgba(216,171,85,.8),0 0 90px rgba(216,171,85,.22)}
@keyframes ringDrift{to{transform:rotateX(67deg) rotateZ(372deg)}}

.film-section{position:relative;display:block;padding:0;background:#000;min-height:100svh}
.film-frame{position:relative;width:100%;height:100svh;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#000}
.film-frame video{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.04) 38%,rgba(0,0,0,.48) 100%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 48%);pointer-events:none}
.film-copy{position:absolute;left:7vw;bottom:9vh;z-index:3;max-width:860px}
.film-copy h2{font-size:clamp(64px,9vw,145px);line-height:.82;margin:14px 0 0;text-shadow:0 8px 50px rgba(0,0,0,.45)}
.film-badge{left:auto;right:4vw;bottom:4vh;width:auto;min-width:235px;z-index:3}

.social-card i{display:inline-flex;align-items:center;gap:4px}
.account-copy form button,.member-success a,.reward-banner a{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.account-copy form button .ui-arrow,.reward-banner a .ui-arrow{transition:transform .25s ease}
.account-copy form button:hover .ui-arrow,.reward-banner a:hover .ui-arrow,.member-success a:hover .ui-arrow,.hero-account-link:hover .ui-arrow{transform:translateX(5px)}
.member-card strong,.member-card span{transition:opacity .18s ease,transform .18s ease}
.member-card.is-editing strong,.member-card.is-editing span{transform:translateY(-1px)}

.community-page .business-card-footer-section{position:relative;z-index:2;background:radial-gradient(circle at 50% 28%,rgba(216,171,85,.13),transparent 34%),#030403;border-top:1px solid rgba(216,171,85,.13)}

@media(max-width:900px){.film-frame{height:88svh}.film-copy{left:6vw;right:6vw;bottom:8vh}.film-badge{right:5vw;bottom:3vh}.world-rings{width:min(420px,76vw)}}
@media(max-width:620px){.hero-account-link{margin-top:24px}.world-object{height:330px}.world-rings{width:78vw}.film-frame{height:78svh}.film-copy{left:5%;right:5%;bottom:8%}.film-copy h2{font-size:clamp(50px,16vw,82px)}.film-badge{left:5%;right:5%;bottom:2.5%;min-width:0}.film-copy{bottom:16%}}

@media(max-width:620px){.causes-section{padding:46px 5%}.causes-title h2{font-size:36px}.cause-track{grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}.cause-track article{min-height:145px;padding:14px}.cause-track h3{font-size:16px}.cause-track p{font-size:9.5px}}


/* 2026 community impact refinement */
.causes-section{
  padding:46px 7vw 50px;
  background:
    radial-gradient(circle at 18% 15%,rgba(216,171,85,.08),transparent 28%),
    linear-gradient(180deg,#080a08,#030403);
  color:#f3f0e8;
  border-top:1px solid rgba(216,171,85,.10);
  border-bottom:1px solid rgba(216,171,85,.10);
}
.causes-title .eyebrow{color:#cfa658}
.causes-title>p:last-child{color:rgba(255,255,255,.48)}
.cause-track article{
  border-color:rgba(216,171,85,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(216,171,85,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.cause-track span{color:#c99b48}
.cause-track h3{color:#f2efe7}
.cause-track p{color:rgba(255,255,255,.46)}
.cause-note{color:rgba(255,255,255,.31)}

/* Collection cinematic gateway */
.film-collection-cta{position:relative;z-index:6;display:grid;place-items:center;padding:44px 7vw 64px;background:#020302;border-top:1px solid rgba(216,171,85,.08)}
.collection-cinema-trigger{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker arrow" "label arrow" "line line";align-items:center;width:min(980px,100%);padding:24px 4px 18px;border:0;background:transparent;color:#f5f1e8;text-align:left;cursor:pointer;overflow:hidden}
.collection-cinema-kicker{grid-area:kicker;font-size:9px;letter-spacing:.25em;color:#b98d42;margin-bottom:10px}
.collection-cinema-label{grid-area:label;font-size:clamp(30px,5vw,70px);font-weight:650;letter-spacing:-.055em;line-height:.96}
.collection-cinema-trigger>.ui-arrow{grid-area:arrow;width:45px;height:18px;color:#d8ab55;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.collection-cinema-trigger>.ui-arrow::before{width:43px}.collection-cinema-trigger>.ui-arrow::after{width:9px;height:9px}
.collection-cinema-line{grid-area:line;height:1px;margin-top:22px;background:linear-gradient(90deg,#d8ab55 0 32%,rgba(216,171,85,.12) 32% 100%);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .4s ease}
.collection-cinema-trigger:hover .ui-arrow{transform:translateX(10px)}.collection-cinema-trigger:hover .collection-cinema-line{transform:scaleX(.98);background:linear-gradient(90deg,#f0cf85 0 72%,rgba(216,171,85,.14) 72% 100%)}

.collection-cinema{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#020302;opacity:0;visibility:hidden;pointer-events:none;perspective:1200px;transition:opacity .28s ease,visibility 0s linear .3s}
.collection-cinema.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}
.cinema-grid{position:absolute;inset:-25%;background-image:linear-gradient(rgba(216,171,85,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(216,171,85,.08) 1px,transparent 1px);background-size:74px 74px;transform:rotateX(67deg) translateY(22%) scale(1.3);transform-origin:center;opacity:.12}
.cinema-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 26%,rgba(0,0,0,.22) 48%,#020302 82%)}
.cinema-tunnel{position:absolute;width:min(80vw,900px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(68deg)}
.cinema-tunnel i{position:absolute;inset:0;border:1px solid rgba(216,171,85,.36);border-radius:50%;box-shadow:0 0 42px rgba(216,171,85,.06);opacity:0;transform:translateZ(-900px) scale(.18)}
.cinema-core{position:absolute;width:250px;aspect-ratio:1;transform-style:preserve-3d;filter:drop-shadow(0 0 48px rgba(216,171,85,.18))}
.cinema-core span{position:absolute;inset:20%;border:1px solid rgba(240,205,133,.65);background:linear-gradient(145deg,rgba(216,171,85,.12),rgba(255,255,255,.02));transform:rotateX(62deg) rotateZ(45deg);opacity:0}
.cinema-core span:nth-child(2){inset:29%;transform:rotateY(65deg) rotateZ(45deg)}.cinema-core span:nth-child(3){inset:38%;transform:rotateX(65deg) rotateY(62deg) rotateZ(10deg)}
.cinema-copy{position:relative;z-index:5;text-align:center;display:grid;justify-items:center;opacity:0;transform:translateY(28px)}
.cinema-copy small{font-size:9px;letter-spacing:.32em;color:#c59a4b;margin-bottom:20px}.cinema-copy strong{font-size:clamp(58px,10vw,150px);line-height:.78;letter-spacing:-.075em;font-weight:650}.cinema-copy strong em{font-family:Georgia,serif;font-weight:400;color:#d8ab55}.cinema-copy b{font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.45);margin-top:32px}
.cinema-slice{position:absolute;top:-10%;bottom:-10%;width:56%;background:#d8ab55;mix-blend-mode:screen;opacity:0;filter:blur(2px)}.cinema-slice-a{left:-60%;transform:skewX(-13deg)}.cinema-slice-b{right:-60%;transform:skewX(13deg)}
.collection-cinema.is-active .cinema-grid{animation:cinemaGrid 2.15s cubic-bezier(.16,.8,.2,1) forwards}
.collection-cinema.is-active .cinema-tunnel i{animation:cinemaTunnel 1.65s cubic-bezier(.1,.8,.15,1) forwards}.collection-cinema.is-active .cinema-tunnel i:nth-child(2){animation-delay:.08s}.collection-cinema.is-active .cinema-tunnel i:nth-child(3){animation-delay:.16s}.collection-cinema.is-active .cinema-tunnel i:nth-child(4){animation-delay:.24s}.collection-cinema.is-active .cinema-tunnel i:nth-child(5){animation-delay:.32s}.collection-cinema.is-active .cinema-tunnel i:nth-child(6){animation-delay:.4s}
.collection-cinema.is-active .cinema-core span{animation:cinemaCore 1.55s .3s cubic-bezier(.17,.82,.19,1) forwards}.collection-cinema.is-active .cinema-core span:nth-child(2){animation-delay:.4s}.collection-cinema.is-active .cinema-core span:nth-child(3){animation-delay:.5s}
.collection-cinema.is-active .cinema-copy{animation:cinemaCopy 1.15s .72s cubic-bezier(.2,.8,.2,1) forwards}
.collection-cinema.is-active .cinema-slice-a{animation:sliceA .75s 1.58s cubic-bezier(.7,0,.2,1) forwards}.collection-cinema.is-active .cinema-slice-b{animation:sliceB .75s 1.58s cubic-bezier(.7,0,.2,1) forwards}
@keyframes cinemaTunnel{0%{opacity:0;transform:translateZ(-1000px) scale(.15)}35%{opacity:.85}100%{opacity:0;transform:translateZ(520px) scale(1.55)}}
@keyframes cinemaGrid{0%{opacity:.08;transform:rotateX(67deg) translateY(22%) scale(1.35)}70%{opacity:.22}100%{opacity:0;transform:rotateX(67deg) translateY(55%) scale(2.15)}}
@keyframes cinemaCore{0%{opacity:0;transform:rotateX(62deg) rotateZ(45deg) scale(.3)}45%{opacity:1}100%{opacity:0;transform:rotateX(240deg) rotateZ(405deg) scale(2.9)}}
@keyframes cinemaCopy{0%{opacity:0;transform:translateY(30px) scale(.96)}45%,82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(1.035)}}
@keyframes sliceA{0%{opacity:0;left:-60%}40%{opacity:.22}100%{opacity:0;left:110%}}@keyframes sliceB{0%{opacity:0;right:-60%}40%{opacity:.16}100%{opacity:0;right:110%}}
@media(max-width:620px){.film-collection-cta{padding:30px 5% 48px}.collection-cinema-trigger{padding-top:18px}.collection-cinema-label{font-size:38px}.cinema-tunnel{width:120vw}.cinema-core{width:180px}.cinema-copy strong{font-size:18vw}}
@media(prefers-reduced-motion:reduce){.collection-cinema.is-active .cinema-grid,.collection-cinema.is-active .cinema-tunnel i,.collection-cinema.is-active .cinema-core span,.collection-cinema.is-active .cinema-copy,.collection-cinema.is-active .cinema-slice{animation:none!important}.collection-cinema.is-active .cinema-copy{opacity:1;transform:none}}


/* Monument design gateway — bridges the film into the collection */
.monument-design-cta{position:relative;z-index:7;display:grid;place-items:center;padding:18px 7vw 14px;background:#020302}
.monument-design-button{--mx:50%;--my:50%;position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(18px,3vw,42px);width:min(980px,100%);min-height:132px;padding:24px clamp(22px,4vw,46px);border:1px solid rgba(216,171,85,.26);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(18,19,17,.96),rgba(5,6,5,.98));color:#f5f1e8;text-decoration:none;box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);transform:perspective(900px) rotateX(0) rotateY(0);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease}
.monument-design-button::before{content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;background:linear-gradient(115deg,transparent 0 36%,rgba(216,171,85,.065) 47%,transparent 58%);transform:translateX(-78%);transition:transform .85s cubic-bezier(.2,.8,.2,1);z-index:-1}
.monument-design-button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d8ab55 22% 78%,transparent);opacity:.62;transform:scaleX(.42);transition:transform .55s ease,opacity .55s ease}
.monument-design-glow{position:absolute;width:300px;aspect-ratio:1;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(216,171,85,.15),rgba(216,171,85,0) 67%);filter:blur(3px);opacity:.55;pointer-events:none;z-index:-2;transition:opacity .4s ease}
.monument-design-index{font-size:9px;letter-spacing:.23em;color:#b98d42;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.monument-design-copy{display:flex;align-items:baseline;justify-content:center;gap:.22em;min-width:0;line-height:.9;white-space:nowrap;text-transform:uppercase}
.monument-design-plain{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(24px,4.1vw,58px);font-weight:650;letter-spacing:-.055em}
.monument-design-yours{display:inline-block;font-family:"Arial Narrow","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif;font-size:clamp(27px,4.25vw,61px);font-weight:300;letter-spacing:.115em;text-transform:uppercase;transform:scaleY(1.08);transform-origin:center bottom;color:#d8ab55;text-shadow:0 0 28px rgba(216,171,85,.13)}
.monument-design-arrow{width:48px;height:20px;color:#d8ab55;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.monument-design-arrow::before{width:46px}.monument-design-arrow::after{width:9px;height:9px}
.monument-design-button:hover,.monument-design-button:focus-visible{transform:perspective(900px) translateY(-4px) rotateX(1deg);border-color:rgba(216,171,85,.55);box-shadow:0 34px 90px rgba(0,0,0,.56),0 0 46px rgba(216,171,85,.06),inset 0 1px 0 rgba(255,255,255,.05);outline:none}
.monument-design-button:hover::before,.monument-design-button:focus-visible::before{transform:translateX(78%)}
.monument-design-button:hover::after,.monument-design-button:focus-visible::after{transform:scaleX(.88);opacity:.9}
.monument-design-button:hover .monument-design-arrow,.monument-design-button:focus-visible .monument-design-arrow{transform:translateX(9px)}
.monument-design-button:hover .monument-design-glow,.monument-design-button:focus-visible .monument-design-glow{opacity:.9}

/* Keep the two post-film gateways visually connected instead of leaving a dead black gap. */
.film-collection-cta{padding-top:20px}
@media(max-width:620px){
  .monument-design-cta{padding:16px 5% 8px}
  .monument-design-button{grid-template-columns:1fr auto;min-height:112px;padding:19px 18px;border-radius:19px;gap:10px}
  .monument-design-button::before{border-radius:18px}
  .monument-design-index{position:absolute;left:18px;top:14px;writing-mode:horizontal-tb;transform:none;font-size:7px;letter-spacing:.2em}
  .monument-design-copy{justify-content:flex-start;gap:.16em;padding-top:14px;white-space:normal;flex-wrap:wrap}
  .monument-design-plain{font-size:clamp(25px,8.2vw,38px)}
  .monument-design-yours{font-size:clamp(27px,8.6vw,40px);letter-spacing:.085em}
  .monument-design-arrow{width:38px}.monument-design-arrow::before{width:36px}
  .film-collection-cta{padding-top:14px}
}

/* 2026-08-07 — tighten Monument film gateway spacing + revised CTA typography */
.film-section{min-height:0!important}
.monument-design-plain{color:#d8ab55}
.monument-design-yours{color:#f5f1e8;text-shadow:0 0 28px rgba(255,255,255,.055);margin-left:.18em}
@media(max-width:620px){
  .film-section{min-height:0!important}
  .monument-design-cta{padding-top:10px}
  .monument-design-copy{column-gap:.20em;row-gap:.02em}
  .monument-design-yours{margin-left:.20em}
}