@font-face{font-family:Obys Sans;src:url(../fonts/ObysSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root {
  --s: calc(100vw / 1440);
  --color-bg: #090514;
  --color-logo: #c084fc;
  --color-plate: #130a24;
  --color-plate-ink: #f5f3ff;
  --color-nav-muted: #c084fc;
  --color-dial: #0e071d;
  --color-mark: #c084fc;
  --color-mark-active: #f3e8ff;
  --color-hand: #a855f7;
  --color-dot: #c084fc;
  --color-note: #2e1065;
  --color-note-ink: #f3e8ff;
  --layer-header: 0;
  --layer-content: 1;
  --layer-burst: 10;
  --layer-curtain: 50;
  --parallax: 70;
  --drift: .07;
  --grid-columns: 8;
  --grid-margin: 20;
  --grid-gutter: 20;
  --content-width: 1400;
  --purple-glow: 0 20px 50px rgba(0, 0, 0, 0.8);
  --purple-border: 1px solid rgba(255, 255, 255, 0.08);
}#app{visibility:visible}*{box-sizing:border-box;border-radius: 0 !important;outline:none !important}
*, *::before, *::after {
  border-radius: 0 !important;
  outline: none !important;
}
html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0}body{background:var(--color-bg);font-family:Obys Sans,system-ui,sans-serif;overflow-x:hidden}#app{min-height:var(--page-bottom,100vh);position:relative}a{color:inherit}.u{line-height:1;text-decoration:none;transition:color .35s;display:inline-block;position:relative}.u:after{content:"";left:0;right:0;top:calc(100% + var(--rule-drop,0) * var(--s));background:currentColor;height:1px;position:absolute}.footer .u:hover,.nav .u:hover,.nav__toggle[aria-pressed=true]{color:var(--color-nav-muted)}.is-loading,.is-loading body{height:100%;overflow:hidden}.curtain{z-index:var(--layer-curtain);background:var(--color-plate);transform-origin:top;pointer-events:none;position:fixed;inset:0}.line{display:block}.is-loading .line{margin-bottom:-2px;padding-bottom:2px;overflow:hidden}.line__in{display:block}.logo-fixed{left:calc(var(--grid-margin) * var(--s));top:calc(19.7068 * var(--s));width:calc(var(--content-width) * var(--s));color:var(--color-logo);pointer-events:none;z-index:var(--layer-header);position:fixed}.logo-svg{width:100%;height:auto;display:block}.screen{z-index:var(--layer-content);width:100%;height:calc(810 * var(--s));position:relative}.nav{z-index:var(--layer-header);left:calc(var(--grid-margin) * var(--s));top:calc(244 * var(--s));width:calc(var(--content-width) * var(--s));height:calc(29 * var(--s));font-size:calc(12 * var(--s));color:var(--color-plate-ink);position:fixed}.nav__bar,.nav__box{background:var(--color-plate);position:absolute}.nav__bar{width:calc(var(--content-width) * var(--s));height:calc(16 * var(--s));top:0;left:0}.nav__box{left:calc(696 * var(--s));width:calc(353 * var(--s));height:calc(29 * var(--s));top:0}.nav p,.nav button{white-space:nowrap;margin:0;position:absolute}.nav__credits{left:calc(10 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s))}.nav__season{left:calc(704 * var(--s));top:calc(2.5 * var(--s));line-height:calc(12 * var(--s))}.nav__toggle{font-family:inherit;font-size:inherit;line-height:calc(18 * var(--s));color:inherit;cursor:pointer;top:calc(-1.5 * var(--s));background:0 0;border:0;padding:0}.nav__toggle--notes{right:calc(191 * var(--s))}.nav__toggle--daughter{right:calc(9 * var(--s))}.back-nav{z-index:var(--layer-curtain);left:calc(var(--grid-margin) * var(--s));top:calc(10 * var(--s));width:calc(var(--content-width) * var(--s));height:calc(16 * var(--s));font-size:calc(12 * var(--s));color:var(--color-plate-ink);transform:translateY(calc(-100% - 12 * var(--s)));visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s;position:fixed}.back-nav.is-down{visibility:visible;pointer-events:auto;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)}.back-nav__bar{background:var(--color-plate);width:100%;height:100%;position:absolute;top:0;left:0}.back-nav p,.back-nav button{top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s));margin:0;position:absolute}.back-nav__credits{left:calc(10 * var(--s))}.back-nav__toggle{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.back-nav__toggle--notes{right:calc(191 * var(--s))}.back-nav__toggle--daughter{right:calc(9 * var(--s))}.clock-section {
  left: 0;
  top: calc(1790 * var(--s));
  width: 100%;
  z-index: var(--layer-content);
  height: calc(820 * var(--s));
  position: absolute;
  display: block;
  pointer-events: auto;
  background: transparent !important;
  border: none !important;
  overflow: visible;
}.clock{--dial-centre:256.5;--ring-radius:220.2;width:calc(513 * var(--s));height:calc(513 * var(--s));position:absolute;top:0;left:50%;transform:translate(-50%)}.clock__bg{background:var(--color-dial);border-radius: 0 !important;position:absolute;inset:0}.clock__kid{width:calc(513 * var(--s));height:calc(513 * var(--s));display:none;position:absolute;top:0;left:0}.is-daughter .clock__kid{display:block}.clock__mark{--angle:calc(var(--i) * 30deg);left:calc((var(--dial-centre) + var(--ring-radius) * cos(var(--angle))) * var(--s));top:calc((var(--dial-centre) + var(--ring-radius) * sin(var(--angle))) * var(--s));width:calc(46 * var(--s));height:calc(11 * var(--s));font-size:calc(12 * var(--s));text-align:right;white-space:nowrap;color:var(--color-mark);transform:translate(-50%, -50%) rotate(var(--angle));margin:0;line-height:.9;position:absolute}.clock__mark.is-active{color:var(--color-mark-active)}.clock__hand{left:calc(255 * var(--s));top:calc(247 * var(--s));width:calc(197 * var(--s));height:calc(19 * var(--s));transform-origin:0;color:var(--color-hand);position:absolute}.clock__hand-near,.clock__hand-far{white-space:nowrap;line-height:1.5;position:absolute}.clock__hand-near{left:0;top:calc(2 * var(--s));font-size:calc(8 * var(--s))}.clock__hand-far{left:calc(165 * var(--s));font-size:calc(12 * var(--s));top:0}.clock__hand-rule{left:0;top:calc(18 * var(--s));width:calc(196 * var(--s));background:currentColor;height:1px;position:absolute}.clock__burst{width:0;height:0;z-index:var(--layer-burst);pointer-events:none;position:fixed;top:0;left:0}.clock__ball{border-radius: 0 !important;position:absolute}.clock__ball--dot{background:var(--color-dot)}.clock__ball--light{background:var(--color-dial)}.clock__ball--dark{background:var(--color-bg)}.clock-spacer{height:calc(1262 * var(--s) + 180vh)}.strip-view{z-index:var(--layer-content);pointer-events:none;position:fixed;inset:0;overflow:hidden}.strip{width:calc(1400 * var(--s));height:calc(7760 * var(--s));margin-left:calc(-700 * var(--s));transform-origin:50% 0;position:absolute;top:0;left:50%}.strip__art{width:100%;height:100%;display:block}.block-one{left:calc(553 * var(--s));top:calc(436 * var(--s));width:calc(409 * var(--s));height:calc(426 * var(--s));z-index:var(--layer-content);margin:0;position:absolute}.block-one__card{width:calc(335 * var(--s));height:calc(426 * var(--s));background:var(--color-plate);color:var(--color-plate-ink);position:absolute;top:0;left:0}.block-one__round,.block-one__square{left:calc(341 * var(--s));width:calc(68 * var(--s));height:calc(68 * var(--s));contain:paint;position:absolute}.block-one__round{top:0}.block-one__round .face{position:absolute;inset:0}.block-one__square{top:calc(70 * var(--s));background:#dedede;overflow:hidden}.block-one__square img{width:100%;height:calc(100% + 2 * var(--drift) * 68 * var(--s));margin-top:calc(-1 * var(--drift) * 68 * var(--s));object-fit:cover;display:block;position:absolute;top:0;left:0}.face{width:100%;height:100%;display:block}.face__disc{fill:var(--color-plate)}.face__ticks path{stroke:var(--color-mark);stroke-width:1px}.face__ball{fill:var(--color-hand)}.block-one__photo{left:0;top:calc(10 * var(--s));width:calc(131 * var(--s));height:calc(406 * var(--s));background:var(--color-plate);position:absolute;overflow:hidden}.block-one__photo img{left:0;top:calc(var(--drift) * -100%);width:100%;height:calc(100% + var(--drift) * 200%);object-fit:cover;will-change:transform;display:block;position:absolute}.block-one__card p,.block-one__card h2{white-space:nowrap;margin:0;font-weight:400;position:absolute}.block-one__index{left:calc(12 * var(--s));top:calc(206 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.block-one__kicker{left:calc(141 * var(--s));top:calc(196 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.block-one__title{left:calc(141 * var(--s));top:calc(204 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.block-one__no{left:calc(220 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.block-one__spec{left:calc(251 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));white-space:nowrap;line-height:1;position:absolute}.block-one__spec span{min-height:calc(8 * var(--s));display:block}.ground,.wide,.tag,.side,.screens{z-index:var(--layer-content);margin:0;position:absolute}.ground{left:calc(-26 * var(--s));top:calc(1074 * var(--s));width:calc(1497 * var(--s));height:calc(999 * var(--s));isolation:isolate;background:#d9d9d9;overflow:hidden}.ground img{left:0;top:calc(var(--parallax) * -1 * var(--s));width:100%;height:calc(999 * var(--s) + var(--parallax) * 2 * var(--s));object-fit:cover;will-change:transform;position:absolute}.wide{left:calc(198 * var(--s));top:calc(868 * var(--s));width:calc(1045 * var(--s));height:calc(448 * var(--s));background:var(--color-plate);color:var(--color-plate-ink)}.wide__photo{width:calc(355 * var(--s));height:calc(448 * var(--s));position:absolute;top:0;left:0;overflow:hidden}.wide__photo img,.screens__photo img,.special__photo img,.tri__pic{left:0;top:calc(var(--drift) * -100%);width:100%;height:calc(100% + var(--drift) * 200%);object-fit:cover;will-change:transform;display:block;position:absolute}.wide p,.wide h2{white-space:nowrap;margin:0;font-weight:400;position:absolute}.wide__index{left:calc(367 * var(--s));top:calc(221 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.wide__kicker{left:calc(496 * var(--s));top:calc(211 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.wide__title{left:calc(496 * var(--s));top:calc(219 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.wide__reel{left:calc(690 * var(--s));width:calc(348 * var(--s));height:calc(448 * var(--s));position:absolute;top:0;overflow:hidden}.wide__reel-in{left:0;top:calc(-180 * var(--s));font-size:calc(42 * var(--s));white-space:nowrap;line-height:.9;position:absolute}.wide__reel-in span{display:block}.tag{left:calc(20 * var(--s));top:calc(1013 * var(--s));width:calc(171 * var(--s));height:calc(122 * var(--s));background:var(--color-plate);color:var(--color-plate-ink);isolation:isolate;overflow:hidden}.tag__cut,.side__cut{left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));position:absolute;overflow:hidden}.tag__cut:after,.side__cut:after{content:"";left:calc(var(--ix) * var(--s));top:calc(var(--iy) * var(--s));width:calc(197 * var(--s));height:calc(246 * var(--s));mix-blend-mode:hard-light;background:url(../assets/hrzntl-DfNaFLW7.webp) 50%/cover no-repeat;position:absolute}.tag p{white-space:nowrap;margin:0;font-weight:400;position:absolute}.tag__kicker{left:calc(70 * var(--s));top:calc(2 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.tag__word{left:50%;top:calc(47 * var(--s));font-size:calc(45.316 * var(--s));letter-spacing:calc(-1.3595 * var(--s));text-align:center;line-height:.9;transform:translate(-50%)}.side{left:calc(1249 * var(--s));top:calc(1013 * var(--s));width:calc(171 * var(--s));height:calc(122 * var(--s));background:var(--color-plate);color:var(--color-plate-ink);isolation:isolate;overflow:hidden}.side p{white-space:nowrap;transform-origin:50%;margin:0;font-weight:400;position:absolute}.side__title,.side__kicker,.side__index{justify-content:center;align-items:center;display:flex}.side__title span,.side__kicker span,.side__index span{line-height:1;transform:rotate(-90deg)}.side__title{left:calc(31 * var(--s));top:calc(30 * var(--s));width:calc(18 * var(--s));height:calc(55 * var(--s));font-size:calc(12 * var(--s))}.side__kicker{left:calc(23 * var(--s));top:calc(54 * var(--s));width:calc(12 * var(--s));height:calc(31 * var(--s));font-size:calc(8 * var(--s));color:var(--color-mark)}.side__index{left:calc(33 * var(--s));top:calc(110 * var(--s));width:calc(12 * var(--s));height:calc(5 * var(--s));font-size:calc(8 * var(--s))}.side__note{left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));font-size:calc(var(--size) * var(--s));text-align:center;line-height:1;transform:translate(-50%)rotate(-90deg)}.side__note span{display:block}.screens{width:100%;height:0;top:0;left:0}.screens__card{left:calc(553 * var(--s));top:calc(1322 * var(--s));width:calc(335 * var(--s));height:calc(226 * var(--s));background:var(--color-plate);position:absolute}.screens p,.screens h2{white-space:nowrap;color:var(--color-plate-ink);margin:0;font-weight:400;position:absolute}.screens__index{left:calc(566 * var(--s));top:calc(1338 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.screens__kicker{left:calc(596 * var(--s));top:calc(1328 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.screens__title{left:calc(596 * var(--s));top:calc(1336 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.screens__no{left:calc(566 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.screens__spec{left:calc(597 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));white-space:nowrap;color:var(--color-plate-ink);line-height:1;position:absolute}.screens__spec span{min-height:calc(8 * var(--s));display:block}.screens p.screens__no--muted,.screens__spec--muted{color:var(--color-mark)}.screens__photo{left:calc(686 * var(--s));top:calc(1322 * var(--s));width:calc(202 * var(--s));height:calc(226 * var(--s));background:var(--color-plate-ink);position:absolute;overflow:hidden}.screens p.screens__shout{color:var(--color-plate);white-space:nowrap;justify-content:center;align-items:center;display:flex}.screens__shout span{font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;transform:rotate(-90deg)}.screens__shout--a{left:calc(802 * var(--s));top:calc(1392 * var(--s));width:calc(76 * var(--s));height:calc(147 * var(--s))}.screens__shout--b{left:calc(693 * var(--s));top:calc(1423 * var(--s));width:calc(76 * var(--s));height:calc(116 * var(--s))}.seven{left:0;top:var(--group-top,300vh);width:100%;height:calc(960 * var(--s));z-index:var(--layer-content);position:absolute}.seven>*{position:absolute}.seven p,.seven h2{margin:0;font-weight:400}.seven img{display:block}.seven__ground{transform:translate3d(0, calc(945 * var(--s)), 0);z-index:var(--layer-content);will-change:transform;width:calc(1440 * var(--s));height:calc(1701 * var(--s));position:absolute;top:0;left:0;overflow:hidden}.seven__ground img{object-fit:cover;will-change:transform;width:100%;position:absolute;top:0;left:0}.v-turn,.tri__lead--turned{white-space:nowrap;color:var(--color-plate-ink);justify-content:center;align-items:center;display:flex}.v-turn{left:calc(var(--x) * var(--s));top:calc(var(--y) * var(--s));width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));font-size:calc(var(--size) * var(--s))}.v-turn>span{line-height:1;transform:rotate(90deg)}.v-turn .lines>span{min-height:calc(var(--size) * var(--s));display:block}.v-turn.is-muted{color:var(--color-mark)}.v-card{width:100%;height:calc(426 * var(--s));top:0;left:0}.v-card__plate{left:calc(552 * var(--s));width:calc(335 * var(--s));height:calc(426 * var(--s));background:var(--color-plate);position:absolute;top:0}.v-card .v-turn{position:absolute}.v-card__no,.v-card__shout{left:calc(560 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));color:var(--color-plate-ink);white-space:nowrap;line-height:.9;position:absolute}.v-card__no{top:calc(172 * var(--s))}.v-card__shout{top:calc(223 * var(--s))}.v-card__shout span{min-height:calc(38 * var(--s));display:block}.tile{left:calc(20 * var(--s));top:calc(432 * var(--s));width:calc(158 * var(--s));height:calc(158 * var(--s))}.tile__disc{width:100%;height:100%;position:absolute;inset:0}.tile__mark{top:calc(47 * var(--s));width:calc(64.5744 * var(--s));height:calc(61.0553 * var(--s));position:absolute}.tile__mark--a{left:calc(20 * var(--s));transform:rotate(-90deg)}.tile__mark--b{left:calc(70 * var(--s));transform:rotate(90deg)}.bar,.pill,.special{color:var(--color-plate-ink)}.bar{left:calc(183 * var(--s));top:calc(432 * var(--s));width:calc(534 * var(--s));height:calc(158 * var(--s))}.bar__plate{background:var(--color-plate);border-radius: 0 !important;position:absolute;inset:0}.bar__disc{left:calc(5 * var(--s));top:calc(5 * var(--s));width:calc(148 * var(--s));height:calc(148 * var(--s));position:absolute}.bar p,.bar h2,.pill p,.pill h2,.special p,.special h2{margin:0;font-weight:400;position:absolute}.bar__index{left:calc(20 * var(--s));top:calc(76 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.bar__kicker{left:calc(163 * var(--s));top:calc(66 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.bar__title{left:calc(163 * var(--s));top:calc(74 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.bar__body{left:calc(163 * var(--s));top:calc(101 * var(--s));width:calc(359 * var(--s));font-size:calc(12 * var(--s));color:var(--color-mark);line-height:1}.pill{left:calc(724 * var(--s));top:calc(432 * var(--s));width:calc(696 * var(--s));height:calc(158 * var(--s))}.pill__plate{background:var(--color-plate);border-radius: 0 !important;position:absolute;inset:0}.pill__disc{left:calc(5 * var(--s));top:calc(5 * var(--s));width:calc(148 * var(--s));height:calc(148 * var(--s));position:absolute}.pill__square{left:calc(78 * var(--s));top:calc(5 * var(--s));width:calc(148 * var(--s));height:calc(148 * var(--s));border:1px solid #e9e9e9;position:absolute}.pill__index{left:calc(20 * var(--s));top:calc(76 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.pill__kicker{left:calc(237 * var(--s));top:calc(66 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.pill__title{left:calc(237 * var(--s));top:calc(74 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.pill__body{left:calc(237 * var(--s));top:calc(101 * var(--s));width:calc(396 * var(--s));font-size:calc(12 * var(--s));color:var(--color-mark);line-height:1}.dial{--dial-r:348.5;--hour-r:326;--inner-d:504.068;left:calc(20 * var(--s));top:calc(596 * var(--s));width:calc(697 * var(--s));height:calc(697 * var(--s));color:var(--color-plate-ink)}.dial__rim{width:100%;height:100%;position:absolute;inset:0}.dial__inner{left:calc(96.5 * var(--s));width:calc(var(--inner-d) * var(--s));height:calc(var(--inner-d) * var(--s));position:absolute}.dial__inner--a{top:calc(96.47 * var(--s))}.dial__inner--b{top:calc(96 * var(--s))}.dial__dot{left:calc(var(--dial-r) * var(--s));top:calc(var(--dial-r) * var(--s));width:calc(var(--d) * var(--s));height:calc(var(--d) * var(--s));margin-left:calc(var(--d) / -2 * var(--s));margin-top:calc(var(--d) / -2 * var(--s));position:absolute}.dial__hour{--angle:calc((var(--i) - 3) * 30deg);left:calc((var(--dial-r) + var(--hour-r) * cos(var(--angle))) * var(--s));top:calc((var(--dial-r) + var(--hour-r) * sin(var(--angle))) * var(--s));font-size:calc(12 * var(--s));white-space:nowrap;transform:translate(-50%, -50%) rotate(calc(var(--angle) + 90deg));margin:0;line-height:.9;position:absolute}.dial__kicker,.dial__title{left:calc(348.5 * var(--s));white-space:nowrap;margin:0;font-weight:400;position:absolute;transform:translate(-50%)}.dial__kicker{top:calc(333 * var(--s));font-size:calc(8 * var(--s));color:var(--color-mark)}.dial__title{top:calc(339.6 * var(--s));font-size:calc(12 * var(--s))}.side-a{left:calc(723 * var(--s));top:calc(596 * var(--s));width:calc(697 * var(--s));height:calc(697 * var(--s))}.side-a__ring,.side-a__fill{width:100%;height:100%;position:absolute;inset:0}.side-a__core{left:calc(226 * var(--s));top:calc(226 * var(--s));width:calc(245 * var(--s));height:calc(245 * var(--s));-webkit-backdrop-filter:blur(calc(12 * var(--s)));backdrop-filter:blur(calc(12 * var(--s)));box-shadow:0 0 calc(4 * var(--s)) #00000040;background:#d1d1d133;border-radius: 0 !important;position:absolute;-webkit-mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%);mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%)}.side-a__spin{will-change:transform;position:absolute;inset:0}.side-a__shout{left:calc(349.5 * var(--s));top:calc(59 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));text-align:center;text-transform:uppercase;white-space:nowrap;color:var(--color-plate-ink);line-height:.9;position:absolute;transform:translate(-50%)}.side-a__shout span{min-height:calc(38 * var(--s));display:block}.side-a p,.side-a h2{white-space:nowrap;color:var(--color-plate-ink);margin:0;font-weight:400;position:absolute}.side-a__index{left:calc(34 * var(--s));top:calc(346 * var(--s));font-size:calc(8 * var(--s))}.side-a p.side-a__kicker{left:calc(163 * var(--s));top:calc(336 * var(--s));font-size:calc(8 * var(--s));color:var(--color-mark)}.side-a__title{left:calc(163 * var(--s));top:calc(344 * var(--s));font-size:calc(12 * var(--s))}.tri{left:calc(368 * var(--s));top:calc(1299 * var(--s));width:calc(704.001 * var(--s));height:calc(608.664 * var(--s));color:var(--color-plate-ink)}.tri__outline{width:100%;height:100%;position:absolute;inset:0}.tri__half{top:calc(101.665 * var(--s));height:calc(506.999 * var(--s));position:absolute}.tri__half--left{left:calc(28.68 * var(--s));width:calc(315.323 * var(--s))}.tri__half--right{left:calc(359.68 * var(--s));width:calc(315.319 * var(--s));clip-path:polygon(0 0,0 100%,7.1683% 100%,100% 0)}.tri__shout{left:calc(6.324 * var(--s));top:calc(-1.665 * var(--s));width:calc(355 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));text-align:center;text-transform:uppercase;color:#fff;line-height:.9;position:absolute}.tri__shout span{display:block}.tri__shout--turned{left:calc(-174.68 * var(--s));top:calc(291.335 * var(--s));width:calc(349 * var(--s));letter-spacing:calc(-1.68 * var(--s));transform:rotate(180deg)}.tri__stud{top:calc(24.05 * var(--s));width:calc(33 * var(--s));height:calc(33 * var(--s));position:absolute}.tri__stud--a{left:calc(29.03 * var(--s))}.tri__stud--b{left:calc(642.03 * var(--s))}.tri p,.tri h2{white-space:nowrap;margin:0;font-weight:400;position:absolute}.tri__title{left:calc(352.25 * var(--s));top:calc(18.67 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));text-transform:uppercase;line-height:.9;transform:translate(-50%)}.tri__lead{left:calc(46 * var(--s));top:calc(86.67 * var(--s));font-size:calc(12 * var(--s));line-height:normal}.tri__lead--turned{left:calc(342 * var(--s));top:calc(101.67 * var(--s));width:calc(18 * var(--s));height:calc(428 * var(--s))}.tri__lead--turned span{transform:rotate(90deg)}.tri__index{left:calc(349 * var(--s));top:calc(582.17 * var(--s));font-size:calc(8 * var(--s))}.special{left:calc(368 * var(--s));top:calc(610 * var(--s));width:calc(705 * var(--s));height:calc(327 * var(--s))}.special__plate{width:calc(353 * var(--s));height:calc(327 * var(--s));background:var(--color-plate);position:absolute;top:0;left:0}.special__photo{width:calc(353 * var(--s));height:calc(327 * var(--s));position:absolute;top:0;left:0;overflow:hidden}.special__cut{width:100%;height:100%;position:absolute;inset:0}.special__index{left:calc(12 * var(--s));top:calc(155 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.special__kicker{left:calc(76 * var(--s));top:calc(145 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.special__title{left:calc(76 * var(--s));top:calc(153 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.special__no{left:calc(529 * var(--s));top:calc((var(--top) - 1914) * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.special__spec{left:calc(560 * var(--s));top:calc((var(--top) - 1914) * var(--s));font-size:calc(8 * var(--s));white-space:nowrap;color:var(--color-plate-ink);line-height:1;position:absolute}.special__spec span{min-height:calc(8 * var(--s));display:block}.deck{left:50%;top:var(--deck-top,400vh);width:calc(335 * var(--s));height:calc(426 * var(--s));margin-left:calc(-167.5 * var(--s));background:var(--color-plate);color:var(--color-plate-ink);z-index:var(--layer-content);position:absolute}.deck p,.deck h2,.deck>div{white-space:nowrap;margin:0;font-weight:400;position:absolute}.deck__index{left:calc(10 * var(--s));top:calc(19 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.deck p.deck__kicker{left:calc(33 * var(--s));top:calc(9 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.deck__title{left:calc(33 * var(--s));top:calc(17 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.deck__no{left:calc(236 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.deck__spec{left:calc(265 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));line-height:1}.deck__spec span{min-height:calc(8 * var(--s));display:block}.deck__shout-no,.deck__shout{left:calc(8 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9}.deck__shout-no{top:calc(172 * var(--s))}.deck__shout{top:calc(223 * var(--s))}.deck__shout span{min-height:calc(38 * var(--s));display:block}.deck__reel{left:calc(128 * var(--s));width:calc(78.9132 * var(--s));height:100%;top:0;overflow:hidden}.deck__pic{width:100%;height:calc(99.5862 * var(--s));object-fit:cover;will-change:transform;display:block;position:absolute;top:0;left:0}.deck__slot{visibility:hidden}.deck{--grey:0}.deck .deck__shout,.deck .deck__shout-no{color:color-mix(in srgb, #e5e5e5 calc(var(--grey) * 100%), #000)}.deck p.deck__no,.deck div.deck__spec{color:color-mix(in srgb, #bfbfbf calc(var(--grey) * 100%), #000)}.fan{left:50%;top:var(--fan-top,500vh);width:calc(706 * var(--s));height:calc(697 * var(--s));margin-left:calc(-353 * var(--s));color:var(--color-plate-ink);z-index:var(--layer-content);position:absolute}.fan__disc,.fan__rim{left:calc(9 * var(--s));width:calc(697 * var(--s));height:calc(697 * var(--s));position:absolute;top:0}.fan__deck{left:calc(357.5 * var(--s));top:calc(348.5 * var(--s));width:0;height:0;position:absolute}.fan__card{left:calc(-30.5 * var(--s));top:calc(-30.5 * var(--s));width:calc(246 * var(--s));height:calc(234 * var(--s));transform-origin:calc(30.5 * var(--s)) calc(30.5 * var(--s));transform:rotate(calc((var(--base) + (var(--carry,0) + var(--v)) * var(--open,0)) * 60deg));will-change:transform;-webkit-mask-image:radial-gradient(circle calc(9.3786 * var(--s)) at calc(30.5 * var(--s)) calc(30.5 * var(--s)), transparent 0 92%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(9.3786 * var(--s)) at calc(30.5 * var(--s)) calc(30.5 * var(--s)), transparent 0 92%, #000 100%);mask-image:radial-gradient(circle calc(9.3786 * var(--s)) at calc(30.5 * var(--s)) calc(30.5 * var(--s)), transparent 0 92%, #000 100%);position:absolute}.fan__card img{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.fan__card img.fan__corner{width:calc(61 * var(--s));height:calc(61 * var(--s))}.fan__glass{left:calc(300 * var(--s));top:calc(291 * var(--s));width:calc(115 * var(--s));height:calc(115 * var(--s));-webkit-backdrop-filter:blur(calc(12 * var(--s)));backdrop-filter:blur(calc(12 * var(--s)));box-shadow:0 0 calc(4 * var(--s)) #00000040;background:#d1d1d133;border-radius: 0 !important;position:absolute;-webkit-mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%);mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%)}.fan p,.fan h2{white-space:nowrap;margin:0;font-weight:400;position:absolute}.fan__index{left:calc(23 * var(--s));top:calc(346 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s))}.fan p.fan__kicker{left:calc(661 * var(--s));top:calc(336 * var(--s));font-size:calc(8 * var(--s));line-height:calc(12 * var(--s));color:var(--color-mark)}.fan__title{left:calc(661 * var(--s));top:calc(344 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s))}.field{--dash:#676767;--dim:.25;--dash-on:calc(4 * var(--s));--dash-off:calc(8 * var(--s));left:50%;top:var(--field-top,600vh);width:calc(var(--content-width) * var(--s));height:calc(var(--field-screens,1.43) * 100vh - 40 * var(--s));margin-left:calc(var(--content-width) / -2 * var(--s));z-index:var(--layer-content);cursor:crosshair;background-image:repeating-linear-gradient(to right, var(--dash) 0 var(--dash-on), transparent var(--dash-on) var(--dash-off)), repeating-linear-gradient(to right, var(--dash) 0 var(--dash-on), transparent var(--dash-on) var(--dash-off)), repeating-linear-gradient(to bottom, var(--dash) 0 var(--dash-on), transparent var(--dash-on) var(--dash-off)), repeating-linear-gradient(to bottom, var(--dash) 0 var(--dash-on), transparent var(--dash-on) var(--dash-off));background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px 100%;position:absolute;overflow:hidden}.field__marks{pointer-events:none;position:absolute;inset:0}.field__rule{background-image:repeating-linear-gradient(to right, var(--dash) 0 var(--dash-on), transparent var(--dash-on) var(--dash-off));height:1px;position:absolute}.field__rule--v{width:var(--upright,100%);transform-origin:0 0;top:0;left:50%;transform:rotate(90deg)}.field__rule--h{width:100%;top:50%;left:0}.field__rule--d1,.field__rule--d2{width:var(--diagonal,0);transform-origin:0 0;left:0}.field__rule--d1{transform:rotate(var(--slope,0deg));top:0}.field__rule--d2{transform:rotate(calc(var(--slope,0deg) * -1));top:100%}.field__says{pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.field.is-played .field__says{opacity:0}.field p{white-space:nowrap;color:var(--color-plate);margin:0;font-weight:400;position:absolute;overflow:hidden}.field__mask{vertical-align:bottom;display:inline-block;overflow:hidden}.field.is-up .field__mask{overflow:visible}.field__word{opacity:calc(1 - var(--phase,0) * (1 - var(--dim)));display:inline-block;transform:translateY(110%)}.field.is-up .field__word{animation:2.6s step-end infinite field-flick;animation-delay:calc(var(--phase,0) * -1.3s)}.field__tick{margin-left:calc(10 * var(--s));font-size:calc(12 * var(--s));line-height:calc(18 * var(--s));left:50%}.field__tick--top{top:calc(5 * var(--s))}.field__tick--foot{bottom:calc(5 * var(--s))}.field__call{top:calc(50% - 38 * var(--s));font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9}.field__call--left{left:calc(11 * var(--s))}.field__call--right{margin-left:calc(10 * var(--s));left:50%}@keyframes field-flick{0%{opacity:1}50%{opacity:var(--dim)}}.chip{will-change:transform;transform-origin:50%;position:absolute;top:0;left:0}.chip img{width:100%;height:100%;display:block;position:absolute;inset:0}.fog{left:0;top:var(--fog-top,300vh);width:100%;height:var(--fog-deep,100vh);z-index:var(--layer-content);position:absolute;overflow:hidden}.fog:after{content:"";background-image:url(../assets/grain-dVxBV0aK.webp);background-size:calc(192 * var(--s));opacity:.09;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.fog img{left:0;top:calc(var(--drift) * -100%);width:100%;height:calc(100% + var(--drift) * 200%);object-fit:cover;will-change:transform;display:block;position:absolute}.vee{--card-w:697;--card-h:226;--band:#e9e9e9;--turned-foot:8;left:0;top:var(--vee-top,400vh);width:100%;height:calc(226 * var(--s));z-index:var(--layer-content);position:absolute}.vee__card{width:calc(var(--card-w) * var(--s));height:calc(var(--card-h) * var(--s));position:absolute;top:0;overflow:hidden}.vee__card--west{left:calc(20 * var(--s))}.vee__card--east{left:calc(723 * var(--s));background:var(--color-plate)}.vee__shot{position:absolute;inset:0}.vee__shot--east{left:calc(159 * var(--s))}.vee__shot img{left:0;top:calc(var(--drift) * -100%);width:100%;height:calc(100% + var(--drift) * 200%);object-fit:cover;will-change:transform;display:block;position:absolute}.vee__band{width:100%;height:calc(32 * var(--s));background:var(--band);position:absolute;left:0}.vee__band--one{top:calc(44 * var(--s));background:#e9e9e9}.vee__band--two{top:calc(97 * var(--s));background:var(--color-plate)}.vee__pane{left:calc(539 * var(--s));width:calc(158 * var(--s));position:absolute}.vee__pane--head{top:calc(44 * var(--s));height:calc(53 * var(--s));background:#e9e9e9}.vee__pane--foot{top:calc(97 * var(--s));height:calc(129 * var(--s));background:var(--color-plate)}.vee__head{width:calc(159 * var(--s));background:var(--color-plate);height:100%;position:absolute;top:0;left:0}.vee p,.vee h2{white-space:nowrap;margin:0;font-weight:400;position:absolute}.vee__no,.vee__mark{font-size:calc(8 * var(--s));color:var(--color-plate-ink);line-height:1.5}.vee__kicker{font-size:calc(8 * var(--s));color:#bfbfbf;line-height:1.5}.vee__name{font-size:calc(12 * var(--s));color:var(--color-plate-ink);line-height:1.5}.vee__no--one{left:calc(11 * var(--s));top:calc(58 * var(--s))}.vee__kicker--one{left:calc(75 * var(--s));top:calc(48 * var(--s))}.vee__name--one{left:calc(75 * var(--s));top:calc(56 * var(--s))}.vee__mark--one{right:calc(159 * var(--s));top:calc(58 * var(--s))}.vee__no--two{left:calc(11 * var(--s));top:calc(111 * var(--s))}.vee__kicker--two{left:calc(75 * var(--s));top:calc(101 * var(--s))}.vee__name--two{left:calc(75 * var(--s));top:calc(109 * var(--s))}.vee__mark--two{right:calc(159 * var(--s));top:calc(111 * var(--s))}.vee__list{font-size:calc(8 * var(--s));color:var(--color-plate-ink);flex-direction:column;line-height:1.25;display:flex;position:absolute}.vee__list b{margin-bottom:calc(6 * var(--s));font-weight:400}.vee__list--one{left:calc(559 * var(--s));top:calc(60 * var(--s));height:calc(37 * var(--s));overflow:hidden}.vee__list--two{left:calc(559 * var(--s));top:calc(113 * var(--s))}.vee__list--three{left:calc(559 * var(--s));top:calc(167 * var(--s))}.vee__no--east{left:calc(10 * var(--s));top:calc(16 * var(--s))}.vee__kicker--east{left:calc(40 * var(--s));top:calc(6 * var(--s))}.vee__name--east{left:calc(40 * var(--s));top:calc(14 * var(--s))}.vee__mark--east-a{left:calc(10 * var(--s));top:calc(117 * var(--s))}.vee__list--east-a{left:calc(41 * var(--s));top:calc(119 * var(--s))}.vee__mark--east-b{left:calc(10 * var(--s));top:calc(171 * var(--s));color:#bfbfbf}.vee__list--east-b{left:calc(41 * var(--s));top:calc(173 * var(--s));color:#bfbfbf}.vee__turned{color:var(--color-plate);white-space:normal;transform-origin:0 0;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9;transform:rotate(-90deg)}.vee__turned--usage{left:calc(171 * var(--s));top:calc((var(--card-h) - var(--turned-foot)) * var(--s))}.vee__turned--screens{left:calc(610 * var(--s));top:calc((var(--card-h) - var(--turned-foot)) * var(--s))}.vee__plate{left:calc(348 * var(--s));top:calc(232 * var(--s));width:calc(704 * var(--s));height:calc(608.664 * var(--s));position:absolute}.vee__form{width:100%;height:100%;color:var(--color-plate);display:block;position:absolute;inset:0}.vee__marks{left:calc(19.86 * var(--s));top:calc(18.96 * var(--s));width:calc(660.715 * var(--s));height:calc(571.571 * var(--s));color:var(--color-plate-ink);display:block;position:absolute}.vee__word,.vee__reads{left:calc(351.78 * var(--s));text-align:center;font-size:calc(42 * var(--s));letter-spacing:calc(-1.26 * var(--s));text-transform:uppercase;line-height:.9;transform:translate(-50%)}.vee__word{top:calc(26.38 * var(--s))}.vee__reads{top:calc(265 * var(--s));white-space:normal}.vee__no--tri{left:calc(196.78 * var(--s));top:calc(211.38 * var(--s))}.vee__kicker--tri{left:calc(325.78 * var(--s));top:calc(201.38 * var(--s))}.vee__name--tri{left:calc(325.78 * var(--s));top:calc(209.38 * var(--s))}.poster{--deep:1617;--say:92;--tell:42;left:0;top:var(--poster-top,500vh);width:100%;height:calc(var(--deep) * var(--s));z-index:var(--layer-content);color:var(--color-plate);background:var(--color-bg);transform-origin:50%;will-change:transform;position:absolute}.poster.is-card{z-index:calc(var(--layer-content) + 1)}.poster__seat{left:calc((1252.5 - 335 / 2) * var(--s));top:calc((1429.12 - 335 / 2) * var(--s));width:calc(335 * var(--s));height:calc(335 * var(--s));background:var(--color-plate);border-radius: 0 !important;display:none;position:absolute}.poster.is-whole .poster__seat{display:block}.poster__edge{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.poster__edge rect{fill:none;stroke:var(--color-plate);stroke-width:var(--edge-thin,0)}.poster h2,.poster h3,.poster p{white-space:nowrap;margin:0;font-weight:400;position:absolute}.poster h2,.poster h3{text-transform:uppercase;width:100%;height:0;top:0;left:0}.poster__glyph{will-change:transform;display:inline-block}.poster__line{left:calc(var(--x) * var(--s));top:calc((var(--top,6) + var(--n) * var(--lead)) * var(--s));white-space:pre;position:absolute}.poster__say{--lead:calc(var(--say) * .9);font-size:calc(var(--say) * var(--s));letter-spacing:calc(-2.76 * var(--s));line-height:.9}.poster__tell{--lead:calc(var(--tell) * .9);--top:755;font-size:calc(var(--tell) * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:.9}.poster__shot{left:calc(20 * var(--s));top:calc(763 * var(--s));width:calc(690 * var(--s));height:calc(834 * var(--s));position:absolute;overflow:hidden}.poster__shot img{left:0;top:calc(var(--drift) * -100%);width:100%;height:calc(100% + var(--drift) * 200%);object-fit:cover;will-change:transform;display:block;position:absolute}.poster__no{left:calc(1055 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));line-height:1.5}.poster__no--dim,.poster__list--dim{color:#fff6}.poster__kicker{left:calc(1085 * var(--s));font-size:calc(8 * var(--s));color:#fff6;line-height:1.5}.poster__kicker--one{top:calc(17 * var(--s))}.poster__name{left:calc(1085 * var(--s));top:calc(25 * var(--s));font-size:calc(12 * var(--s));line-height:1.5}.poster__no--one{top:calc(27 * var(--s))}.poster__list{left:calc(1086 * var(--s));top:calc(var(--top) * var(--s));font-size:calc(8 * var(--s));flex-direction:column;line-height:1.25;display:flex;position:absolute}.poster__list b{margin-bottom:calc(6 * var(--s));font-weight:400}.poster__advice{top:calc(742 * var(--s));font-size:calc(8 * var(--s));color:#fff6;line-height:1.5}.poster__advice--one{left:calc(732 * var(--s))}.poster__advice--two{left:calc(1087 * var(--s))}.poster__dial{left:calc(730 * var(--s));top:calc(1261.62 * var(--s));width:calc(335 * var(--s));height:calc(335 * var(--s));border:1px solid var(--color-plate);border-radius: 0 !important;position:absolute}.poster__hand{left:calc(897.5 * var(--s));top:calc(1429.12 * var(--s));width:calc(146 * var(--s));background:var(--color-plate);transform-origin:0 0;height:1px;transform:rotate(var(--tick,0deg));position:absolute}.poster__hand b,.poster__hand i{white-space:nowrap;font-style:normal;font-weight:400;line-height:1.5;position:absolute}.poster__no--clock{left:calc(.5 * var(--s));top:calc(-17.12 * var(--s));font-size:calc(8 * var(--s))}.poster__kicker--clock{left:calc(115.5 * var(--s));top:calc(-27.12 * var(--s));font-size:calc(8 * var(--s));color:#fff6}.poster__name--clock{left:calc(115.5 * var(--s));top:calc(-19.12 * var(--s));font-size:calc(12 * var(--s))}.pip{left:50%;top:calc(var(--gauge-top,700vh) + var(--pip-axis,1218.5) * var(--s));width:0;height:0;z-index:var(--layer-content);color:var(--color-plate);will-change:transform;position:absolute}.win{--lift:488.2;--deep:697;--mid-x:720.5;--mid-y:836.7;--disc:697;--rule:3.805;--plate-x:198;--plate-y:614.2;--plate-w:1045;--plate-h:448;--shot-w:294;--shot-h:368.5;--shot-y:654;--inset:40;--rule-a:374;--rule-b:672;--win-x:612;--win-w:218;--win-h:73;--win-top:654.2;--win-foot:949.2;left:0;top:var(--win-top-at,400vh);width:100%;height:calc(var(--deep) * var(--s));z-index:var(--layer-content);position:absolute;overflow:hidden}.win__disc{left:calc(var(--mid-x) * var(--s));top:calc((var(--mid-y) - var(--lift)) * var(--s));width:0;height:0;transform:rotate(var(--turn,0deg));position:absolute}.win__face{left:calc(var(--disc) / -2 * var(--s));top:calc(var(--disc) / -2 * var(--s));width:calc(var(--disc) * var(--s));height:calc(var(--disc) * var(--s));background:var(--color-plate-ink);border:calc(var(--rule) * var(--s)) solid var(--color-plate);border-radius: 0 !important;position:absolute}.win__arc{transform-origin:0 0;transform:rotate(calc(var(--q) * 90deg));color:var(--color-plate);white-space:nowrap;position:absolute;top:0;left:0}.win__arc i,.win__arc b,.win__arc u{font-style:normal;font-weight:400;line-height:1;text-decoration:none;position:absolute;transform:translate(-50%)}.win__arc i{left:0;top:calc(-337 * var(--s));font-size:calc(8 * var(--s));opacity:.4}.win__arc b{left:0;top:calc(-325 * var(--s));font-size:calc(12 * var(--s))}.win__arc u{left:calc(-75 * var(--s));top:calc(-318.1 * var(--s));font-size:calc(8 * var(--s));opacity:.4}.win__tag{width:calc(90 * var(--s));height:calc(26 * var(--s));transform-origin:0 0;transform:rotate(calc(var(--q) * 90deg)) translate(calc(-14.55 * var(--s)), calc(-160.9 * var(--s)));color:var(--color-plate);white-space:nowrap;position:absolute;top:0;left:0}.win__tag i,.win__tag b{font-style:normal;font-weight:400;line-height:1.5;position:absolute;left:0}.win__tag i{font-size:calc(8 * var(--s));opacity:.4;top:0}.win__tag b{top:calc(8 * var(--s));font-size:calc(12 * var(--s))}.win__rule{top:calc((var(--plate-y) - var(--lift)) * var(--s));width:1px;height:calc(var(--plate-h) * var(--s));background:#d9d9d9;position:absolute}.win__rule--west{left:calc((var(--plate-x) + var(--rule-a)) * var(--s))}.win__rule--east{left:calc((var(--plate-x) + var(--rule-b)) * var(--s))}.win__shot{top:calc((var(--shot-y) - var(--lift)) * var(--s));width:calc(var(--shot-w) * var(--s));height:calc(var(--shot-h) * var(--s));position:absolute;overflow:hidden}.win__reel{will-change:transform;flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}.win__shot--left{left:calc((var(--plate-x) + var(--inset)) * var(--s))}.win__shot--right{left:calc((var(--plate-x) + var(--plate-w) - var(--inset) - var(--shot-w)) * var(--s))}.win__shot img{width:100%;height:calc(var(--shot-h) * var(--s) + 1px);object-fit:cover;will-change:filter;flex:none;display:block}.win__shot img+img{margin-top:-1px}.win__plate{background:var(--color-plate);position:absolute}.win__plate--west{left:calc(var(--plate-x) * var(--s));top:calc((var(--plate-y) - var(--lift)) * var(--s));width:calc((var(--win-x) - var(--plate-x)) * var(--s));height:calc(var(--plate-h) * var(--s))}.win__plate--east{left:calc((var(--win-x) + var(--win-w)) * var(--s));top:calc((var(--plate-y) - var(--lift)) * var(--s));width:calc((var(--plate-x) + var(--plate-w) - var(--win-x) - var(--win-w)) * var(--s));height:calc(var(--plate-h) * var(--s))}.win__plate--head,.win__plate--waist,.win__plate--foot{left:calc(var(--win-x) * var(--s));width:calc(var(--win-w) * var(--s))}.win__plate--head{top:calc((var(--plate-y) - var(--lift)) * var(--s));height:calc((var(--win-top) - var(--plate-y)) * var(--s))}.win__plate--waist{top:calc((var(--win-top) + var(--win-h) - var(--lift)) * var(--s));height:calc((var(--win-foot) - var(--win-top) - var(--win-h)) * var(--s))}.win__plate--foot{top:calc((var(--win-foot) + var(--win-h) - var(--lift)) * var(--s));height:calc((var(--plate-y) + var(--plate-h) - var(--win-foot) - var(--win-h)) * var(--s))}.win p{white-space:nowrap;margin:0;font-weight:400;line-height:1.5;position:absolute}.win__no{left:calc(613 * var(--s));top:calc((835.2 - var(--lift)) * var(--s));font-size:calc(8 * var(--s));color:var(--color-plate-ink)}.win__kicker{left:calc(706 * var(--s));top:calc((825.2 - var(--lift)) * var(--s));font-size:calc(8 * var(--s));color:#bfbfbf}.win__name{left:calc(706 * var(--s));top:calc((833.2 - var(--lift)) * var(--s));font-size:calc(12 * var(--s));color:var(--color-plate-ink)}.gauge{--rim:700.5;--dark:445.5;--back:455.5;--out:693.5;--eye:73.5;--glass:57.5;--bite:9.3786;--off:#bfbfbf;--lit:#000;--type:42;--small:12;--hub:86.5;--hand-len:329;--no-lift:11.5;--word-lift:2;--step:7.5deg;--seed:20;--grown:.55;--deep:2050;--axis:1218.5;left:0;top:var(--gauge-top,700vh);width:100%;height:calc(var(--deep) * var(--s));z-index:var(--layer-content);color:var(--color-plate);font-size:calc(var(--type) * var(--s));letter-spacing:calc(-1.26 * var(--s));line-height:1;position:absolute;overflow:hidden}.gauge__dial{top:calc(var(--axis) * var(--s));width:0;height:0;position:absolute}.gauge__dial--left{--face:0deg;--hand:1;left:0}.gauge__dial--right{--face:180deg;--hand:-1;left:100%}.gauge__ring{border-style:solid;border-radius: 0 !important;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.gauge__ring--white{width:calc(var(--rim) * 2 * var(--s));height:calc(var(--rim) * 2 * var(--s));border-width:calc((var(--rim) - var(--bite)) * var(--s));border-color:var(--color-plate)}.gauge__ring--black{width:calc(var(--dark) * 2 * var(--s));height:calc(var(--dark) * 2 * var(--s));border-width:calc((var(--dark) - var(--eye)) * var(--s));border-color:var(--color-bg)}.gauge__ring--glass{width:calc(var(--glass) * 2 * var(--s));height:calc(var(--glass) * 2 * var(--s));-webkit-backdrop-filter:blur(calc(12 * var(--s)));backdrop-filter:blur(calc(12 * var(--s)));background:#d1d1d133;border:0;-webkit-mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%);mask-image:radial-gradient(circle closest-side,#0000 16.1%,#000 16.5%)}.gauge__words,.gauge__needle{position:absolute;top:0;left:0}.gauge__word{white-space:nowrap;transform-origin:0 0;color:var(--off);--k:calc(var(--small) / var(--type));transition:transform .45s cubic-bezier(.22,1,.36,1),color .25s linear;position:absolute;top:0;left:0}.gauge__word.is-read{color:var(--lit);--k:1}.gauge__dial--left .gauge__word{transform:rotate(calc(var(--a) * 1deg)) translateX(calc(var(--r,455.5) * var(--s))) scale(var(--k)) translateY(-50%) translateY(calc(var(--word-lift) * var(--s) * -1))}.gauge__dial--right .gauge__word{transform:rotate(calc(180deg - var(--a) * 1deg)) translateX(calc(var(--r,455.5) * var(--s))) rotate(180deg) scale(var(--k)) translateX(-100%) translateY(-50%) translateY(calc(var(--word-lift) * var(--s)))}.gauge__needle{width:calc(var(--hand-len) * var(--s));background:var(--color-plate);transform-origin:0;height:1px;transform:rotate(calc(var(--face) + var(--sweep,-90deg) * var(--hand))) translateX(calc(var(--hub) * var(--s)))}.gauge__no{font-size:calc(8 * var(--s));letter-spacing:0;transform-origin:0;transform:translateY(-50%) translateY(calc(var(--no-lift) * var(--s) * -1));line-height:1.5;position:absolute;top:50%;left:0}.gauge__dial--right .gauge__no{transform:translateY(-50%) rotate(180deg) translateX(-100%) translateY(calc(var(--no-lift) * var(--s) * -1))}.gauge__shape{--field:calc(var(--size,200) * 41 / 20 * var(--s));width:var(--field);height:var(--field);margin-left:calc(var(--field) / -2);margin-top:calc(var(--field) / -2);position:absolute;top:0;left:0}.gauge__pane{will-change:clip-path;background:currentColor;position:absolute;inset:0}.footer{left:0;top:var(--footer-top,900vh);width:100%;height:calc(273 * var(--s));z-index:var(--layer-content);font-size:calc(12 * var(--s));position:absolute}.footer__logo{left:calc(19 * var(--s));width:calc(1401 * var(--s));height:calc(214.657 * var(--s));color:var(--color-plate);display:block;position:absolute;top:0;overflow:hidden}.footer__line{left:calc(19 * var(--s));top:calc(224.293 * var(--s));width:calc(1401 * var(--s));height:calc(29 * var(--s));color:var(--color-plate-ink);position:absolute}.footer__bar,.footer__box{background:var(--color-plate);position:absolute}.footer__bar{width:calc(1401 * var(--s));height:calc(16 * var(--s));top:0;left:0}.footer__box{left:calc(696 * var(--s));top:calc(.707 * var(--s));width:calc(353 * var(--s));height:calc(28 * var(--s))}.footer__line p{margin:0;position:absolute}.footer__credits{left:calc(10 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s))}.footer__season{left:calc(704 * var(--s));top:calc(2.707 * var(--s));line-height:calc(12 * var(--s))}.footer__by{right:calc(9 * var(--s));top:calc(-1.5 * var(--s));line-height:calc(18 * var(--s));text-align:right}.footer .line{margin-bottom:-2px;padding-bottom:2px;overflow:hidden}.splash{--u:calc(100vw / 393);z-index:calc(var(--layer-curtain) + 10);background:var(--color-bg);color:var(--color-plate);font-size:calc(12 * var(--u));line-height:calc(12 * var(--u));text-align:center;display:none;position:fixed;inset:0}.splash__logo{left:calc(19 * var(--u));top:calc(19.707 * var(--u));width:calc(354 * var(--u));height:calc(54.239 * var(--u));color:var(--color-plate);display:block;position:absolute}.splash__line{left:calc(19 * var(--u));right:calc(19 * var(--u));margin:0;position:absolute}.splash__line--credit{bottom:calc(55 * var(--u))}.splash__line--sorry{bottom:calc(19 * var(--u));color:var(--color-nav-muted)}.splash__face{--face:min(353 * var(--u), 100vh - 190 * var(--u));--s:calc(var(--face) / 697);width:var(--face);height:var(--face);color:var(--color-plate-ink);line-height:normal;font-size:calc(12 * var(--s));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash__face .dial{position:absolute;top:0;left:0}@media (width<=767px),(pointer:coarse){.splash{display:block}html,body{overflow:hidden}}@media (orientation:landscape) and (height<=620px){.splash__face{display:none}.splash__logo{width:auto;height:auto;top:20px;left:20px;right:20px}.splash{font-size:min(calc(12 * var(--u)), 3.4vh);line-height:1}.splash__line{left:20px;right:20px}.splash__line--credit{bottom:calc(20px + 3em)}.splash__line--sorry{bottom:20px}}img.kid{z-index:calc(var(--layer-content) + 5);pointer-events:none;display:none;position:absolute}.is-daughter img.kid{display:block}.kid--vertical{width:calc(335 * var(--s));height:calc(426 * var(--s));top:0;left:0}.kid--horizontal{left:calc(355 * var(--s));width:calc(690 * var(--s));height:calc(448 * var(--s));top:0}.kid--tag,.kid--side{width:calc(171 * var(--s));height:calc(122 * var(--s));top:0;left:0}.kid--screens{width:calc(133 * var(--s));height:calc(226 * var(--s));top:0;left:0}.kid--mini{width:100%;height:100%;top:0;left:0}.v-card__plate{overflow:hidden}.kid--v-card{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px}.kid--tile{width:calc(158 * var(--s));height:calc(158 * var(--s));top:0;left:0}.bar__plate,.pill__plate{overflow:hidden}.kid--bar,.kid--pill{width:100%;height:100%;top:0;left:0}.kid--dial{width:calc(697 * var(--s));height:calc(697 * var(--s));top:0;left:0}img.kid--side-a{z-index:auto;left:calc(24 * var(--s));top:calc(24 * var(--s));width:calc(649 * var(--s));height:calc(649 * var(--s));-webkit-mask-image:radial-gradient(circle closest-side,#0000 6%,#000 6.2%);mask-image:radial-gradient(circle closest-side,#0000 6%,#000 6.2%)}.kid--tri{width:calc(704 * var(--s));height:calc(608.664 * var(--s));top:0;left:0}.kid--special{left:calc(353 * var(--s));width:calc(352 * var(--s));height:calc(327 * var(--s));-webkit-mask-image:radial-gradient(circle calc(120.5 * var(--s)) at calc(-.5 * var(--s)) calc(163.5 * var(--s)), transparent 99%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(120.5 * var(--s)) at calc(-.5 * var(--s)) calc(163.5 * var(--s)), transparent 99%, #000 100%);mask-image:radial-gradient(circle calc(120.5 * var(--s)) at calc(-.5 * var(--s)) calc(163.5 * var(--s)), transparent 99%, #000 100%);top:0}.kid--deck{left:50%;top:var(--deck-top,400vh);width:calc(335 * var(--s));height:calc(426 * var(--s));margin-left:calc(-167.5 * var(--s))}.fan__card,.fan__glass{z-index:2}img.kid--fan{left:calc(13 * var(--s));top:calc(4 * var(--s));width:calc(689 * var(--s));height:calc(689 * var(--s));z-index:1;-webkit-mask-image:radial-gradient(circle closest-side,#0000 2.6%,#000 2.8%);mask-image:radial-gradient(circle closest-side,#0000 2.6%,#000 2.8%)}.kid--win{left:calc(198 * var(--s));top:calc(126 * var(--s));width:calc(1045 * var(--s));height:calc(448 * var(--s))}.kid--vee-west{left:0;top:calc(44 * var(--s));width:calc(697 * var(--s));height:calc(182 * var(--s))}.kid--vee-east{width:calc(159 * var(--s));height:calc(226 * var(--s));top:0;left:0}.kid--vee-tri{width:calc(704 * var(--s));height:calc(608.664 * var(--s));top:0;left:0}.kid--poster-shot{width:100%;height:100%;top:0;left:0}.spark{z-index:calc(var(--layer-curtain) + 5);pointer-events:none;will-change:transform;position:fixed}.notes{width:100%;height:0;z-index:calc(var(--layer-content) + 6);position:absolute;top:0;left:0}.note{--pad:calc(3 * var(--s));--inset:0;--drop:0;width:calc(140 * var(--s));height:calc(var(--h) * var(--s));background:var(--color-note);color:var(--color-note-ink);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;transition:opacity .18s,-webkit-mask-size 0s linear .18s,mask-size 0s linear .18s;position:absolute;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000);-webkit-mask-size:100% 0%;mask-size:100% 0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.is-notes .note{opacity:1;transition:opacity .18s,-webkit-mask-size .34s,mask-size .34s;transition-delay:calc(var(--i) * 50ms);-webkit-mask-size:100% 100%;mask-size:100% 100%}.note__label,.note__text{font-size:calc(8 * var(--s));margin:0;position:absolute}.note__label{left:calc((10 + var(--inset)) * var(--s));top:calc((6 + var(--drop)) * var(--s));opacity:.4}.note__text{left:calc((41 + var(--inset)) * var(--s));top:calc((8 + var(--drop)) * var(--s));width:calc(var(--w) * var(--s));line-height:1}.note[data-side=right]{width:calc(143 * var(--s));clip-path:polygon(0 0, 100% 0, calc(100% - var(--pad)) var(--pad), calc(100% - var(--pad)) 100%, 0 100%)}.note[data-side=left]{--inset:3;width:calc(143 * var(--s));clip-path:polygon(0 0, 100% 0, 100% 100%, var(--pad) 100%, var(--pad) var(--pad))}.note[data-side=down]{height:calc((var(--h) + 3) * var(--s));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--pad)), var(--pad) calc(100% - var(--pad)), 0 100%)}.note[data-side=up]{--drop:3;height:calc((var(--h) + 3) * var(--s));clip-path:polygon(0 0, var(--pad) var(--pad), 100% var(--pad), 100% 100%, 0 100%)}.note[data-side=down][data-tail=end]{clip-path:polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--pad)) calc(100% - var(--pad)), 0 calc(100% - var(--pad)))}

/* Royal Purple & Black Luxury Enhancements */
body {
  background-color: #090514 !important;
  color: #f5f3ff;
}

.logo-fixed svg, .footer__logo svg, .splash__logo svg {
  color: #c084fc;
  filter: drop-shadow(0 0 16px rgba(192, 132, 252, 0.35));
}

.nav__bar, .nav__box, .back-nav__bar {
  background: #130a24 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.nav, .back-nav {
  color: #f5f3ff !important;
}

.nav__toggle, .back-nav__toggle {
  color: #a855f7 !important;
  transition: all 0.3s ease;
}

.nav__toggle:hover, .back-nav__toggle:hover, .nav__toggle[aria-pressed="true"], .back-nav__toggle[aria-pressed="true"] {
  color: #f3e8ff !important;
  text-shadow: 0 0 12px rgba(192, 132, 252, 0.8);
}

.curtain {
  background: #090514 !important;
}

.block-one__card, .wide, .screens__card, .v-card__plate, .bar, .pill__plate, .dial, .fan, .win, .vee {
  box-shadow: 0 20px 50px rgba(10, 5, 20, 0.7);
  background: #130a24 !important;
  color: #f5f3ff !important;
}

.block-one__photo, .wide__photo, .screens__photo {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.block-one__photo video, .block-one__photo img,
.wide__photo video, .wide__photo img,
.screens__photo video, .screens__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.clock__bg {
  background: #0e071c !important;
  box-shadow: none;
}

.clock__ball--dot {
  background: #c084fc !important;
  box-shadow: none !important;
}

.clock__ball--light {
  background: #a855f7 !important;
  box-shadow: none !important;
}

.clock__ball--dark {
  background: #7c3aed !important;
  box-shadow: none !important;
}

.face__disc {
  fill: #130a24 !important;
  stroke: rgba(168, 85, 247, 0.4) !important;
}

.face__ticks path {
  stroke: #7c3aed !important;
}

.face__ball {
  fill: #c084fc !important;
}

.ground img {
  filter: hue-rotate(240deg) saturate(1.8) brightness(0.4) contrast(1.2);
  opacity: 0.65;
}

.tag {
  background: #130a24 !important;
  color: #f5f3ff !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.side {
  background: #130a24 !important;
  color: #f5f3ff !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.u:after {
  background: #a855f7 !important;
}

.wide__reel {
  color: #a855f7 !important;
}

.wide__reel-in span {
  text-shadow: 0 0 10px rgba(168, 85, 247, 0.3);
}

.footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #090514 !important;
}

.footer__bar, .footer__box {
  background: #130a24 !important;
}

.notes__card {
  background: #2e1065 !important;
  color: #f3e8ff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), none !important;
}

.notes__line {
  background: #a855f7 !important;
}

.field {
  background: #090514 !important;
}

.field__rule {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Interactive Circular Thumbnail Badges in 1.1 Usage */
.block-one__spec--usage .spec-item {
  display: flex !important;
  align-items: center;
  gap: calc(5 * var(--s));
  line-height: calc(10 * var(--s));
  margin-top: calc(2 * var(--s));
  cursor: pointer;
  position: relative;
}

.spec-circle {
  display: inline-block;
  width: calc(10 * var(--s));
  height: calc(10 * var(--s));
  min-width: calc(10 * var(--s));
  border-radius: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  vertical-align: middle;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  z-index: 2;
  background: #090514;
}

.spec-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.spec-item:hover .spec-circle {
  transform: scale(2.8);
  z-index: 20;
  box-shadow: 0 calc(4 * var(--s)) calc(12 * var(--s)) rgba(0, 0, 0, 0.85);
  border-color: rgba(255, 255, 255, 0.4);
}

.spec-item:hover .spec-label {
  color: #c084fc;
  text-shadow: 0 0 calc(8 * var(--s)) rgba(192, 132, 252, 0.5);
}

.spec-label {
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

/* Face Circular Widget Image */
.block-one__round {
  overflow: hidden;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.face__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
  opacity: 0.55;
  filter: contrast(1.15) brightness(0.85);
  transition: opacity 0.35s ease, transform 0.5s ease;
  z-index: 0;
}

.block-one__round:hover .face__bg-img {
  opacity: 0.85;
  transform: scale(1.08);
}

.face {
  position: relative;
  z-index: 1;
}

.face__disc {
  fill: rgba(19, 10, 36, 0.4) !important;
}

/* Radial Spoke Portfolio Cards on Dial and Side-A Discs */
.dial__orbit-ring, .side-a__orbit-ring {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  border-radius: 0 !important;
  z-index: 1;
}

.dial__orbit-pic, .side-a__orbit-pic {
  position: absolute;
  left: calc(348.5 * var(--s));
  top: calc(348.5 * var(--s));
  width: calc(86 * var(--s));
  height: calc(122 * var(--s));
  margin-left: calc(-43 * var(--s));
  margin-top: calc(-122 * var(--s));
  border-radius: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 calc(8 * var(--s)) calc(20 * var(--s)) rgba(0, 0, 0, 0.75), none;
  transform-origin: 50% 100%;
  transform: rotate(var(--angle)) translateY(calc(-135 * var(--s)));
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  background: #130a24;
  cursor: pointer;
}

.dial__orbit-pic img, .side-a__orbit-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.dial__orbit-pic:hover, .side-a__orbit-pic:hover {
  transform: rotate(var(--angle)) translateY(calc(-145 * var(--s))) scale(1.18);
  border-color: #f3e8ff;
  box-shadow: 0 calc(16 * var(--s)) calc(35 * var(--s)) rgba(0, 0, 0, 0.9), none;
  z-index: 10;
}

.dial__orbit-pic:hover img, .side-a__orbit-pic:hover img {
  transform: scale(1.08);
}

/* Ensure dots, hands, and text sit over the orbit ring */
.dial__dot {
  z-index: 3 !important;
}

.dial__hour {
  z-index: 3 !important;
}

.dial__kicker, .dial__title {
  z-index: 3 !important;
}

.side-a__shout {
  z-index: 3 !important;
  position: relative;
}

.side-a__index, .side-a__kicker, .side-a__title {
  z-index: 3 !important;
}

.side-a__core {
  z-index: 4 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* Full-Bleed Background Scroll-Scrub Animation (75 Frames) */
.scene-stage {
  left: 0;
  top: var(--scene-top, 3856px);
  width: 100%;
  height: var(--scene-height, calc(2200 * var(--s)));
  position: absolute;
  z-index: 10;
  pointer-events: none;
}

.scene-sticky-bg {
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #090514;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scene-sticky-bg canvas {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scene-canvas-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #090514 0%, transparent 12%, transparent 88%, #090514 100%);
  pointer-events: none;
}

.scene-sticky-bg {
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #090514;
  pointer-events: none;
}

.scene-sticky-bg canvas {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.94;
  filter: contrast(1.12) brightness(1.26) saturate(1.15);
  transition: filter 0.3s ease;
}

.scene-canvas-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 35%, rgba(9, 5, 20, 0.7) 100%),
              linear-gradient(to bottom, #090514 0%, transparent 18%, transparent 82%, #090514 100%);
  pointer-events: none;
}

/* ==========================================================================
   DEAL HERO: 3D Turning Wheel of 9:16 Reel Cards (Avi Vashishta Design Layout)
   Integrated for Section 1.1 (Vertical Format - Mobile Design & Poster Design)
   ========================================================================== */

.deal-hero-stage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible;
  perspective: 1400px;
  z-index: 5;
  user-select: none;
  touch-action: none;
  cursor: grab;
}

.deal-hero-stage:active {
  cursor: grabbing;
}

.deal-hero-stage.is-expanded {
  position: fixed;
  inset: 5vh 5vw;
  width: 90vw;
  height: 90vh;
  left: 5vw;
  top: 5vh;
  z-index: 99999;
  border-radius: 0 !important;
  background: radial-gradient(ellipse at 50% 30%, #260e4c 0%, #120726 60%, #090514 100%);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.95), none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
}

.deal-hero__scene {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  will-change: transform;
}

.deal-hero__wheel {
  position: absolute;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
}

/* Individual 9:16 Vertical Card */
.deal-card {
  position: absolute;
  left: calc(-54 * var(--s));
  top: calc(-96 * var(--s));
  width: calc(108 * var(--s));
  height: calc(192 * var(--s));
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  will-change: transform, visibility;
  cursor: grab;
}

.deal-hero-stage.is-expanded .deal-card {
  left: calc(-45 * var(--s));
  top: calc(-80 * var(--s));
  width: calc(90 * var(--s));
  height: calc(160 * var(--s));
}

.deal-card__inner {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  border-radius: 0 !important;
}

.deal-card__front,
.deal-card__back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 0 !important;
  overflow: hidden;
}

/* Front Face */
.deal-card__front {
  background: #090514;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 calc(6 * var(--s)) calc(16 * var(--s)) rgba(0, 0, 0, 0.85),
              none;
}

.deal-card__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.deal-card__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.deal-card__video.is-playing {
  opacity: 1;
}

.deal-card__badge {
  position: absolute;
  bottom: calc(4 * var(--s));
  left: calc(4 * var(--s));
  right: calc(4 * var(--s));
  background: rgba(9, 5, 20, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(4px);
  border-radius: 0 !important;
  padding: calc(2 * var(--s)) calc(3 * var(--s));
  font-size: calc(6 * var(--s));
  letter-spacing: 0.05em;
  color: #c084fc;
  text-align: center;
  font-family: var(--font-base);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

.deal-card__shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
  pointer-events: none;
}

/* Back Face: Obsidian & Royal Purple Ink Panel with Serif Monogram */
.deal-card__back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg, #220e3d 0%, #110624 50%, #090412 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 calc(6 * var(--s)) calc(16 * var(--s)) rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(4 * var(--s));
}

.deal-card__back-border {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, rgba(168, 85, 247, 0.12) 0%, transparent 70%);
}

.deal-card__monogram {
  font-family: "Georgia", serif;
  font-size: calc(18 * var(--s));
  font-weight: 700;
  line-height: 1;
  color: #f3e8ff;
  text-shadow: 0 0 calc(8 * var(--s)) rgba(192, 132, 252, 0.8);
}

.deal-card__name {
  font-family: var(--font-base);
  font-size: calc(5 * var(--s));
  letter-spacing: calc(1.5 * var(--s));
  color: #c084fc;
  margin-top: calc(4 * var(--s));
  font-weight: 600;
}

.deal-card__ornament {
  font-size: calc(4 * var(--s));
  color: rgba(192, 132, 252, 0.6);
  margin-top: calc(2 * var(--s));
  letter-spacing: 0.1em;
}

/* Atmospheric Clouds / Rising Bank */
.deal-hero__clouds {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 60%;
  pointer-events: none;
  z-index: 100;
  background: linear-gradient(to top, #090514 26%, rgba(9, 5, 20, 0.96) 56%, rgba(9, 5, 20, 0.45) 84%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: calc(14 * var(--s));
}

.deal-hero__clouds-label {
  font-family: var(--font-base);
  font-size: calc(6.5 * var(--s));
  letter-spacing: calc(1.8 * var(--s));
  color: rgba(192, 132, 252, 0.65);
  text-transform: uppercase;
  text-shadow: 0 0 calc(6 * var(--s)) rgba(168, 85, 247, 0.4);
}

/* Control Buttons */
.deal-hero__controls {
  position: absolute;
  top: calc(10 * var(--s));
  right: calc(10 * var(--s));
  z-index: 110;
  display: flex;
  gap: calc(6 * var(--s));
}

.deal-hero__expand-btn {
  width: calc(24 * var(--s));
  height: calc(24 * var(--s));
  border-radius: 0 !important;
  background: rgba(19, 10, 36, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #c084fc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  backdrop-filter: blur(6px);
  padding: 0;
}

.deal-hero__expand-btn:hover {
  background: rgba(168, 85, 247, 0.3);
  color: #f3e8ff;
  border-color: #f3e8ff;
  box-shadow: none;
  transform: scale(1.1);
}

.deal-hero__expand-btn svg {
  width: calc(12 * var(--s));
  height: calc(12 * var(--s));
}

/* Interactive chips in 1.1 */
.spec-reel-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(2 * var(--s)) calc(6 * var(--s));
  border-radius: 0 !important;
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: calc(7 * var(--s));
  color: #c084fc;
  font-weight: 500;
  cursor: pointer;
  margin-right: calc(4 * var(--s));
  transition: all 0.25s ease;
  box-shadow: none;
}

.spec-item--mobile:hover .spec-reel-chip,
.spec-item--poster:hover .spec-reel-chip {
  background: rgba(192, 132, 252, 0.35);
  color: #f3e8ff;
  border-color: #f3e8ff;
  box-shadow: none;
  transform: scale(1.08);
}

.clock-section .clock,
.clock-section .clock__burst {
  display: none !important;
}

.vee__plate,
.pip {
  display: none !important;
}

.gauge,
.pip {
  display: none !important;
}

.field,
.clock-spacer {
  display: none !important;
}

/* Daughter's version as primary */
img.kid {
  display: block !important;
  z-index: calc(var(--layer-content) + 5);
  pointer-events: none;
  position: absolute;
}
.clock__kid {
  display: block !important;
}

/* Eliminate dark/black text and ensure maximum luminous readability */
p, h1, h2, h3, h4, h5, h6, span, b, i, u, button, a {
  color: #f5f3ff;
}

.block-one__kicker,
.wide__kicker,
.screens__kicker,
.tag__kicker,
.side__kicker,
.deck__kicker,
.fan__kicker,
.win__kicker,
.vee__kicker,
.poster__kicker,
.special__kicker,
.bar__kicker,
.pill__kicker,
.spec-heading,
.block-one__no,
.wide__index,
.screens__no,
.deck__no,
.fan__index,
.win__no,
.vee__no,
.vee__mark,
.poster__no,
.v-turn,
.v-turn.is-muted,
.screens__no--muted,
.screens__spec--muted,
.spec-label {
  color: #c084fc !important;
}

.screens p.screens__shout span,
.v-card__shout,
.deck__shout,
.deck__shout-no,
.vee__turned {
  color: #f3e8ff !important;
  text-shadow: 0 0 16px rgba(192, 132, 252, 0.45);
}

.deck .deck__shout,
.deck .deck__shout-no,
.deck p.deck__no,
.deck div.deck__spec {
  color: #f5f3ff !important;
}

.tag__word,
.side__title span,
.wide__title,
.block-one__title,
.screens__title,
.deck__title,
.fan__title,
.win__name,
.vee__name,
.poster__say,
.poster__say span {
  color: #f5f3ff !important;
}

.nav,
.nav__credits,
.nav__credits a,
.back-nav,
.back-nav__credits,
.back-nav__credits a,
.footer,
.footer__credits,
.footer__season,
.footer__by,
.footer a {
  color: #e9d5ff !important;
}

.footer__logo {
  color: #c084fc !important;
}

.footer__bar,
.footer__box {
  background: rgba(168, 85, 247, 0.45) !important;
}

/* Ensure no blank spacer at bottom */
.clock-spacer {
  height: 0 !important;
  display: none !important;
}


/* Removed fan circular disc */
.fan {
  display: none !important;
}




/* ==========================================================================
   PORTFOLIO ZERO-OVERLAP ENGINE & STRICT COMPONENT FLOW
   Palette: Background #090514 | Plate #130a24 | Accent #c084fc / #a855f7 | Ink #f3e8ff
   ========================================================================== */

/* Universal Reset for Custom Component Flow:
   Any element inside these components must adhere to normal document flow
   and never inherit legacy absolute coordinates. */
.block-one__body,
.wide__content,
.screens-card-inner,
.project-card__body,
.deck__header,
.deck__stats-wrap,
.win__plate--main,
.vee__card--west,
.vee__card--east,
.vee__card--full,
.poster__content-wrap {
  box-sizing: border-box !important;
}

.block-one__body *,
.wide__content *,
.screens-card-inner *,
.project-card__body *,
.deck__header *,
.win__plate--main *,
.vee__card--west *,
.vee__card--east *,
.vee__card--full *,
.poster__content-wrap * {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

/* ---------- Text link with animated arrow ---------- */
.link-arrow {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: calc(5 * var(--s)) !important;
  padding: 0 0 calc(3 * var(--s)) !important;
  margin: 0 !important;
  border: 0 !important;
  background:
    linear-gradient(#c084fc, #c084fc) left bottom / 0% 1.5px no-repeat,
    linear-gradient(rgba(192, 132, 252, 0.35), rgba(192, 132, 252, 0.35)) left bottom / 100% 1px no-repeat !important;
  color: #f3e8ff !important;
  font: inherit !important;
  font-size: max(11px, calc(8 * var(--s))) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-size 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
}

.link-arrow__icon {
  color: #c084fc !important;
  display: inline-block !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.link-arrow:hover,
.link-arrow:focus-visible {
  color: #ffffff !important;
  background-size: 100% 1.5px, 100% 1px !important;
  outline: none !important;
}

.link-arrow:hover .link-arrow__icon,
.link-arrow:focus-visible .link-arrow__icon {
  transform: translateX(calc(4 * var(--s))) !important;
}

.link-arrow.is-copied .link-arrow__icon {
  transform: none !important;
}

/* ==========================================================================
   1. HERO SECTION (.block-one)
   ========================================================================== */
.block-one__card {
  width: calc(335 * var(--s)) !important;
  height: calc(426 * var(--s)) !important;
  background: var(--color-plate) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
}

.block-one__photo {
  position: absolute !important;
  left: 0 !important;
  top: calc(10 * var(--s)) !important;
  width: calc(131 * var(--s)) !important;
  height: calc(406 * var(--s)) !important;
  overflow: hidden !important;
}

.block-one__photo video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.block-one__body {
  position: absolute !important;
  left: calc(142 * var(--s)) !important;
  top: calc(14 * var(--s)) !important;
  width: calc(182 * var(--s)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: calc(8 * var(--s)) !important;
  z-index: 5 !important;
}

.hero-kicker {
  font-size: calc(7 * var(--s)) !important;
  color: #c084fc !important;
  letter-spacing: calc(0.5 * var(--s)) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.hero-name {
  font-size: calc(18 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
}

.hero-headline {
  font-size: calc(8.5 * var(--s)) !important;
  line-height: 1.35 !important;
  color: #d8b4fe !important;
  font-weight: 400 !important;
}

.hero-badge-wrap {
  margin: calc(2 * var(--s)) 0 !important;
}

.hero-sticker {
  display: inline-block !important;
  padding: calc(3 * var(--s)) calc(8 * var(--s)) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 !important;
  background: rgba(168, 85, 247, 0.16) !important;
  color: #e9d5ff !important;
  font-size: calc(6.5 * var(--s)) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  backdrop-filter: blur(4px) !important;
}

.hero-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: calc(14 * var(--s)) !important;
  margin: calc(3 * var(--s)) 0 !important;
}

.hero-divider {
  width: 100% !important;
  height: 1px !important;
  background: rgba(192, 132, 252, 0.2) !important;
  margin: calc(3 * var(--s)) 0 !important;
}

.hero-specs {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(7 * var(--s)) !important;
}

.hero-spec-row {
  display: grid !important;
  grid-template-columns: calc(18 * var(--s)) 1fr !important;
  column-gap: calc(8 * var(--s)) !important;
  align-items: baseline !important;
}

.hero-spec-no {
  font-size: calc(7 * var(--s)) !important;
  color: #a855f7 !important;
  font-weight: 700 !important;
}

.hero-spec-title {
  font-size: calc(7.5 * var(--s)) !important;
  color: #f3eeff !important;
  font-weight: 600 !important;
}

.hero-spec-desc {
  grid-column: 2 !important;
  font-size: calc(6.8 * var(--s)) !important;
  color: #c084fc !important;
  line-height: 1.2 !important;
}

/* ==========================================================================
   2. CREATIVE STUDIO (.wide & .screens)
   ========================================================================== */
.wide {
  left: calc(198 * var(--s)) !important;
  top: calc(868 * var(--s)) !important;
  width: calc(1045 * var(--s)) !important;
  height: calc(448 * var(--s)) !important;
  background: var(--color-plate) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
}

.wide__content {
  position: absolute !important;
  left: calc(378 * var(--s)) !important;
  top: calc(56 * var(--s)) !important;
  width: calc(295 * var(--s)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: calc(12 * var(--s)) !important;
  z-index: 5 !important;
}

.wide-kicker {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  text-transform: uppercase !important;
  letter-spacing: calc(1 * var(--s)) !important;
  font-weight: 600 !important;
}

.wide-heading {
  font-size: calc(24 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  line-height: 1.1 !important;
}

.wide-statement {
  font-size: calc(9 * var(--s)) !important;
  line-height: 1.45 !important;
  color: #d8b4fe !important;
}

.wide-metric-pill {
  display: flex !important;
  align-items: center !important;
  gap: calc(6 * var(--s)) !important;
  padding: calc(4 * var(--s)) calc(10 * var(--s)) !important;
  border-radius: 0 !important;
  background: rgba(30, 16, 51, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e9d5ff !important;
  font-size: calc(7 * var(--s)) !important;
  width: fit-content !important;
}

.wide-actions {
  display: flex !important;
  align-items: center !important;
  gap: calc(16 * var(--s)) !important;
  margin-top: calc(4 * var(--s)) !important;
}

.wide__reel {
  left: calc(690 * var(--s)) !important;
  width: calc(348 * var(--s)) !important;
}

/* Screens Card (.screens) - 9:16 Mobile Ratio Long Card */
.screens__card {
  left: calc(540 * var(--s)) !important;
  top: calc(1322 * var(--s)) !important;
  width: calc(155 * var(--s)) !important;
  height: calc(426 * var(--s)) !important;
  background: var(--color-plate) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: absolute !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

.screens-card-inner {
  padding: calc(24 * var(--s)) calc(18 * var(--s)) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.screens-kicker {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  text-transform: uppercase !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.screens-title {
  font-size: calc(16 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  line-height: 1.25 !important;
  margin: calc(6 * var(--s)) 0 calc(12 * var(--s)) !important;
}

.screens-body {
  font-size: calc(8.5 * var(--s)) !important;
  line-height: 1.55 !important;
  color: #d8b4fe !important;
}

.screens-actions {
  padding-top: calc(8 * var(--s)) !important;
}

.screens-specs {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(8 * var(--s)) !important;
  margin: calc(12 * var(--s)) 0 !important;
  padding: calc(12 * var(--s)) 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.screens-spec-item {
  font-size: calc(7.5 * var(--s)) !important;
  color: #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  gap: calc(6 * var(--s)) !important;
  line-height: 1.3 !important;
}

.screens-spec-icon {
  color: #c084fc !important;
  font-size: calc(6.5 * var(--s)) !important;
}

.screens__photo {
  left: calc(695 * var(--s)) !important;
  top: calc(1322 * var(--s)) !important;
  width: calc(240 * var(--s)) !important;
  height: calc(426 * var(--s)) !important;
  position: absolute !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #090514 !important;
}

.screens__photo video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 9 / 16 !important;
  display: block !important;
}

.screens__shout--a {
  left: calc(955 * var(--s)) !important;
  top: calc(1395 * var(--s)) !important;
}

.screens__shout--b {
  left: calc(955 * var(--s)) !important;
  top: calc(1605 * var(--s)) !important;
}

/* ==========================================================================
   3. TECH LAB PROJECT CARDS (.v-card.project-card)
   ========================================================================== */
.seven .v-card.project-card {
  position: absolute !important;
  top: calc(200 * var(--s)) !important;
  width: calc(440 * var(--s)) !important;
  height: calc(560 * var(--s)) !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.seven .v-card.project-card.bar { left: calc(24 * var(--s)) !important; }
.seven .v-card.project-card.pill { left: calc(500 * var(--s)) !important; }
.seven .v-card.project-card.special { left: calc(976 * var(--s)) !important; }

.seven .v-card.project-card:hover {
  transform: translateY(calc(-4 * var(--s))) !important;
}

/* Background Plate: Sharp 90deg corners, dark neutral aesthetic, no purple border */
.seven .v-card.project-card .v-card__plate {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  background: #14101e !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

.seven .v-card.project-card .v-card__plate img.kid {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 0.38 !important;
  mix-blend-mode: luminosity !important;
  filter: contrast(1.15) !important;
  pointer-events: none !important;
}

/* Turned Text at top right (rotated 90deg, exact match to original template) */
.seven .v-card.project-card .v-turn {
  position: absolute !important;
  right: calc(18 * var(--s)) !important;
  top: calc(24 * var(--s)) !important;
  width: calc(44 * var(--s)) !important;
  height: calc(140 * var(--s)) !important;
  font-size: calc(7.5 * var(--s)) !important;
  color: #bfbfbf !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  z-index: 2 !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.seven .v-card.project-card .v-turn > span,
.seven .v-card.project-card .v-turn .lines {
  transform: rotate(90deg) !important;
  transform-origin: center center !important;
  display: block !important;
}

.seven .v-card.project-card .v-turn .lines > span {
  display: inline-block !important;
  margin-right: calc(8 * var(--s)) !important;
}

/* Large Card Number */
.seven .v-card.project-card .v-card__no {
  position: absolute !important;
  left: calc(32 * var(--s)) !important;
  top: calc(28 * var(--s)) !important;
  font-size: calc(38 * var(--s)) !important;
  letter-spacing: calc(-1.2 * var(--s)) !important;
  line-height: 0.9 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  margin: 0 !important;
  z-index: 2 !important;
}

/* Large Shout Headline (obys display style) */
.seven .v-card.project-card .v-card__shout {
  position: absolute !important;
  left: calc(32 * var(--s)) !important;
  top: calc(78 * var(--s)) !important;
  font-size: calc(28 * var(--s)) !important;
  letter-spacing: calc(-0.9 * var(--s)) !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  margin: 0 !important;
  z-index: 2 !important;
}

.seven .v-card.project-card .v-card__shout span {
  display: block !important;
  min-height: calc(28 * var(--s)) !important;
}

/* Statement / Description */
.seven .v-card.project-card .v-card__statement {
  position: absolute !important;
  left: calc(32 * var(--s)) !important;
  right: calc(70 * var(--s)) !important;
  top: calc(248 * var(--s)) !important;
  font-size: max(11px, calc(8.5 * var(--s))) !important;
  line-height: 1.55 !important;
  color: #d1d5db !important;
  margin: 0 !important;
  z-index: 2 !important;
  white-space: normal !important;
}

/* Tech Tags: Sharp rectangular, no border-radius, no purple border */
.seven .v-card.project-card .v-card__tags {
  position: absolute !important;
  left: calc(32 * var(--s)) !important;
  right: calc(32 * var(--s)) !important;
  top: calc(385 * var(--s)) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: calc(6 * var(--s)) !important;
  z-index: 2 !important;
}

.seven .v-card.project-card .v-card__tags span {
  padding: calc(4 * var(--s)) calc(9 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f3f4f6 !important;
  font-size: max(9px, calc(7 * var(--s))) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Card Foot: Status and GitHub Link */
.seven .v-card.project-card .v-card__foot {
  position: absolute !important;
  left: calc(32 * var(--s)) !important;
  right: calc(32 * var(--s)) !important;
  bottom: calc(26 * var(--s)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: calc(14 * var(--s)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  z-index: 2 !important;
}

.seven .v-card.project-card .v-card__status {
  padding: calc(4 * var(--s)) calc(10 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: max(9px, calc(7 * var(--s))) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.seven .v-card.project-card a.link-arrow {
  color: #ffffff !important;
  font-size: max(11px, calc(8.5 * var(--s))) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: calc(6 * var(--s)) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.seven .v-card.project-card a.link-arrow:hover {
  color: #e5e5e5 !important;
  transform: translateX(calc(2 * var(--s))) !important;
}

.seven .v-card.project-card a.link-arrow .link-arrow__icon {
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

.seven .v-card.project-card a.link-arrow:hover .link-arrow__icon {
  transform: translateX(calc(3 * var(--s))) !important;
}

/* ==========================================================================
   4. STATS DECK (.deck)
   ========================================================================== */
.deck {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(335 * var(--s)) !important;
  height: calc(426 * var(--s)) !important;
  background: var(--color-plate) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: absolute !important;
  overflow: hidden !important;
}

.deck__header {
  position: absolute !important;
  left: calc(24 * var(--s)) !important;
  top: calc(16 * var(--s)) !important;
  z-index: 5 !important;
}

.deck__kicker {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  text-transform: uppercase !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
}

.deck__title {
  font-size: calc(18 * var(--s)) !important;
  color: #f5f3ff !important;
  font-weight: 700 !important;
}

.deck__stats-wrap {
  position: absolute !important;
  left: calc(24 * var(--s)) !important;
  top: calc(58 * var(--s)) !important;
  width: calc(287 * var(--s)) !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: calc(6 * var(--s)) !important;
  z-index: 5 !important;
}

.deck__stat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(6 * var(--s)) calc(4 * var(--s)) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(30, 16, 51, 0.8) !important;
  text-align: center !important;
}

.stat-number {
  font-size: calc(13 * var(--s)) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #c084fc !important;
  text-shadow: 0 0 calc(8 * var(--s)) rgba(168, 85, 247, 0.35) !important;
}

.stat-label {
  margin-top: calc(3 * var(--s)) !important;
  font-size: calc(5.5 * var(--s)) !important;
  line-height: 1.1 !important;
  letter-spacing: calc(0.3 * var(--s)) !important;
  text-transform: uppercase !important;
  color: #d8b4fe !important;
}

.deck__reel {
  top: calc(245 * var(--s)) !important;
}

/* ==========================================================================
   5. ABOUT SECTION (.win)
   ========================================================================== */
.win {
  position: absolute !important;
  left: 0 !important;
  top: var(--win-top-at, 400vh) !important;
  width: 100% !important;
  height: calc(var(--deep) * var(--s)) !important;
}

.win__plate--main {
  position: absolute !important;
  left: calc(140 * var(--s)) !important;
  width: calc(1160 * var(--s)) !important;
  top: calc(30 * var(--s)) !important;
  min-height: calc(580 * var(--s)) !important;
  background: var(--color-plate) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  padding: calc(28 * var(--s)) calc(32 * var(--s)) !important;
  box-shadow: 0 20px 50px rgba(10, 5, 20, 0.7) !important;
  z-index: 5 !important;
}

.win__header {
  margin-bottom: calc(20 * var(--s)) !important;
}

.win__no {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
  text-transform: uppercase !important;
}

.win__name {
  font-size: calc(22 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  margin-top: calc(4 * var(--s)) !important;
}

.about-grid {
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr 1fr !important;
  gap: calc(24 * var(--s)) !important;
  gap: calc(32 * var(--s)) !important;
  width: 100% !important;
}

.about-card-bio {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(12 * var(--s)) !important;
}

.about-lead {
  font-size: calc(9.5 * var(--s)) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: #f3eeff !important;
}

.about-body {
  font-size: calc(8.5 * var(--s)) !important;
  line-height: 1.5 !important;
  color: #d8b4fe !important;
}

.about-jp-box {
  display: flex !important;
  align-items: center !important;
  gap: calc(8 * var(--s)) !important;
  padding: calc(6 * var(--s)) calc(10 * var(--s)) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(30, 16, 51, 0.6) !important;
  width: fit-content !important;
}

.jp-badge {
  padding: calc(2 * var(--s)) calc(6 * var(--s)) !important;
  border-radius: 0 !important;
  background: #a855f7 !important;
  color: #f5f3ff !important;
  font-size: calc(6.5 * var(--s)) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.about-jp-box p {
  font-size: calc(7.5 * var(--s)) !important;
  color: #e9d5ff !important;
}

.about-cv-action {
  margin-top: calc(8 * var(--s)) !important;
}

.about-card-exp {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(10 * var(--s)) !important;
}

.exp-heading {
  font-size: calc(10 * var(--s)) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #c084fc !important;
}

.exp-timeline {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(8 * var(--s)) !important;
}

.exp-item {
  padding-left: calc(8 * var(--s)) !important;
  border-left: 2px solid #8a5cd6 !important;
}

.exp-time {
  display: block !important;
  font-size: calc(6.5 * var(--s)) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #a855f7 !important;
}

.exp-org {
  font-size: calc(8.5 * var(--s)) !important;
  color: #f3eeff !important;
  font-weight: 600 !important;
  margin: calc(2 * var(--s)) 0 !important;
}

.exp-role {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
}

.pub-card {
  margin-top: calc(6 * var(--s)) !important;
  padding: calc(8 * var(--s)) calc(12 * var(--s)) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  background: rgba(58, 29, 99, 0.4) !important;
}

.pub-badge {
  display: block !important;
  margin-bottom: calc(3 * var(--s)) !important;
  font-size: calc(6.5 * var(--s)) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #c084fc !important;
}

.pub-title {
  font-size: calc(7.5 * var(--s)) !important;
  line-height: 1.4 !important;
  font-style: italic !important;
  color: #f3eeff !important;
}

/* ==========================================================================
   6. LEARN SECTION (.vee)
   ========================================================================== */
.vee {
  position: absolute !important;
  left: 0 !important;
  top: var(--vee-top, 400vh) !important;
  width: 100% !important;
  height: calc(320 * var(--s)) !important;
}

.vee__card--west,
.vee__card--east {
  position: absolute !important;
  top: calc(10 * var(--s)) !important;
  height: calc(290 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: var(--color-plate) !important;
  box-shadow: 0 20px 50px rgba(10, 5, 20, 0.7) !important;
  padding: calc(22 * var(--s)) calc(26 * var(--s)) !important;
  overflow: hidden !important;
  z-index: 5 !important;
}

.vee__card--west {
  left: calc(140 * var(--s)) !important;
  width: calc(565 * var(--s)) !important;
}

.vee__card--east {
  left: calc(735 * var(--s)) !important;
  width: calc(565 * var(--s)) !important;
}

.vee__no {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
  text-transform: uppercase !important;
}

.vee__name {
  font-size: calc(20 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  margin: calc(3 * var(--s)) 0 calc(10 * var(--s)) !important;
}

.learn-statement {
  font-size: calc(8.5 * var(--s)) !important;
  line-height: 1.45 !important;
  color: #d8b4fe !important;
  margin-bottom: calc(14 * var(--s)) !important;
}

.learn-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: calc(10 * var(--s)) !important;
}

.learn-item {
  background: rgba(30, 16, 51, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  padding: calc(10 * var(--s)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: calc(4 * var(--s)) !important;
}

.learn-badge {
  font-size: calc(6 * var(--s)) !important;
  font-weight: 700 !important;
  color: #c084fc !important;
  background: rgba(168, 85, 247, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: calc(2 * var(--s)) calc(6 * var(--s)) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  width: fit-content !important;
}

.learn-item h4 {
  font-size: calc(8.5 * var(--s)) !important;
  font-weight: 600 !important;
  color: #f3eeff !important;
}

.learn-item p {
  font-size: calc(7 * var(--s)) !important;
  line-height: 1.35 !important;
  color: #c084fc !important;
}

.certs-heading {
  font-size: calc(18 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  margin: calc(3 * var(--s)) 0 calc(14 * var(--s)) !important;
}

.certs-list {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(8 * var(--s)) !important;
}

.certs-list span {
  font-size: calc(8 * var(--s)) !important;
  color: #d8b4fe !important;
  line-height: 1.3 !important;
}

/* ==========================================================================
   7. CONTACT SECTION (.poster)
   ========================================================================== */
.poster__content-wrap {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(90 * var(--s)) !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.poster__kicker {
  font-size: max(11px, calc(8 * var(--s))) !important;
  letter-spacing: calc(1.5 * var(--s)) !important;
  text-transform: uppercase !important;
  color: var(--color-mark) !important;
  margin-bottom: calc(14 * var(--s)) !important;
}

.poster-kicker {
  font-size: max(11px, calc(8 * var(--s))) !important;
  letter-spacing: calc(1.5 * var(--s)) !important;
  text-transform: uppercase !important;
  color: var(--color-mark) !important;
  margin-bottom: calc(14 * var(--s)) !important;
}

.poster-heading {
  position: static !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: calc(6 * var(--s)) !important;
  font-size: calc(44 * var(--s)) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  color: #f5f3ff !important;
  text-align: center !important;
  margin: calc(8 * var(--s)) 0 calc(20 * var(--s)) !important;
}

.poster__content-wrap * {
  position: static !important;
  height: auto !important;
  width: auto !important;
}

.poster-heading--accent {
  color: #c084fc !important;
  text-shadow: 0 0 calc(16 * var(--s)) rgba(168, 85, 247, 0.4) !important;
}

.poster-availability {
  margin: calc(20 * var(--s)) 0 calc(18 * var(--s)) !important;
  font-size: max(12px, calc(9.5 * var(--s))) !important;
  font-weight: 500 !important;
  color: #d8b4fe !important;
}

.poster-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: calc(28 * var(--s)) !important;
  margin-bottom: calc(24 * var(--s)) !important;
}

.poster-actions .link-arrow {
  font-size: max(13px, calc(10.5 * var(--s))) !important;
}

.poster-socials {
  display: flex !important;
  justify-content: center !important;
  gap: calc(16 * var(--s)) !important;
  margin-bottom: calc(30 * var(--s)) !important;
}

.poster-sticker {
  display: flex !important;
  justify-content: center !important;
  width: calc(180 * var(--s)) !important;
  height: calc(180 * var(--s)) !important;
}

.poster-sticker img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 calc(12 * var(--s)) calc(25 * var(--s)) rgba(168, 85, 247, 0.4)) !important;
}

.win-kicker {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
  text-transform: uppercase !important;
}

.win-title {
  font-size: calc(22 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  margin: calc(4 * var(--s)) 0 calc(18 * var(--s)) !important;
}

.social-link {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  display: grid !important;
  place-items: center !important;
  width: calc(36 * var(--s)) !important;
  height: calc(36 * var(--s)) !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(58, 29, 99, 0.35) !important;
  color: #d8b4fe !important;
  text-decoration: none !important;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important;
}

.social-link svg {
  width: 45% !important;
  height: 45% !important;
}

.social-link:hover {
  background: #a855f7 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.poster__shot {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: calc(520 * var(--s)) !important;
  width: calc(420 * var(--s)) !important;
  height: calc(420 * var(--s)) !important;
}


/* Hide legacy round disc widget in Hero */
.block-one__round {
  display: none !important;
}

/* ==========================================================================
   STRICT HARD EDGES, NO PURPLE BORDERS, NO OUTLINES, NO PILL BOXES OVERRIDE
   ========================================================================== */
*, *::before, *::after {
  border-radius: 0 !important;
  outline: none !important;
}

/* Hero Badge: hard rectangular tag */
.hero-sticker {
  display: inline-block !important;
  padding: calc(4 * var(--s)) calc(9 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e9d5ff !important;
  font-size: max(9px, calc(7 * var(--s))) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Studio Metric Tag: hard rectangular tag */
.wide-metric-pill {
  display: flex !important;
  align-items: center !important;
  gap: calc(6 * var(--s)) !important;
  padding: calc(4 * var(--s)) calc(9 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e9d5ff !important;
  font-size: max(9px, calc(7 * var(--s))) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  width: fit-content !important;
}

/* Stats Section: sharp rectangular items, no pill boxes */
.deck__stat-item {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #14101e !important;
  box-shadow: none !important;
}

/* About Section: sharp rectangular items */
.win__plate--main {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
}

.about-jp-box {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
}

.jp-badge {
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.05em !important;
}

.pub-card {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #14101e !important;
  box-shadow: none !important;
}

/* Learn Section: sharp rectangular items */
.vee__card--west,
.vee__card--east {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
}

.learn-item {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #14101e !important;
  box-shadow: none !important;
}

.learn-badge {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
}

/* Contact Social Links: Sharp square buttons, neutral border, no purple */
.social-link {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: #14101e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.social-link:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Cards & Plates: Guarantee zero rounded corners and zero purple borders */
.block-one__card,
.wide,
.screens__card,
.screens__photo,
.deck,
.v-card__plate {
  border-radius: 0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  outline: none !important;
}

/* Eliminate all focus rings or glow outlines */
*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}


/* ==========================================================================
   USER REQ EDITS:
   1. Content Wheel rounded corners restored
   2. Remove DRAG WHEEL SWIPE
   3. About section 3-column with Certifications & 3D Cursor Tilt Sticker
   4. Learn Section wide full card right before Get In Touch
   ========================================================================== */

/* 1. Content Wheel Card Round Edges Restored */
.deal-hero-stage {
  border-radius: calc(20 * var(--s)) !important;
}

.deal-card,
.deal-card__inner,
.deal-card__front,
.deal-card__back {
  border-radius: calc(8 * var(--s)) !important;
}

.deal-card__cover {
  border-radius: calc(8 * var(--s)) !important;
}

.deal-card__badge {
  border-radius: calc(4 * var(--s)) !important;
}

.deal-card__back-border {
  border-radius: calc(5 * var(--s)) !important;
}

/* 2. Hide DRAG.WHEEL.SWIPE label */
.deal-hero__clouds-label {
  display: none !important;
}

/* 3. About Section Certifications & 3D Cursor-Tilt Sticker */
.about-card-certs {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(10 * var(--s)) !important;
}

.certs-heading {
  font-size: calc(10 * var(--s)) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #c084fc !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.certs-subhead {
  font-size: calc(6.5 * var(--s)) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #a855f7 !important;
  margin-top: calc(-6 * var(--s)) !important;
  margin-bottom: calc(4 * var(--s)) !important;
}

.certs-list {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(6 * var(--s)) !important;
}

.cert-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: calc(8 * var(--s)) !important;
  padding: calc(6 * var(--s)) calc(10 * var(--s)) !important;
  background: rgba(30, 16, 51, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.cert-item:hover {
  background: rgba(45, 22, 80, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.cert-bullet {
  color: #c084fc !important;
  font-size: calc(8 * var(--s)) !important;
  line-height: 1.3 !important;
}

.cert-text {
  font-size: calc(7.5 * var(--s)) !important;
  color: #f3eeff !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* 3D Cursor Tilt Sticker in About */
.about-sticker-tilt-wrap {
  margin-top: calc(14 * var(--s)) !important;
  width: calc(125 * var(--s)) !important;
  height: calc(125 * var(--s)) !important;
  perspective: 700px !important;
  display: block !important;
  cursor: pointer !important;
}

.about-sticker-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 calc(8 * var(--s)) calc(20 * var(--s)) rgba(0, 0, 0, 0.7)) !important;
  transition: transform 0.15s ease-out !important;
  will-change: transform !important;
  display: block !important;
}

/* 4. Learn Section Wide Card (Right before Get in Touch) */
.vee__card--full {
  position: absolute !important;
  left: calc(140 * var(--s)) !important;
  width: calc(1160 * var(--s)) !important;
  top: calc(10 * var(--s)) !important;
  min-height: calc(260 * var(--s)) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: var(--color-plate) !important;
  box-shadow: 0 20px 50px rgba(10, 5, 20, 0.7) !important;
  padding: calc(24 * var(--s)) calc(32 * var(--s)) !important;
  overflow: hidden !important;
  z-index: 5 !important;
}

.vee__card--full .learn-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: calc(16 * var(--s)) !important;
  margin-top: calc(14 * var(--s)) !important;
}

.vee__card--full .learn-item {
  background: rgba(30, 16, 51, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  padding: calc(14 * var(--s)) calc(16 * var(--s)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: calc(6 * var(--s)) !important;
}

.learn-header {
  margin-bottom: calc(10 * var(--s)) !important;
}

.learn-kicker {
  font-size: calc(7.5 * var(--s)) !important;
  color: #c084fc !important;
  letter-spacing: calc(0.8 * var(--s)) !important;
  text-transform: uppercase !important;
}

.learn-title {
  font-size: calc(22 * var(--s)) !important;
  font-weight: 700 !important;
  color: #f5f3ff !important;
  margin-top: calc(4 * var(--s)) !important;
}

.learn-statement {
  font-size: calc(9 * var(--s)) !important;
  line-height: 1.5 !important;
  color: #d8b4fe !important;
  margin-bottom: calc(14 * var(--s)) !important;
}

.vee__card--full .learn-item h4 {
  font-size: calc(11 * var(--s)) !important;
  color: #f3eeff !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.vee__card--full .learn-item p {
  font-size: calc(8 * var(--s)) !important;
  color: #c084fc !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.vee__card--full .learn-badge {
  font-size: calc(6 * var(--s)) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: calc(2 * var(--s)) calc(6 * var(--s)) !important;
  width: fit-content !important;
}

/* Reduce gap between Get In Touch (.poster) and Footer (.footer) */
.poster {
  height: calc(480 * var(--s)) !important;
  min-height: calc(440 * var(--s)) !important;
}

.poster__content-wrap {
  top: calc(36 * var(--s)) !important;
}