:root{--coral:#e16f61;--coral-dark:#bc5149;--purple:#3c203f;--purple-deep:#27142a;--apricot:#efc7a5;--cream:#f8f0e7;--cloud:#fffdf9;--mist:#e9e5e2;--charcoal:#2d2b2e;--muted:#746e72;--line:rgba(60,32,63,.2);--max:1500px;--serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--cloud);color:var(--charcoal);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;left:12px;top:10px;z-index:999;padding:9px 14px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,249,.95);backdrop-filter:blur(12px);border-top:4px solid var(--coral);border-bottom:1px solid var(--line)}.header-bar{max-width:var(--max);min-height:86px;margin:auto;padding:0 34px;display:flex;align-items:center;gap:38px}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:245px}.brand-lockup img{width:48px;height:48px}.brand-lockup span{display:grid}.brand-lockup strong{font:600 25px/1.1 var(--serif);letter-spacing:.08em;color:var(--purple)}.brand-lockup small{margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.19em}.primary-nav{margin-left:auto;display:flex;gap:25px}.primary-nav a{position:relative;padding:29px 0 23px;color:var(--purple);text-decoration:none;white-space:nowrap;font-size:13px}.primary-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;background:var(--coral);transition:.2s}.primary-nav a:hover::after,.primary-nav a:focus-visible::after,.primary-nav a.is-active::after{left:0;right:0}.primary-nav a:focus-visible,.menu-toggle:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--purple);font:600 13px var(--sans)}.menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:27px;height:1px;background:currentColor}.menu-toggle i{position:relative;margin-top:7px}.menu-toggle i::before,.menu-toggle i::after{content:"";position:absolute;left:0}.menu-toggle i::before{top:-7px}.menu-toggle i::after{top:7px}.hero{max-width:var(--max);min-height:900px;margin:auto;padding:70px 34px 0;display:grid;grid-template-columns:150px minmax(0,1fr) 150px;grid-template-rows:auto 430px 120px;gap:0 38px}.hero-side{padding-top:45px;border-top:1px solid var(--purple);color:var(--muted);font-size:12px;writing-mode:vertical-rl}.hero-side span{color:var(--coral);font-size:10px;letter-spacing:.28em}.hero-side p{margin:0 0 18px}.hero-side strong{color:var(--purple);font:500 19px var(--serif);letter-spacing:.08em}.hero-center{text-align:center;align-self:start}.eyebrow{margin:0 0 16px;color:var(--coral-dark);font-size:10px;font-weight:700;letter-spacing:.24em}.official-mark{display:inline-block;margin:0 0 28px;padding:6px 15px;border:1px solid var(--purple);color:var(--purple);font-size:12px;letter-spacing:.14em}.hero h1{max-width:1040px;margin:0 auto;color:var(--purple);font:500 clamp(54px,6.4vw,104px)/1.08 var(--serif);letter-spacing:-.05em}.hero-lead{margin:28px 0 45px;color:var(--coral-dark);font:400 clamp(22px,2.2vw,34px)/1.5 var(--serif)}.hero-window{position:relative;grid-column:1/4;grid-row:2;margin:0 75px;overflow:hidden;background:var(--purple)}.hero-window::before,.hero-window::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10%;background:var(--purple)}.hero-window::before{left:0;clip-path:polygon(0 0,100% 50%,0 100%)}.hero-window::after{right:0;clip-path:polygon(100% 0,0 50%,100% 100%)}.hero-window img{width:100%;height:100%;object-fit:cover}.hero-window figcaption{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);width:min(84%,780px);padding:13px 20px;background:rgba(39,20,42,.82);color:#fff;display:flex;justify-content:space-between;gap:20px}.hero-window figcaption span{color:var(--apricot);font-size:10px;letter-spacing:.18em}.hero-window figcaption small{color:rgba(255,255,255,.72)}.chapter-index{grid-column:1/4;grid-row:3;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.chapter-index div{padding:23px 26px;border-right:1px solid var(--line);display:grid;align-content:center}.chapter-index div:last-child{border-right:0}.chapter-index span{color:var(--coral);font-size:10px}.chapter-index strong{color:var(--purple);font:500 20px var(--serif)}.chapter-index small{color:var(--muted)}.stage-section{max-width:var(--max);margin:auto;padding:120px 34px;display:grid;grid-template-columns:110px 1fr;gap:60px}.section-label{border-right:1px solid var(--line);display:flex;align-items:center;gap:16px;padding-right:28px;writing-mode:vertical-rl;color:var(--purple)}.section-label span{font-size:10px;letter-spacing:.28em}.section-label b{font:400 36px var(--serif)}.platform-position{grid-template-columns:110px .9fr 1fr}.position-copy h2,.directory-heading h2,.radar-title h2,.projects-intro h2,.attention-title h2,.viewing-heading h2,.access-copy h2,.faq-heading h2,.brand-copy h2{margin:0;color:var(--purple);font:500 clamp(40px,4vw,66px)/1.2 var(--serif);letter-spacing:-.025em}.position-text{padding-top:34px;border-top:1px solid var(--line);color:var(--muted)}.position-text p:first-child{margin-top:0}.radar-section{background:var(--purple);color:#fff;padding:125px 34px}.radar-wrap{max-width:calc(var(--max) - 68px);margin:auto;display:grid;grid-template-columns:420px .72fr 1.28fr;gap:70px;align-items:center}.radar-visual{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 19%,rgba(255,255,255,.12) 20% 20.5%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.2) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.2) 50%,transparent 50.2%)}.radar-visual::after{content:"";position:absolute;width:46%;height:46%;border:1px solid var(--coral);transform:rotate(34deg);border-radius:48% 52% 42% 58%}.radar-visual b{z-index:2;color:var(--apricot);text-align:center;font:500 24px/1.2 var(--serif);letter-spacing:.08em}.radar-dot{position:absolute;width:9px;height:9px;background:var(--coral);border-radius:50%}.dot-a{left:28%;top:22%}.dot-b{right:19%;top:48%}.dot-c{left:42%;bottom:17%}.radar-title h2{color:#fff}.radar-title>p:last-child{color:rgba(255,255,255,.65)}.radar-notes{border-top:1px solid rgba(255,255,255,.25)}.radar-notes article{display:grid;grid-template-columns:42px .45fr 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}.radar-notes span{color:var(--apricot);font-size:10px}.radar-notes h3{margin:0;font:500 22px var(--serif)}.radar-notes p{margin:0;color:rgba(255,255,255,.62)}.style-directory{grid-template-columns:110px 1fr;padding-bottom:50px}.directory-heading{display:grid;grid-template-columns:.72fr 1fr;gap:45px;align-items:end}.directory-heading .eyebrow{grid-column:1/3}.directory-heading>p:last-child{margin:0;color:var(--muted)}.style-list{grid-column:1/3;margin-top:70px}.style-act{display:grid;grid-template-columns:270px 1fr;border-top:1px solid var(--purple)}.style-act:last-child{border-bottom:1px solid var(--purple)}.style-act>header{padding:35px 30px 35px 0}.style-act>header span{color:var(--coral);font-size:10px;letter-spacing:.18em}.style-act>header h3{margin:14px 0 4px;color:var(--purple);font:500 31px var(--serif)}.style-act>header p{margin:0;color:var(--muted);font-size:12px}.story-strip{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.story-item{display:grid;grid-template-columns:44% 1fr;min-height:270px;border-right:1px solid var(--line)}.story-item:last-child{border-right:0}.story-item img{width:100%;height:100%;min-height:270px;object-fit:cover}.story-item>div{padding:24px 20px}.story-item small{color:var(--coral-dark);font-size:10px}.story-item strong{display:block;margin:8px 0 10px;color:var(--purple);font:500 20px/1.4 var(--serif)}.story-item p{margin:0;color:var(--muted);font-size:13px}.projects-section{padding:125px max(34px,calc((100vw - var(--max))/2 + 34px));background:var(--cream)}.projects-intro{display:grid;grid-template-columns:.8fr 1fr;gap:45px}.projects-intro .eyebrow{grid-column:1/3}.projects-intro>p:last-child{margin:8px 0 0;color:var(--muted)}.project-scenes{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--coral)}.project-scenes article{min-height:330px;padding:45px 38px;background:var(--cream)}.project-scenes span{color:var(--coral-dark);font-size:10px;letter-spacing:.2em}.project-scenes h3{margin:70px 0 14px;color:var(--purple);font:500 29px var(--serif)}.project-scenes p{color:var(--muted)}.attention-board{grid-template-columns:110px .75fr 1.25fr}.attention-title{align-self:start}.attention-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--purple)}.attention-grid article{padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.attention-grid article:nth-child(even){border-right:0}.attention-grid span{color:var(--coral-dark);font:500 22px var(--serif)}.attention-grid p{color:var(--muted)}.viewing-section{padding:125px max(34px,calc((100vw - var(--max))/2 + 34px));background:var(--purple-deep);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.viewing-heading h2{color:#fff}.viewing-heading>p:last-child{color:rgba(255,255,255,.62)}.viewing-score{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.viewing-score li{display:grid;grid-template-columns:90px 1fr 90px;gap:25px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18)}.viewing-score>li>span{color:var(--apricot);font-size:12px}.viewing-score h3{margin:0;font:500 24px var(--serif)}.viewing-score p{margin:5px 0 0;color:rgba(255,255,255,.62)}.viewing-score b{align-self:center;color:rgba(255,255,255,.28);font-size:10px;letter-spacing:.2em}.access-notes{grid-template-columns:110px .72fr 1.28fr}.access-table{margin:0;border-top:1px solid var(--purple)}.access-table div{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.access-table dt{color:var(--coral-dark);font-weight:600}.access-table dd{margin:0;color:var(--muted)}.faq-section{padding:125px max(34px,calc((100vw - var(--max))/2 + 34px));background:var(--mist);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list{border-top:1px solid var(--purple)}details{border-bottom:1px solid var(--line)}summary{position:relative;padding:23px 50px 23px 0;list-style:none;cursor:pointer;color:var(--purple);font:500 21px var(--serif)}summary::-webkit-details-marker{display:none}summary::after{content:"＋";position:absolute;right:5px;top:21px;color:var(--coral);font:400 24px var(--sans)}details[open] summary::after{content:"—"}details p{max-width:820px;margin:0;padding:0 50px 25px 0;color:var(--muted)}.brand-profile{grid-template-columns:110px .8fr 1.2fr}.brand-copy p:last-child{color:var(--muted)}.brand-table{margin:0;border-top:2px solid var(--purple)}.brand-table div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.brand-table dt{color:var(--muted)}.brand-table dd{margin:0;color:var(--purple);font-weight:600}.site-footer{padding:75px max(34px,calc((100vw - var(--max))/2 + 34px)) 30px;background:var(--purple);color:#fff;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:50px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:55px;height:55px}.footer-brand div{display:grid}.footer-brand strong{font:500 23px var(--serif)}.footer-brand span{color:var(--apricot);font-size:12px}.site-footer p{margin:0;color:rgba(255,255,255,.65);font-size:13px}.site-footer small{grid-column:1/4;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.45)}
@media(max-width:1260px){.primary-nav{gap:14px}.primary-nav a{font-size:12px}.hero{grid-template-columns:100px 1fr 100px}.radar-wrap{grid-template-columns:330px 1fr}.radar-title{grid-column:2}.radar-notes{grid-column:1/3}.style-act{grid-template-columns:210px 1fr}.story-item{grid-template-columns:1fr}.story-item img{height:210px;min-height:210px}.story-item{min-height:430px}}
@media(max-width:940px){.header-bar{min-height:75px;padding:0 24px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;padding:20px 24px 28px;background:var(--cloud);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.primary-nav.is-open{display:grid}.primary-nav a{padding:11px 0}.primary-nav a::after{bottom:6px}.hero{padding:50px 24px 0;grid-template-columns:55px 1fr 55px;grid-template-rows:auto 400px auto}.hero-window{margin:0 20px}.chapter-index{grid-template-columns:repeat(2,1fr)}.chapter-index div:nth-child(2){border-right:0}.chapter-index div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stage-section,.platform-position,.attention-board,.access-notes,.brand-profile{padding:90px 24px;grid-template-columns:70px 1fr}.section-label{grid-row:1/3}.position-text,.attention-grid,.access-table,.brand-table{grid-column:2}.radar-section{padding:90px 24px}.radar-wrap{grid-template-columns:260px 1fr;gap:40px}.style-directory{grid-template-columns:70px 1fr}.style-list{grid-column:1/3}.directory-heading{grid-template-columns:1fr}.directory-heading .eyebrow{grid-column:1}.style-act{grid-template-columns:1fr}.style-act>header{padding:28px 0}.story-strip{border-left:0;border-top:1px solid var(--line)}.projects-section,.viewing-section,.faq-section{padding:90px 24px}.viewing-section,.faq-section{grid-template-columns:1fr}.project-scenes article{padding:34px 27px}.project-scenes h3{margin-top:40px}.site-footer{padding:65px 24px 28px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.site-footer small{grid-column:1/3}}
@media(max-width:650px){.brand-lockup{min-width:0}.brand-lockup img{width:42px;height:42px}.brand-lockup strong{font-size:21px}.brand-lockup small{display:none}.primary-nav{grid-template-columns:1fr}.hero{padding-left:15px;padding-right:15px;grid-template-columns:28px 1fr 28px;grid-template-rows:auto 340px auto;gap:0 10px}.hero-side{padding-top:15px}.hero-side p{display:none}.hero-side strong{font-size:13px}.hero h1{font-size:43px}.hero-lead{font-size:21px}.hero-window{margin:0}.hero-window figcaption{display:grid}.chapter-index div{padding:18px 13px}.chapter-index strong{font-size:17px}.stage-section,.platform-position,.attention-board,.access-notes,.brand-profile,.style-directory{padding:75px 18px;grid-template-columns:1fr}.section-label{writing-mode:horizontal-tb;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;display:flex;justify-content:space-between}.position-text,.attention-grid,.access-table,.brand-table,.style-list{grid-column:1}.position-copy h2,.directory-heading h2,.radar-title h2,.projects-intro h2,.attention-title h2,.viewing-heading h2,.access-copy h2,.faq-heading h2,.brand-copy h2{font-size:40px}.radar-wrap{grid-template-columns:1fr}.radar-visual{width:min(100%,320px);margin:auto}.radar-title,.radar-notes{grid-column:1}.radar-notes article{grid-template-columns:35px 1fr}.radar-notes p{grid-column:2}.style-list{margin-top:40px}.story-strip{grid-template-columns:1fr}.story-item{grid-template-columns:42% 1fr;min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.story-item img{height:100%;min-height:260px}.story-item>div{padding:20px 16px}.projects-intro{grid-template-columns:1fr}.projects-intro .eyebrow{grid-column:1}.project-scenes{grid-template-columns:1fr}.project-scenes article{min-height:auto}.attention-grid{grid-template-columns:1fr}.attention-grid article{border-right:0}.viewing-score li{grid-template-columns:70px 1fr}.viewing-score b{display:none}.access-table div,.brand-table div{grid-template-columns:1fr;gap:2px}.site-footer{grid-template-columns:1fr}.footer-brand,.site-footer small{grid-column:1}}
@media(max-width:440px){.story-item{grid-template-columns:1fr}.story-item img{height:260px}.hero-window::before,.hero-window::after{width:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}