@font-face{font-family:Oxanium;src:url('fonts/Oxanium.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
:root{--bg:#0a1117;--panel:#111c23;--line:#2c3e46;--text:#eaf1ef;--muted:#9aadb3;--accent:#caff8d;--sans:'Space Grotesk',Arial,sans-serif;--display:Oxanium,'Space Grotesk',sans-serif}
body{background:var(--bg)}
.site-header{border-color:#84c4cc25}.brand{font-family:var(--display);font-size:19px;letter-spacing:.13em;gap:15px}.brand-sub{font-size:8px;letter-spacing:.08em;color:#889da5}
.monogram{width:52px;height:52px;background:none;flex-shrink:0;filter:drop-shadow(0 0 12px #96e2df15)}.monogram svg{width:100%;height:100%;fill:none;stroke-linejoin:bevel}.logo-frame{stroke:#8ec2c55c;stroke-width:1;fill:#83f0e00a}.logo-y{stroke:#caff8d;stroke-width:3.5}.logo-h{stroke:#b7e1e5;stroke-width:3.5}.logo-detail{stroke:#caff8d;stroke-width:1.5}
.site-header nav{font-size:12px;gap:26px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-10px;left:0;width:0;height:1px;background:#a1e5e9;transition:width .25s}.site-header nav a:hover:after{width:100%}
.hero{gap:46px;padding-top:64px;grid-template-columns:1.03fr 1fr}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.03em;max-width:480px;line-height:1.9}.hero h1{font-family:var(--display);font-size:clamp(60px,7.25vw,110px);font-weight:650;line-height:.99;letter-spacing:-.065em;margin-bottom:30px}.outline{-webkit-text-stroke:1px #91b7c8;color:#afcbdd08}.title-mark{font-family:var(--display);font-size:36px;right:-23px;top:2px;color:#a8dcd7}.hero-intro{font-size:20px;letter-spacing:-.015em}.hero-intro strong{font-family:var(--display);font-weight:600;letter-spacing:.03em;color:#e8f9ed}.hero-note{margin-top:12px;color:#8dabb2}.hero-actions{gap:22px;margin-top:32px}.button.primary{background:linear-gradient(110deg,#caff8d,#a6e3b2);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));font-family:var(--display);font-weight:600}.hero-bottom{margin-top:47px;line-height:1.7}
.travel-panel{background:linear-gradient(145deg,#12232be8,#0c171eed);border-color:#5b899551;box-shadow:0 20px 60px #0002,inset 0 1px #bdebf00a}.travel-copy h2{font-family:var(--display);font-size:24px;font-weight:450;letter-spacing:-.04em}.travel-panel .visual-top{font-size:8px;letter-spacing:0}.travel-panel .visual-top>span:last-child{font-size:7px}.travel-controls select{background:#11242a;border-color:#45616b}.travel-bottom{border-color:#45616b66}.city-label{background:#10212bdc;border-color:#88cbd91f}
.neon-ribbon{background:#0b1721;border-color:#85d8ea33;height:52px}.neon-ribbon-grain{background:repeating-linear-gradient(0deg,transparent 0 3px,#07111466 4px),linear-gradient(90deg,#0a1117,transparent 16%,transparent 84%,#0a1117)}
.section h2,.about-copy h2,.research-hero h1{font-family:var(--display);font-weight:450;letter-spacing:-.045em;line-height:1.12}.section h2{font-size:clamp(32px,3.75vw,54px)}.muted{color:#829fa8}.serif{font-family:var(--display);font-style:normal}.section-aside{font-size:13px;letter-spacing:0}.section-heading{margin-bottom:38px}.section{padding-block:94px}
.interest-grid{gap:20px}.interest-card{position:relative;padding:22px 24px 0;background:linear-gradient(145deg,#172631e8,#101b24f5);border-color:#56778455;box-shadow:0 18px 45px #0002;transition:transform .4s,border-color .4s,box-shadow .4s}.interest-card:hover{background:linear-gradient(145deg,#1b2d39,#13232d);border-color:#86c8d17a;box-shadow:0 20px 50px #0004;transform:translateY(-5px)}.interest-card:before{content:'';position:absolute;left:0;top:0;height:2px;width:48px;background:var(--card-accent)}.range-card{--card-accent:#dba47c}.garage-card{--card-accent:#caff8d}.gaming-card{--card-accent:#9acdea}.card-top{font-family:var(--display);font-size:10px;letter-spacing:.12em;color:#b0c5ce;align-items:center}.card-top>span:last-child{color:var(--card-accent);font-size:21px}
.interest-art{height:auto;aspect-ratio:1.66;margin:20px -24px 24px;overflow:hidden;border-block:1px solid #81bfd022;background:#0d1a23;isolation:isolate}.interest-art:after{content:'';position:absolute;inset:12px;border:1px solid #bbe7ed18;pointer-events:none;z-index:2}.photo-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.65);transition:transform 1s,filter .8s}.photo-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08141ff2,transparent 37%,#0a182035);z-index:1}.interest-card:hover .photo-art img{filter:saturate(.85) brightness(.8);transform:scale(1.045)}.range-art img{object-position:70% 52%}.garage-art img{object-position:50% 43%}.art-label{position:absolute;bottom:16px;left:24px;z-index:2;font:8px var(--mono);letter-spacing:.08em;color:#c5dbe0}.art-coordinate{position:absolute;right:23px;top:19px;z-index:2;font:9px var(--display);color:#d3ebeab5;letter-spacing:.08em}.art-reticle{position:absolute;left:24px;top:26px;width:48px;height:48px;border:1px solid #e8b68e77;border-radius:50%;z-index:2}.art-reticle:before{content:'';position:absolute;inset:9px;border:1px solid #e8b68e77;border-radius:50%}.art-reticle:after{content:'';position:absolute;inset:-5px;background:linear-gradient(90deg,transparent calc(50% - .5px),#e8b68e77 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#e8b68e77 50%,transparent calc(50% + .5px));mask-image:radial-gradient(circle,transparent 40%,black 41%)}.telemetry-line{position:absolute;left:24px;top:28px;width:66px;height:21px;border-block:1px solid #caff8d55;background:repeating-linear-gradient(90deg,#caff8d88 0 2px,transparent 2px 7px);clip-path:polygon(0 90%,10% 60%,20% 76%,35% 10%,47% 58%,58% 30%,70% 70%,82% 20%,100% 45%,100% 100%,0 100%);z-index:2}
.controller-art{background:radial-gradient(ellipse at 48% 50%,#283b5355,transparent 70%),repeating-linear-gradient(0deg,transparent 0 24px,#97cfe10b 25px),#101c29}.controller-art img{width:80%;height:86%;object-fit:contain;position:relative;z-index:1;transform:rotate(-9deg);filter:drop-shadow(0 17px 16px #0008);transition:transform .7s}.gaming-card:hover .controller-art img{transform:translateY(-5px) rotate(-4deg)}.controller-orbit{position:absolute;width:83%;height:52%;border:1px solid #9be5ee29;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 22px #9be5ee06}.controller-orbit:after{content:'';position:absolute;inset:12px -7px;border:1px dashed #a78dda38;border-radius:50%;transform:rotate(30deg)}
.interest-card .eyebrow{font-family:var(--display);font-size:10px;letter-spacing:.05em;color:var(--card-accent)}.interest-card h3{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin-bottom:14px}.interest-card>p:not(.eyebrow){color:#a1b7c0;font-size:12px;line-height:1.9}.card-footer{border-color:#789dab33;font-size:8px;gap:10px}.card-footer>span{color:#d4e4e7}
.play-section{background:#0f1b24d6;border-color:#45616b55}.game-cover{background:radial-gradient(ellipse at 40% 90%,#2b4147,transparent 70%),#152630;border-color:#456674}.game-card:nth-child(2) .game-cover{background:radial-gradient(ellipse at 40% 90%,#34394c,transparent 70%),#1a1e2d}.game-card:nth-child(3) .game-cover{background:radial-gradient(ellipse at 40% 90%,#263f50,transparent 70%),#112631}.cover-number{font-family:var(--display);font-weight:650;font-size:104px;letter-spacing:-.07em}.game-info h3{font-family:var(--display);font-weight:500}.cover-grid{background-image:linear-gradient(90deg,#8ed7d51b 1px,transparent 1px),linear-gradient(#8ed7d51b 1px,transparent 1px)}
.reading-section{padding-bottom:30px}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.reading-empty{grid-column:1/-1;display:flex;align-items:center;gap:42px;min-height:240px;border:1px solid #55798555;background:linear-gradient(115deg,#182939bb,#101b2588);padding:30px 42px;position:relative;overflow:hidden}.reading-empty-copy{max-width:510px;position:relative;z-index:1}.reading-empty-copy .eyebrow{font-size:9px;margin-bottom:14px;color:#a5c0d1}.reading-empty-copy h3{font:450 29px/1.25 var(--display);letter-spacing:-.025em;margin:0 0 14px}.reading-empty-copy>p:last-child{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.reading-index{font:9px var(--mono);color:#819cae;position:absolute;right:24px;bottom:23px;letter-spacing:.06em}.book-sculpture{position:relative;width:165px;height:172px;flex-shrink:0;perspective:650px}.book-front{position:absolute;left:30px;top:12px;width:108px;height:142px;border:1px solid #87aecb88;background:linear-gradient(130deg,#395567,#132d3e 65%);transform:rotateY(-27deg) rotateZ(-8deg);display:flex;align-items:flex-end;padding:17px 14px;font:11px var(--display);color:#c4dee9;box-shadow:8px 8px #081521aa,inset 4px 0 #7cb2bf22}.book-front:before{content:'';position:absolute;left:24px;top:28px;width:52px;height:52px;border:1px solid #a7dbe07a;transform:rotate(45deg)}.book-front:after{content:'';position:absolute;left:36px;top:39px;width:29px;height:29px;border:1px solid #caff8d88;transform:rotate(45deg)}.book-spine{position:absolute;left:30px;top:15px;width:104px;height:142px;transform:rotateZ(-8deg);background:repeating-linear-gradient(0deg,#849ba833 0 1px,#31434a44 1px 3px);border:1px solid #9bb6c433}.book-orbit{position:absolute;left:-14px;top:42px;width:197px;height:88px;border:1px solid #8bd8e529;border-radius:50%;transform:rotate(-33deg)}.book-card{display:flex;gap:25px;border:1px solid #55798555;background:#13232de0;padding:26px;min-width:0}.book-jacket{flex:0 0 114px;min-height:162px;align-self:flex-start;position:relative;overflow:hidden;border:1px solid #789da855;background:linear-gradient(150deg,#355464,#122839);box-shadow:5px 4px #051017;font-family:var(--display);padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.book-jacket img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.book-number{font-size:30px;color:#b4d5da44}.book-jacket-title{font-size:14px;overflow-wrap:anywhere}.book-copy{min-width:0;flex:1}.book-copy .eyebrow{font-size:8px;color:var(--accent);margin-bottom:10px}.book-copy h3{font:500 23px/1.25 var(--display);margin:0 0 12px;overflow-wrap:anywhere}.book-author,.book-note{font-size:13px;color:var(--muted);line-height:1.6}.reading-progress{display:block;font:10px var(--mono);color:#b3cbd0;margin-top:22px}.reading-progress progress{display:block;margin-top:10px;width:100%;height:4px;accent-color:var(--accent)}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.photo-frame{border-color:#52758366;background:#172632}.photo-frame img{object-position:center}.photo-item figcaption strong{font-family:var(--display);font-size:17px}.photo-item figcaption span{color:#91adb8}.photo-frame>button:hover img{transform:scale(1.025)}.photo-slot{background:radial-gradient(ellipse,#17333a40,transparent);color:#8ca8b4}.portrait-wrap img{border-color:#52758366;filter:saturate(.6)}.about-copy>p:not(.eyebrow){color:#a6b8c1}.contact-section>a{font-family:var(--display);font-weight:550;font-size:clamp(48px,9vw,125px);letter-spacing:-.055em}.site-footer{color:#95abb5}.research-main p,.research-main li{color:#b9c8d0}.research-main h2,.research-sidebar h2{font-family:var(--display)}
@media(min-width:1800px){.hero h1{font-size:120px}.hero{gap:65px}.interest-art{aspect-ratio:1.78}}
@media(max-width:1100px){.site-header nav{gap:17px}.brand{font-size:16px}.brand-sub{font-size:7px}.contact-link{font-size:9px;gap:10px}.hero{gap:30px}.hero h1{font-size:7.3vw}.hero-intro{font-size:17px}.hero-copy>.eyebrow{font-size:7px}.hero-actions{gap:17px}.section h2{font-size:clamp(32px,4vw,50px)}.interest-card{padding-inline:18px}.interest-art{margin-inline:-18px;aspect-ratio:1.42}.interest-card h3{font-size:23px}.art-label{font-size:7px;left:18px}.art-coordinate{font-size:8px;right:16px}.interest-card .eyebrow{font-size:9px}.reading-empty{padding:28px;gap:25px}.reading-empty-copy h3{font-size:25px}.reading-index{font-size:8px}.photo-item figcaption strong{font-size:15px}}
@media(max-width:760px){.site-header{height:86px;gap:10px}.brand{font-size:15px;gap:9px}.monogram{width:42px;height:42px}.brand-sub{font-size:6px}.site-header nav{gap:14px;font-size:11px}.site-header nav a{display:none}.site-header nav a[href="#reading"],.site-header nav a[href="research.html"],.research-page .site-header nav a:last-child{display:block}.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:clamp(60px,15.5vw,110px);letter-spacing:-.06em}.title-mark{font-size:26px;right:-24px;top:0}.hero-copy>.eyebrow{font-size:8px;max-width:390px}.hero-intro{font-size:18px}.hero-actions{gap:23px}.hero-bottom{font-size:8px;margin-top:33px}.travel-copy h2{font-size:24px}.travel-panel .visual-top{font-size:7px}.section{padding-block:62px}.section h2{font-size:clamp(30px,6vw,40px)}.section-heading{gap:18px}.section-aside{font-size:11px;padding-top:26px;max-width:133px}.interest-card{display:block;padding:21px 23px 0}.interest-art{margin:19px -23px 23px;aspect-ratio:1.8;height:auto}.interest-card .eyebrow{margin-top:0;font-size:10px}.interest-card h3{font-size:28px}.interest-card>p:not(.eyebrow){font-size:13px;margin-bottom:27px}.card-top{font-size:11px}.card-footer{padding-block:19px;font-size:9px}.art-label{font-size:9px;left:23px}.art-coordinate{font-size:10px;right:23px}.controller-art img{width:77%}.book-grid{grid-template-columns:1fr}.reading-section{padding-bottom:0}.reading-empty{gap:14px;padding:28px 20px 50px;align-items:center;min-height:225px}.book-sculpture{width:118px;height:145px;transform:scale(.78);transform-origin:left center;margin-right:-23px}.reading-empty-copy h3{font-size:23px}.reading-empty-copy .eyebrow{font-size:8px}.reading-empty-copy>p:last-child{font-size:12px}.reading-index{font-size:8px;bottom:19px;right:20px}.book-card{padding:21px;gap:21px}.book-jacket{flex-basis:96px;min-height:143px}.book-copy h3{font-size:21px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.photo-item:first-child{grid-column:1/-1}.photo-item:first-child .photo-frame{aspect-ratio:4/3}.photo-item figcaption strong{font-size:16px}.photo-item figcaption span{font-size:8px;line-height:1.6}.about-copy h2{font-size:36px}.contact-section>a{font-size:clamp(48px,13vw,90px)}}
@media(max-width:370px){.site-header nav{gap:11px;font-size:10px}.brand{font-size:13px}.monogram{width:37px;height:37px}.brand-sub{font-size:5px}.hero-copy>.eyebrow{font-size:7px}.hero h1{font-size:16.6vw}.title-mark{font-size:23px;right:-23px}.hero-intro{font-size:16px}.hero-actions{gap:16px}.section-aside{padding:0;max-width:none}.interest-card h3{font-size:25px}.interest-art{aspect-ratio:1.6}.reading-empty{flex-direction:column;align-items:flex-start;gap:0}.book-sculpture{height:138px;align-self:center;transform:scale(.75);transform-origin:center}.reading-empty-copy h3{font-size:23px}.photo-grid{gap:24px 12px}.photo-item figcaption strong{font-size:14px}.book-card{gap:15px;padding:16px}.book-jacket{flex-basis:80px;min-height:124px}.book-copy h3{font-size:19px}}
@media(max-width:760px){.section-heading{flex-direction:column;gap:15px}.section-aside{padding:0;max-width:none;text-align:left}.section h2{font-size:clamp(32px,8.2vw,44px)}.reading-empty{flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px 51px}.book-sculpture{align-self:center;width:165px;height:153px;transform:scale(.86);transform-origin:center;margin:0}.reading-empty-copy{width:100%}.reading-empty-copy h3{font-size:25px}}