:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;color:#eeeee7;background:#111411;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#111411;--ink:#eeeee7;--muted:#969c90;--line:#ffffff28;--acid:#d4ff4e;--orange:#fc6946;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:15px;letter-spacing:-.07em}.brand span{font-weight:400;color:var(--acid)}.brand i{font:9px var(--mono);font-style:normal;vertical-align:top;margin-left:3px;color:var(--muted)}.site-header nav{display:flex;gap:38px}.site-header nav a{font-size:11px;color:#d1d3ca}.site-header nav small{font:8px var(--mono);color:var(--muted);margin-left:6px;letter-spacing:.08em}.header-index,.eyebrow{font:9px var(--mono);letter-spacing:.11em;color:var(--muted)}
.hero{position:relative;min-height:650px;padding:95px 9.5% 85px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin:0 8px 1px 0;box-shadow:0 0 13px #d4ff4e77}.hero .eyebrow b{margin-left:8px;font-weight:400;color:#6e756b;font-size:8px}.hero h1{font-size:clamp(54px,7vw,91px);font-weight:600;letter-spacing:-.08em;line-height:1.08;margin:27px 0 13px}.hero h1 span{color:var(--acid)}.hero-english{font:11px var(--mono);letter-spacing:.16em;color:var(--acid);margin:0 0 23px}.hero-intro{font-size:13px;line-height:1.9;color:#c0c4b9;margin:0;max-width:440px}.hero-intro span{color:#7f867b;font-size:11px}.button{display:inline-flex;align-items:center;gap:34px;padding:14px 17px;border:1px solid #ffffff64;margin-top:28px;font-size:11px;transition:.2s}.button span{font:8px var(--mono);letter-spacing:.07em;color:var(--acid)}.button:hover{background:var(--acid);color:var(--bg);border-color:var(--acid)}.button:hover span{color:var(--bg)}.hero-credit{margin:48px 0 0;padding-left:13px;border-left:1px solid var(--acid);font-size:10px;line-height:1.8;color:#c5c8bf}.hero-credit span{font:8px var(--mono);letter-spacing:.05em;color:#737970}
.hero-visual{position:relative;max-width:505px;width:100%;height:425px;justify-self:end;overflow:hidden;background:linear-gradient(154deg,#26312b 0%,#17211d 45%,#111614 100%);border:1px solid #ffffff20}.visual-grain{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,#d6dfcd 4px,transparent 5px)}.stadium-glow{position:absolute;width:240px;height:370px;right:10%;top:-18%;transform:rotate(28deg);background:linear-gradient(180deg,#d4ff4e66,transparent 75%);filter:blur(35px);opacity:.55}.court{position:absolute;border:1px solid #d4ff4e42;transform:rotate(-24deg);width:125%;height:62%;left:-12%;bottom:-18%}.court-two{width:65%;height:44%;left:23%;bottom:-17%;border-color:#ffffff40}.frame-corner{position:absolute;width:18px;height:18px;border-color:#d4ff4e;border-style:solid}.corner-a{top:21px;left:21px;border-width:1px 0 0 1px}.corner-b{top:21px;right:21px;border-width:1px 1px 0 0}.corner-c{bottom:21px;left:21px;border-width:0 0 1px 1px}.corner-d{bottom:21px;right:21px;border-width:0 1px 1px 0}.visual-meta,.visual-foot{position:absolute;left:34px;right:34px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#bac2af}.visual-meta{top:35px}.visual-title{position:absolute;top:35%;left:15%;display:flex;flex-direction:column;font-size:clamp(55px,8vw,94px);font-weight:700;letter-spacing:-.1em;line-height:.72;color:#f0f0e8}.visual-title span:last-child{color:var(--acid);padding-left:38px}.visual-stamp{position:absolute;right:14%;top:37%;display:grid;place-items:center;width:63px;height:63px;border:1px solid var(--acid);border-radius:50%;font:10px/1.05 var(--mono);text-align:center;letter-spacing:.08em;color:var(--acid);transform:rotate(11deg)}.visual-stamp b{font-size:11px}.visual-foot{bottom:35px;color:#889184}.hero-scroll{position:absolute;bottom:22px;left:9.5%;display:flex;align-items:center;gap:11px;color:#737a70;font:8px var(--mono);letter-spacing:.09em}.hero-scroll i{display:block;width:48px;height:1px;background:var(--acid)}
.section{padding-left:12%;padding-right:12%}.stories{padding-top:108px;padding-bottom:118px;background:#e9e9df;color:#171a16}.section-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #14171030;padding-bottom:15px}.section-top .eyebrow{color:#687064}.section-top>p:last-child{text-align:right;margin:0;font-size:10px;line-height:1.7}.section-top span,.section-aside span{font:8px var(--mono);color:#747b70;letter-spacing:.05em}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin:48px 0 37px}.section-title-row h2{margin:0;font-size:clamp(42px,5.5vw,70px);font-weight:600;letter-spacing:-.08em;line-height:1.15}.section-title-row h2 em,.contact h2 em{font-style:normal;color:#788840}.section-aside{font-size:11px;line-height:1.8;color:#60675c;margin:0 0 6px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-card{min-width:0}.story-art{height:clamp(210px,26vw,335px);position:relative;overflow:hidden}.art-training{background:linear-gradient(150deg,#6d806a,#28372f 65%,#121914);color:#e8f1de}.art-training:before{content:"";position:absolute;inset:13% 12%;border:1px solid #e8f1de65;transform:skewY(-11deg)}.art-training:after{content:"";position:absolute;width:125%;height:1px;left:-12%;top:54%;background:#e8f1de6e;transform:rotate(-11deg)}.court-arc{position:absolute;left:24%;top:27%;width:44%;aspect-ratio:1;border:1px solid #d4ff4e70;border-radius:50%}.art-portrait{background:linear-gradient(145deg,#9e7156,#4b4036 72%,#282b25);color:#fbebd3}.portrait-sun{position:absolute;width:50%;aspect-ratio:1;right:12%;top:13%;border-radius:50%;background:#d9a878;opacity:.9}.portrait-frame{position:absolute;inset:17% 24%;border:1px solid #f3e4cc9c;transform:rotate(-8deg)}.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#f3e4cc65}.portrait-frame:before{left:18%}.portrait-frame:after{right:18%}.art-hype{background:radial-gradient(circle at 64% 42%,#a84024 0,#53291e 28%,#20201c 68%);color:#fff0d9}.hype-ring{position:absolute;width:67%;aspect-ratio:1;left:16%;top:16%;border:1px solid #ff9a60a0;border-radius:50%;box-shadow:0 0 55px #ff673c38,inset 0 0 45px #ff673c24}.hype-play{position:absolute;left:48%;top:41%;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff8;border-radius:50%;font-size:12px;padding-left:2px}.hype-type{position:absolute;right:11%;bottom:18%;font-weight:800;font-size:clamp(20px,3vw,36px);line-height:.8;letter-spacing:-.08em;text-align:right;color:#ff9776}.art-number{position:absolute;top:17px;left:17px;font:9px var(--mono);letter-spacing:.1em;opacity:.82}.art-caption{position:absolute;left:18px;bottom:17px;font:8px/1.6 var(--mono);letter-spacing:.08em}.mark-cross{position:absolute;right:15%;top:23%;font-size:34px;color:var(--acid)}.portrait-star{position:absolute;right:19%;bottom:18%;color:#f1bd85;font-size:23px}.story-info{display:flex;align-items:center;justify-content:space-between;padding:15px 1px 0}.story-info .eyebrow{font-size:8px;color:#7b8176}.story-info h3{margin:7px 0 0;font-size:17px;letter-spacing:-.04em}.story-arrow{font-size:18px;color:#69744a}.placeholder-note{text-align:right;font-size:9px;line-height:1.8;color:#72786e;margin:30px 0 0}.placeholder-note span{font:7px var(--mono);letter-spacing:.06em}
.about{position:relative;padding-top:94px;padding-bottom:70px;background:#171c18;overflow:hidden}.about:after{content:"V";position:absolute;right:6%;top:9%;font-size:clamp(250px,44vw,580px);font-weight:800;letter-spacing:-.15em;line-height:1;color:#ffffff06;pointer-events:none}.about-label{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.about-label .eyebrow{color:#8e968a}.about-label>span{font:12px var(--mono);color:var(--acid)}.about-main{position:relative;z-index:1;margin:70px 0 0 14%}.about-main .eyebrow{color:var(--acid)}.about-main h2{font-size:clamp(42px,6.7vw,86px);font-weight:600;line-height:1.18;letter-spacing:-.08em;margin:20px 0 12px}.about-main h2 span{color:var(--acid)}.about-english{font:10px var(--mono);letter-spacing:.08em;color:#7e887a;margin:0}.about-bottom{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:690px;margin:66px 0 0 auto;color:#b7beb3;font-size:11px;line-height:1.9}.about-bottom p{margin:0}.about-bottom p:last-child{font:9px/1.9 var(--mono);color:#838d80}.about-line{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:62px 0 0 14%;font:8px var(--mono);letter-spacing:.13em;color:#929b8c}.about-line i{height:1px;width:36px;background:var(--acid)}
.contact{padding-top:91px;padding-bottom:38px;background:var(--acid);color:#171a15}.contact-top{display:flex;justify-content:space-between}.contact-top .eyebrow{color:#4b5737}.contact-top>span{font:8px var(--mono);letter-spacing:.1em;color:#586541}.contact h2{font-size:clamp(54px,8vw,105px);font-weight:600;line-height:1.02;letter-spacing:-.09em;margin:55px 0 45px}.contact h2 em{color:#fff}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #1a201c55;padding-bottom:34px}.contact-bottom p{margin:0 0 7px;font-size:12px}.contact-english{font:8px var(--mono);letter-spacing:.04em;color:#586541}.contact-detail{display:grid;gap:5px;text-align:right}.contact-detail span{font:8px var(--mono);letter-spacing:.1em;color:#586541}.contact-detail strong{font:700 24px var(--mono);letter-spacing:.02em}.contact-detail small{font-size:9px;color:#596242}.social-row{display:flex;justify-content:space-between;gap:12px;padding-top:19px;font:8px var(--mono);letter-spacing:.04em}.social-row>span:first-child{color:#596541}.social-row i{font-style:normal;color:#596541;font-size:7px}
.site-footer{min-height:100px;padding:22px 6.2%;display:flex;align-items:center;justify-content:space-between;background:#111411}.site-footer p{font-size:9px;line-height:1.7;color:#c8ccc1;margin:0}.site-footer p span,.copyright{font:7px/1.8 var(--mono);letter-spacing:.05em;color:#747c70}.copyright{text-align:right}
@media(max-width:780px){.site-header{height:68px;padding:0 6%}.site-header nav{gap:17px}.site-header nav a{font-size:10px}.site-header nav small,.header-index{display:none}.hero{padding:72px 7% 76px;grid-template-columns:1fr;gap:42px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(58px,12vw,84px)}.hero-visual{justify-self:center;height:360px;max-width:540px}.hero-scroll{left:7%}.section{padding-left:7%;padding-right:7%}.stories{padding-top:76px;padding-bottom:80px}.story-grid{gap:10px}.story-art{height:clamp(190px,37vw,300px)}.story-info h3{font-size:14px}.about{padding-top:75px;padding-bottom:58px}.about-main{margin:55px 0 0 5%}.about-bottom{margin-top:48px}.about-line{margin-left:5%}.contact{padding-top:72px}.site-footer{padding:22px 6%}}
@media(max-width:520px){.site-header nav{gap:12px}.site-header nav a{font-size:9px}.brand{font-size:13px}.hero{padding-top:56px;gap:33px}.hero .eyebrow{font-size:8px}.hero .eyebrow b{display:block;margin:7px 0 0 14px}.hero h1{font-size:57px}.hero-intro{font-size:12px}.hero-credit{margin-top:34px}.hero-visual{height:300px}.visual-meta,.visual-foot{left:22px;right:22px;font-size:7px}.visual-title{font-size:72px}.visual-stamp{width:52px;height:52px;font-size:8px}.section-top{gap:10px}.section-top>p:last-child{font-size:9px}.section-title-row{align-items:flex-start;gap:20px;margin:37px 0 25px}.section-title-row h2{font-size:45px}.section-aside{max-width:120px;font-size:9px}.story-grid{grid-template-columns:1fr;gap:26px}.story-art{height:300px}.story-info h3{font-size:16px}.placeholder-note{text-align:left}.about-main{margin-left:0}.about-main h2{font-size:51px}.about-bottom{grid-template-columns:1fr;gap:16px}.about-line{margin-left:0;gap:9px}.about-line i{width:20px}.contact h2{font-size:63px;margin:46px 0 34px}.contact-top>span{max-width:120px;text-align:right;font-size:7px}.contact-bottom{align-items:flex-start;gap:18px;flex-direction:column}.contact-detail{text-align:left}.social-row{flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:12px}.social-row>span:first-child{width:100%}.site-footer{flex-wrap:wrap;gap:16px}.site-footer p{display:none}.copyright{margin-left:auto}}
