@property --neon-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.classic{background:#e7dfd0;color:#282b24}.classic .section-top{border-color:#bfb8a9}.classic-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin:20px 0 45px}.classic-intro h2{font:italic clamp(85px,12vw,180px)/.9 Georgia,serif;letter-spacing:-.065em;margin:0}.classic-intro h2 span{color:#a9502b}.classic-intro h3{font-size:24px;letter-spacing:-.04em;margin:0 0 12px}.classic-intro p{font-size:15px;line-height:1.6;color:#565d4d;max-width:470px}.classic-feature{margin:0;border-top:1px solid #b9b19f;padding-top:25px}.classic-feature img{display:block;width:100%;height:auto;object-fit:contain;background:#111}.classic-feature figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;padding:14px 0;letter-spacing:.07em;color:#565d4d}.classic-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #b9b19f}.classic-links a{display:flex;flex-direction:column;gap:15px;padding:25px 20px 25px 0;border-bottom:1px solid #b9b19f}.classic-links span{font-size:9px;letter-spacing:.12em;color:#716853}.classic-links strong{font:italic 29px/1.1 Georgia,serif;letter-spacing:-.04em}.classic-links small{font-size:10px;color:#566148}.classic-links a:hover strong{color:#a9502b}.classic-bridge{margin-top:35px;font-size:16px}.classic-bridge em{font-family:Georgia,serif}.classic-bridge a{display:inline-block;margin-left:25px;font-size:11px;border-bottom:1px solid #909b80;padding-bottom:4px}
@media(max-width:760px){.classic-intro{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.classic-intro h2{font-size:90px}.classic-intro h3{font-size:22px}.classic-intro p{font-size:14px}.classic-feature figcaption{flex-direction:column;gap:6px;font-size:8px}.classic-links{grid-template-columns:1fr;margin-top:20px}.classic-links a{padding:22px 0;gap:10px}.classic-bridge a{margin:15px 0 0;display:table}.classic-bridge{font-size:15px}}
.button,.header-cta,.lab-tabs button,.reel-open{position:relative;isolation:isolate}
.button:before,.header-cta:before,.lab-tabs button:before,.reel-open:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--neon-angle),transparent 0deg 215deg,#ae96ff 250deg,#74ecff 280deg,#f6ffd6 307deg,#d4ff38 328deg,transparent 355deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .22s;animation:neon-trace 1.7s linear infinite paused;z-index:2}
.button:is(:hover,:focus-visible):before,.header-cta:is(:hover,:focus-visible):before,.lab-tabs button:is(:hover,:focus-visible):before,.reel-open:is(:hover,:focus-visible):before{opacity:1;animation-play-state:running}
.button:is(:hover,:focus-visible),.header-cta:is(:hover,:focus-visible),.reel-open:is(:hover,:focus-visible){box-shadow:0 0 24px #b9ff342b}
@keyframes neon-trace{to{--neon-angle:360deg}}
.hero-actions{display:flex;gap:22px;align-items:center}.reel-open{border:1px solid #5c6654;border-radius:4px;min-height:58px;padding:10px 16px 10px 48px;background:#171914b8;color:#eef3e5;white-space:nowrap;font-size:12px;text-align:left}.reel-open small{display:block;font-size:9px;color:#b2bba5;margin-top:3px}.play-icon{position:absolute;left:18px;top:50%;translate:0 -50%;font-size:15px;color:var(--lime)}
#reel-dialog{max-width:1160px;width:calc(100% - 40px);background:#101210;color:#f4f0e7;border:1px solid #6f7762;max-height:94svh;border-radius:8px}#reel-dialog[open]{display:block}.reel-top{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid #465039}.reel-top h2{font-size:11px;letter-spacing:.12em;margin:0}.reel-close{width:40px;height:40px;border:1px solid #5b6550;border-radius:50%;color:white;background:transparent;font-size:26px}.reel-screen{height:min(59vw,580px);min-height:380px;position:relative;overflow:hidden;background:#101210}.reel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:50px;gap:15px}.reel-slide[aria-hidden=false]{opacity:1;visibility:visible}.reel-words{position:relative;z-index:2;align-self:center}.reel-words>span{font:10px monospace;letter-spacing:.14em;display:block;margin-bottom:25px}.reel-words strong{font:900 clamp(42px,5.5vw,80px)/.93 'Arial Black',Arial,sans-serif;letter-spacing:-.065em;display:block;transform:translateY(18px);transition:transform .85s cubic-bezier(.2,.7,.2,1)}.reel-slide[aria-hidden=false] .reel-words strong{transform:translateY(0)}.reel-words em{font-style:normal;color:var(--lime)}.reel-slide>img{width:100%;height:100%;max-height:440px;object-fit:contain;z-index:1;transform:scale(.94) rotate(-3deg);transition:transform 3.8s ease-out}.reel-slide[aria-hidden=false]>img{transform:scale(1) rotate(0deg)}.reel-star{position:absolute;bottom:20px;left:35%;color:var(--lime);font-style:normal;font-size:100px;line-height:1;transform:rotate(-25deg);transition:transform 3.8s}.reel-slide[aria-hidden=false] .reel-star{transform:rotate(25deg)}.reel-two{background:#f54027;color:#141714}.reel-two .reel-words strong{font-family:Impact,'Arial Black',sans-serif;font-weight:900}.reel-two em{color:#fff5de}.reel-two>img{max-height:420px;padding:14px;background:#ffe7cc;box-shadow:10px 10px 0 #14171433}.reel-two .reel-star{color:#141714;font-size:80px;left:35%}.reel-three{background:#eae4f3;color:#292334}.reel-three .reel-words strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.reel-three em{font-style:italic;color:#76628c}.reel-three>img{background:#f7f4fb;padding:12px;box-shadow:15px 20px 40px #4d41603b;height:auto}.reel-ring{position:absolute;width:410px;height:410px;border:60px solid #e0d6f1;border-radius:50%;right:2%;top:10%;box-shadow:inset 10px 15px 28px #78608944,15px 15px 28px #78608944;transform:rotate(-28deg) scaleX(.7);z-index:0}.reel-controls{display:flex;align-items:center;gap:22px;padding:18px 22px;border-top:1px solid #465039}.reel-pause{min-width:100px;border:1px solid #6e795f;border-radius:30px;padding:9px 14px;background:transparent;color:#f2f3ea;font-size:11px}.reel-progress{display:flex;gap:8px;flex:1}.reel-progress button{border:0;background:#3b4432;height:5px;padding:0;flex:1;position:relative}.reel-progress button:after{content:'';position:absolute;inset:-12px 0}.reel-progress i{height:100%;display:block;background:var(--lime);width:var(--fill,0%)}.reel-time{font:10px monospace;white-space:nowrap}.reel-note{font-size:10px;color:#b5bea9;padding:0 22px 18px;margin:0}.reel-paused .reel-slide,.reel-paused .reel-slide *{transition:none!important}.reel-paused .reel-slide[aria-hidden=false]>img{transform:none}
@media(max-width:1100px){.hero-actions{margin-top:25px;gap:14px}.hero-bottom .hero-actions .button{margin-top:0}.reel-open{min-height:52px}.reel-slide{padding:30px}.reel-words strong{font-size:6vw}}
@media(max-width:760px){.hero-actions{gap:12px;flex-wrap:wrap;margin-top:20px}.reel-open{min-height:50px;font-size:11px;padding-right:12px}.hero-bottom .hero-actions .button{margin:0}.reel-slide{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:25px;gap:20px}.reel-screen{height:580px;min-height:0}.reel-words strong{font-size:43px}.reel-words>span{font-size:8px;margin-bottom:17px}.reel-words strong br:first-child{display:initial}.reel-slide>img{max-height:270px;object-fit:contain}.reel-two>img{height:100%;width:auto;max-width:100%;justify-self:center;padding:8px}.reel-three>img{height:auto;max-height:220px;align-self:center}.reel-star{left:auto;right:20px;top:20px;bottom:auto;font-size:58px}.reel-two .reel-star{left:auto;right:22px;font-size:48px}.reel-ring{width:280px;height:280px;border-width:45px;top:43%;right:4%}.reel-top{padding:9px 14px}.reel-top h2{font-size:8px}.reel-close{width:34px;height:34px}.reel-controls{gap:12px;padding:15px}.reel-pause{min-width:83px;padding:8px 10px}.reel-time{font-size:8px}.reel-note{font-size:9px;padding:0 15px 15px}#reel-dialog{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.button:before,.header-cta:before,.lab-tabs button:before,.reel-open:before{animation:none}.reel-slide,.reel-slide *{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(35px,12vw,82px)}.hero-art{top:230px;height:300px}.hero-bottom{margin-top:330px}.art-note{display:none}.hero-actions .button{min-height:50px}.reel-words strong{font-size:clamp(32px,10.5vw,43px)}}
@media(max-width:440px){.header-cta{display:none}}
.reel-two .reel-words strong,.lab-stage[data-look=red] .lab-heading{font-family:'Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-.045em}
.scene-core{width:28%;left:38%;top:36%}.scene-core strong{font-size:clamp(33px,3.7vw,53px)}.scene-core>span{font-size:11px}.scene-core small{display:none}
@media(min-width:761px){.hero h1{font-size:clamp(64px,8vw,150px)}.hero-art{width:62%;right:0}.hero-bottom{display:block}.hero-bottom p{font-size:17px;max-width:435px;line-height:1.65}.hero-actions{margin-top:25px}.hero-bottom .hero-actions .button{margin-top:0}.hero-shade{background:linear-gradient(90deg,#11120f 0%,#11120fe8 30%,#11120f80 46%,transparent 61%),linear-gradient(0deg,#11120f 0%,transparent 24%)}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:800px}.hero-actions{flex-wrap:wrap;max-width:410px}.hero-bottom p{font-size:15px;max-width:360px}.hero-art{width:63%}}
