:root{--forest:#162019;--forest-2:#202c23;--forest-3:#0e1510;--paper:#eee8dc;--paper-light:#f6f2e9;--ink:#242721;--gold:#b69352;--gold-light:#d6bd85;--cream:#ded9ce;--muted:#a6aa9f;--line:rgba(182,147,82,.32);--serif:"Songti TC","Noto Serif CJK TC","Source Han Serif TC",Georgia,serif;--sans:"PingFang TC","Noto Sans CJK TC","Microsoft JhengHei",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--forest);color:var(--cream);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:100;background:#fff;color:#111;padding:.65rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:80px;padding:0 clamp(20px,4.3vw,70px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,rgba(3,6,4,.96) 0%,rgba(3,6,4,.62) 52%,rgba(3,6,4,0) 100%);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,backdrop-filter .3s}
.site-header:before{content:"";position:absolute;z-index:0;inset:0;background:rgba(7,12,9,.975);opacity:0;transition:opacity .3s ease}
.site-header>*{position:relative;z-index:1}.site-header.scrolled{border-color:rgba(182,147,82,.46);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.site-header.scrolled:before{opacity:1}
.brand{display:flex;align-items:center;gap:17px;text-decoration:none;flex:none}.brand>.brand-icon{width:44px;height:44px}.brand-lockup{display:flex;flex-direction:column;line-height:1}.brand-lockup>img{width:180px;height:auto}.brand-lockup small{margin-top:4px;color:var(--gold-light);font:8px Georgia,serif;letter-spacing:.26em;text-align:center}
.desktop-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.desktop-nav a{position:relative;padding:9px 14px;color:#f3f0e8;text-decoration:none;font:600 14px var(--serif);letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.6)}.desktop-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:1px;background:var(--gold-light);transform:scaleX(0);transition:.2s}.desktop-nav a:hover:after{transform:scaleX(1)}
.desktop-nav a[aria-current="page"]{color:var(--gold-light)}.desktop-nav a[aria-current="page"]:after{transform:scaleX(1)}
.header-actions,.language-switcher{display:flex;align-items:center}.header-actions{gap:12px}.language-switcher{border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:2px}.language-switcher button{min-width:30px;border:0;border-radius:99px;background:none;color:#babdb5;padding:4px 7px;cursor:pointer;font-size:11px}.language-switcher button[aria-pressed="true"]{background:var(--gold);color:var(--forest);font-weight:700}
.menu-button{display:none;position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:none;color:#fff}.menu-button span{position:absolute;left:12px;width:15px;height:1px;background:currentColor;transition:.2s}.menu-button span:first-child{top:15px}.menu-button span:last-child{top:22px}.menu-button[aria-expanded="true"] span:first-child{top:19px;transform:rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{top:19px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;z-index:45;inset:80px 0 0;background:rgba(14,21,16,.98);padding:36px 24px}.mobile-menu a{display:block;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none;font:400 25px var(--serif)}
.hero{position:relative;min-height:clamp(680px,100svh,980px);display:flex;align-items:flex-end;overflow:hidden;background:var(--forest-3)}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center 35%}.hero-shade{background:linear-gradient(90deg,rgba(9,14,10,.94) 0%,rgba(9,14,10,.67) 40%,rgba(9,14,10,.12) 76%),linear-gradient(0deg,rgba(9,14,10,.76),transparent 45%)}
.hero-copy{position:relative;z-index:2;width:min(880px,82%);padding:150px 0 clamp(80px,10vh,115px) clamp(24px,7vw,112px)}
.eyebrow{margin:0 0 22px;color:#8d713f;font:600 11px var(--sans);letter-spacing:.31em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:34px;height:1px;margin:0 12px 3px 0;background:currentColor}.eyebrow.light{color:var(--gold-light)}
.hero h1{margin:0;color:#f2eee6;font:400 clamp(54px,7.2vw,106px)/1.16 var(--serif);letter-spacing:.06em;text-shadow:0 3px 25px rgba(0,0,0,.2)}[lang^="zh"] .hero h1 span{white-space:nowrap}.hero-lead{max-width:580px;margin:25px 0 0;font:400 clamp(16px,1.5vw,21px)/1.8 var(--serif);letter-spacing:.04em;color:#e6e1d7}
.button-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 23px;border:1px solid transparent;border-radius:2px;text-decoration:none;font:600 13px var(--serif);letter-spacing:.08em;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#111912}.button-primary:hover{background:var(--gold-light)}.button-dark{background:var(--forest);color:#fff}.text-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font:500 13px var(--serif);letter-spacing:.08em}.text-link b{font-size:18px;color:var(--gold-light)}.hero-caption{position:absolute;z-index:2;right:clamp(24px,4vw,70px);bottom:30px;margin:0;color:rgba(255,255,255,.6);font-size:10px;letter-spacing:.15em}.hero-index{position:absolute;z-index:2;right:clamp(24px,4vw,70px);top:50%;display:flex;align-items:center;gap:10px;transform:rotate(90deg);transform-origin:right top;font:10px Georgia,serif;letter-spacing:.1em}.hero-index i{display:block;width:70px;height:1px;background:rgba(255,255,255,.5)}
.section-paper{background:var(--paper);color:var(--ink)}.intro{position:relative;padding:clamp(95px,11vw,160px) clamp(24px,10vw,160px)}.intro-inner{max-width:1050px;margin:auto}.intro h2{max-width:900px;margin:0;font:500 clamp(38px,5.2vw,72px)/1.35 var(--serif);letter-spacing:.04em}.intro-copy{max-width:800px;margin:35px 0 0 18%;font-size:clamp(16px,1.4vw,19px);line-height:2}.intro-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:60px;border-top:1px solid rgba(59,57,46,.22);border-bottom:1px solid rgba(59,57,46,.22)}.intro-services span{padding:20px 14px;text-align:center;border-right:1px solid rgba(59,57,46,.22);font:500 13px var(--serif);letter-spacing:.1em}.intro-services span:last-child{border:0}.vertical-mark{position:absolute;right:4vw;top:50%;margin:0;writing-mode:vertical-rl;color:rgba(85,76,57,.18);font:400 36px var(--serif);letter-spacing:.28em;transform:translateY(-50%)}
.section{padding:clamp(90px,11vw,155px) clamp(24px,7vw,112px)}.section h2,.craft h2,.visit h2{font:500 clamp(36px,4.4vw,61px)/1.38 var(--serif);letter-spacing:.04em}
.master{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(440px,1.1fr);gap:clamp(60px,9vw,135px);align-items:center}.master-images{position:relative;padding:0 18% 16% 0}.portrait-main{margin:0}.portrait-main img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:saturate(.82)}.signature-image{position:absolute;right:0;bottom:0;width:43%;margin:0;background:var(--forest);border:8px solid var(--forest)}.signature-image img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.signature-image figcaption{position:absolute;right:calc(100% + 12px);bottom:4px;white-space:nowrap;writing-mode:vertical-rl;color:var(--gold-light);font-size:9px;letter-spacing:.15em}.master-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:15px;line-height:2}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;border-top:1px solid var(--line)}.timeline div{padding:20px 15px 0 0}.timeline strong{display:block;color:var(--gold-light);font:400 27px Georgia,serif}.timeline span{display:block;margin-top:8px;color:#c7c8c2;font-size:11px;line-height:1.55}
.craft{display:grid;grid-template-columns:1.05fr .95fr;min-height:900px;background:#0f1712}.craft-photo{min-height:0;overflow:hidden}.craft-photo img{width:100%;height:100%;object-fit:cover}.craft-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,7vw,105px)}.craft-panel>p:not(.eyebrow){max-width:610px;color:var(--muted)}.craft-steps{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)}.craft-steps li{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.craft-steps b{color:var(--gold);font:400 14px Georgia,serif}.craft-steps span{display:flex;flex-direction:column}.craft-steps strong{font:500 17px var(--serif);letter-spacing:.08em}.craft-steps small{margin-top:4px;color:var(--muted);font-size:12px}.craft-materials{margin-top:28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.craft-materials>strong{font:500 18px var(--serif);color:#eee9df}.craft-materials>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.craft-materials>div span{padding:4px 11px;border:1px solid rgba(214,189,133,.35);color:var(--gold-light);font-size:11px}.craft-materials p{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.section-heading{max-width:1260px;margin:0 auto 60px}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.split-heading h2{margin:0}.split-heading>p{margin:0 0 8px;color:#6c6c62;font-size:15px;line-height:1.9}.instrument-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.instrument-card{position:relative;height:570px;background:#121a14;color:#e5e0d6;overflow:hidden}.instrument-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.instrument-card:hover img{transform:scale(1.025)}.instrument-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(5,8,6,.9))}.instrument-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:35px}.instrument-card span{color:var(--gold-light);font:12px Georgia,serif}.instrument-card h3{margin:8px 0;font:500 28px var(--serif);letter-spacing:.06em}.instrument-card p{max-width:520px;margin:0;color:#c7c7c0;font-size:13px}.instrument-wide{grid-column:1/-1;height:520px}.instrument-wide img{object-position:center 42%}.text-card{height:570px;background:linear-gradient(145deg,#253126,#121a14)}.text-card:before{content:"林";position:absolute;right:-5%;top:-12%;color:rgba(182,147,82,.08);font:400 420px/1 var(--serif)}.text-card:after{display:none}.text-card>div{top:0;display:flex;flex-direction:column;justify-content:flex-end}.text-card small{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);color:var(--gold-light)}
.culture-strip{display:grid;grid-template-columns:1.2fr .8fr;min-height:510px;background:#b28c51}.culture-strip img{width:100%;height:100%;object-fit:cover}.culture-strip blockquote{display:flex;flex-direction:column;justify-content:center;margin:0;padding:clamp(55px,7vw,100px);color:#152018}.culture-strip blockquote p{margin:0;font:500 clamp(27px,3vw,42px)/1.65 var(--serif)}.culture-strip cite{margin-top:30px;font-size:12px;font-style:normal;letter-spacing:.1em}
.archive{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,10vw,150px);align-items:center;max-width:1500px;margin:auto}.archive-copy>p:not(.eyebrow){max-width:720px;color:var(--muted);line-height:2}.archive-access{display:flex;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.archive-access strong{color:var(--gold-light);font:500 18px var(--serif)}.archive-access p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.qr-symbol{position:relative;display:block;flex:none;width:82px;height:82px;border:6px solid var(--gold)}.qr-symbol i{position:absolute;width:15px;height:15px;background:var(--gold-light)}.qr-symbol i:nth-child(1){left:7px;top:7px}.qr-symbol i:nth-child(2){right:7px;top:7px}.qr-symbol i:nth-child(3){left:7px;bottom:7px}.qr-symbol i:nth-child(4){right:14px;bottom:16px;width:8px;height:8px}
.visit{display:grid;grid-template-columns:.9fr 1.1fr;min-height:680px;background:var(--paper-light);color:var(--ink)}.visit-map{position:relative;overflow:hidden;background:#d7d0c2}.visit-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,76,66,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,76,66,.08) 1px,transparent 1px);background-size:42px 42px}.map-line{position:absolute;display:block;height:18px;background:#efebe2;box-shadow:0 1px 0 rgba(80,80,70,.14);transform-origin:left}.line-one{width:130%;left:-10%;top:28%;transform:rotate(-12deg)}.line-two{width:120%;left:5%;top:70%;transform:rotate(22deg)}.line-three{width:100%;left:40%;top:-10%;transform:rotate(79deg)}.visit-map b{position:absolute;left:52%;top:48%;display:grid;place-items:center;width:64px;height:64px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--forest);color:var(--gold-light);font:500 25px var(--serif);box-shadow:0 10px 30px rgba(27,34,28,.22)}.visit-map b::first-letter{transform:rotate(45deg)}.visit-map small{position:absolute;left:32px;bottom:26px;color:#6b6d63;font:10px Georgia,serif;letter-spacing:.14em}.visit-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,140px)}.visit-card>p:not(.eyebrow){max-width:650px;color:#66685f}.visit-card dl{margin:35px 0 0}.visit-card dl div{display:grid;grid-template-columns:90px 1fr;padding:15px 0;border-top:1px solid rgba(50,53,46,.16)}.visit-card dl div:last-child{border-bottom:1px solid rgba(50,53,46,.16)}.visit-card dt{color:#797a70;font-size:12px}.visit-card dd{margin:0;font:500 14px var(--serif)}.dark-link{color:#40443d}
footer{padding:58px clamp(24px,7vw,112px) 28px;background:#0a0f0c;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top{padding-bottom:45px}.footer-brand-official img{width:190px;height:auto}.footer-top>p{color:var(--gold-light);font:400 15px var(--serif);letter-spacing:.16em}.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#7f857c;font-size:10px;letter-spacing:.1em}.footer-bottom a{text-decoration:none}
.footer-nav{display:flex;gap:24px;padding:0 0 30px}.footer-nav a{color:#989e95;text-decoration:none;font-size:12px}.footer-nav a:hover{color:var(--gold-light)}
.section-link{display:inline-block;margin-top:32px;color:#715932;text-decoration:none;border-bottom:1px solid currentColor;font:500 13px var(--serif);letter-spacing:.08em}.light-link{color:var(--gold-light)}
.page-hero{position:relative;min-height:680px;display:flex;align-items:flex-end;padding:150px clamp(24px,8vw,128px) 90px;background-position:center;background-size:cover}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,9,.94),rgba(8,13,9,.52) 55%,rgba(8,13,9,.18)),linear-gradient(0deg,rgba(8,13,9,.75),transparent 55%)}.page-hero>div{position:relative;z-index:1;max-width:900px}.page-hero h1,.catalog-hero h1{margin:0;font:500 clamp(48px,6vw,84px)/1.28 var(--serif);letter-spacing:.04em;color:#f1ede5}.page-hero>div>p:last-child,.catalog-hero>div>p:last-child{max-width:760px;font:400 18px/1.9 var(--serif);color:#d4d1c8}.page-hero-story{background-image:url('/assets/site/master-portrait.webp');background-position:center 32%}.page-hero-craft{background-image:url('/assets/site/flute-family.webp')}.page-hero-culture{background-image:url('/assets/site/young-player.webp')}.page-hero-archive{background-image:url('/assets/site/master-at-work.webp')}
.prose-intro,.orchestra-intro{display:grid;grid-template-columns:.35fr 1.65fr;gap:clamp(50px,8vw,120px);align-items:start}.prose-kicker{color:#b6a88e;font:italic 50px/1.1 Georgia,serif}.prose-intro h2,.orchestra-intro h2,.material-section h2{margin:0 0 32px;font:500 clamp(36px,4.4vw,60px)/1.45 var(--serif)}.prose-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,5vw,75px)}.prose-columns p{margin:0;color:#66685f;line-height:2}
.history-business{background:linear-gradient(145deg,#111a14,#1c2820)}.era-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.era-grid article{min-height:300px;padding:35px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.era-grid span{color:var(--gold-light);font:15px Georgia,serif}.era-grid h3{font:500 22px var(--serif)}.era-grid p{color:var(--muted);font-size:13px;line-height:1.9}
.full-timeline .section-heading{text-align:left}.history-timeline{max-width:1100px;margin:50px auto 0;padding:0;list-style:none}.history-timeline li{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:30px 0;border-top:1px solid rgba(40,42,36,.18)}.history-timeline time{color:#8d7040;font:400 28px Georgia,serif}.history-timeline h3{margin:0;font:500 22px var(--serif)}.history-timeline p{margin:8px 0 0;color:#6e7068}.page-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px clamp(24px,8vw,128px);background:#101812}.page-cta h2{margin:0;font:500 clamp(30px,3.2vw,46px)/1.45 var(--serif)}
.material-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,140px);align-items:start}.material-section>div:first-child>p:last-child{color:#66685f;line-height:2}.bamboo-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(40,42,36,.18);border-left:1px solid rgba(40,42,36,.18)}.bamboo-list article{min-height:190px;padding:28px;border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}.bamboo-list b{display:block;color:#876b38;font:500 24px var(--serif)}.bamboo-list span{display:block;margin-top:12px;color:#6b6d64;font-size:13px;line-height:1.8}.process-section{display:grid;grid-template-columns:1fr 1fr;min-height:850px}.process-image img{width:100%;height:100%;object-fit:cover}.process-copy{padding:90px clamp(35px,7vw,110px)}.process-copy h2{font:500 clamp(36px,4vw,56px)/1.4 var(--serif)}.process-copy ol{list-style:none;margin:40px 0 0;padding:0}.process-copy li{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.process-copy li>b{color:var(--gold);font:14px Georgia,serif}.process-copy strong{font:500 17px var(--serif)}.process-copy li p{margin:3px 0 0;color:var(--muted);font-size:12px}.fitting-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto;border-top:1px solid rgba(40,42,36,.18);border-left:1px solid rgba(40,42,36,.18)}.fitting-grid div{padding:25px;border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}.fitting-grid span{display:block;color:#9b7b42;font:12px Georgia,serif}.fitting-grid b{display:block;margin-top:10px;font:500 18px var(--serif)}
.culture-projects{background:#111a14}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:1260px;margin:auto;gap:18px}.project-grid article{min-height:300px;padding:45px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.project-grid span{color:var(--gold-light);font:15px Georgia,serif}.project-grid h3{font:500 28px var(--serif)}.project-grid p{max-width:540px;color:var(--muted)}.place-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto}.place-grid div{padding:25px;border-top:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18);border-right:1px solid rgba(40,42,36,.18)}.place-grid strong,.place-grid span{display:block}.place-grid strong{font:500 20px var(--serif)}.place-grid span{margin-top:10px;color:#72746c;font-size:12px}.appointments{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;background:#101812}.appointments-copy h2{font:500 clamp(36px,4vw,56px)/1.45 var(--serif)}.appointment-list div{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.appointment-list time{color:var(--gold-light);font:20px Georgia,serif}.appointment-list span{font:500 16px var(--serif)}
.concert-series{background:#101812}.concert-list{max-width:1150px;margin:auto;padding:0;list-style:none}.concert-list li{display:grid;grid-template-columns:55px 100px 1fr;gap:25px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.concert-list>li>span{color:#666f67;font:12px Georgia,serif}.concert-list time{color:var(--gold-light);font:14px Georgia,serif}.concert-list h3{margin:0;font:500 19px var(--serif)}.concert-list p{margin:3px 0 0;color:var(--muted);font-size:12px}.archive-types{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto}.archive-types div{padding:28px;border:1px solid rgba(40,42,36,.18);border-right:0}.archive-types div:last-child{border-right:1px solid rgba(40,42,36,.18)}.archive-types b,.archive-types span{display:block}.archive-types b{font:500 18px var(--serif)}.archive-types span{margin-top:10px;color:#70726a;font-size:12px}
.catalog-hero{position:relative;min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;background:#101812}.catalog-hero>div{display:flex;flex-direction:column;justify-content:center;padding:140px clamp(24px,7vw,110px) 75px}.catalog-hero>img{width:100%;height:100%;object-fit:cover}.catalog-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:center;max-width:1300px;margin:auto}.catalog-tabs{display:flex;flex-wrap:wrap;gap:8px}.catalog-tabs button{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(40,42,36,.2);background:transparent;padding:10px 16px;color:#66685f;cursor:pointer}.catalog-tabs button small{min-width:18px;padding:2px 5px;border-radius:10px;background:rgba(40,42,36,.08);font-size:9px;line-height:1.2}.catalog-tabs button.active{background:var(--forest);color:#fff}.catalog-tabs button.active small{background:rgba(255,255,255,.16)}.catalog-search{display:flex;align-items:center;flex:0 0 min(360px,100%);width:min(360px,100%);border-bottom:1px solid rgba(40,42,36,.35)}.catalog-search input{width:100%;border:0;background:none;padding:11px 4px;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sync-note{display:flex;align-items:center;gap:10px;max-width:1300px;margin:25px auto 40px;color:#72746c;font-size:12px}.sync-note i{width:7px;height:7px;border-radius:50%;background:#5c8b60;box-shadow:0 0 0 4px rgba(92,139,96,.12)}.live-product-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;max-width:1300px;margin:auto}.live-product-card{display:flex;min-height:230px;padding:24px;flex-direction:column;justify-content:space-between;border:1px solid rgba(40,42,36,.16);background:rgba(255,255,255,.22);transition:border-color .2s,transform .2s}.live-product-card:hover{border-color:rgba(154,112,49,.55);transform:translateY(-2px)}.live-product-card[hidden]{display:none}.live-product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-product-meta small{color:#8b7b61;letter-spacing:.1em}.live-product-meta>span{padding:4px 8px;background:#d9d1c2;color:#655c4e;font-size:10px}.live-product-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;margin:20px 0 0;padding:12px;overflow:hidden;background:rgba(255,255,255,.5)}.live-product-cover img{width:100%;height:100%;object-fit:contain}.live-product-copy{padding-top:30px}.live-product-copy h2{min-height:3em;margin:0;font:500 19px/1.5 var(--serif)}.live-product-copy p{margin:12px 0 0;color:#9a7031;font-weight:700}.live-product-copy>a{display:inline-block;margin-top:16px;color:#55594f;text-decoration:none;border-bottom:1px solid #9a7031;font-size:12px}.catalog-empty,.catalog-unavailable{text-align:center;max-width:700px;margin:80px auto}.catalog-unavailable h2{font:500 34px var(--serif)}.catalog-help{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:80px clamp(24px,8vw,128px);background:#101812}.catalog-help h2{margin:0;font:500 clamp(32px,4vw,52px)/1.45 var(--serif)}.catalog-help p:last-child{color:var(--muted)}
@media(max-width:1180px){.desktop-nav{display:none}.menu-button{display:block}.hero-copy{width:88%}.master{grid-template-columns:1fr 1fr;gap:50px}.timeline{grid-template-columns:repeat(2,1fr)}.craft-panel{padding:65px 45px}.split-heading{gap:45px}.archive{gap:50px}.visit-card{padding:70px 55px}}
@media(max-width:780px){html{scroll-padding-top:68px}.site-header{height:68px;padding:0 16px;gap:14px}.brand{gap:11px}.brand>.brand-icon{width:36px;height:36px}.brand-lockup>img{width:100px}.brand-lockup small{display:none}.mobile-menu{inset:68px 0 0}.hero{min-height:760px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(8,13,9,.97) 0%,rgba(8,13,9,.7) 58%,rgba(8,13,9,.12) 100%)}.hero-copy{width:100%;padding:125px 23px 80px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-caption,.hero-index{display:none}.intro{padding:85px 23px}.intro h2{font-size:40px}.intro-copy{margin-left:0}.intro-services{grid-template-columns:repeat(2,1fr)}.intro-services span:nth-child(2){border-right:0}.intro-services span:nth-child(-n+2){border-bottom:1px solid rgba(59,57,46,.22)}.vertical-mark{display:none}.section{padding:85px 23px}.master{grid-template-columns:1fr}.master-images{max-width:560px;padding-right:16%}.master-copy{padding-top:10px}.craft{grid-template-columns:1fr;min-height:0}.craft-photo{height:440px;min-height:0}.craft-panel{padding:75px 23px}.split-heading{grid-template-columns:1fr;gap:20px}.instrument-grid{grid-template-columns:1fr}.instrument-wide{grid-column:auto}.instrument-card,.instrument-wide{height:500px}.culture-strip{grid-template-columns:1fr}.culture-strip img{height:420px}.archive{grid-template-columns:1fr}.visit{grid-template-columns:1fr}.visit-map{min-height:360px}.visit-card{padding:80px 23px}.footer-top{align-items:flex-start;flex-direction:column}.footer-brand-official img{width:150px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:480px){.language-switcher button{min-width:26px;padding:4px}.hero{min-height:700px}.hero-lead{font-size:16px}.button-row{gap:17px}.intro-services{grid-template-columns:1fr}.intro-services span{border-right:0!important;border-bottom:1px solid rgba(59,57,46,.22)}.timeline{grid-template-columns:1fr 1fr}.instrument-card,.instrument-wide{min-height:450px}.culture-strip img{height:340px}.culture-strip blockquote{padding:55px 23px}.archive-access{align-items:flex-start;padding:24px 20px}.qr-symbol{width:64px;height:64px;border-width:5px}.qr-symbol i{width:11px;height:11px}.visit-card dl div{grid-template-columns:1fr;gap:4px}}
@media(max-width:900px){.page-hero{min-height:620px}.prose-intro,.orchestra-intro,.material-section,.process-section,.appointments,.catalog-hero{grid-template-columns:1fr}.prose-kicker{display:none}.era-grid,.place-grid,.archive-types{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.process-image{height:500px}.fitting-grid{grid-template-columns:repeat(2,1fr)}.catalog-hero>img{height:420px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%;flex-basis:auto}.live-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.page-hero{min-height:570px;padding:130px 22px 65px}.page-hero h1,.catalog-hero h1{font-size:44px}.prose-columns{grid-template-columns:1fr}.era-grid,.place-grid,.archive-types{grid-template-columns:1fr}.history-timeline li{grid-template-columns:1fr;gap:8px}.history-timeline time{font-size:22px}.page-cta,.catalog-help{align-items:flex-start;flex-direction:column}.bamboo-list{grid-template-columns:1fr}.process-image{height:370px}.fitting-grid{grid-template-columns:1fr}.concert-list li{grid-template-columns:38px 78px 1fr;gap:10px}.concert-list h3{font-size:15px}.concert-list p{font-size:11px}.catalog-tabs button{flex:1 1 calc(50% - 8px);justify-content:space-between;padding:10px 12px}.catalog-hero>div{padding:120px 22px 65px}.catalog-hero>img{height:300px}.live-product-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Expanded editorial pages */
.header-cta{display:inline-flex;align-items:center;min-height:34px;padding:5px 13px;border:1px solid rgba(214,189,133,.55);color:var(--gold-light);text-decoration:none;font:600 11px var(--serif);letter-spacing:.08em;white-space:nowrap}.header-cta:hover{background:var(--gold);color:#121812}
.page-hero>div>p:not(.eyebrow),.catalog-hero>div>p:not(.eyebrow){max-width:760px;font:400 18px/1.9 var(--serif);color:#d4d1c8}
.page-hero-craft{background-image:url('/assets/generated/replace-with-real-craft-tuning.jpg');background-position:center 48%}
.page-hero-guide{background-image:url('/assets/generated/replace-with-real-dizi-dimo-detail.jpg');background-position:center 50%}
.page-hero-commission{background-image:url('/assets/generated/replace-with-real-flute-fitting.jpg');background-position:center 42%}
.provisional-photo{position:relative;overflow:hidden}.provisional-photo>small,.provisional-label{position:absolute;z-index:3;right:14px;bottom:14px;padding:6px 9px;background:rgba(8,13,9,.8);color:#e5d6b7;font:9px/1.35 var(--sans);letter-spacing:.06em}.page-hero .provisional-label{position:relative;display:inline-block;right:auto;bottom:auto;margin-top:18px}.inline-links{display:flex;flex-wrap:wrap;gap:26px}.culture-facts-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,7vw,100px);color:#162019}.culture-facts-panel h2{margin:0;font:500 clamp(31px,3.7vw,54px)/1.45 var(--serif)}.culture-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.culture-metrics div{padding-top:18px;border-top:1px solid rgba(22,32,25,.25)}.culture-metrics strong,.culture-metrics span{display:block}.culture-metrics strong{font:400 40px Georgia,serif}.culture-metrics span{font:600 11px var(--serif)}
.craft-definition,.consultation-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px);align-items:start}.craft-definition h2,.consultation-intro h2{margin:0;font:500 clamp(36px,4.4vw,60px)/1.45 var(--serif)}.craft-principles,.guide-decisions,.tryout-section,.other-events,.inquiry-section{background:#101812}.principle-grid,.system-grid,.orientation-grid,.consultation-cases{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle-grid article,.system-grid article,.orientation-grid article,.consultation-cases article{min-height:270px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid span,.system-grid span,.orientation-grid span,.consultation-cases span{color:var(--gold-light);font:12px Georgia,serif}.principle-grid h3,.system-grid h3,.orientation-grid h3,.consultation-cases h3{font:500 21px/1.5 var(--serif)}.principle-grid p,.system-grid p{color:var(--muted);font-size:13px;line-height:1.85}
.media-split{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px}.media-split>figure{position:relative;margin:0;min-height:520px;overflow:hidden}.media-split>figure>img,.media-split>.process-image>img{width:100%;height:100%;object-fit:cover}.media-split figcaption{position:absolute;left:18px;bottom:15px;padding:6px 9px;background:rgba(8,13,9,.75);color:#e6dfd2;font-size:10px}.media-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(65px,8vw,120px)}.media-copy h2{margin:0 0 25px;font:500 clamp(36px,4.5vw,61px)/1.42 var(--serif)}.media-copy>p:not(.eyebrow){color:#6b6d64;line-height:2}.story-radio .media-copy>p:not(.eyebrow){color:var(--muted)}.bamboo-list.compact{margin-top:25px}.bamboo-list.compact article{min-height:165px;padding:22px}.flute-types{padding-top:105px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1260px;margin:auto}.type-grid article{min-height:280px;padding:34px;border:1px solid rgba(40,42,36,.18);border-right:0}.type-grid article:last-child{border-right:1px solid rgba(40,42,36,.18)}.type-grid span{color:#8c6c35;font-size:10px;letter-spacing:.18em}.type-grid h3{font:500 28px var(--serif)}.type-grid p{color:#6b6d64;font-size:13px;line-height:1.9}.horizontal-history{display:grid;grid-template-columns:repeat(5,1fr);max-width:1260px;margin:auto;padding:0;list-style:none;border-top:1px solid rgba(40,42,36,.18);border-left:1px solid rgba(40,42,36,.18)}.horizontal-history li{min-height:280px;padding:28px;border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}.horizontal-history time{color:#94723d;font:22px Georgia,serif}.horizontal-history h3{font:500 19px/1.5 var(--serif)}.horizontal-history p{color:#6c6f66;font-size:12px;line-height:1.85}.button-outline{border-color:var(--gold);color:var(--gold-light)}.dual-cta>div:last-child{margin-top:0}
.question-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:1260px;margin:auto;padding:0;list-style:none;border-top:1px solid rgba(40,42,36,.18)}.question-grid li{min-height:205px;padding:25px;border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}.question-grid span{color:#96743c;font:13px Georgia,serif}.question-grid h3{font:500 18px/1.7 var(--serif)}.decision-list{max-width:1060px;margin:auto}.decision-list article{display:grid;grid-template-columns:75px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.decision-list b{color:var(--gold-light);font:28px Georgia,serif}.decision-list h3{margin:0;font:500 24px var(--serif)}.decision-list p{margin:7px 0 0;color:var(--muted)}.note-box{display:flex;flex-direction:column;gap:7px;margin-top:25px;padding:20px;border-left:3px solid #90703a;background:rgba(144,112,58,.1)}.note-box strong{font:500 17px var(--serif)}.note-box span{color:#66695f;font-size:13px}.pitch-cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:1260px;margin:auto}.pitch-cards article{padding:32px;border:1px solid rgba(40,42,36,.18);border-right:0}.pitch-cards article:last-child{border-right:1px solid rgba(40,42,36,.18)}.pitch-cards strong{color:#8c6c35;font:500 23px var(--serif)}.pitch-cards p{color:#696c63;line-height:1.9}.try-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto}.try-grid div{padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.try-grid span,.try-grid b{display:block}.try-grid span{color:var(--gold-light);font:12px Georgia,serif}.try-grid b{margin-top:12px;font:500 16px/1.6 var(--serif)}
.broadcast-list{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--line)}.broadcast-list span{padding:13px 0;border-bottom:1px solid var(--line);color:#d8d5cc;font:13px var(--serif)}.era-grid-five{grid-template-columns:repeat(5,1fr)}.era-grid-five article{min-height:315px}.story-making-bridge .section-link{margin-left:calc(50% + 40px)}
.culture-stat-band,.archive-stat-band{display:grid;grid-template-columns:repeat(4,1fr);background:#b28c51;color:#152018}.culture-stat-band div,.archive-stat-band div{padding:38px clamp(20px,4vw,55px);border-right:1px solid rgba(21,32,24,.2)}.culture-stat-band strong,.culture-stat-band span,.archive-stat-band strong,.archive-stat-band span{display:block}.culture-stat-band strong,.archive-stat-band strong{font:400 clamp(35px,4vw,55px) Georgia,serif}.culture-stat-band span,.archive-stat-band span{font:600 11px var(--serif)}.series-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch}.series-feature-copy{padding:clamp(75px,9vw,140px)}.series-feature-copy h2{font:500 clamp(36px,4.4vw,60px)/1.45 var(--serif)}.series-feature-copy>p:not(.eyebrow){color:#676a60;line-height:2}.series-numbers{display:grid;grid-template-columns:repeat(2,1fr);background:#d8cfbf}.series-numbers div{display:flex;flex-direction:column;justify-content:center;padding:35px;border-right:1px solid rgba(40,42,36,.16);border-bottom:1px solid rgba(40,42,36,.16)}.series-numbers strong{color:#7c6034;font:400 clamp(42px,5vw,70px) Georgia,serif}.series-numbers span{font:600 12px var(--serif);color:#4c4f48}
.event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 55px;max-width:1260px;margin:auto;padding:0;list-style:none}.event-list li{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.event-list time{color:var(--gold-light);font:13px Georgia,serif}.event-list h3{margin:0;font:500 16px/1.5 var(--serif)}.event-list p{margin:3px 0 0;color:var(--muted);font-size:11px}.archive-access-cta{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;padding:70px clamp(24px,8vw,128px);background:#18241c}.archive-access-cta h2{max-width:900px;margin:0;font:500 clamp(30px,3.5vw,48px)/1.5 var(--serif)}.archive-access-cta p:last-child{color:var(--muted)}
.catalog-count{display:flex;align-items:baseline;gap:12px;margin-top:28px}.catalog-count strong{color:var(--gold-light);font:42px Georgia,serif}.catalog-count span{color:var(--muted);font-size:12px}.catalog-orientation .section-link{margin-left:max(0px,calc((100% - 1260px)/2))}.orientation-grid{grid-template-columns:repeat(3,1fr);border-color:rgba(40,42,36,.18)}.orientation-grid article{border-color:rgba(40,42,36,.18)}.orientation-grid span{color:#8c6c35}.orientation-grid p,.consultation-cases p{color:#686b62;font-size:13px;line-height:1.9}
.consultation-cases{grid-template-columns:repeat(4,1fr);border-color:rgba(40,42,36,.18)}.consultation-cases article{border-color:rgba(40,42,36,.18)}.consultation-cases span{color:#8c6c35}.consultation-process{background:#101812}.consultation-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px;max-width:1180px;margin:auto;padding:0;list-style:none}.consultation-steps li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.consultation-steps b{color:var(--gold-light);font:20px Georgia,serif}.consultation-steps h3{margin:0;font:500 20px var(--serif)}.consultation-steps p{margin:5px 0 0;color:var(--muted);font-size:13px}.check-list{margin:25px 0;padding:0;list-style:none}.check-list li{padding:12px 0 12px 28px;border-top:1px solid rgba(40,42,36,.16);position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#896a36}.inquiry-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,120px)}.inquiry-copy h2{font:500 clamp(36px,4.3vw,58px)/1.45 var(--serif)}.inquiry-copy>p:not(.eyebrow){color:var(--muted)}.inquiry-copy address{display:flex;flex-direction:column;gap:6px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-style:normal}.inquiry-copy address strong{font:500 18px var(--serif)}.inquiry-copy address span,.inquiry-copy address a{color:var(--muted);font-size:13px}.inquiry-form{padding:clamp(28px,4vw,55px);background:var(--paper-light);color:var(--ink)}.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.inquiry-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.inquiry-form label>span{font:600 11px var(--sans);letter-spacing:.06em}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid rgba(40,42,36,.24);border-radius:0;background:#fff;padding:12px;color:#252821;font:14px var(--sans)}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid rgba(145,108,54,.45);outline-offset:1px}.inquiry-form .button{margin-top:8px;cursor:pointer}.form-note,.form-status{font-size:11px;color:#6d7068}.form-status{min-height:1.7em;color:#365d3c;font-weight:600}
@media(max-width:1050px){.principle-grid,.system-grid,.consultation-cases{grid-template-columns:repeat(2,1fr)}.horizontal-history{grid-template-columns:repeat(3,1fr)}.question-grid{grid-template-columns:repeat(3,1fr)}.era-grid-five{grid-template-columns:repeat(3,1fr)}.media-split,.series-feature,.inquiry-section{grid-template-columns:1fr}.media-split>figure{height:560px}.story-making-bridge .section-link{margin-left:0}}
@media(max-width:780px){.header-cta{display:none}.culture-facts-panel{padding:60px 23px}.culture-metrics{grid-template-columns:1fr}.craft-definition,.consultation-intro{grid-template-columns:1fr}.principle-grid,.system-grid,.orientation-grid,.consultation-cases,.type-grid,.pitch-cards,.try-grid,.culture-stat-band,.archive-stat-band{grid-template-columns:1fr}.principle-grid article,.system-grid article,.orientation-grid article,.consultation-cases article,.type-grid article{min-height:0}.type-grid article,.pitch-cards article{border-right:1px solid rgba(40,42,36,.18);border-bottom:0}.type-grid article:last-child,.pitch-cards article:last-child{border-bottom:1px solid rgba(40,42,36,.18)}.horizontal-history,.question-grid,.era-grid-five{grid-template-columns:1fr}.horizontal-history li,.question-grid li,.era-grid-five article{min-height:0}.media-split>figure{height:380px;min-height:0}.media-copy{padding:70px 23px}.consultation-steps,.event-list{grid-template-columns:1fr;gap:0}.archive-access-cta{grid-template-columns:1fr}.series-numbers{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.inquiry-form{padding:28px 20px}.page-hero-craft,.page-hero-guide,.page-hero-commission{background-position:center}.dual-cta .button-row{margin-top:0}}

/* Research-led long-form content */
.longform-copy{display:grid;gap:22px}.longform-copy p{margin:0;color:#66685f;line-height:2}.orchestra-intro{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(55px,7vw,105px)}.orchestra-intro h2{font-size:clamp(35px,3.6vw,54px);line-height:1.48}.orchestra-intro .longform-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(28px,4vw,58px)}
.knowledge-hub{background:#111a14}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.knowledge-grid a{position:relative;min-height:260px;padding:36px 70px 36px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}.knowledge-grid a:hover{background:rgba(255,255,255,.035)}.knowledge-grid span,.knowledge-grid b{color:var(--gold-light);font:13px Georgia,serif}.knowledge-grid h3{margin:18px 0 10px;font:500 25px var(--serif)}.knowledge-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.knowledge-grid b{position:absolute;right:30px;top:34px;font-size:20px}
.story-roles,.recognition-section,.anatomy-section,.concert-production,.culture-evidence,.instrument-atlas,.key-system-section,.faq-section,.archive-reading,.research-use,.catalog-glossary{background:#101812}.role-grid,.recognition-grid,.production-flow,.evidence-grid,.control-grid,.care-grid,.research-use-grid,.glossary-grid{display:grid;max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.role-grid{grid-template-columns:repeat(4,1fr)}.recognition-grid{grid-template-columns:repeat(3,1fr)}.production-flow,.control-grid,.care-grid{grid-template-columns:repeat(3,1fr)}.evidence-grid{grid-template-columns:repeat(2,1fr)}.research-use-grid,.glossary-grid{grid-template-columns:repeat(4,1fr)}.role-grid article,.recognition-grid article,.production-flow article,.evidence-grid article,.control-grid article,.care-grid article,.research-use-grid article,.glossary-grid article{min-height:250px;padding:31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.role-grid span,.recognition-grid span,.production-flow span,.evidence-grid span,.control-grid span,.care-grid span,.research-use-grid span,.glossary-grid span{color:var(--gold-light);font:13px Georgia,serif}.role-grid h3,.recognition-grid h3,.production-flow h3,.evidence-grid h3,.control-grid h3,.care-grid h3,.research-use-grid h3,.glossary-grid h3{margin:18px 0 10px;font:500 21px/1.5 var(--serif)}.role-grid p,.recognition-grid p,.production-flow p,.evidence-grid p,.control-grid p,.care-grid p,.research-use-grid p,.glossary-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.organisation-lineage .section-heading,.geometry-section .section-heading,.theatre-context .section-heading,.key-system-section .section-heading{align-items:start}.evidence-note{display:block;max-width:1260px;margin:45px auto 0;padding:22px 26px;border-left:3px solid #9a773c;background:rgba(151,116,58,.1);color:#6b6d64;font-size:13px;line-height:1.9}.geometry-section .evidence-note{max-width:1120px}.recognition-grid article{min-height:300px}
.anatomy-diagram{max-width:1260px;margin:auto}.flute-line{position:relative;height:112px;margin:15px 0 42px;border-radius:60px;background:linear-gradient(180deg,#c7a05e,#a97835 45%,#785122 47%,#b88b47 55%,#dfbd7a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 18px 45px rgba(0,0,0,.24)}.flute-line i,.flute-line b,.flute-line span,.flute-line em,.flute-line u{position:absolute;top:38px;width:34px;height:34px;border-radius:50%;background:#111813;box-shadow:inset 0 3px 5px #000}.flute-line i{left:9%}.flute-line b{left:19%;border:4px solid #d7c28c;background:#9a7a46}.flute-line span{left:29%}.flute-line em:nth-of-type(1){left:42%}.flute-line em:nth-of-type(2){left:50%}.flute-line em:nth-of-type(3){left:58%}.flute-line em:nth-of-type(4){left:66%}.flute-line em:nth-of-type(5){left:74%}.flute-line em:nth-of-type(6){left:82%}.flute-line u:nth-of-type(1){left:90%;top:23px;width:17px;height:17px}.flute-line u:nth-of-type(2){left:90%;top:68px;width:17px;height:17px}.anatomy-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.anatomy-grid article{min-height:240px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.anatomy-grid span{color:var(--gold-light);font:13px Georgia,serif}.anatomy-grid h3{font:500 21px var(--serif)}.anatomy-grid p{color:var(--muted);font-size:13px;line-height:1.9}
.control-section .control-grid,.care-section .care-grid{border-color:rgba(40,42,36,.18)}.control-section .control-grid article,.care-section .care-grid article{border-color:rgba(40,42,36,.18)}.control-section .control-grid span,.care-section .care-grid span{color:#8c6c35}.control-section .control-grid p,.care-section .care-grid p{color:#686b62}.care-section .care-grid h3,.control-section .control-grid h3{color:var(--ink)}
.comparison-table-wrap{max-width:1340px;margin:auto;overflow-x:auto;border:1px solid var(--line)}.comparison-table{width:100%;min-width:980px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.comparison-table thead th{color:var(--gold-light);font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.025)}.comparison-table tbody th{width:16%;color:#eee8dc;font:500 18px/1.5 var(--serif)}.comparison-table td{color:var(--muted);font-size:13px;line-height:1.85}.comparison-table tr:last-child>*{border-bottom:0}.comparison-table tr>*:last-child{border-right:0}
.faq-list{max-width:1060px;margin:auto;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:26px 48px 26px 0;cursor:pointer;list-style:none;font:500 20px/1.55 var(--serif)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:8px;top:25px;color:var(--gold-light)}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:850px;margin:0 0 28px;color:var(--muted);line-height:2}
.theatre-context .longform-copy{gap:16px}.source-notes{border-top:1px solid rgba(182,147,82,.18)}.source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:1260px;margin:auto;padding:0;list-style:none;border-top:1px solid rgba(40,42,36,.18);border-left:1px solid rgba(40,42,36,.18)}.source-list li{border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}.source-list a{display:block;padding:22px 25px;color:#665234;text-decoration:none;font:500 13px/1.7 var(--serif)}.source-list a:after{content:" ↗";color:#9b783f}.source-list a:hover{text-decoration:underline}.dark-sources{border-color:var(--line)}.dark-sources li{border-color:var(--line)}.dark-sources a{color:var(--gold-light)}.review-date{max-width:1260px;margin:22px auto 0;color:#777970;font-size:11px}.source-notes:not(.section-paper) .review-date{color:var(--muted)}
.appointment-list span{display:flex;flex-direction:column;gap:5px}.appointment-list strong{font:500 16px var(--serif)}.appointment-list small{color:var(--muted);font-size:12px;line-height:1.75}
.archive-era-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.archive-era-grid article{min-height:280px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-era-grid span{color:var(--gold-light);font:14px Georgia,serif}.archive-era-grid h3{font:500 22px/1.55 var(--serif)}.archive-era-grid p{color:var(--muted);font-size:13px;line-height:1.9}.highlight-list{max-width:1100px;margin:auto}.highlight-list article{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:30px 0;border-top:1px solid rgba(40,42,36,.18)}.highlight-list time{color:#8c6c35;font:28px Georgia,serif}.highlight-list h3{margin:0;font:500 22px var(--serif)}.highlight-list p{margin:8px 0 0;color:#6b6e65;line-height:1.95}.research-use-grid article,.glossary-grid article{min-height:280px}

@media(max-width:1050px){.orchestra-intro{grid-template-columns:1fr}.role-grid,.research-use-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.production-flow,.control-grid,.care-grid,.anatomy-grid{grid-template-columns:repeat(2,1fr)}.flute-line{height:90px}.flute-line i,.flute-line b,.flute-line span,.flute-line em,.flute-line u{top:31px;width:27px;height:27px}.flute-line u:nth-of-type(1){top:20px}.flute-line u:nth-of-type(2){top:55px}}
@media(max-width:780px){.orchestra-intro .longform-copy,.knowledge-grid,.role-grid,.recognition-grid,.production-flow,.evidence-grid,.control-grid,.care-grid,.research-use-grid,.glossary-grid,.anatomy-grid,.archive-era-grid,.source-list{grid-template-columns:1fr}.knowledge-grid a,.role-grid article,.recognition-grid article,.production-flow article,.evidence-grid article,.control-grid article,.care-grid article,.research-use-grid article,.glossary-grid article,.anatomy-grid article,.archive-era-grid article{min-height:0}.flute-line{height:62px;margin-bottom:30px}.flute-line i,.flute-line b,.flute-line span,.flute-line em,.flute-line u{top:21px;width:19px;height:19px}.flute-line b{border-width:2px}.flute-line u:nth-of-type(1){top:12px;width:12px;height:12px}.flute-line u:nth-of-type(2){top:39px;width:12px;height:12px}.highlight-list article{grid-template-columns:1fr;gap:5px}.highlight-list time{font-size:20px}.faq-list summary{font-size:18px}.comparison-table-wrap{margin-left:-23px;margin-right:-23px;border-left:0;border-right:0}.comparison-table th,.comparison-table td{padding:19px 17px}}

/* Public video archive */
.public-video-archive{background:#0c140f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.public-video-archive .section-heading>p{color:var(--muted);line-height:1.95}.public-video-groups{display:grid;gap:clamp(70px,8vw,110px);max-width:1260px;margin:auto}.public-video-group>header{display:grid;grid-template-columns:72px minmax(0,760px);gap:26px;align-items:start;margin-bottom:32px;padding-top:24px;border-top:1px solid var(--line)}.public-video-group>header>span{color:var(--gold-light);font:30px/1 Georgia,serif}.public-video-group>header h3{margin:0 0 10px;font:500 clamp(25px,2.7vw,36px)/1.45 var(--serif)}.public-video-group>header p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.public-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.public-video-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);background:#131d17}.public-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050806}.public-video-frame video,.public-video-frame>img{display:block;width:100%;height:100%;object-fit:cover;background:#050806}.public-video-frame video:focus-visible,.public-video-links a:focus-visible,.public-video-meta a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.public-video-duration{position:absolute;right:10px;bottom:10px;padding:4px 7px;background:rgba(0,0,0,.78);color:#fff;font:11px/1.2 var(--sans);letter-spacing:.04em}.public-video-copy{display:flex;flex:1;flex-direction:column;padding:24px}.public-video-meta{margin:0 0 12px;color:var(--gold-light);font:10px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase}.public-video-meta a{color:inherit;text-decoration:none}.public-video-meta a:hover{text-decoration:underline}.public-video-copy h4{margin:0 0 13px;font:500 20px/1.55 var(--serif)}.public-video-copy>p:not(.public-video-meta):not(.public-video-status){margin:0;color:var(--muted);font-size:12px;line-height:1.9}.public-video-pending{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:14px 16px;border-left:2px solid #9d793d;background:rgba(157,121,61,.1)}.public-video-pending strong{color:#e0d5c2;font:500 13px/1.5 var(--serif)}.public-video-pending span{color:var(--muted);font-size:11px;line-height:1.65}.public-video-status{margin:16px 0 0;padding:11px 13px;background:rgba(146,63,48,.16);color:#e7b6ad;font-size:11px;line-height:1.6}.public-video-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:auto;padding-top:22px}.public-video-links a{color:var(--gold-light);font:600 10px/1.5 var(--sans);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.public-video-links a:hover{text-decoration:underline}
@media(max-width:1050px){.public-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.public-video-group>header{grid-template-columns:48px 1fr;gap:14px}.public-video-group>header>span{font-size:22px}.public-video-grid{grid-template-columns:1fr;gap:18px}.public-video-copy{padding:21px}.public-video-copy h4{font-size:19px}}

/* Real photographic archive */
.page-hero-craft{background-image:url('/assets/site/flute-array.webp');background-position:center 48%}.photo-journal{background:#0e1611;border-top:1px solid rgba(182,147,82,.16);border-bottom:1px solid rgba(182,147,82,.16)}.photo-journal .split-heading>p{color:var(--muted)}.photo-journal-grid{display:grid;max-width:1260px;margin:auto;gap:18px}.photo-journal-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-journal-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-journal figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#070b08}.photo-journal figure img{width:100%;height:clamp(390px,38vw,560px);object-fit:cover;transition:transform .6s ease}.photo-journal figure:hover img{transform:scale(1.018)}.photo-journal figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:46px 22px 18px;background:linear-gradient(transparent,rgba(4,7,5,.92));color:#e5e0d6;font:500 12px/1.65 var(--serif);letter-spacing:.05em}.story-photo-journal .photo-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-photo-journal figure{align-self:start}.story-photo-journal figure img{height:auto}.culture-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}.culture-photo-grid .culture-archive-feature{grid-column:1/-1;width:min(100%,900px);justify-self:center}.culture-photo-grid .culture-archive-feature img{height:auto;aspect-ratio:800/585;object-fit:cover}.culture-photo-grid .culture-stage-photo img,.culture-photo-grid .culture-young-photo img{height:auto;aspect-ratio:3/2;object-fit:cover}.culture-photo-grid .culture-young-photo img{object-position:center 36%}.culture-photo-grid .culture-shop-photo{grid-column:1/-1}.culture-photo-grid .culture-shop-photo img{height:auto;aspect-ratio:800/314;object-fit:cover}.archive-photo-grid .photo-poster img{object-fit:contain;background:#090d0a}.archive-photo-grid{max-width:900px}.archive-photo-grid figure img{height:clamp(560px,67vw,780px)}.craft-photo-journal figure img{height:clamp(340px,31vw,470px)}
@media(max-width:1050px){.photo-journal-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.story-photo-journal .photo-journal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.photo-journal-grid-three,.photo-journal-grid-two,.story-photo-journal .photo-journal-grid,.culture-photo-grid{grid-template-columns:1fr}.culture-photo-grid .culture-shop-photo{grid-column:auto}.photo-journal figure img,.archive-photo-grid figure img,.craft-photo-journal figure img{height:auto;max-height:650px}.photo-journal .photo-poster img{min-height:0;object-fit:contain}.photo-journal figcaption{position:relative;padding:14px 16px;background:#111a14}.home-photo-journal .photo-journal-grid figure:last-child img{aspect-ratio:3/2;object-fit:cover}}

/* Jade Flute in Flight — 2026 book preview */
.home-book-launch,.archive-book-launch{position:relative;display:grid;grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr);gap:clamp(46px,8vw,120px);align-items:center;overflow:hidden;padding:clamp(85px,10vw,140px) clamp(24px,8vw,128px);background:radial-gradient(circle at 15% 22%,rgba(87,130,173,.28),transparent 35%),linear-gradient(135deg,#071d32 0%,#102c48 46%,#101a16 100%);border-top:1px solid rgba(214,189,133,.22);border-bottom:1px solid rgba(214,189,133,.22)}
.home-book-launch:after,.archive-book-launch:after{content:"玉";position:absolute;right:-.03em;bottom:-.28em;color:rgba(255,255,255,.025);font:400 clamp(260px,38vw,620px)/1 var(--serif);pointer-events:none}
.home-book-launch figure,.archive-book-launch figure{position:relative;z-index:1;width:min(100%,340px);margin:0 auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.38));transform:rotate(-1.5deg)}
.home-book-launch figure:before,.archive-book-launch figure:before{content:"";position:absolute;z-index:-1;inset:5% -8% -5% 8%;border:1px solid rgba(214,189,133,.42)}
.home-book-launch figure img,.archive-book-launch figure img{width:100%;height:auto}
.home-book-launch>div,.archive-book-launch>div{position:relative;z-index:1;max-width:830px}
.home-book-launch h2,.archive-book-launch h2{max-width:780px;margin:0;font:500 clamp(36px,4.4vw,62px)/1.42 var(--serif);letter-spacing:.035em}
.home-book-launch>div>p:not(.eyebrow),.archive-book-launch>div>p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c1c8c8;font-size:15px;line-height:2}
.home-book-launch small{display:block;margin:28px 0 0;color:var(--gold-light);font:11px/1.7 var(--sans);letter-spacing:.12em}
.home-book-launch .button,.archive-book-launch .button{margin-top:34px}
.archive-book-launch{grid-template-columns:minmax(200px,.38fr) minmax(0,1.62fr);background:radial-gradient(circle at 17% 30%,rgba(81,123,163,.24),transparent 33%),linear-gradient(135deg,#091d30,#112b42 52%,#0c1712)}
.archive-book-launch figure{width:min(100%,290px)}
.book-trailer-promo{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:18px;align-items:center;max-width:720px;margin-top:30px;padding:10px;border:1px solid rgba(214,189,133,.3);background:rgba(3,9,12,.46);color:#f0ece4;text-decoration:none;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.book-trailer-promo:hover,.book-trailer-promo:focus-visible{border-color:rgba(214,189,133,.72);background:rgba(7,18,22,.78);transform:translateY(-2px)}
.book-trailer-promo-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#020403}
.book-trailer-promo-media img{display:block;width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .25s ease,transform .45s ease}
.book-trailer-promo:hover .book-trailer-promo-media img{opacity:.94;transform:scale(1.025)}
.book-trailer-promo-media i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(245,240,229,.94);color:#0a1512;font:400 15px/1 sans-serif;transform:translate(-50%,-50%);box-shadow:0 8px 22px rgba(0,0,0,.36)}
.book-trailer-promo-media b{position:absolute;right:8px;bottom:7px;padding:4px 7px;background:rgba(0,0,0,.75);color:#fff;font:500 10px/1 sans-serif;letter-spacing:.08em}
.book-trailer-promo-copy{display:grid;gap:8px;min-width:0;padding:4px 10px 4px 0}
.book-trailer-promo-copy strong{color:var(--gold-light);font:500 18px/1.45 var(--serif);letter-spacing:.04em}
.book-trailer-promo-copy>span{color:#b9c0bd;font:400 12px/1.75 var(--sans)}

.book-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(60px,9vw,145px);align-items:center;min-height:900px;padding:150px clamp(24px,8vw,128px) 105px;overflow:hidden;background:radial-gradient(circle at 74% 35%,rgba(81,135,184,.28),transparent 28%),radial-gradient(circle at 18% 85%,rgba(182,147,82,.12),transparent 32%),linear-gradient(135deg,#071728 0%,#0c2943 48%,#101b17 100%)}
.book-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.book-hero-copy,.book-cover-stage{position:relative;z-index:1}
.book-hero h1{margin:0;color:#f1eee6;font:400 clamp(70px,8.6vw,132px)/1.05 var(--serif);letter-spacing:.12em;text-shadow:0 8px 30px rgba(0,0,0,.24)}
.book-subtitle{margin:20px 0 0;color:var(--gold-light);font:500 clamp(18px,2vw,29px)/1.7 var(--serif);letter-spacing:.09em}
.book-hero-lead{max-width:760px;margin:30px 0 0;color:#cdd3d0;font:400 clamp(16px,1.35vw,20px)/2 var(--serif);letter-spacing:.025em}
.book-status{display:flex;align-items:center;gap:13px;margin:30px 0 0;color:#e4dac8;font:600 12px/1.6 var(--sans);letter-spacing:.1em}
.book-status span{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(182,147,82,.13)}
.book-cover-stage{width:min(100%,440px);margin:0 auto;padding:34px 30px 45px}
.book-cover-stage:before{content:"";position:absolute;inset:6% 0 2% 10%;border:1px solid rgba(214,189,133,.42);transform:rotate(2.4deg)}
.book-cover-stage>span{position:absolute;right:-.28em;top:8%;color:rgba(255,255,255,.045);font:400 clamp(100px,12vw,190px)/1 var(--serif);writing-mode:vertical-rl;letter-spacing:.1em}
.book-cover-stage img{position:relative;width:100%;height:auto;box-shadow:0 38px 70px rgba(0,0,0,.52);transform:rotate(-1.2deg)}
.book-cover-stage figcaption{position:relative;margin-top:22px;color:#9ba6a2;font-size:10px;letter-spacing:.13em;text-align:center}
.book-origin .split-heading{align-items:start}
.book-origin .longform-copy{display:grid;gap:20px}
.book-origin .longform-copy p{margin:0;color:#66685f;font-size:15px;line-height:2}
.book-timeline{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:75px auto 0;padding:0;list-style:none;border-top:1px solid rgba(40,42,36,.2);border-left:1px solid rgba(40,42,36,.2)}
.book-timeline li{min-height:180px;padding:28px;border-right:1px solid rgba(40,42,36,.2);border-bottom:1px solid rgba(40,42,36,.2)}
.book-timeline time{display:block;color:#896a36;font:400 30px/1 Georgia,serif}
.book-timeline span{display:block;margin-top:24px;font:500 16px/1.8 var(--serif)}
.book-contents{background:#0b171e}
.book-contents .split-heading{align-items:start}
.book-contents .split-heading>p,.book-companion .split-heading>p{color:var(--muted);line-height:2}
.book-score-grid{display:grid;grid-template-columns:repeat(6,1fr);max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.book-score-grid article{grid-column:span 2;min-height:280px;padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}
.book-score-grid article:nth-child(4){grid-column:2/span 2}.book-score-grid article:nth-child(5){grid-column:4/span 2}
.book-score-grid span,.book-collection-grid span{color:var(--gold-light);font:400 14px Georgia,serif}
.book-score-grid h3,.book-collection-grid h3{margin:23px 0 13px;font:500 22px/1.5 var(--serif)}
.book-score-grid p,.book-collection-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.95}
.book-appendices{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start;max-width:1120px;margin:55px auto 0;padding:34px 40px;border-left:3px solid var(--gold);background:rgba(182,147,82,.09)}
.book-appendices h3{margin:0;font:500 25px/1.65 var(--serif)}
.book-appendices p{margin:0;color:#b5b8b0;font-size:14px;line-height:2}
.book-companion{background:linear-gradient(145deg,#12241b,#0d1813)}
.book-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1260px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.book-collection-grid article{min-height:280px;padding:32px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.book-access-note{max-width:980px;margin:38px auto 0;padding:18px 22px;border-left:2px solid var(--gold);background:rgba(182,147,82,.08);color:#bec2ba;font-size:12px;line-height:1.9}
.book-trailer{display:grid;grid-template-columns:minmax(270px,.66fr) minmax(0,1.34fr);gap:clamp(55px,8vw,125px);align-items:center;scroll-margin-top:88px;background:radial-gradient(circle at 80% 45%,rgba(76,126,163,.16),transparent 35%),#08110d}
.book-trailer-copy h2{margin:0;font-size:clamp(42px,5vw,70px)}
.book-trailer-copy>p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:2}
.book-trailer-frame{position:relative;margin:0;padding:18px;border:1px solid rgba(214,189,133,.34);background:#050806;box-shadow:0 30px 70px rgba(0,0,0,.34)}
.book-trailer-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
.book-trailer-frame figcaption{display:flex;align-items:center;gap:18px;padding:16px 4px 0;color:#d7d4cc;font:500 12px var(--serif);letter-spacing:.07em}
.book-trailer-frame figcaption span{color:var(--gold-light);font-family:Georgia,serif}
.book-publication-status{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(55px,9vw,140px);align-items:start}
.book-publication-status h2{margin:0}.book-publication-status>div:last-child>p{margin:0 0 18px;color:#66685f;line-height:2}
.book-publication-details{display:grid;grid-template-columns:repeat(2,1fr);margin:35px 0;border-top:1px solid rgba(40,42,36,.18);border-left:1px solid rgba(40,42,36,.18)}
.book-publication-details div{padding:19px 21px;border-right:1px solid rgba(40,42,36,.18);border-bottom:1px solid rgba(40,42,36,.18)}
.book-publication-details dt{color:#77786f;font-size:10px;letter-spacing:.16em}.book-publication-details dd{margin:7px 0 0;font:500 15px/1.6 var(--serif)}

@media(max-width:1050px){
  .home-book-launch,.archive-book-launch,.book-hero,.book-trailer,.book-publication-status{grid-template-columns:1fr 1fr;gap:50px}
  .book-hero{min-height:820px}.book-score-grid{grid-template-columns:repeat(2,1fr)}.book-score-grid article,.book-score-grid article:nth-child(4),.book-score-grid article:nth-child(5){grid-column:auto}.book-score-grid article:last-child{grid-column:1/-1}.book-collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .home-book-launch,.archive-book-launch{grid-template-columns:1fr;padding:85px 23px;gap:52px}.home-book-launch figure,.archive-book-launch figure{width:min(72vw,300px)}
  .book-hero{grid-template-columns:1fr;gap:55px;min-height:0;padding:125px 23px 85px}.book-hero h1{font-size:clamp(62px,19vw,92px)}.book-cover-stage{width:min(82vw,390px);padding:20px 18px 30px}.book-cover-stage>span{display:none}
  .book-origin .longform-copy{gap:16px}.book-timeline{grid-template-columns:repeat(2,1fr);margin-top:55px}.book-timeline li{min-height:155px;padding:23px}
  .book-score-grid,.book-collection-grid{grid-template-columns:1fr}.book-score-grid article:last-child{grid-column:auto}.book-score-grid article,.book-collection-grid article{min-height:0;padding:28px 24px}
  .book-appendices{grid-template-columns:1fr;gap:18px;padding:28px 24px}
  .book-trailer,.book-publication-status{grid-template-columns:1fr;gap:45px}.book-trailer-frame{margin:0 -6px;padding:8px}.book-publication-details{grid-template-columns:1fr}
}
@media(max-width:480px){
  .book-timeline{grid-template-columns:1fr}.book-timeline li{min-height:0}.book-publication-details dd{font-size:14px}.home-book-launch h2,.archive-book-launch h2{font-size:35px}.book-trailer-promo{grid-template-columns:1fr}.book-trailer-promo-copy{padding:4px 5px 7px}
}
