:root{--bg: #ac232a;--bg-deep: #8e1a21;--ink: #fff7dd;--muted: #f0d2c6;--line: #8a1a21;--acc: #d9c77f;--shadow: #7a121a;--reactor: var(--acc);--cream: var(--ink);--display: "Bebas Neue", "Oswald", "Arial Narrow", Impact, sans-serif;--body: "Figtree", "Segoe UI", system-ui, sans-serif;color-scheme:dark}:root[data-theme=dark]{--bg: #120e0f;--bg-deep: #1c1517;--ink: #f3e9d2;--muted: #b9a98b;--line: #453337;--acc: #d4bf80;--shadow: #080607;--reactor: #c8323a}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hl{color:var(--acc)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg);overflow:hidden}.intro.out{pointer-events:none;animation:intro-out .8s ease forwards}.intro-title{margin:0;text-align:center;color:var(--acc);font:400 clamp(4rem,15vw,12rem)/.95 var(--display);letter-spacing:.04em;text-transform:uppercase;text-shadow:.011em .011em 0 #7b121a,.022em .022em 0 #7c131b,.033em .033em 0 #7d131b,.044em .044em 0 #7f141b,.055em .055em 0 #80141c,.066em .066em 0 #81141c,.077em .077em 0 #82151d,.088em .088em 0 #83151d,.099em .099em 0 #84151d,.11em .11em 0 #85161e,.121em .121em 0 #86161e,.132em .132em 0 #88171e,.143em .143em 0 #89171f,.154em .154em 0 #8a171f,.165em .165em 0 #8b181f,.176em .176em 0 #8c1820,.187em .187em 0 #8d1920,.198em .198em 0 #8e1921,.209em .209em 0 #901921,.22em .22em 0 #911a21,.231em .231em 0 #921a22,.242em .242em 0 #931a22,.253em .253em 0 #941b22,.264em .264em 0 #951b23,.275em .275em 0 #961c23,.286em .286em 0 #981c23,.297em .297em 0 #991c24,.308em .308em 0 #9a1d24,.319em .319em 0 #9b1d25,.33em .33em 0 #9c1e25,.341em .341em 0 #9d1e25,.352em .352em 0 #9e1e26,.363em .363em 0 #a01f26,.374em .374em 0 #a11f26,.385em .385em 0 #a22027,.396em .396em 0 #a32027,.407em .407em 0 #a42027,.418em .418em 0 #a52128,.429em .429em 0 #a62128,.44em .44em 0 #a72129,.451em .451em 0 #a92229,.462em .462em 0 #aa2229,.473em .473em 0 #ab232a,.484em .484em 0 #ac232a;animation:intro-zoom 2.2s cubic-bezier(.16,.84,.24,1) both}.intro-title span{display:inline-block}.intro-quote{margin:1.6rem 0 0;text-align:center;color:var(--ink);font:400 clamp(1.4rem,4vw,2.6rem)/1.1 var(--display);letter-spacing:.22em;text-transform:uppercase;opacity:0;animation:intro-quote .9s ease 1.5s forwards}.intro.out .intro-title,.intro.out .intro-quote{animation:intro-away .8s ease-in forwards}@keyframes intro-zoom{0%{opacity:0;transform:scale(3.4)}22%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes intro-quote{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes intro-away{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}@keyframes intro-out{to{opacity:0}}@media (max-width: 560px){.intro-title{font-size:min(30vw,9rem)}.intro-title span{display:block}.intro-quote{letter-spacing:.14em}}.hd{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:calc(.7rem + env(safe-area-inset-top,0px)) clamp(1.25rem,4vw,2.5rem) .7rem;transition:background .3s,backdrop-filter .3s,opacity .6s .15s,transform .6s .15s}body.intro .hd{opacity:0;transform:translateY(-12px)}.logo{color:var(--acc);text-decoration:none;font:400 2.1rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;text-shadow:.02em .02em 0 #7e131b,.04em .04em 0 #82151d,.06em .06em 0 #86161e,.08em .08em 0 #8b181f,.1em .1em 0 #8f1921,.12em .12em 0 #931a22,.14em .14em 0 #971c23,.16em .16em 0 #9b1d25,.18em .18em 0 #a01f26,.2em .2em 0 #a42027,.22em .22em 0 #a82229,.24em .24em 0 #ac232a}.burger{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;color:var(--ink)}.hd-controls{display:flex;align-items:center;gap:.35rem}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bg-deep);color:var(--acc);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,transform .25s ease}.theme-toggle-bat{width:25px;aspect-ratio:2.5;display:block;background:#d4bf80;-webkit-mask:url(/darkknight.png) center / contain no-repeat;mask:url(/darkknight.png) center / contain no-repeat}.theme-toggle:hover{transform:translateY(-2px);background:var(--bg-deep)}.theme-toggle:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.burger svg,.burger-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.burger svg{filter:drop-shadow(2px 3px 0 var(--shadow))}.burger-img{top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%;border-radius:50%;object-fit:cover;overflow:hidden}.burger .burger-core{top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%}.burger-core{position:absolute;top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%;display:block;overflow:visible;filter:drop-shadow(0 0 4px var(--reactor))}.r-seg{transform-origin:26px 26px;animation:r-spin 16s linear infinite}.r-glow{animation:r-glow 3s ease-in-out infinite}.burger:hover .r-seg,.burger:focus-visible .r-seg{animation-duration:4s}.burger .b1,.burger .b2,.burger .b3{transform-box:fill-box;transform-origin:center;transition:transform .3s,opacity .2s}.burger.open .b1{transform:translateY(6px) rotate(45deg)}.burger.open .b2{opacity:0}.burger.open .b3{transform:translateY(-6px) rotate(-45deg)}@keyframes r-spin{to{transform:rotate(360deg)}}@keyframes r-glow{0%,to{opacity:.5}50%{opacity:1}}nav.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;padding:5rem clamp(1.25rem,6vw,4rem) 2rem;background:radial-gradient(60% 50% at 85% 90%,rgba(217,199,127,.2),transparent 70%),var(--bg-deep);visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility 0s .3s}body.menu nav.menu{visibility:visible;opacity:1;transform:none;transition:opacity .3s,transform .3s}nav.menu ul{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}nav.menu a{display:flex;align-items:baseline;gap:1rem;font:400 clamp(2.8rem,10vw,5rem)/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s,transform .2s}nav.menu a:hover,nav.menu a:focus-visible{color:var(--ink);transform:translate(8px)}nav.menu .num{font:600 .9rem var(--body);letter-spacing:.08em;color:var(--acc)}.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:6rem clamp(1.25rem,4vw,2.5rem) 5rem;overflow:hidden;background:radial-gradient(55% 60% at 78% 45%,rgba(217,199,127,.16),transparent 70%),var(--bg)}.hero-ring{position:absolute;right:-12vmin;top:50%;width:min(86vmin,760px);aspect-ratio:1;transform:translateY(-50%);opacity:.16;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.hero-ring:hover{opacity:.3}.hero-ring:focus-visible{outline:2px solid var(--acc);outline-offset:-1rem;border-radius:50%}.hero-ring:focus:not(:focus-visible){outline:none}.hero-ring svg{width:100%;height:100%;display:block;animation:r-spin 60s linear infinite}.hero-in{position:relative;top:-7vh;transform:translateY(4vh);width:100%;max-width:1180px;margin:0 auto}.hero-title,.hero-sub{font:400 clamp(3.6rem,15vw,13rem)/.9 var(--display);letter-spacing:.04em;text-transform:uppercase}.hero-title{margin:0;color:var(--acc);--hero-title-shadow: .011em .011em 0 #7b121a, .022em .022em 0 #7c131b, .033em .033em 0 #7d131b, .044em .044em 0 #7f141b, .055em .055em 0 #80141c, .066em .066em 0 #81141c, .077em .077em 0 #82151d, .088em .088em 0 #83151d, .099em .099em 0 #84151d, .11em .11em 0 #85161e, .121em .121em 0 #86161e, .132em .132em 0 #88171e, .143em .143em 0 #89171f, .154em .154em 0 #8a171f, .165em .165em 0 #8b181f, .176em .176em 0 #8c1820, .187em .187em 0 #8d1920, .198em .198em 0 #8e1921, .209em .209em 0 #901921, .22em .22em 0 #911a21, .231em .231em 0 #921a22, .242em .242em 0 #931a22, .253em .253em 0 #941b22, .264em .264em 0 #951b23, .275em .275em 0 #961c23, .286em .286em 0 #981c23, .297em .297em 0 #991c24, .308em .308em 0 #9a1d24, .319em .319em 0 #9b1d25, .33em .33em 0 #9c1e25, .341em .341em 0 #9d1e25, .352em .352em 0 #9e1e26, .363em .363em 0 #a01f26, .374em .374em 0 #a11f26, .385em .385em 0 #a22027, .396em .396em 0 #a32027, .407em .407em 0 #a42027, .418em .418em 0 #a52128, .429em .429em 0 #a62128, .44em .44em 0 #a72129, .451em .451em 0 #a92229, .462em .462em 0 #aa2229, .473em .473em 0 #ab232a, .484em .484em 0 #ac232a;text-shadow:var(--hero-title-shadow)}.hero:not(.play) .hero-title,.hero:not(.play) .hero.play .hero-title{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}@media (max-width: 560px){.hero-title,.hero-sub{font-size:clamp(4rem,18vw,7rem)}}.hero.play .cue{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);display:grid;justify-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font:600 .78rem var(--body);letter-spacing:.18em;text-transform:uppercase}.cue i{display:block;width:1px;height:42px;background:linear-gradient(var(--acc),transparent);transform-origin:top;animation:cue 2s ease-in-out infinite}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.sec{max-width:1180px;margin:0 auto;padding:clamp(4rem,9vw,7rem) clamp(1.25rem,4vw,2.5rem)}#about{min-height:80svh;display:flex;flex-direction:column;justify-content:center}.sec h2{margin:0 0 2rem;font:400 clamp(3rem,8vw,5.6rem)/1 var(--display);letter-spacing:.04em;text-transform:uppercase;text-shadow:.018em .018em 0 #7d131b,.036em .036em 0 #80141c,.054em .054em 0 #83151d,.072em .072em 0 #86161e,.09em .09em 0 #8a171f,.108em .108em 0 #8d1820,.126em .126em 0 #901921,.144em .144em 0 #931a22,.162em .162em 0 #961c23,.18em .18em 0 #991d24,.198em .198em 0 #9c1e25,.216em .216em 0 #a01f26,.234em .234em 0 #a32027,.252em .252em 0 #a62128,.27em .27em 0 #a92229,.288em .288em 0 #ac232a}.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d, 0s)}.rv.in{opacity:1;transform:none}.role{height:1.15em;overflow:hidden;font:400 clamp(2.6rem,10vw,6.6rem)/1.15 var(--display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.role ul{margin:0;padding:0;list-style:none;animation:roll 9s cubic-bezier(.7,0,.2,1) infinite}.role li{height:1.15em}.role .w{color:var(--acc)}.pips{display:flex;gap:.5rem;margin-top:1.5rem}.pips span{display:block;width:8px;height:8px;border-radius:999px;background:var(--line)}.pips span:nth-child(1){animation:pip 9s infinite}.pips span:nth-child(2){animation:pip 9s 3s infinite}.pips span:nth-child(3){animation:pip 9s 6s infinite}@keyframes roll{0%,30%{transform:translateY(0)}36%,63%{transform:translateY(-1.15em)}69%,94%{transform:translateY(-2.3em)}to{transform:translateY(-3.45em)}}@keyframes pip{0%,30%{width:28px;background:var(--acc)}36%,to{width:8px;background:var(--line)}}footer{display:flex;gap:1rem;padding:2rem clamp(1.25rem,4vw,2.5rem);border-top:1px solid var(--line);color:var(--ink)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.hero:not(.play) .hero-title,.hero:not(.play) .hero.play .hero-title,.hero.play .cue i,.r-seg,.r-glow,.hero-ring svg{animation:none}.role{height:auto;overflow:visible;white-space:normal}.role ul{animation:none}.role li:last-child{display:none}.pips{display:none}}#about{min-height:100svh;justify-content:center;padding-top:clamp(5.5rem,10vw,7rem);padding-bottom:clamp(5.5rem,9vw,6.5rem);text-align:center}.hd.solid .logo{text-shadow:2px 3px 0 #6a1017}:root[data-theme=dark] .hd.solid .logo{text-shadow:2px 3px 0 #080607}.pips{display:none}.icons{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:1rem;margin-top:clamp(2rem,5vw,3.5rem)}.ico{--size: clamp(104px, 27vw, 170px);width:var(--size);height:var(--size);opacity:0;transform:var(--from) scale(1.7)}.ico.l{--from: translate(-90px, 90px)}.ico.c{--from: translate(0, 110px)}.ico.r{--from: translate(90px, 90px)}.icons.in .ico{opacity:1;transform:none;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) var(--d),opacity .8s ease var(--d)}.ico-core{position:relative;width:100%;height:100%;filter:drop-shadow(3px 4px 0 var(--shadow))}.ico-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ico-ring .seg{transform-origin:50px 50px;animation:r-spin 20s linear infinite}.ico:nth-child(2) .ico-ring .seg{animation-direction:reverse}.ico-ring .glow{opacity:0;animation:none}:root[data-theme=dark] #about{background-color:var(--bg)}.ico-glyph{position:absolute;top:19%;right:19%;bottom:19%;left:19%;width:62%;height:62%;display:block;fill:none;stroke:var(--acc);stroke-width:2.9;stroke-linecap:round;stroke-linejoin:round;animation:ico-pop 9s infinite}.ico-glyph .dot{fill:var(--acc);stroke:none}.ico:nth-child(2) .glow,.ico:nth-child(2) .ico-glyph{animation-delay:3s}.ico:nth-child(3) .glow,.ico:nth-child(3) .ico-glyph{animation-delay:6s}@keyframes ico-glow{0%,30%{opacity:.4}36%,to{opacity:.12}}@keyframes ico-pop{0%,30%{transform:scale(1.1)}36%,to{transform:scale(1)}}footer{flex-wrap:wrap;align-items:center}.social{display:inline-flex;align-items:center;gap:.6rem;color:var(--acc);font-weight:600;text-decoration:none}.social svg{width:26px;height:26px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(1.5px 2px 0 var(--shadow))}.social .dot{fill:currentColor;stroke:none}.social:hover svg,.social:focus-visible svg{transform:scale(1.1);transition:transform .2s}.top{position:fixed;right:clamp(1rem,3vw,2rem);bottom:calc(1.25rem + var(--lift, 0px) + env(safe-area-inset-bottom,0px));z-index:45;width:clamp(44px,5vw,54px);aspect-ratio:201/300;display:block;filter:drop-shadow(3px 4px 0 var(--shadow));opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:opacity .3s,transform .3s,visibility 0s .3s}@media (max-width: 640px){.top{width:36px}}.top.show{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s}.top.show:hover,.top.show:focus-visible{transform:translateY(-4px)}body.menu .top{opacity:0;visibility:hidden}.top-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--acc);-webkit-mask:url(/top-mask.png) center/contain no-repeat;mask:url(/top-mask.png) center/contain no-repeat}.top-eyes{position:absolute;left:8%;right:8%;top:48%;height:8.5%;background:#fff3c4;border-radius:3px;opacity:.35;animation:top-eyes 3s ease-in-out infinite}.top:hover .top-eyes,.top:focus-visible .top-eyes{opacity:1;animation:none}@keyframes top-eyes{0%,to{opacity:.25}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.ico{opacity:1;transform:none;transition:none}.ico *{animation:none!important}.top,.top.show{transition:none}.top-eyes{animation:none}}.logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0}.logo-glyph{display:inline-block;animation:logo-pop 4.5s cubic-bezier(.6,0,.2,1) infinite}@keyframes logo-pop{0%,70%,to{transform:scale(1) rotate(0)}76%{transform:scale(1.16) rotate(-4deg)}82%{transform:scale(1) rotate(2deg)}88%{transform:scale(1.05) rotate(0)}}@media (prefers-reduced-motion: reduce){.logo-glyph{animation:none}}.ico.clickable{cursor:pointer;outline-offset:8px;border-radius:999px}.ico.clickable .ico-core{transition:transform .25s ease,filter .25s ease}.ico.clickable:hover .ico-core,.ico.clickable:focus-visible .ico-core{transform:translate(-2px,-2px) scale(1.04);filter:drop-shadow(5px 6px 0 var(--shadow))}.ico.clickable:active .ico-core{transform:scale(.98)}.facts{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.facts>.rv,.favorites>.rv{text-align:center}.fact-list{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;max-width:820px}.fact{display:grid;grid-template-columns:minmax(140px,220px) 1fr;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px dashed var(--line)}.fact-k{font:600 .82rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.fact-v{font:400 clamp(1.6rem,4.5vw,2.4rem)/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:.6rem}.fact-month{color:var(--ink)}.fact-day{color:var(--acc);display:inline-block;animation:day-bounce 3s ease-in-out infinite}@keyframes day-bounce{0%,60%,to{transform:translateY(0) scale(1)}70%{transform:translateY(-6px) scale(1.1)}80%{transform:translateY(0) scale(1)}}.fact-glyph{width:1em;height:1em;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1.5px 0 var(--shadow))}.fact-glyph .dot{fill:var(--acc);stroke:none}.fact-glyph{flex:0 0 auto;filter:drop-shadow(1px 1.5px 0 var(--shadow))}.fact-v .fact-glyph{width:1em;height:1em}.hero-in{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-sub{text-align:center;margin-inline:auto;margin:1.2rem 0 0;max-width:52ch;color:var(--ink);font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.35;opacity:0;transform:translateY(18px);animation:hero-sub-rise .9s cubic-bezier(.2,.8,.2,1) .35s forwards}.hero:not(.play) .hero-sub{animation:none;opacity:0;transform:translateY(18px)}.hero.play .hero-sub{animation:hero-sub-rise .9s cubic-bezier(.2,.8,.2,1) .35s forwards}@keyframes hero-sub-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hero-sub,.hero.play .hero-sub{animation:none;opacity:1;transform:none}}@media (max-width: 640px){#about{padding-top:clamp(4rem,8vw,5rem);padding-bottom:clamp(3rem,6vw,4rem);min-height:auto}.icons{grid-template-columns:1fr;justify-items:center;gap:clamp(1.25rem,4vw,1.75rem);margin-top:clamp(1.5rem,4vw,2rem)}.ico{--size: clamp(110px, 32vw, 140px);width:var(--size);height:var(--size)}.ico.l,.ico.c,.ico.r{--from: translateY(60px)}}@media (max-width: 360px){.ico{--size: clamp(96px, 28vw, 120px)}.icons{gap:1rem}}@media (max-width: 640px){.hero.play .cue{display:none}}.fact-v .fact-glyph{animation:fact-pop 3s ease-in-out infinite}.fact:nth-child(2) .fact-glyph{animation-delay:0s}.fact:nth-child(3) .fact-glyph{animation-delay:.15s}.fact:nth-child(4) .fact-glyph{animation-delay:.3s}@keyframes fact-pop{0%,60%,to{transform:translateY(0) scale(1)}70%{transform:translateY(-4px) scale(1.15)}80%{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.fact-v .fact-glyph{animation:none}}.fact-v .fact-glyph.person{animation:person-bob 3s ease-in-out infinite}@keyframes person-bob{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-3px)}80%{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.fact-v .fact-glyph.person{animation:none}}.favorites{display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,3vw,2.5rem)}.sec.favorites{padding-bottom:clamp(2.5rem,5vw,4rem)}.sec.automotive{padding-top:clamp(2.5rem,5vw,4rem)}.professional-space{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem)}.professional-space>.rv{width:100%;text-align:center}.professional-space-artwork{width:min(100%,900px);margin:0;padding:clamp(.35rem,1.2vw,.7rem);border:1px solid var(--acc);border-radius:1rem;background:var(--bg);box-shadow:0 1.2rem 2.5rem #00000040}.professional-space-artwork img{display:block;width:100%;height:auto;border-radius:.55rem}.professional-space-portfolio{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:.7rem;padding:1rem 1.4rem;border:1px solid rgba(217,199,127,.22);border-radius:12px;background:linear-gradient(155deg,#d9c77f14,#d9c77f05);box-shadow:4px 5px 0 var(--shadow);color:var(--ink);font:600 .9rem/1.2 var(--body);text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.professional-space-portfolio:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--shadow)}.professional-space-portfolio:focus-visible{outline:2px solid var(--acc);outline-offset:4px}.professional-space-portfolio svg{width:1.5rem;height:1.5rem;flex:0 0 auto;fill:none;stroke:var(--acc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 560px){.professional-space-portfolio{gap:.45rem;padding:.7rem .95rem;font-size:.72rem}.professional-space-portfolio svg{width:1.15rem;height:1.15rem}}:root[data-theme=dark] .professional-space-artwork{background:linear-gradient(155deg,#d9c77f14,#d9c77f05)}.favorites-now-playing{display:inline-flex;align-items:center;align-self:center;gap:.65rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-deep);color:var(--ink);font:600 .75rem/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase}.favorites-equalizer{display:inline-flex;height:.8rem;align-items:center;gap:2px}.favorites-equalizer span{width:2px;height:35%;border-radius:2px;background:var(--acc);animation:favorites-equalizer .8s ease-in-out infinite alternate}.favorites-equalizer span:nth-child(2){animation-delay:.2s}.favorites-equalizer span:nth-child(3){animation-delay:.4s}.favorites-equalizer span:nth-child(4){animation-delay:.1s}@keyframes favorites-equalizer{to{height:100%}}.favorite-room{--frame-outer: #74171f;--frame-inner: #f0dfbd;display:grid;width:min(100%,1050px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(1rem,3vw,2.25rem);padding:clamp(1rem,4vw,2.75rem);margin-inline:auto;background:linear-gradient(155deg,#d9c77f14,#d9c77f05);border:1px solid rgba(255,247,221,.3);border-radius:1.25rem;box-shadow:0 1.2rem 2.5rem #00000040}:root[data-theme=dark] .favorite-room{--frame-outer: #302326;--frame-inner: #b9a477;background:linear-gradient(155deg,#21191b,#171213);border-color:#d4bf8038}.favorite-portrait{position:relative;width:100%;aspect-ratio:.72;margin:0;padding:0;background:var(--frame-outer);border:1px solid #4d1117;box-shadow:inset 0 0 0 3px var(--frame-inner),.35rem .5rem .7rem #19100b59;perspective:1000px}:root[data-theme=dark] .favorite-portrait{background:var(--frame-outer);border-color:#120e0f;box-shadow:inset 0 0 0 3px var(--frame-inner),.35rem .5rem .7rem #0000008c}.favorite-flip{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.favorite-flip.is-flipped{transform:rotateY(180deg)}.favorite-flip:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:2px}.favorite-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border:3px solid var(--frame-inner);backface-visibility:hidden}.favorite-face-front{padding:.75rem;background:linear-gradient(145deg,rgba(255,247,221,.08),transparent 46%),linear-gradient(155deg,#ac232a,#74171f);color:#fff7dd;text-align:center}:root[data-theme=dark] .favorite-face-front{background:linear-gradient(145deg,rgba(212,191,128,.08),transparent 46%),linear-gradient(155deg,#302326,#171213)}.favorite-category{color:var(--acc);font:400 clamp(1.7rem,3.8vw,2.8rem)/.9 var(--display);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-shadow:.025em .025em 0 #7b121a,.05em .05em 0 #8e1a21,.075em .075em 0 #ac232a}:root[data-theme=dark] .favorite-category{color:#e2cb8e;text-shadow:.025em .025em 0 #3f171b,.05em .05em 0 #271416}.favorite-face-back{transform:rotateY(180deg);background:#ac232a}.favorite-face-back img{display:block;width:100%;height:100%;object-fit:cover}.favorite-face-back img.favorite-messi-logo{position:absolute;top:36.2%;left:25.3%;width:49.4%;height:35.2%;object-fit:contain;filter:brightness(0) saturate(100%) invert(94%) sepia(18%) saturate(395%) hue-rotate(339deg) brightness(105%) contrast(95%)}.favorite-artwork-mark{position:absolute;top:59%;left:50%;display:block;transform:translate(-50%,-50%);background:#fff7dd}.favorite-artwork-mark.top-mask{width:35%;height:43%;-webkit-mask:url(/top-mask.png) center / contain no-repeat;mask:url(/top-mask.png) center / contain no-repeat}.favorite-artwork-mark.dark-knight{width:78%;height:27%;-webkit-mask:url(/darkknight.png) center / contain no-repeat;mask:url(/darkknight.png) center / contain no-repeat}@media (prefers-reduced-motion: reduce){.favorite-flip,.favorites-equalizer span,.professional-space-portfolio{transition:none;animation:none}}@media (min-width: 700px) and (max-width: 950px){.favorite-room{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 699px){.favorite-room{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,3vw,1rem);padding:clamp(.75rem,3vw,1rem)}.favorite-portrait{padding:0;box-shadow:inset 0 0 0 2px var(--frame-inner),.2rem .3rem .5rem #19100b59}.favorite-face{border-width:2px}}.automotive{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(2rem,5vw,3.5rem)}.auto-fav{display:flex;flex-direction:column;align-items:center;gap:.75rem}.auto-fav+.f1-lane{margin-top:-1.25rem}.auto-fav-label{font:600 .82rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--acc)}.auto-fav-main{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem}.auto-fav-mark{display:block;flex:0 0 auto;width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);color:var(--acc);animation:auto-mark-float 4s ease-in-out infinite}.auto-fav-mark svg,.auto-fav-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(3px 4px 0 var(--shadow))}.auto-fav-name{color:var(--ink);font:400 clamp(3rem,8vw,5.5rem)/1 var(--display);letter-spacing:.04em;text-transform:uppercase;text-shadow:.02em .02em 0 #7e131b,.04em .04em 0 #83151d,.06em .06em 0 #88171f,.08em .08em 0 #8e1921,.1em .1em 0 #931a22,.12em .12em 0 #991d24,.14em .14em 0 #9f1e26,.16em .16em 0 #a52128,.18em .18em 0 #ab232a}@keyframes auto-mark-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 640px){.auto-fav-main{flex-direction:column;gap:.75rem}.auto-fav-mark{width:64px;height:64px}}.brand-mark{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auto-top-title{margin:0;color:var(--acc);font:400 clamp(1.6rem,4vw,2.6rem)/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase;text-shadow:.02em .02em 0 #7e131b,.04em .04em 0 #83151d,.06em .06em 0 #88171f,.08em .08em 0 #8e1921,.1em .1em 0 #931a22,.12em .12em 0 #991d24,.14em .14em 0 #9f1e26,.16em .16em 0 #a52128,.18em .18em 0 #ab232a}.auto-cars{list-style:none;margin:1rem auto 0;padding:0;display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:820px;text-align:left}.auto-car{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:1.25rem;padding:1rem 1.4rem;border:1px solid rgba(217,199,127,.22);border-radius:12px;background:linear-gradient(155deg,#d9c77f14,#d9c77f05);box-shadow:4px 5px 0 var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.auto-car:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--shadow)}.auto-car-num{color:var(--acc);font:400 1.5rem/1 var(--display);letter-spacing:.04em;min-width:2ch;text-align:right}.auto-car-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--acc);flex-shrink:0}.auto-car-mark svg,.auto-car-mark img{width:100%;height:100%;display:block;object-fit:contain}.auto-car-name{color:var(--ink);font:400 clamp(1.05rem,2vw,1.35rem)/1.2 var(--display);letter-spacing:.03em;text-transform:uppercase}@media (max-width: 640px){.automotive{padding-top:clamp(3.5rem,8vw,5rem);padding-bottom:clamp(3.5rem,8vw,5rem);gap:clamp(1.5rem,5vw,2.5rem)}.auto-car{grid-template-columns:auto auto 1fr;gap:.7rem;padding:.8rem .9rem}.auto-car-mark{width:28px;height:28px}.auto-car-num{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){.auto-fav-mark{animation:none}}.auto-car-mark img{filter:brightness(0) saturate(100%) invert(84%) sepia(28%) saturate(538%) hue-rotate(343deg) brightness(92%) contrast(88%)}.brand-img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(600%) hue-rotate(348deg) brightness(93%) contrast(88%) drop-shadow(3px 4px 0 var(--shadow))}.auto-car-mark .brand-img{filter:brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(600%) hue-rotate(348deg) brightness(93%) contrast(88%) drop-shadow(1.5px 2px 0 var(--shadow))}.auto-fav-mark .brand-img{animation:auto-mark-float 4s ease-in-out infinite}.zodiac-track{position:relative;width:100%;max-width:820px;height:7rem;margin-top:2.5rem}.zodiac{--zw: 6.5rem;position:absolute;top:1.6rem;left:0;width:var(--zw);aspect-ratio:526 / 344;animation:zodiac-run 24s ease-in-out infinite}.zodiac.open,.zodiac.open .zodiac-btn,.zodiac.open .zodiac-img{animation-play-state:paused}.zodiac-btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:10px;animation:zodiac-flip 24s step-end infinite}.zodiac-img{display:block;width:100%;height:100%;background:var(--acc);-webkit-mask:url(/scorpion.png) center/contain no-repeat;mask:url(/scorpion.png) center/contain no-repeat;filter:drop-shadow(3px 4px 0 var(--shadow));transform-origin:50% 70%;animation:scorp-walk 1.4s ease-in-out infinite}.zodiac-btn:hover .zodiac-img,.zodiac-btn:focus-visible .zodiac-img{background:var(--ink)}@keyframes scorp-walk{0%,to{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-2px) rotate(0)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(-2px) rotate(0)}}@keyframes zodiac-run{0%{left:0}50%{left:calc(100% - var(--zw))}to{left:0}}@keyframes zodiac-flip{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}}.zodiac-tip{position:absolute;left:50%;bottom:calc(100% + .6rem);transform:translate(-50%,6px) scale(.95);padding:.45rem .8rem;border:1px solid rgba(217,199,127,.4);border-radius:8px;background:var(--bg-deep);color:var(--acc);font:400 1.05rem/1 var(--display);letter-spacing:.12em;white-space:nowrap;box-shadow:3px 4px 0 var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility 0s .2s}.zodiac-tip.show{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition:opacity .2s,transform .2s}@media (max-width: 640px){.zodiac{--zw: 5rem}.zodiac-track{height:5.8rem}}@media (prefers-reduced-motion: reduce){.zodiac,.zodiac-btn,.zodiac-img{animation:none}.zodiac-tip,.zodiac-tip.show{transition:none}}.social-sidebar{position:fixed;left:max(1rem,env(safe-area-inset-left,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:35;display:flex;flex-direction:column;gap:.75rem;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.social-sidebar.show{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}.social-link{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;border:1px solid rgba(217,199,127,.3);background:var(--bg-deep);color:var(--acc);box-shadow:4px 5px 0 var(--shadow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.social-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-link svg .dot{fill:currentColor;stroke:none}.social-link:hover,.social-link:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--shadow);background:#d9c77f1a}footer{justify-content:center;text-align:center}.facts-layout{display:grid;gap:2.5rem;align-items:center}@media (min-width: 900px){.facts-layout{grid-template-columns:1fr 1fr;gap:4rem}}.chat{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:26rem;margin-inline:auto;min-height:11rem}@media (min-width: 900px){.chat{margin-inline:auto 0}}.msg{position:relative;max-width:85%;padding:.75rem 1.1rem;border-radius:1.3rem;font-size:1.05rem;line-height:1.4;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.9,.3,1.2)}.msg.show{opacity:1;transform:none}.msg.in{align-self:flex-start;background:var(--cream, #f3e6cf);color:#ac232a;border-bottom-left-radius:.3rem;transform-origin:left bottom;box-shadow:3px 3px #0000001f,6px 6px #00000017,9px 9px #0000000f}.msg.out{align-self:flex-end;background:var(--red-deep, #7a1912);color:var(--cream, #f3e6cf);border-bottom-right-radius:.3rem;transform-origin:right bottom;box-shadow:3px 3px #00000029,6px 6px #0000001c,9px 9px #00000012}.chat-avatar{position:absolute;left:-.6rem;bottom:-.6rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:var(--cream, #f3e6cf);color:var(--red-deep, #7a1912);font-size:.6rem;font-weight:700}.msg.typing{display:flex;gap:.3rem;padding:.9rem 1.1rem}.msg.typing span{width:.5rem;height:.5rem;border-radius:50%;background:var(--cream, #f3e6cf);animation:chat-bounce 1s infinite ease-in-out}.msg.typing span:nth-child(2){animation-delay:.15s}.msg.typing span:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-.35rem);opacity:1}}.chat-status{align-self:flex-end;font-size:.8rem;color:var(--cream, #f3e6cf);opacity:0;transition:opacity .4s ease}.chat-status.show{opacity:.8}@media (prefers-reduced-motion: reduce){.msg{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.3,1.2)}.msg.typing span{animation:chat-bounce 1.4s infinite ease-in-out}.chat-status{transition:opacity .8s ease}}.ip{--ip-red: rgb(172, 35, 42);--ip-cream: #f3e6cf;--ip-paper: #fbf6ec;--ico: clamp(2.6rem, 7vw, 3.8rem);width:min(100%,54rem);margin:2rem auto 0;aspect-ratio:4 / 3;padding:clamp(.5rem,1.6vw,.9rem);background:#161617;border-radius:clamp(1.4rem,4vw,2.4rem);box-shadow:4px 4px #00000024,9px 9px #0000001a,14px 14px #00000012}@media (max-width: 700px){.ip{aspect-ratio:3 / 4;max-width:26rem}}.ip-screen{position:relative;height:100%;overflow:hidden;border-radius:clamp(.9rem,2.6vw,1.6rem);background:radial-gradient(circle at 82% 18%,rgba(243,230,207,.2) 0 20%,transparent 20.4%),radial-gradient(circle at 12% 88%,rgba(0,0,0,.14) 0 26%,transparent 26.4%),var(--ip-red)}.ip-home{position:absolute;top:0;right:0;bottom:0;left:0;padding:7% 6%;transition:transform 1.4s ease,filter 1.4s ease,opacity 1.4s ease}.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--ico));gap:clamp(.8rem,3vw,1.6rem)}.ip-app{display:grid;place-items:center;width:var(--ico);height:var(--ico);border-radius:22%;background:var(--ip-cream);box-shadow:2px 2px #00000024,4px 4px #00000014}.ip-grid .ip-app:nth-child(3n+2){background:#2a1210}.ip-grid .ip-app:nth-child(3n){background:#e7c9a0}.ip-msgs{background:linear-gradient(#5be26f,#20b43b)}.ip-msgs svg{width:58%;height:58%;fill:#fff}.ip-msgs.tap{animation:ip-tap .35s ease}@media (prefers-reduced-motion: reduce){.ip-home{transition:transform 1.4s ease,filter 1.4s ease,opacity 1.4s ease}.ip-chat{transition:none}.ip-bubble,.ip-typing span,.ip-msgs.tap{animation:ip-tap .5s ease}}.ip-chat:not(.open){transition-duration:.9s,.5s,.9s}.ip-msgs{position:relative;border:0;padding:0;cursor:pointer}.cars-lane{position:relative;width:100%;container-type:inline-size;overflow-x:clip}.f1-lane{--car-w: clamp(8rem, 20vw, 14rem);height:calc(var(--car-w) * .27 + 3rem);margin-top:0}.f1{position:absolute;left:0;bottom:0;display:block;width:var(--car-w);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;animation:f1-run 10s linear infinite;will-change:transform}.f1:focus{outline:none}.f1:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:8px}.smoke span{position:absolute;left:0;bottom:0;width:1.2rem;height:1.2rem;border-radius:50%;background:radial-gradient(circle,#ffffffbf,#f3e6cf73 45%,#f3e6cf00 72%);filter:blur(1.5px);opacity:0;animation:smoke 1.8s ease-out infinite}@media (hover: hover){.f1{cursor:pointer}.f1:hover,.f1:hover .f1-wheel,.f1:hover .smoke span{animation-play-state:paused}}.ip{--ip-red: rgb(172, 35, 42);--ip-cream: #f3e6cf;--ip-paper: #fbf6ec;--ico: clamp(2.6rem, 7vw, 3.8rem);width:min(100%,54rem,104vh);width:min(100%,54rem,104svh);margin:2rem auto 0;aspect-ratio:4 / 3;padding:clamp(.5rem,1.6vw,.9rem);background:#161617;border-radius:clamp(1.4rem,4vw,2.4rem);box-shadow:4px 4px #00000024,9px 9px #0000001a,14px 14px #00000012}.ip-screen{position:relative;height:100%;overflow:hidden;border-radius:clamp(.9rem,2.6vw,1.6rem);background:url(/ipadwallpaper.png) center / cover no-repeat,var(--ip-red)}.ip-home{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 1.4s ease,filter 1.4s ease,opacity 1.4s ease}.ip-home.away{transform:scale(.92);filter:blur(3px);opacity:.5}.ip-dock{position:absolute;left:50%;bottom:4%;transform:translate(-50%);display:flex;gap:clamp(.5rem,2vw,1rem);padding:.55rem .7rem;border-radius:1.7rem;background:#f3e6cf47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ip-chat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--ip-paper);border-radius:2.2rem;opacity:0;transform:scale(.1);pointer-events:none;transition:transform 1.4s cubic-bezier(.22,.8,.24,1),opacity .6s ease,border-radius 1.4s ease}.ip-chat.open{opacity:1;transform:none;border-radius:0;pointer-events:auto}.ip-head{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem 1rem .6rem;background:#f3e6cfb3;border-bottom:1px solid rgba(0,0,0,.08)}@media (prefers-reduced-motion: reduce){.ip-home,.ip-chat{transition:none}.ip-bubble,.ip-typing span,.ip-msgs.tap,.ip-badge{animation:none}}Claude Facts cars · CSS .automotive{overflow-x:clip}.cars-lane{position:relative;width:100vw;margin-inline:calc(50% - 50vw);container-type:inline-size;overflow-x:clip}.f1-lane{--car-w: clamp(10rem, 24vw, 17rem);height:calc(var(--car-w) * .27 + 3rem);margin-top:0}.f1-racer{position:absolute;z-index:1;top:0;left:50%;transform:translate(-50%);padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-deep);color:var(--acc);font:600 clamp(.7rem,2.4vw,.9rem)/1.2 var(--body);letter-spacing:.04em;text-align:center;white-space:nowrap;box-shadow:2px 3px 0 var(--shadow)}.f1{position:absolute;left:0;bottom:0;display:block;width:var(--car-w);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;animation:f1-run 10s linear infinite;will-change:transform}.f1-body{display:block;width:100%;height:auto;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.18)) drop-shadow(9px 9px 0 rgba(0,0,0,.1))}@keyframes f1-run{0%{transform:translate(100cqw)}75%{transform:translate(calc(var(--car-w) * -1.3))}to{transform:translate(calc(var(--car-w) * -1.3))}}.f1-wheel{position:absolute;width:11.51%;aspect-ratio:1;height:auto;animation:wheel-spin .55s linear infinite}.f1-wheel.front{left:15.94%;top:48.14%}.f1-wheel.rear{left:81.35%;top:47.89%}@keyframes wheel-spin{to{transform:rotate(-360deg)}}.smoke{position:absolute;right:.2rem;bottom:14%;width:0;height:0;pointer-events:none}.smoke span{position:absolute;left:0;bottom:0;width:1.6rem;height:1.6rem;border-radius:50%;background:radial-gradient(circle,#ffffffbf,#f3e6cf73 45%,#f3e6cf00 72%);filter:blur(1.5px);opacity:0;animation:smoke 1.8s ease-out infinite}@keyframes smoke{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:.85}to{opacity:0;transform:translate(clamp(5rem,12vw,9rem),-1.8rem) scale(3.2)}}@media (prefers-reduced-motion: reduce){.f1{animation:none;left:50%;transform:translate(-50%)}.f1-wheel{animation:none}.smoke{display:none}}.hero-power{width:100%;height:100%;display:grid;place-items:center;opacity:.12}.hero.play .hero-power{animation:hero-power 1.9s ease-out both}@keyframes hero-power{0%{opacity:.12;filter:brightness(.5)}10%{opacity:1;filter:brightness(1.9) drop-shadow(0 0 1.4rem rgba(243,230,207,.9))}16%{opacity:.25;filter:brightness(.7)}30%{opacity:1;filter:brightness(1.6) drop-shadow(0 0 1.2rem rgba(243,230,207,.8))}38%{opacity:.45;filter:brightness(.8)}52%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 1.6rem rgba(243,230,207,.95))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 .7rem rgba(243,230,207,.35))}}.hud{display:inline-block}.ch{display:inline-block;opacity:0}.hero.play .ch{animation:hud-in .55s ease-out both;animation-delay:calc(1.2s + var(--i) * .11s)}@keyframes hud-in{0%{opacity:0;transform:translateY(.25em) scale(.9);filter:blur(6px)}40%{opacity:1;filter:blur(0);text-shadow:var(--hero-title-shadow),0 0 .5em rgba(243,230,207,.9)}55%{opacity:.35}70%{opacity:1}to{opacity:1;transform:none;filter:blur(0);text-shadow:var(--hero-title-shadow),0 0 0 rgba(243,230,207,0)}}.hero-sub{opacity:0}.hero.play .hero-sub{animation:hero-sub-in .8s ease-out 2.7s both}@keyframes hero-sub-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hero .hero-power,.hero.play .hero-power,.hero .ch,.hero.play .ch,.hero .hero-sub,.hero.play .hero-sub{opacity:1;animation:none}}.ip{--ip-red: rgb(172, 35, 42);--ip-cream: #f3e6cf;--ip-paper: #fbf6ec;--ico: clamp(2.4rem, 6vw, 3.6rem);width:min(100%,54rem,104vh);width:min(100%,54rem,104svh);margin:2rem auto 0;aspect-ratio:4 / 3;padding:clamp(.5rem,1.6vw,.9rem);background:#161617;border-radius:clamp(1.4rem,4vw,2.4rem);box-shadow:4px 4px #00000024,9px 9px #0000001a,14px 14px #00000012}@media (max-width: 700px){.ip{aspect-ratio:3 / 4;width:min(100%,26rem,58.5vh);width:min(100%,26rem,58.5svh)}}.ip-screen{position:relative;height:100%;overflow:hidden;border-radius:clamp(.9rem,2.6vw,1.6rem);background:url(/ipadwallpaper.png) center / cover no-repeat,var(--ip-red)}.ip-home{position:absolute;top:0;right:0;bottom:0;left:0}.ip-dock{position:absolute;left:50%;bottom:4%;transform:translate(-50%);display:flex;gap:clamp(.4rem,1.6vw,.9rem);padding:.55rem .7rem;border-radius:1.7rem;background:#f3e6cf47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ip-app{position:relative;display:grid;place-items:center;width:var(--ico);height:var(--ico);border:0;padding:0;border-radius:22%;box-shadow:2px 2px #00000024,4px 4px #00000014}.ip-app svg{width:58%;height:58%}.ip-phone{background:linear-gradient(#5be26f,#20b43b)}.ip-msgs{background:linear-gradient(#5be26f,#20b43b);cursor:pointer}.ip-spotify{background:#121212}.ip-spotify svg{width:68%;height:68%}.ip-safari{background:linear-gradient(#5ac8fa,#0a7aff)}.ip-camera{background:linear-gradient(#e5e5ea,#9a9aa1)}.ip-camera svg{width:66%;height:66%}.ip-msgs:focus-visible{outline:3px solid #fff;outline-offset:3px}.ip-msgs.tap{animation:ip-tap .5s ease}@keyframes ip-tap{50%{transform:scale(.84);filter:brightness(.85)}}.ip-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;display:grid;place-items:center;border-radius:999px;background:#ff3b30;color:#fff;font-size:.7rem;font-weight:600;animation:ip-pop .5s cubic-bezier(.2,.9,.3,1.2) both}.ip-run{position:absolute;bottom:-.45rem;left:50%;width:.3rem;height:.3rem;margin-left:-.15rem;border-radius:50%;background:var(--ip-cream)}.ip-chat{position:absolute;top:4%;left:6%;right:6%;bottom:calc(4% + var(--ico) + 1.9rem);display:flex;flex-direction:column;overflow:hidden;background:var(--ip-paper);border-radius:2.2rem;opacity:0;transform:scale(.1);pointer-events:none;transition:transform 1.4s cubic-bezier(.22,.8,.24,1),opacity .6s ease,top .7s ease,left .7s ease,right .7s ease,bottom .7s ease,border-radius .7s ease,box-shadow .7s ease}.ip-chat.open{opacity:1;transform:none;border-radius:1.1rem;pointer-events:auto;box-shadow:3px 3px #0000002e,6px 6px #0000001a,10px 10px #0000000f}.ip-chat.open.max{top:0;left:0;right:0;bottom:0;border-radius:0;box-shadow:none}.ip-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem 1rem .6rem;background:#f3e6cfb3;border-bottom:1px solid rgba(0,0,0,.08)}.ip-ctl{position:absolute;top:.75rem;left:.9rem;display:flex;gap:.45rem}.ip-ctl button{position:relative;width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;cursor:pointer}.ip-ctl button:before{content:"";position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem}.ip-ctl .c{background:#ff5f57}.ip-ctl .m{background:#febc2e}.ip-ctl .x{background:#28c840}.ip-ctl svg{width:100%;height:100%;opacity:0;transition:opacity .15s ease}.ip-ctl svg path{fill:none;stroke:#0000008c;stroke-width:1.3;stroke-linecap:round}.ip-ctl:hover svg,.ip-ctl button:focus-visible svg{opacity:1}.ip-ctl button:focus-visible{outline:2px solid #2a1210;outline-offset:2px}.ip-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--ip-red);color:var(--ip-paper);font-size:.85rem;font-weight:600}.ip-name{font-size:.8rem;color:#2a1210}.ip-list{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;overflow-y:auto;scrollbar-width:none}.ip-list::-webkit-scrollbar{display:none}.ip-bubble{max-width:72%;padding:.6rem .95rem;border-radius:1.2rem;font-size:clamp(.9rem,1.9vw,1.1rem);line-height:1.35;animation:ip-pop .6s cubic-bezier(.2,.9,.3,1.2) both}.ip-bubble.them{align-self:flex-start;background:#e9e1d2;color:#ac232a;border-bottom-left-radius:.3rem;transform-origin:left bottom}.ip-bubble.me{align-self:flex-end;background:var(--ip-red);color:var(--ip-paper);border-bottom-right-radius:.3rem;transform-origin:right bottom}@keyframes ip-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}.ip-typing{display:flex;gap:.3rem;padding:.85rem 1rem}.ip-typing span{width:.5rem;height:.5rem;border-radius:50%;background:var(--ip-paper);animation:ip-bounce 1.2s infinite ease-in-out}.ip-typing span:nth-child(2){animation-delay:.15s}.ip-typing span:nth-child(3){animation-delay:.3s}@keyframes ip-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-.35rem);opacity:1}}.ip-input{margin:.4rem 1rem .9rem;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.18);border-radius:1.4rem;font-size:.9rem;color:#0006}@media (prefers-reduced-motion: reduce){.ip-chat{transition:none}.ip-bubble,.ip-typing span,.ip-msgs.tap,.ip-badge{animation:none}}:root[data-theme=dark] .ip{background:#c8323a}:root[data-theme=dark] .ip-chat{background:#1c1c1e;color:#f2f2f7}:root[data-theme=dark] .ip-head{background:#2c2c2e;border-bottom-color:#3a3a3c}:root[data-theme=dark] .ip-avatar{background:#c8323a;color:#f2f2f7}:root[data-theme=dark] .ip-name{color:#f2f2f7}:root[data-theme=dark] .ip-bubble.them{background:#2c2c2e;color:#f2f2f7}:root[data-theme=dark] .ip-bubble.me{background:#5b2024;color:#f3e9d2}:root[data-theme=dark] .ip-typing span{background:#f2f2f7}:root[data-theme=dark] .ip-input{border-color:#48484a;background:#2c2c2e;color:#8e8e93}
