.story{border-top:1px solid var(--line);padding-block:clamp(72px,9vw,112px) 0}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:56px;display:grid}.beats{margin:0;padding:0;list-style:none}.beat{opacity:.32;flex-direction:column;justify-content:center;gap:10px;min-height:72vh;padding-block:24px;transition:opacity .35s;display:flex}.beat:first-child{justify-content:flex-start;min-height:52vh;padding-top:6vh}.beat:last-child{min-height:80vh}.beat.on{opacity:1}.beat time{font-family:var(--mono);color:var(--muted);font-size:13px;font-weight:500}.beat h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,34px);font-weight:650}.beat p{color:var(--muted);max-width:40ch;font-size:17px}.scene{top:max(calc(92px + env(safe-area-inset-top,0px)),calc(50vh - 260px));flex-direction:column;gap:14px;padding-bottom:40px;display:flex;position:sticky}.s-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.s-clock{align-items:baseline;gap:10px;display:flex}.s-clock b{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.s-clock span{color:var(--muted);font-size:13px}.prog{gap:4px;display:flex}.prog i{background:var(--line);border-radius:2px;width:18px;height:4px;transition:background-color .3s}.prog i.on{background:var(--coral)}.prog i.on:nth-child(2n){background:var(--cobalt)}.s-tv.real{aspect-ratio:16/9;background:#000}.s-tv.real img,.s-phones.real img{object-fit:cover;width:100%;height:100%;transition:opacity .25s;display:block}.s-phones.real .sp{aspect-ratio:390/844;--c:var(--callum);border-width:4px;width:min(21%,150px);padding:0}@media (max-width:900px){.s-phones.real .sp{width:min(24%,110px)}}.s-phones.real .sp.e{--c:var(--eilidh)}.s-tv{color:#f6f1ea;aspect-ratio:16/9;max-width:100%;box-shadow:8px 8px 0 var(--cobalt);background:#0b0a0e;border:8px solid #2a2731;border-radius:14px;position:relative;overflow:hidden}.s-phones{z-index:2;justify-content:center;gap:clamp(16px,4vw,48px);margin-top:-40px;display:flex;position:relative}.sp{aspect-ratio:9/16;color:#dcded9;width:min(31%,190px);max-width:100%;box-shadow:5px 5px 0 var(--c);background:#0d0f11;border:5px solid #2a2731;border-radius:20px;font-size:clamp(8px,.95vw,11.5px);line-height:1.3;position:relative;overflow:hidden}.sp:first-child{rotate:-3deg}.sp:last-child{rotate:3deg}.sp .sb{padding:0;font-size:.78em;position:absolute;top:6px;left:8px;right:8px}.sp .nm{text-align:center;font-family:var(--hull);letter-spacing:.16em;text-transform:uppercase;color:var(--c);z-index:2;font-size:.95em;font-weight:700;position:absolute;top:20px;left:0;right:0}@media (max-width:900px){.story-grid{grid-template-columns:minmax(0,1fr);gap:0}.scene{top:calc(66px + env(safe-area-inset-top,0px));z-index:5;background:var(--bg);order:-1;padding-block:10px 14px}.beat,.beat:first-child,.beat:last-child{justify-content:center;min-height:56vh;padding-top:24px}.s-phones{margin-top:-24px}.sp{width:min(34%,150px)}}@media (max-width:560px){.s-clock b{font-size:17px}.sp{border-width:3px;border-radius:13px;font-size:7.5px}.sp .nm{top:14px}.sp .sb{top:4px;left:6px;right:6px}}.ghero{color:var(--paper);background:#0e1016 url(/img/marram/hero-sea.jpg) 70% 100%/cover no-repeat;position:relative;overflow:hidden}.ghero .inner{z-index:1;max-width:1200px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin:0 auto;padding-block:clamp(56px,8vw,110px) clamp(120px,14vw,200px);display:grid;position:relative}.ghero .copy{flex-direction:column;gap:20px;min-width:0;display:flex}.ghero .kick{font-family:var(--mono);letter-spacing:.12em;color:#9aa3ad;text-transform:uppercase;font-size:12px}.ghero h1{font-family:var(--hull);text-transform:uppercase;letter-spacing:.02em;color:var(--paper);margin:0;font-size:clamp(72px,11vw,150px);font-weight:700;line-height:.82}.ghero .tagline{color:#e7e0cd;max-width:34ch;font-size:clamp(18px,1.8vw,22px);line-height:1.45}.ghero .meta span{color:#b9c0c8;border-color:#2c3340}.ghero .cnote{color:#b9c0c8}.ghero .ctas .btn.secondary{color:var(--paper);background:0 0;border-color:#3a4250}.ghero .ctas .btn.secondary:hover{border-color:var(--paper)}.gart{pointer-events:none;position:absolute;inset:0}.gart .sea{background:#141a24;height:26%;position:absolute;bottom:0;left:0;right:0}.gart .sea:before{content:"";background:var(--sea);opacity:.16;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14'%3E%3Cpath d='M0 7 Q10 0 20 7 T40 7' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14'%3E%3Cpath d='M0 7 Q10 0 20 7 T40 7' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E")}.gart .ship{width:min(46%,580px);height:auto;position:absolute;bottom:19%;right:4%}.gart .moon{background:var(--paper);opacity:.85;border-radius:50%;width:70px;height:70px;position:absolute;top:12%;right:12%}.gart .beam{background:var(--eilidh);opacity:.1;clip-path:polygon(100% 100%,96% 100%,0 0,26% 0);width:34%;height:62%;position:absolute;bottom:30%;right:33%}.gart .card{z-index:1;position:absolute;top:9%;right:7%;rotate:6deg}.gart .card img{border-radius:6px;width:min(340px,30vw);height:auto;display:block;box-shadow:6px 6px #000}@media (prefers-reduced-motion:no-preference){.gart .ship{animation:6s ease-in-out infinite bob2}.ghero .copy>*{animation:.8s cubic-bezier(.2,.8,.2,1) backwards rise}.ghero .copy>:nth-child(2){animation-delay:80ms}.ghero .copy>:nth-child(3){animation-delay:.16s}.ghero .copy>:nth-child(4){animation-delay:.24s}}@keyframes bob2{50%{translate:0 -6px;rotate:-.6deg}}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.shot{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.shot img{width:100%;max-width:100%;height:auto;box-shadow:6px 6px 0 var(--cobalt);background:#0b0a0e;border:6px solid #2a2731;border-radius:12px;display:block}.shot:nth-child(2n) img{box-shadow:6px 6px 0 var(--coral)}.shot figcaption{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:15px;display:flex}.shot figcaption b{font-family:var(--hull);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:16px;font-weight:700}@media (max-width:760px){.shots{grid-template-columns:minmax(0,1fr)}}.viewer{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.vstage{flex-direction:column;gap:26px;min-width:0;display:flex}.vtv{aspect-ratio:1400/788;box-shadow:8px 8px 0 var(--cobalt);background:#0b0a0e;border:8px solid #2a2731;border-radius:14px;position:relative;overflow:hidden}.vtv img{object-fit:cover;opacity:0;transform-origin:0;width:100%;height:100%;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.vtv img.on{opacity:1}.vtv[data-view=e] img{transform-origin:0;transform:scale(2)}.vtv[data-view=c] img{transform-origin:100%;transform:scale(2)}.vtag{font-family:var(--hull);letter-spacing:.14em;text-transform:uppercase;color:#17151c;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:700;line-height:1;transition:opacity .3s;position:absolute;top:10px}.vtag.e{background:var(--eilidh);left:10px}.vtag.c{background:var(--callum);right:10px}.vtv[data-view=both] .vtag,.vtv[data-view=e] .vtag.c,.vtv[data-view=c] .vtag.e{opacity:0}.vtv[data-view=c] .vtag.c{left:10px;right:auto}.vviews{flex-wrap:wrap;gap:8px;display:flex}.vviews button{appearance:none;border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.vviews button i{border-radius:50%;width:10px;height:10px}.vviews button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.vviews button:hover{border-color:var(--muted)}.chs{flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ch{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:8px;transition:border-color .2s,translate .2s;display:grid;position:relative;overflow:hidden}.ch:hover{border-color:var(--muted)}.ch.on{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--coral)}.ch .th{aspect-ratio:16/9;background:#0b0a0e 50%/cover no-repeat;border-radius:6px;display:block}.ch .tx{flex-direction:column;gap:1px;min-width:0;display:flex}.ch .no{font-family:var(--mono);color:var(--muted);font-size:11px}.ch b{font-family:var(--hull);letter-spacing:.1em;text-transform:uppercase;font-size:17px;font-weight:700;line-height:1.1}.ch .cap{color:var(--muted);font-size:13px;line-height:1.35}.ch .bar{background:var(--coral);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ch.locked{cursor:default;color:#f6f1ea;background:#17151c;border-color:#2c2933}.ch.locked:hover{border-color:#3a3644}.ch.locked .no{color:#8f8a98}.ch.locked .cap{color:#cfc9d6}.ch.locked .tx{padding-right:74px}.ch .th.lk{perspective:400px;background:radial-gradient(at 50% 130%,#ffd27a33,#0000 65%),#0b0a0e;place-items:center;display:grid}.lkt{aspect-ratio:4/5;width:24px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1);position:relative;rotate:-5deg}.lkt b,.lkt s{backface-visibility:hidden;border-radius:5px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:2px 2px #000}.lkt b{background:var(--cobalt)}.lkt b:after{content:"";aspect-ratio:1;border:2px solid #f6f1ea;border-radius:2px;width:40%;rotate:45deg}.lkt s{background:var(--cream);font-family:var(--display);color:var(--coral);font-size:17px;line-height:1;text-decoration:none;transform:rotateY(180deg)}.ch.locked:hover .lkt{transform:rotateY(180deg)}.seal{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ff7a70;border:2px solid #ff5a4e;border-radius:4px;padding:3px 7px 2px;font-size:10px;font-weight:500;line-height:1.2;position:absolute;top:50%;right:12px;translate:0 -50%;rotate:-9deg}@media (prefers-reduced-motion:no-preference){.ch.locked:not(:hover) .lkt{animation:9s ease-in-out 2s infinite peek}}.viewer+.fine{margin-top:40px}@media (max-width:900px){.viewer{grid-template-columns:minmax(0,1fr)}.ch{grid-template-columns:80px minmax(0,1fr)}}@media (max-width:560px){.vtag{font-size:11px;top:7px}.vtv{border-width:6px}}.rules{counter-reset:r;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.rule{counter-increment:r;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;min-width:0;display:flex;overflow:hidden}.rule .vis{background:#0e1016;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.rule .vis.real img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rule .vis:before{z-index:1;text-shadow:0 2px #000;content:counter(r);font-family:var(--hull);color:var(--paper);opacity:.9;font-size:44px;font-weight:700;line-height:1;position:absolute;top:8px;left:14px}.rule .txt{flex-direction:column;gap:6px;padding:18px 20px 22px;display:flex}.rule h3{letter-spacing:-.02em;font-size:19px}.rule p{color:var(--muted);font-size:15px}.rv-apps{grid-template-columns:repeat(3,36px);gap:8px;display:grid}.rv-apps i{background:#1c1f23;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.rv-apps svg{fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;stroke:var(--coral)}.rv-apps i:nth-child(2n) svg{stroke:#7d98ff}.rv-beam{background:var(--callum);opacity:.16;clip-path:polygon(46% 100%,54% 100%,80% 0,20% 0);width:70%;height:100%;position:absolute;bottom:0;left:50%;translate:-50%}.rv-thing{width:96px;height:auto;margin-top:-30px;position:relative}.rv-call{gap:18px;display:flex}.rv-call span{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.rv-call span:first-child{background:#c8463c}.rv-call span:last-child{background:#2f8a4a}.rv-call svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.rv-two{gap:14px;display:flex}.rv-two span{width:42px;height:74px;box-shadow:3px 3px 0 var(--c);background:#0d0f11;border:3px solid #2a2731;border-radius:9px}.rv-two span:first-child{--c:var(--eilidh);rotate:-4deg}.rv-two span:last-child{--c:var(--callum);rotate:4deg}.setgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.setgrid .tile{padding:26px}.warnbox{flex-direction:column;gap:12px;display:flex}.warnbox .cnote{color:var(--ink);font-size:15px}.gband{color:#f6f1ea;background:#17151c;position:relative;overflow:hidden}.gband .access .btn.secondary{color:#f6f1ea;background:0 0;border-color:#3a3644}.gband .ctas{justify-content:center;margin-top:6px}@media (max-width:1000px){.ghero .inner{grid-template-columns:minmax(0,1fr)}.gart .card{display:none}.rules{grid-template-columns:repeat(2,minmax(0,1fr))}.setgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.rules{grid-template-columns:minmax(0,1fr)}.gart .ship{width:86%;right:-6%}.gart .moon{width:44px;height:44px;top:6%}.ghero .inner{padding-bottom:180px}}