
:root{
  --ink:#0b0b0b;--ink-soft:#161616;--paper:#f1eee7;--paper-deep:#e4ded2;--muted:#6c6963;--red:#711f24;
  --line-dark:rgba(11,11,11,.18);--line-light:rgba(242,239,232,.20);--max:1440px;--pad:clamp(22px,4vw,68px);
  --serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --sans:Inter,"Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.container{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:10px 14px;color:var(--ink);background:var(--paper)}.skip-link:focus{top:16px}.section-paper{background:var(--paper)}.section-dark,.section-ink{color:var(--paper);background:var(--ink)}.section-dark{background:var(--ink-soft)}.section-red{color:var(--paper);background:var(--red)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;color:var(--paper);border-bottom:1px solid transparent;transition:background-color .35s,color .35s,border-color .35s}.site-header.is-scrolled,.inner-page .site-header{color:var(--ink);background:rgba(241,238,231,.94);border-bottom-color:var(--line-dark);backdrop-filter:blur(12px)}.site-header.is-menu-open{color:var(--paper);background:transparent;border-color:transparent}.header-inner{height:86px;width:min(100%,var(--max));margin:auto;padding-inline:var(--pad);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:baseline;gap:15px;line-height:1}.brand-cn{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.08em}.brand-en{font-size:9px;letter-spacing:.22em;opacity:.65}.site-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px);font-size:12px;letter-spacing:.08em}.site-nav a{position:relative;padding:9px 0}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;width:42px;height:42px;border:0;background:transparent;padding:10px}.menu-button span:not(.sr-only){display:block;width:100%;height:1px;background:currentColor;transition:transform .25s}.menu-button span:last-child{margin-top:8px}
.eyebrow,.section-kicker{margin:0 0 22px;font-size:10px;font-weight:500;letter-spacing:.23em;text-transform:uppercase}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;color:var(--paper);background:var(--ink)}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:hero-breathe 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.10) 66%,rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.76),transparent 60%)}.hero-content{position:relative;z-index:2;padding-bottom:clamp(100px,12vh,160px)}.hero-title{margin:0;font-family:var(--serif);font-size:clamp(64px,9.2vw,148px);font-weight:500;line-height:.95;letter-spacing:-.06em}.hero-title span{display:block}.hero-title span:last-child{margin-left:clamp(30px,11vw,185px)}.hero-summary{max-width:660px;margin:36px 0 0;color:rgba(242,239,232,.76);font-size:clamp(15px,1.35vw,19px)}.hero-actions{display:flex;gap:36px;margin-top:36px}.hero-index{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:34px;display:flex;justify-content:space-between;color:rgba(242,239,232,.46);font-size:9px;letter-spacing:.2em}.text-link{display:inline-flex;align-items:center;gap:16px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:13px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateX(4px)}.text-link--light{color:var(--paper)}
.statement-grid{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.intro-statement,.about-intro,.method-principle,.submission-policy{padding:clamp(105px,14vw,210px) 0}.display-md{margin:0;font-family:var(--serif);font-size:clamp(46px,6.3vw,94px);font-weight:500;line-height:1.06;letter-spacing:-.05em}.lead-copy{max-width:790px;margin:36px 0 0;color:#5d5a55;font-size:clamp(17px,1.55vw,21px)}.status-strip{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;margin-top:72px;padding:22px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.status-strip span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.status-strip strong{font-family:var(--serif);font-size:21px;font-weight:500}.status-strip a{font-size:13px}.split-heading{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-bottom:clamp(65px,9vw,120px)}.split-heading h2{margin:0;font-family:var(--serif);font-size:clamp(45px,6.4vw,94px);font-weight:500;line-height:1.05;letter-spacing:-.05em}.principles{padding:clamp(110px,14vw,210px) 0}.three-column{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-light)}.principle{padding:34px 36px 25px 0;border-bottom:1px solid var(--line-light)}.principle+ .principle{padding-left:36px;border-left:1px solid var(--line-light)}.principle span{font-size:10px;letter-spacing:.15em;color:rgba(242,239,232,.4)}.principle h3{margin:50px 0 18px;font-family:var(--serif);font-size:30px;font-weight:500}.principle p{margin:0;max-width:380px;color:rgba(242,239,232,.58);font-size:14px}
.chain{padding:clamp(105px,14vw,210px) 0}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-bottom:clamp(65px,9vw,110px)}.section-heading h2{margin:0;font-family:var(--serif);font-size:clamp(45px,6.3vw,92px);font-weight:500;line-height:1.05;letter-spacing:-.05em}.section-heading div>p{max-width:650px;margin:30px 0 0;color:#605d57;font-size:17px}.chain-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}.chain-list li{border-bottom:1px solid var(--line-dark)}.chain-list a{display:grid;grid-template-columns:90px 1.2fr 1fr 30px;gap:25px;align-items:center;padding:27px 0;transition:padding .3s}.chain-list a:hover{padding-left:12px}.chain-list span{font-size:10px;color:var(--muted);letter-spacing:.12em}.chain-list strong{font-family:var(--serif);font-size:clamp(21px,2vw,30px);font-weight:500}.chain-list em{font-style:normal;color:var(--muted);font-size:14px}.chain-list b{font-weight:400}.manifesto{position:relative;overflow:hidden;padding:clamp(115px,15vw,220px) 0}.manifesto-mark{position:absolute;right:-3vw;top:50%;transform:translateY(-54%);font-family:var(--serif);font-size:min(62vw,850px);line-height:.8;color:rgba(242,239,232,.035)}.manifesto-grid{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.manifesto h2{margin:0;font-family:var(--serif);font-size:clamp(52px,7.4vw,108px);font-weight:500;line-height:1.07;letter-spacing:-.055em}.manifesto-lead{margin:30px 0 52px;font-family:var(--serif);font-size:clamp(19px,2vw,28px)}.collab-preview{padding:clamp(105px,14vw,200px) 0}.collab-links{border-top:1px solid var(--line-dark)}.collab-links a{display:grid;grid-template-columns:1fr 1.3fr 35px;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid var(--line-dark);transition:padding .3s}.collab-links a:hover{padding-left:12px}.collab-links span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.collab-links b{font-family:var(--serif);font-size:clamp(22px,2.3vw,34px);font-weight:500}.collab-links i{font-style:normal}.quiet-cta{padding:clamp(100px,13vw,180px) 0}.quiet-cta-grid,.page-cta-grid{display:grid;grid-template-columns:1fr 1.6fr auto;gap:5vw;align-items:end}.quiet-cta-grid p,.page-cta-grid p{margin:0;color:rgba(242,239,232,.5);font-size:12px;letter-spacing:.1em}.quiet-cta-grid h2,.page-cta-grid h2{margin:0;font-family:var(--serif);font-size:clamp(34px,4.5vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.04em}.button-outline,.button-solid{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid currentColor;background:transparent;font-size:12px;letter-spacing:.08em}.button-outline--light{color:var(--paper)}.button-solid{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.page-hero{position:relative;overflow:hidden;padding:clamp(190px,22vw,330px) 0 clamp(100px,13vw,190px);background:var(--paper)}.page-hero-grid{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.page-hero h1{margin:0;font-family:var(--serif);font-size:clamp(58px,8.5vw,132px);font-weight:500;line-height:.98;letter-spacing:-.06em}.page-lead{max-width:730px;margin:40px 0 0;color:#5c5954;font-size:clamp(16px,1.5vw,21px)}.page-hero-mark{position:absolute;right:-2vw;top:46%;transform:translateY(-50%);font-family:var(--serif);font-size:min(53vw,760px);line-height:.8;color:rgba(11,11,11,.035)}.page-hero--capabilities,.page-hero--contact{background:var(--paper-deep)}.page-hero--method,.page-hero--news{color:var(--paper);background:var(--ink)}.page-hero--method .page-lead,.page-hero--news .page-lead{color:rgba(242,239,232,.58)}.page-hero--method .page-hero-mark,.page-hero--news .page-hero-mark{color:rgba(242,239,232,.035)}.page-hero--collaboration{color:var(--paper);background:var(--red)}.page-hero--collaboration .page-lead{color:rgba(242,239,232,.68)}.page-hero--collaboration .page-hero-mark{color:rgba(242,239,232,.04)}.page-hero--legal{background:var(--paper-deep)}
.prose-large{max-width:850px}.prose-large p{margin:0 0 30px;font-family:var(--serif);font-size:clamp(23px,2.6vw,38px);line-height:1.55}.meaning{padding:clamp(110px,15vw,220px) 0}.meaning-grid{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:5vw;align-items:end}.meaning-character{font-family:var(--serif);font-size:clamp(170px,24vw,340px);line-height:.75;color:var(--red)}.meaning article{padding-top:24px;border-top:1px solid var(--line-light)}.meaning article span{font-size:10px;letter-spacing:.15em;color:rgba(242,239,232,.4)}.meaning h2{margin:55px 0 18px;font-family:var(--serif);font-size:38px;font-weight:500}.meaning p{margin:0;color:rgba(242,239,232,.58)}.mission{padding:clamp(110px,14vw,210px) 0}.mission-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}.mission-grid article{padding:28px;border:1px solid var(--line-dark);min-height:360px;display:flex;flex-direction:column}.mission-grid article:nth-child(1){grid-column:1/span 5}.mission-grid article:nth-child(2){grid-column:6/span 4}.mission-grid article:nth-child(3){grid-column:10/span 3}.mission-grid span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.mission-grid h3{margin:auto 0 20px;font-family:var(--serif);font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.25}.mission-grid p{margin:0;color:var(--muted)}.values{padding:clamp(110px,14vw,200px) 0}.value-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-light)}.value-list li{display:grid;grid-template-columns:100px 1fr;padding:28px 0;border-bottom:1px solid var(--line-light)}.value-list li>span{font-size:10px;color:rgba(242,239,232,.4);letter-spacing:.12em}.value-list div{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px}.value-list h3{margin:0;font-family:var(--serif);font-size:30px;font-weight:500}.value-list p{margin:0;max-width:630px;color:rgba(242,239,232,.58)}.page-cta{padding:clamp(85px,10vw,140px) 0}
.scope-note{padding:75px 0}.notice-box{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:26px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.notice-box span{font-size:10px;letter-spacing:.14em;color:var(--muted)}.notice-box p{max-width:900px;margin:0}.capability-detail{padding:clamp(95px,12vw,175px) 0;border-top:1px solid var(--line-dark);scroll-margin-top:86px}.capability-detail:nth-of-type(even){background:var(--paper-deep)}.capability-grid{display:grid;grid-template-columns:.65fr 1.5fr .85fr;gap:5vw}.capability-index span{display:block;font-family:var(--serif);font-size:clamp(70px,9vw,135px);line-height:1}.capability-index small{font-size:9px;letter-spacing:.18em;color:var(--muted)}.capability-main h2{margin:12px 0 30px;font-family:var(--serif);font-size:clamp(40px,5.8vw,84px);font-weight:500;line-height:1.05;letter-spacing:-.05em}.capability-intro{max-width:700px;margin:0;color:#5e5b56;font-size:17px}.capability-side{align-self:end;border-top:1px solid var(--line-dark)}.capability-side>div{padding:22px 0;border-bottom:1px solid var(--line-dark)}.capability-side span{display:block;margin-bottom:15px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.capability-side ul{list-style:none;margin:0;padding:0}.capability-side li{margin:5px 0;font-size:14px}.capability-side strong{font-family:var(--serif);font-size:19px;font-weight:500}
.method-steps{padding:clamp(110px,14vw,210px) 0}.vertical-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-light)}.vertical-steps li{display:grid;grid-template-columns:120px 1fr;padding:45px 0;border-bottom:1px solid var(--line-light)}.vertical-steps>li>span{font-size:10px;letter-spacing:.15em;color:rgba(242,239,232,.4)}.vertical-steps li div{display:grid;grid-template-columns:120px 1.1fr 1fr;gap:35px;align-items:start}.vertical-steps small{font-size:11px;color:rgba(242,239,232,.48)}.vertical-steps h2{margin:0;font-family:var(--serif);font-size:clamp(30px,3.7vw,54px);font-weight:500;line-height:1.15}.vertical-steps p{margin:0;color:rgba(242,239,232,.58)}.decision{padding:clamp(110px,14vw,200px) 0}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.question-grid article{min-height:280px;padding:24px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:flex;flex-direction:column}.question-grid span{font-size:10px;color:var(--muted)}.question-grid h3{margin:auto 0 0;font-family:var(--serif);font-size:clamp(20px,2vw,29px);font-weight:500;line-height:1.35}
.collaboration-groups{padding:clamp(100px,13vw,190px) 0}.collaboration-block{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;padding:70px 0;border-top:1px solid var(--line-dark);scroll-margin-top:90px}.collaboration-block:last-child{border-bottom:1px solid var(--line-dark)}.collaboration-block span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.collaboration-block h2{margin:35px 0 0;font-family:var(--serif);font-size:clamp(42px,5.5vw,80px);font-weight:500;line-height:1}.collaboration-block p{max-width:700px;margin:0 0 30px;font-size:18px;color:#5e5b56}.collaboration-block ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}.collaboration-block li{padding:15px 0;border-bottom:1px solid var(--line-dark)}.first-contact{padding:clamp(110px,14vw,200px) 0}.contact-checklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-light)}.contact-checklist li{display:grid;grid-template-columns:100px 1fr;padding:24px 0;border-bottom:1px solid var(--line-light)}.contact-checklist span{font-size:10px;color:rgba(242,239,232,.4)}.contact-checklist p{margin:0;font-family:var(--serif);font-size:clamp(22px,2.6vw,36px)}
.empty-news{padding:clamp(110px,15vw,220px) 0}.empty-news-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;align-items:center}.empty-symbol{aspect-ratio:1/1;border:1px solid var(--line-dark);display:grid;place-items:center}.empty-symbol span{font-family:var(--serif);font-size:clamp(100px,15vw,220px);font-weight:300}.empty-news h2{margin:0;font-family:var(--serif);font-size:clamp(50px,7vw,100px);font-weight:500;line-height:1}.empty-news p:not(.section-kicker){max-width:720px;margin:34px 0;color:#5e5b56;font-size:17px}.future-news{padding:clamp(110px,14vw,200px) 0}
.contact-page{padding:clamp(110px,14vw,200px) 0}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-directory dl{margin:60px 0 0;border-top:1px solid var(--line-dark)}.contact-directory dl div{padding:20px 0;border-bottom:1px solid var(--line-dark)}.contact-directory dt{font-size:11px;color:var(--muted);letter-spacing:.08em}.contact-directory dd{margin:5px 0 0;font-family:var(--serif);font-size:21px}.config-note{margin:30px 0 0;color:var(--muted);font-size:12px}.form-heading h2{margin:0 0 50px;font-family:var(--serif);font-size:clamp(38px,5vw,70px);font-weight:500;line-height:1.08}.field{position:relative;margin-bottom:30px}.field label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--line-dark);border-radius:0;background:transparent;padding:12px 0;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--ink)}.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-bottom-color:var(--red)}.field-error{display:none;margin-top:6px;color:var(--red);font-size:11px}.field.is-invalid .field-error{display:block}.consent{display:flex;gap:12px;align-items:flex-start;margin:35px 0;font-size:12px;color:var(--muted)}.consent input{margin-top:5px}.form-status{min-height:26px;margin:18px 0 0;font-size:13px}.contact-policy{padding:70px 0}.notice-box--dark{border-color:var(--line-light)}.notice-box--dark span{color:rgba(242,239,232,.42)}.notice-box--dark p{color:rgba(242,239,232,.65)}
.legal-content{padding:clamp(100px,13vw,190px) 0}.legal-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}.legal-nav{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--line-dark)}.legal-nav a{padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:12px}.legal-prose section{padding:0 0 70px;margin-bottom:70px;border-bottom:1px solid var(--line-dark);scroll-margin-top:120px}.legal-prose span{font-size:10px;color:var(--muted)}.legal-prose h2{margin:18px 0 25px;font-family:var(--serif);font-size:clamp(34px,4vw,56px);font-weight:500}.legal-prose p{max-width:800px;margin:0;color:#5e5b56;font-size:17px}.not-found{min-height:100svh;display:grid;align-items:center;padding:150px 0}.not-found h1{margin:0;font-family:var(--serif);font-size:clamp(65px,10vw,150px);font-weight:500;line-height:.98;letter-spacing:-.06em}.not-found p:not(.section-kicker){margin:35px 0;color:rgba(242,239,232,.55)}
.site-footer{padding:75px 0 30px;color:var(--paper);background:#080808}.footer-main{display:flex;justify-content:space-between;align-items:end;padding-bottom:60px;border-bottom:1px solid var(--line-light)}.brand--footer .brand-cn{font-size:clamp(30px,4vw,55px)}.footer-position{margin:15px 0 0;color:rgba(242,239,232,.42);font-size:13px}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 42px;font-size:12px;color:rgba(242,239,232,.62)}.footer-meta{display:flex;justify-content:space-between;gap:30px;padding-top:25px;color:rgba(242,239,232,.35);font-size:10px;letter-spacing:.06em}.footer-meta p{margin:0}.footer-meta div{display:flex;gap:28px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-breathe{from{transform:scale(1.02)}to{transform:scale(1.055)}}
@media(max-width:1080px){.site-nav{gap:20px}.brand-en{display:none}.page-hero-grid,.statement-grid,.section-heading,.split-heading,.manifesto-grid{grid-template-columns:1fr}.page-hero-grid>.section-kicker,.statement-grid>.section-kicker,.section-heading>.section-kicker,.split-heading>.section-kicker,.manifesto-grid>.section-kicker{margin-bottom:30px}.capability-grid{grid-template-columns:.45fr 1.2fr}.capability-side{grid-column:2}.mission-grid article:nth-child(1){grid-column:1/span 6}.mission-grid article:nth-child(2){grid-column:7/span 6}.mission-grid article:nth-child(3){grid-column:1/span 12;min-height:240px}.question-grid{grid-template-columns:repeat(3,1fr)}.quiet-cta-grid,.page-cta-grid{grid-template-columns:1fr 1.5fr}.quiet-cta-grid a,.page-cta-grid a{grid-column:2;justify-self:start}.meaning-grid{grid-template-columns:.6fr 1fr 1fr}.vertical-steps li div{grid-template-columns:90px 1fr}.vertical-steps p{grid-column:2}.contact-page-grid{gap:6vw}}
@media(max-width:820px){.header-inner{height:74px}.menu-button{display:block;position:relative;z-index:2}.menu-button[aria-expanded="true"] span:nth-child(2){transform:translateY(4.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.site-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:90px var(--pad);color:var(--paper);background:var(--ink);font-family:var(--serif);font-size:32px;transform:translateY(-100%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility .45s}.site-nav.is-open{transform:none;visibility:visible}.inner-page .site-header.is-menu-open{color:var(--paper);background:transparent}.three-column{grid-template-columns:1fr}.principle,.principle+ .principle{padding:28px 0;border-left:0}.principle h3{margin-top:25px}.meaning-grid{grid-template-columns:1fr 1fr}.meaning-character{grid-column:1/span 2}.mission-grid{display:block}.mission-grid article{min-height:280px;margin-bottom:20px}.question-grid{grid-template-columns:repeat(2,1fr)}.collaboration-block{grid-template-columns:1fr}.vertical-steps li{grid-template-columns:70px 1fr}.contact-page-grid{grid-template-columns:1fr}.contact-form{margin-top:60px}.empty-news-grid{grid-template-columns:1fr}.empty-symbol{max-width:480px}.legal-grid{grid-template-columns:1fr}.legal-nav{position:static;margin-bottom:60px}.footer-main,.footer-meta{align-items:flex-start;flex-direction:column}.footer-main{gap:35px}.footer-meta div{flex-wrap:wrap}.page-hero{padding-top:170px}}
@media(max-width:600px){.hero{min-height:800px}.hero-title{font-size:clamp(56px,18vw,82px)}.hero-title span:last-child{margin-left:0}.hero-content{padding-bottom:110px}.hero-actions{flex-wrap:wrap;gap:24px}.hero-index span:last-child{display:none}.page-hero h1{font-size:clamp(54px,16vw,82px)}.display-md{font-size:44px}.status-strip{grid-template-columns:1fr}.status-strip a{justify-self:start}.chain-list a{grid-template-columns:48px 1fr 20px}.chain-list em{display:none}.manifesto h2{font-size:50px}.collab-links a{grid-template-columns:1fr 24px}.collab-links span{grid-column:1}.collab-links b{grid-column:1}.collab-links i{grid-column:2;grid-row:1/span 2}.quiet-cta-grid,.page-cta-grid{grid-template-columns:1fr}.quiet-cta-grid a,.page-cta-grid a{grid-column:1}.meaning-grid{grid-template-columns:1fr}.meaning-character{grid-column:1}.mission-grid article{min-height:260px}.value-list li{grid-template-columns:55px 1fr}.value-list div{grid-template-columns:1fr}.value-list p{margin-top:12px}.capability-grid{grid-template-columns:1fr}.capability-side{grid-column:1}.capability-index{display:flex;align-items:end;gap:15px}.capability-index span{font-size:75px}.vertical-steps li{grid-template-columns:45px 1fr}.vertical-steps li div{grid-template-columns:1fr}.vertical-steps p{grid-column:1}.question-grid{grid-template-columns:1fr 1fr}.question-grid article{min-height:210px;padding:18px}.collaboration-block{padding:50px 0}.contact-checklist li{grid-template-columns:55px 1fr}.notice-box{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}.footer-meta div{flex-direction:column;gap:7px}.page-hero-mark{font-size:78vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   Mobile-first refinement — 2026-07
   The desktop art direction remains intact. Below 900px,
   layout, scale and interaction are deliberately redesigned
   for touch-first browsing rather than merely compressed.
   ========================================================= */

@media (max-width: 900px) {
  :root {
    --pad: clamp(20px, 5.4vw, 42px);
    --mobile-section: clamp(72px, 15vw, 104px);
  }

  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  body {
    font-size: 15px;
    line-height: 1.68;
  }

  .container {
    padding-inline: max(var(--pad), env(safe-area-inset-left));
  }

  .site-header {
    padding-top: env(safe-area-inset-top);
  }

  .header-inner {
    height: 68px;
    padding-inline: max(var(--pad), env(safe-area-inset-left));
  }

  .brand {
    gap: 10px;
  }

  .brand-cn {
    font-size: 19px;
    letter-spacing: .07em;
  }

  .brand-en {
    display: none;
  }

  .menu-button {
    display: grid;
    place-content: center;
    position: relative;
    z-index: 3;
    width: 48px;
    height: 48px;
    margin-right: -10px;
    padding: 11px 10px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .menu-button span:not(.sr-only) {
    width: 26px;
  }

  .site-nav {
    counter-reset: mobile-nav;
    position: fixed;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding:
      calc(96px + env(safe-area-inset-top))
      max(var(--pad), env(safe-area-inset-right))
      calc(44px + env(safe-area-inset-bottom))
      max(var(--pad), env(safe-area-inset-left));
    color: var(--paper);
    background: var(--ink);
    font-family: var(--serif);
    font-size: clamp(27px, 7vw, 36px);
    line-height: 1.15;
    letter-spacing: -.025em;
    transform: translateY(-104%);
    visibility: hidden;
    transition: transform .42s cubic-bezier(.2,.72,.2,1), visibility .42s;
  }

  .site-nav.is-open {
    transform: none;
    visibility: visible;
  }

  .site-nav a {
    counter-increment: mobile-nav;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    min-height: 62px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line-light);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .site-nav a::before {
    content: "0" counter(mobile-nav);
    font-family: var(--sans);
    font-size: 9px;
    letter-spacing: .12em;
    color: rgba(242,239,232,.38);
  }

  .site-nav a::after {
    display: none;
  }

  .site-nav a[aria-current="page"] {
    color: #fff;
  }

  .eyebrow,
  .section-kicker {
    margin-bottom: 18px;
    font-size: 9px;
    line-height: 1.5;
    letter-spacing: .18em;
  }

  .hero {
    min-height: 100svh;
    min-height: 100dvh;
    align-items: end;
  }

  .hero-media img {
    transform: scale(1.015);
    animation-duration: 24s;
  }

  .hero-shade {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.16) 32%, rgba(0,0,0,.84) 100%),
      linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.08));
  }

  .hero-content {
    width: 100%;
    padding-top: calc(116px + env(safe-area-inset-top));
    padding-bottom: calc(48px + env(safe-area-inset-bottom));
  }

  .hero-title {
    max-width: 8em;
    font-size: clamp(56px, 14vw, 78px);
    line-height: .98;
    letter-spacing: -.055em;
  }

  .hero-title span:last-child {
    margin-left: 0;
  }

  .hero-summary {
    max-width: 34em;
    margin-top: 28px;
    font-size: 15px;
    line-height: 1.72;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 32px;
    border-top: 1px solid rgba(242,239,232,.42);
    border-bottom: 1px solid rgba(242,239,232,.42);
  }

  .hero-actions .text-link {
    justify-content: space-between;
    min-height: 54px;
    padding: 0 14px 0 0;
    border: 0;
    font-size: 12px;
  }

  .hero-actions .text-link + .text-link {
    padding-left: 14px;
    border-left: 1px solid rgba(242,239,232,.25);
  }

  .hero-index {
    display: none;
  }

  .intro-statement,
  .about-intro,
  .method-principle,
  .submission-policy,
  .principles,
  .chain,
  .manifesto,
  .collab-preview,
  .quiet-cta,
  .meaning,
  .mission,
  .values,
  .capability-detail,
  .method-steps,
  .decision,
  .collaboration-groups,
  .first-contact,
  .empty-news,
  .future-news,
  .contact-page,
  .legal-content {
    padding-block: var(--mobile-section);
  }

  .statement-grid,
  .split-heading,
  .section-heading,
  .manifesto-grid,
  .page-hero-grid,
  .meaning-grid,
  .capability-grid,
  .contact-page-grid,
  .legal-grid,
  .empty-news-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .statement-grid > .section-kicker,
  .split-heading > .section-kicker,
  .section-heading > .section-kicker,
  .manifesto-grid > .section-kicker,
  .page-hero-grid > .section-kicker {
    margin-bottom: 28px;
  }

  .display-md,
  .split-heading h2,
  .section-heading h2 {
    font-size: clamp(42px, 10vw, 62px);
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  .lead-copy,
  .section-heading div > p,
  .page-lead,
  .capability-intro,
  .collaboration-block p,
  .empty-news p:not(.section-kicker),
  .legal-prose p {
    font-size: 16px;
    line-height: 1.75;
  }

  .lead-copy,
  .section-heading div > p {
    margin-top: 26px;
  }

  .status-strip {
    grid-template-columns: 1fr auto;
    gap: 8px 18px;
    margin-top: 38px;
    padding: 18px 0;
  }

  .status-strip span {
    grid-column: 1;
  }

  .status-strip strong {
    grid-column: 1 / -1;
    font-size: 19px;
  }

  .status-strip a {
    grid-column: 2;
    grid-row: 1;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .split-heading,
  .section-heading {
    margin-bottom: 48px;
  }

  .three-column {
    grid-template-columns: 1fr;
  }

  .principle,
  .principle + .principle {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 14px;
    padding: 26px 0;
    border-left: 0;
  }

  .principle span {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-top: 7px;
  }

  .principle h3,
  .principle p {
    grid-column: 2;
  }

  .principle h3 {
    margin: 0 0 10px;
    font-size: 27px;
  }

  .principle p {
    font-size: 14px;
    line-height: 1.7;
  }

  .chain-list a {
    grid-template-columns: 42px minmax(0,1fr) 22px;
    gap: 10px;
    min-height: 82px;
    padding: 15px 0;
  }

  .chain-list a:hover {
    padding-left: 0;
  }

  .chain-list span {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .chain-list strong {
    grid-column: 2;
    grid-row: 1;
    font-size: 23px;
    line-height: 1.25;
  }

  .chain-list em {
    display: block;
    grid-column: 2;
    grid-row: 2;
    font-size: 12px;
  }

  .chain-list b {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .manifesto-mark {
    right: -13vw;
    top: 46%;
    font-size: min(94vw, 560px);
  }

  .manifesto h2 {
    font-size: clamp(44px, 11.5vw, 66px);
    line-height: 1.1;
  }

  .manifesto-lead {
    margin: 24px 0 38px;
    font-size: 19px;
  }

  .text-link {
    min-height: 44px;
    align-items: center;
  }

  .collab-links a {
    grid-template-columns: minmax(0,1fr) 24px;
    gap: 5px 12px;
    min-height: 86px;
    padding: 18px 0;
  }

  .collab-links a:hover {
    padding-left: 0;
  }

  .collab-links span,
  .collab-links b {
    grid-column: 1;
  }

  .collab-links i {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .collab-links b {
    font-size: 24px;
  }

  .quiet-cta-grid,
  .page-cta-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }

  .quiet-cta-grid h2,
  .page-cta-grid h2 {
    font-size: clamp(37px, 9.5vw, 54px);
    line-height: 1.12;
  }

  .quiet-cta-grid a,
  .page-cta-grid a {
    grid-column: 1;
    justify-self: stretch;
  }

  .button-outline,
  .button-solid {
    width: 100%;
    min-height: 54px;
    padding-inline: 20px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .page-hero {
    min-height: 68svh;
    display: flex;
    align-items: flex-end;
    padding: calc(126px + env(safe-area-inset-top)) 0 72px;
  }

  .page-hero h1 {
    max-width: 10em;
    font-size: clamp(48px, 11.5vw, 70px);
    line-height: 1.04;
    letter-spacing: -.05em;
  }

  .page-lead {
    max-width: 36em;
    margin-top: 28px;
  }

  .page-hero-mark {
    right: -9vw;
    top: 48%;
    font-size: min(82vw, 540px);
  }

  .prose-large p {
    margin-bottom: 24px;
    font-size: clamp(23px, 5.5vw, 32px);
    line-height: 1.55;
  }

  .meaning {
    position: relative;
    overflow: hidden;
  }

  .meaning-grid {
    align-items: start;
  }

  .meaning-character {
    margin-bottom: 40px;
    font-size: clamp(108px, 29vw, 170px);
    line-height: .8;
  }

  .meaning article {
    padding: 26px 0 32px;
  }

  .meaning h2 {
    margin: 28px 0 12px;
    font-size: 30px;
  }

  .mission-grid {
    display: block;
  }

  .mission-grid article,
  .mission-grid article:nth-child(1),
  .mission-grid article:nth-child(2),
  .mission-grid article:nth-child(3) {
    min-height: 0;
    margin: 0;
    padding: 28px 0 32px;
    border: 0;
    border-top: 1px solid var(--line-dark);
  }

  .mission-grid article:last-child {
    border-bottom: 1px solid var(--line-dark);
  }

  .mission-grid h3 {
    margin: 32px 0 12px;
    font-size: clamp(27px, 7vw, 38px);
  }

  .value-list li {
    grid-template-columns: 42px minmax(0,1fr);
    padding: 24px 0;
  }

  .value-list div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .value-list h3 {
    font-size: 25px;
  }

  .value-list p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
  }

  .scope-note {
    padding: 48px 0;
  }

  .notice-box {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 22px 0;
  }

  .capability-detail {
    scroll-margin-top: 68px;
  }

  .capability-grid {
    gap: 0;
  }

  .capability-index {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 34px;
  }

  .capability-index span {
    font-size: 70px;
  }

  .capability-main h2 {
    margin: 10px 0 24px;
    font-size: clamp(38px, 9.4vw, 54px);
    line-height: 1.08;
  }

  .capability-side {
    grid-column: 1;
    margin-top: 42px;
  }

  .capability-side > div {
    padding: 18px 0;
  }

  .vertical-steps li {
    grid-template-columns: 42px minmax(0,1fr);
    gap: 10px;
    padding: 30px 0;
  }

  .vertical-steps li div {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .vertical-steps h2 {
    font-size: clamp(30px, 7.5vw, 42px);
  }

  .vertical-steps p {
    grid-column: 1;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.72;
  }

  .question-grid {
    grid-template-columns: 1fr;
  }

  .question-grid article {
    min-height: 150px;
    padding: 20px;
  }

  .question-grid h3 {
    max-width: 14em;
    font-size: 24px;
  }

  .collaboration-block {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 48px 0;
    scroll-margin-top: 68px;
  }

  .collaboration-block h2 {
    margin-top: 20px;
    font-size: clamp(39px, 9.8vw, 54px);
  }

  .collaboration-block p {
    margin-bottom: 24px;
  }

  .collaboration-block li {
    min-height: 50px;
    display: flex;
    align-items: center;
  }

  .contact-checklist li {
    grid-template-columns: 42px minmax(0,1fr);
    padding: 20px 0;
  }

  .contact-checklist p {
    font-size: clamp(22px, 5.7vw, 31px);
  }

  .empty-symbol {
    width: min(44vw, 180px);
    margin-bottom: 44px;
  }

  .empty-symbol span {
    font-size: clamp(76px, 24vw, 126px);
  }

  .empty-news h2 {
    font-size: clamp(43px, 10.5vw, 60px);
    line-height: 1.08;
  }

  .contact-form {
    margin-top: 70px;
  }

  .contact-directory dl {
    margin-top: 36px;
  }

  .contact-directory dl div {
    padding: 18px 0;
  }

  .contact-directory dd {
    font-size: 19px;
  }

  .form-heading h2 {
    margin-bottom: 40px;
    font-size: clamp(38px, 9vw, 52px);
  }

  .field {
    margin-bottom: 24px;
  }

  .field input,
  .field select,
  .field textarea {
    min-height: 52px;
    padding: 13px 0;
    font-size: 16px;
  }

  .field textarea {
    min-height: 150px;
  }

  .consent {
    min-height: 44px;
    margin: 28px 0;
  }

  .consent input {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
  }

  .contact-policy {
    padding: 52px 0;
  }

  .legal-nav {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 52px;
    border-left: 1px solid var(--line-dark);
  }

  .legal-nav a {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 12px;
    border-right: 1px solid var(--line-dark);
  }

  .legal-prose section {
    padding-bottom: 48px;
    margin-bottom: 48px;
    scroll-margin-top: 84px;
  }

  .legal-prose h2 {
    margin: 14px 0 20px;
    font-size: clamp(34px, 8.2vw, 46px);
  }

  .not-found {
    min-height: 100svh;
    min-height: 100dvh;
    padding: calc(118px + env(safe-area-inset-top)) 0 calc(64px + env(safe-area-inset-bottom));
  }

  .not-found h1 {
    font-size: clamp(54px, 13.5vw, 76px);
  }

  .site-footer {
    padding: 62px 0 calc(26px + env(safe-area-inset-bottom));
  }

  .footer-main,
  .footer-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-main {
    gap: 38px;
    padding-bottom: 42px;
  }

  .brand--footer .brand-cn {
    font-size: 34px;
  }

  .footer-nav {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-top: 1px solid var(--line-light);
  }

  .footer-nav a {
    min-height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--line-light);
  }

  .footer-nav a:nth-child(odd) {
    border-right: 1px solid var(--line-light);
    padding-right: 14px;
  }

  .footer-nav a:nth-child(even) {
    padding-left: 14px;
  }

  .footer-meta {
    gap: 16px;
    padding-top: 22px;
  }

  .footer-meta div {
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 600px) {
  :root {
    --pad: 20px;
    --mobile-section: 68px;
  }

  .hero-title {
    font-size: clamp(52px, 15vw, 64px);
  }

  .hero-summary {
    max-width: 29em;
  }

  .page-hero {
    min-height: 62svh;
    padding-top: calc(112px + env(safe-area-inset-top));
    padding-bottom: 58px;
  }

  .page-hero h1 {
    font-size: clamp(44px, 12.5vw, 58px);
  }

  .page-hero-mark {
    right: -16vw;
    font-size: 92vw;
  }

  .display-md,
  .split-heading h2,
  .section-heading h2 {
    font-size: clamp(38px, 10.5vw, 50px);
  }

  .manifesto h2 {
    font-size: clamp(42px, 12vw, 54px);
  }

  .quiet-cta-grid h2,
  .page-cta-grid h2 {
    font-size: clamp(35px, 9.8vw, 46px);
  }

  .question-grid article {
    min-height: 136px;
  }

  .footer-position {
    max-width: 20em;
  }
}

@media (max-width: 390px) {
  :root {
    --pad: 18px;
    --mobile-section: 60px;
  }

  .brand-cn {
    font-size: 18px;
  }

  .hero-content {
    padding-bottom: calc(36px + env(safe-area-inset-bottom));
  }

  .hero-title {
    font-size: clamp(48px, 14.8vw, 58px);
  }

  .hero-summary {
    margin-top: 22px;
    font-size: 14px;
  }

  .hero-actions {
    margin-top: 26px;
  }

  .hero-actions .text-link {
    min-height: 50px;
    font-size: 11px;
  }

  .page-hero {
    padding-bottom: 50px;
  }

  .page-hero h1 {
    font-size: clamp(41px, 12.1vw, 50px);
  }

  .display-md,
  .split-heading h2,
  .section-heading h2 {
    font-size: 37px;
  }

  .prose-large p {
    font-size: 22px;
  }

  .manifesto h2 {
    font-size: 40px;
  }

  .capability-main h2 {
    font-size: 37px;
  }

  .legal-nav {
    grid-template-columns: 1fr;
  }

  .footer-nav {
    grid-template-columns: 1fr;
  }

  .footer-nav a:nth-child(odd),
  .footer-nav a:nth-child(even) {
    border-right: 0;
    padding-inline: 0;
  }
}

@media (max-width: 900px) and (orientation: landscape) and (max-height: 540px) {
  .hero {
    min-height: 620px;
  }

  .page-hero {
    min-height: 520px;
  }
}

@media (hover: none) and (pointer: coarse) {
  a,
  button,
  input,
  select,
  textarea,
  label {
    -webkit-tap-highlight-color: rgba(113,31,36,.16);
  }

  .chain-list a:hover,
  .collab-links a:hover {
    padding-left: 0;
  }

  .text-link:hover span {
    transform: none;
  }
}

@media (max-width: 900px) {
  .hero-media img {
    animation: none;
    transform: scale(1.02);
  }
}

@media (max-width: 600px) {
  .page-hero--capabilities h1,
  .page-hero--method h1,
  .page-hero--news h1 {
    font-size: clamp(39px, 10.8vw, 52px);
    letter-spacing: -.055em;
  }
}

@media (max-width: 900px) {
  .brand {
    min-height: 44px;
    align-items: center;
  }

  .footer-meta a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

@media (max-width: 600px) {
  .page-hero--capabilities h1 {
    font-size: clamp(36px, 10vw, 48px);
  }
}

/* Homepage works presentation */
.works-preview{padding:clamp(105px,14vw,200px) 0}
.poster-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,70px)}
.poster-card{min-width:0}
.poster-frame{margin:0;overflow:hidden;aspect-ratio:2/3;background:#171614}
.poster-frame img{width:100%;height:100%;object-fit:cover}
.poster-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-dark)}
.poster-caption h3{margin:0;font-family:var(--serif);font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1}
.poster-caption span{font-size:10px;letter-spacing:.12em;color:var(--muted)}

@media(max-width:900px){
  .works-preview{padding-block:var(--mobile-section)}
  .poster-track{display:flex;gap:16px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-inline:contain;scrollbar-width:none}
  .poster-track::-webkit-scrollbar{display:none}
  .poster-card{flex:0 0 min(76vw,430px);scroll-snap-align:start}
  .poster-caption{grid-template-columns:1fr;gap:6px;min-height:78px;padding:16px 0}
  .poster-caption h3{font-size:32px}
}

@media(max-width:390px){
  .poster-card{flex-basis:82vw}
  .poster-caption h3{font-size:29px}
}

/* Original brand visuals — responsive, restrained, and independent from film posters */
.hero-media picture,
.hero-media picture img{
  width:100%;
  height:100%;
}
.hero-media picture{display:block}
.hero-media picture img{object-fit:cover}

.section-visual{
  margin:0 0 clamp(58px,8vw,104px);
}
.section-visual picture,
.visual-band-frame picture{
  display:block;
  overflow:hidden;
  background:#151412;
}
.section-visual--landscape picture{
  aspect-ratio:1.9/1;
}
.section-visual img,
.visual-band-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.section-visual img{
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1);
}
.section-visual.is-visible img{
  transform:scale(1.012);
}
.section-visual figcaption,
.visual-band-frame figcaption{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);
  gap:32px;
  padding:18px 0 0;
  border-top:1px solid var(--line-dark);
  color:var(--muted);
}
.section-visual figcaption span,
.visual-band-frame figcaption span{
  font-size:9px;
  letter-spacing:.17em;
}
.section-visual figcaption p,
.visual-band-frame figcaption p{
  max-width:620px;
  margin:0;
  font-family:var(--serif);
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.55;
}

.visual-band{
  position:relative;
  overflow:hidden;
  padding:0 0 clamp(88px,10vw,150px);
}
.visual-band--paper,
.visual-band--deep{
  background:var(--paper);
}
.visual-band--red{
  color:var(--paper);
  background:var(--red);
}
.visual-band-frame{
  margin:0;
}
.visual-band-frame picture{
  aspect-ratio:1.9/1;
}
.visual-band-frame figcaption{
  padding-top:19px;
}
.visual-band--red .visual-band-frame figcaption{
  border-top-color:rgba(242,239,232,.28);
  color:rgba(242,239,232,.64);
}

@media (max-width:900px){
  .hero-media picture img{
    object-position:center center;
  }
  .section-visual{
    margin-bottom:48px;
  }
  .section-visual--landscape picture,
  .visual-band-frame picture{
    aspect-ratio:4/3;
  }
  .section-visual figcaption,
  .visual-band-frame figcaption{
    grid-template-columns:1fr;
    gap:8px;
    padding-top:14px;
  }
  .section-visual figcaption p,
  .visual-band-frame figcaption p{
    max-width:32em;
    font-size:16px;
  }
  .visual-band{
    padding-bottom:var(--mobile-section);
  }
}

@media (max-width:600px){
  .section-visual--landscape picture,
  .visual-band-frame picture{
    aspect-ratio:5/6;
  }
  .section-visual img,
  .visual-band-frame img{
    object-position:center center;
  }
  .section-visual figcaption,
  .visual-band-frame figcaption{
    padding-top:12px;
  }
  .section-visual figcaption p,
  .visual-band-frame figcaption p{
    font-size:15px;
  }
}

@media (prefers-reduced-motion:reduce){
  .section-visual img{transform:none!important}
}

/* =========================================================
   Navigation viewport fix + richer editorial visuals — 2026-07
   ========================================================= */

.visual-band--deep{background:var(--paper-deep)}
.visual-band--ink{color:var(--paper);background:var(--ink)}
.visual-band--ink .visual-band-frame figcaption,
.section-dark .section-visual figcaption,
.section-ink .section-visual figcaption{
  border-top-color:var(--line-light);
  color:rgba(242,239,232,.62);
}
.visual-band--ink .visual-band-frame picture{background:#070707}
.section-visual--values picture{aspect-ratio:1.6/1}
.visual-band--method .visual-band-frame picture,
.visual-band--contact .visual-band-frame picture,
.visual-band--news .visual-band-frame picture{aspect-ratio:1.6/1}

@media(max-width:900px){
  .site-header{
    isolation:isolate;
  }

  .header-inner{
    position:relative;
  }

  .site-header.is-menu-open{
    inset:0;
    width:100%;
    height:100svh;
    height:100dvh;
    color:var(--paper);
    background:var(--ink);
    border-color:transparent;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .site-header.is-menu-open .header-inner{
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    padding:0;
  }

  .site-header.is-menu-open .brand{
    position:absolute;
    top:calc(env(safe-area-inset-top) + 10px);
    left:max(var(--pad),env(safe-area-inset-left));
    z-index:4;
    color:var(--paper);
  }

  .site-header.is-menu-open .menu-button{
    position:absolute;
    top:calc(env(safe-area-inset-top) + 10px);
    right:max(calc(var(--pad) - 10px),env(safe-area-inset-right));
    z-index:5;
    margin:0;
    color:var(--paper);
  }

  .site-nav{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    max-height:none;
    padding:
      calc(88px + env(safe-area-inset-top))
      max(var(--pad),env(safe-area-inset-right))
      calc(32px + env(safe-area-inset-bottom))
      max(var(--pad),env(safe-area-inset-left));
    -webkit-overflow-scrolling:touch;
  }

  .site-nav a{
    flex:0 0 auto;
  }

  .section-visual--values picture,
  .visual-band--method .visual-band-frame picture,
  .visual-band--contact .visual-band-frame picture,
  .visual-band--news .visual-band-frame picture{
    aspect-ratio:4/3;
  }
}

@media(max-width:600px){
  .section-visual--values picture,
  .visual-band--method .visual-band-frame picture,
  .visual-band--contact .visual-band-frame picture,
  .visual-band--news .visual-band-frame picture{
    aspect-ratio:5/6;
  }
}

@media(max-width:900px) and (max-height:720px){
  .site-nav{
    padding-top:calc(72px + env(safe-area-inset-top));
    padding-bottom:calc(18px + env(safe-area-inset-bottom));
    font-size:clamp(24px,6.2vw,31px);
  }
  .site-nav a{
    min-height:54px;
    padding-block:6px;
  }
}


/* =========================================================
   Visual-rich expansion — additional cinematic image systems
   ========================================================= */
.image-grid-section{padding:clamp(88px,11vw,150px) 0}
.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.image-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.image-card{margin:0;min-width:0}
.image-card picture{display:block;overflow:hidden;background:#141311;aspect-ratio:1.25/1}
.image-card img{width:100%;height:100%;object-fit:cover}
.image-card figcaption{padding:16px 0 0;border-top:1px solid var(--line-dark)}
.image-card figcaption span{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.17em;color:var(--muted)}
.image-card figcaption h3{margin:0 0 8px;font-family:var(--serif);font-size:clamp(22px,2.1vw,33px);font-weight:500;line-height:1.12;letter-spacing:-.03em}
.image-card figcaption p{margin:0;color:#5f5b55;font-size:14px;line-height:1.72}
.section-ink .image-card figcaption,.section-dark .image-card figcaption{border-top-color:var(--line-light)}
.section-ink .image-card figcaption span,.section-dark .image-card figcaption span{color:rgba(242,239,232,.45)}
.section-ink .image-card figcaption p,.section-dark .image-card figcaption p{color:rgba(242,239,232,.68)}
.section-ink .image-card picture,.section-dark .image-card picture{background:#060606}
.panorama-band{padding:0 0 clamp(88px,10vw,150px)}
.panorama-band--paper{background:var(--paper)}
.panorama-band--ink{color:var(--paper);background:var(--ink)}
.panorama-figure{margin:0}
.panorama-figure picture{display:block;overflow:hidden;aspect-ratio:2.15/1;background:#111}
.panorama-figure img{width:100%;height:100%;object-fit:cover}
.panorama-figure figcaption{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:32px;padding:18px 0 0;border-top:1px solid var(--line-dark)}
.panorama-figure figcaption span{font-size:9px;letter-spacing:.17em;color:var(--muted)}
.panorama-figure figcaption p{margin:0;max-width:640px;font-family:var(--serif);font-size:clamp(16px,1.45vw,21px);line-height:1.55;color:#5f5b55}
.panorama-band--ink .panorama-figure figcaption{border-top-color:var(--line-light)}
.panorama-band--ink .panorama-figure figcaption span{color:rgba(242,239,232,.45)}
.panorama-band--ink .panorama-figure figcaption p{color:rgba(242,239,232,.7)}
.contact-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(46px,6vw,80px)}
.contact-support-grid .image-card picture{aspect-ratio:1.4/1}
@media (max-width:900px){
  .image-grid-section{padding-block:var(--mobile-section)}
  .image-grid,.image-grid--2,.contact-support-grid{grid-template-columns:1fr;gap:20px}
  .image-card picture{aspect-ratio:4/3}
  .image-card figcaption{padding-top:12px}
  .image-card figcaption h3{font-size:28px}
  .panorama-band{padding-bottom:var(--mobile-section)}
  .panorama-figure picture{aspect-ratio:4/3}
  .panorama-figure figcaption{grid-template-columns:1fr;gap:8px;padding-top:14px}
  .panorama-figure figcaption p{font-size:16px}
}
@media (max-width:600px){
  .image-card picture,.contact-support-grid .image-card picture,.panorama-figure picture{aspect-ratio:5/6}
  .image-card figcaption h3{font-size:26px}
  .image-card figcaption p,.panorama-figure figcaption p{font-size:15px}
}


/* =========================================================
   Homepage premium visual upgrades — 2026-07
   ========================================================= */
.home-atlas{padding:clamp(96px,12vw,170px) 0;background:linear-gradient(180deg,#0b0b0c 0%,#10100f 100%)}
.home-atlas-intro{display:grid;grid-template-columns:.9fr 1.4fr;gap:6vw;align-items:end;margin-bottom:clamp(34px,5vw,56px)}
.home-atlas-intro h2{margin:0;font-family:var(--serif);font-size:clamp(38px,5.3vw,78px);font-weight:500;line-height:1.06;letter-spacing:-.05em}
.home-atlas-intro p:last-child{max-width:54ch;margin:22px 0 0;color:rgba(242,239,232,.66);font-size:16px;line-height:1.85}
.home-atlas-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:clamp(20px,2.2vw,30px);align-items:start}
.home-atlas-main,.home-atlas-mini,.home-curation-feature,.home-curation-card{margin:0;min-width:0}
.home-atlas-main picture{display:block;overflow:hidden;aspect-ratio:1.35/1;background:#070707}
.home-atlas-main img,.home-atlas-mini img,.home-curation-feature img,.home-curation-card img{width:100%;height:100%;object-fit:cover}
.home-atlas-main figcaption{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:26px;padding-top:16px;border-top:1px solid rgba(242,239,232,.16)}
.home-atlas-main figcaption span,.home-atlas-mini figcaption span,.home-atlas-note span,.home-curation-feature figcaption span,.home-curation-card figcaption span,.home-curation-copy span{display:block;font-size:9px;letter-spacing:.18em;color:rgba(242,239,232,.42)}
.home-atlas-main figcaption p{margin:0;color:rgba(242,239,232,.72);font-family:var(--serif);font-size:clamp(16px,1.5vw,21px);line-height:1.55}
.home-atlas-side{display:grid;gap:clamp(18px,2vw,24px)}
.home-atlas-note{padding:26px;border:1px solid rgba(242,239,232,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.home-atlas-note h3{margin:16px 0 12px;font-family:var(--serif);font-size:clamp(28px,2.7vw,40px);font-weight:500;line-height:1.08;letter-spacing:-.04em}
.home-atlas-note p{margin:0;color:rgba(242,239,232,.66);font-size:15px;line-height:1.85}
.home-atlas-mini picture{display:block;overflow:hidden;aspect-ratio:1.4/1;background:#070707}
.home-atlas-mini figcaption{padding-top:12px;border-top:1px solid rgba(242,239,232,.12)}
.home-atlas-mini figcaption p{margin:8px 0 0;color:rgba(242,239,232,.66);font-size:14px;line-height:1.7}
.home-atlas-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:clamp(28px,3.6vw,48px) 0 0;padding:0}
.home-atlas-points li{padding:18px 18px 16px;border:1px solid rgba(242,239,232,.1);background:rgba(255,255,255,.02)}
.home-atlas-points strong{display:block;margin-bottom:8px;font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.08;letter-spacing:-.03em}
.home-atlas-points span{color:rgba(242,239,232,.62);font-size:14px;line-height:1.7}
.home-curation{padding:clamp(96px,12vw,170px) 0}
.home-curation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(18px,2vw,30px);align-items:start}
.home-curation-feature{grid-row:1 / span 2}
.home-curation-feature picture{display:block;overflow:hidden;aspect-ratio:1/1.12;background:#0d0d0d}
.home-curation-feature figcaption{padding-top:16px;border-top:1px solid var(--line-dark)}
.home-curation-feature figcaption h3{max-width:18ch;margin:10px 0 0;font-family:var(--serif);font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.04em}
.home-curation-card picture{display:block;overflow:hidden;aspect-ratio:1.25/1;background:#101010}
.home-curation-card figcaption{padding-top:12px;border-top:1px solid var(--line-dark)}
.home-curation-card figcaption p{margin:8px 0 0;color:#5f5b55;font-size:14px;line-height:1.72}
.home-curation-copy{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(24px,3vw,34px);border:1px solid var(--line-dark);background:linear-gradient(180deg,#f4f1eb 0%,#efebe2 100%)}
.home-curation-copy h3{margin:16px 0 16px;font-family:var(--serif);font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.home-curation-copy p{max-width:34ch;margin:0 0 26px;color:#5f5b55;font-size:15px;line-height:1.9}
@media (max-width:1080px){
  .home-atlas-intro{grid-template-columns:1fr}
  .home-atlas-grid{grid-template-columns:1fr}
  .home-atlas-points{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:900px){
  .home-atlas,.home-curation{padding-block:var(--mobile-section)}
  .home-atlas-main picture,.home-curation-feature picture,.home-curation-card picture,.home-atlas-mini picture{aspect-ratio:4/3}
  .home-atlas-main figcaption{grid-template-columns:1fr;gap:8px}
  .home-curation-grid{grid-template-columns:1fr}
  .home-curation-feature{grid-row:auto}
}
@media (max-width:600px){
  .home-atlas-intro h2{font-size:clamp(34px,10.2vw,54px)}
  .home-atlas-note{padding:22px 18px}
  .home-atlas-note h3{font-size:32px}
  .home-atlas-main picture,.home-curation-feature picture,.home-curation-card picture,.home-atlas-mini picture{aspect-ratio:5/6}
  .home-atlas-points{grid-template-columns:1fr;gap:12px}
  .home-atlas-points strong{font-size:24px}
  .home-curation-feature figcaption h3,.home-curation-copy h3{font-size:34px}
  .home-curation-copy{padding:22px 18px}
}


/* =========================================================
   Homepage luxury refinement — 2026-07
   ========================================================= */
.luxury-heading h2{max-width:16ch}
.works-preview--luxury{padding-top:clamp(90px,10vw,140px)}
.poster-track--luxury{gap:clamp(18px,2.6vw,34px)}
.poster-track--luxury .poster-card{background:transparent;border:none;padding:0}
.poster-track--luxury .poster-frame{background:#ebe7de;border:1px solid var(--line-dark)}
.poster-track--luxury .poster-caption{padding:18px 0 0;border-top:1px solid var(--line-dark)}
.poster-track--luxury .poster-caption span{letter-spacing:.14em}
.maison-feature{padding:clamp(100px,12vw,170px) 0;background:linear-gradient(180deg,#0a0a0b 0%,#12110f 100%)}
.maison-feature-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr);gap:clamp(22px,3vw,46px);align-items:end}
.maison-copy h2,.partnership-luxe-copy h2,.closing-visual-frame figcaption h2{margin:0;font-family:var(--serif);font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1.03;letter-spacing:-.055em}
.maison-copy p:last-of-type,.partnership-luxe-copy p{max-width:34em;margin:22px 0 26px;color:rgba(242,239,232,.68);font-size:16px;line-height:1.9}
.maison-visual,.partnership-luxe-visual,.closing-visual-frame,.editorial-card,.editorial-note{margin:0;min-width:0}
.maison-visual picture{display:block;overflow:hidden;aspect-ratio:1.2/1;background:#070707}
.maison-visual img,.editorial-card img,.partnership-luxe-visual img,.closing-visual-frame img{width:100%;height:100%;object-fit:cover}
.maison-visual figcaption,.partnership-luxe-visual figcaption{display:grid;grid-template-columns:minmax(165px,.7fr) minmax(0,1.3fr);gap:24px;padding-top:16px;border-top:1px solid rgba(242,239,232,.16)}
.maison-visual figcaption span,.partnership-luxe-visual figcaption span,.closing-visual-frame figcaption span,.editorial-card figcaption span,.editorial-note span{display:block;font-size:9px;letter-spacing:.18em;color:rgba(242,239,232,.42)}
.maison-visual figcaption p,.partnership-luxe-visual figcaption p{margin:0;color:rgba(242,239,232,.72);font-family:var(--serif);font-size:clamp(16px,1.45vw,20px);line-height:1.58}
.editorial-gallery{padding:clamp(100px,12vw,170px) 0}
.editorial-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.2vw,30px);align-items:start}
.editorial-card picture{display:block;overflow:hidden;background:#111}
.editorial-card--tall{grid-row:1 / span 2}
.editorial-card--tall picture{aspect-ratio:.92/1.08}
.editorial-card--wide{grid-column:1 / span 2}
.editorial-card--wide picture{aspect-ratio:2/1}
.editorial-card:not(.editorial-card--tall):not(.editorial-card--wide) picture{aspect-ratio:1.15/1}
.editorial-card figcaption{padding-top:14px;border-top:1px solid var(--line-dark)}
.editorial-card figcaption h3{margin:10px 0 0;font-family:var(--serif);font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.08;letter-spacing:-.04em}
.editorial-note{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(24px,3vw,34px);border:1px solid var(--line-dark);background:linear-gradient(180deg,#f6f2ea 0%,#efe9df 100%)}
.editorial-note h3{margin:16px 0 14px;font-family:var(--serif);font-size:clamp(30px,3.1vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.editorial-note p{margin:0;color:#5f5b55;font-size:15px;line-height:1.92}
.principles--luxury .three-column--luxury{margin-top:44px}
.three-column--luxury .principle{padding:24px 0 0;border-top:1px solid rgba(242,239,232,.15);background:transparent}
.three-column--luxury .principle h3{font-family:var(--serif);font-size:clamp(30px,2.4vw,38px);font-weight:500;letter-spacing:-.04em}
.chain--luxury .chain-list--luxury{margin-top:42px}
.chain-list--luxury li a{padding:26px 0;border-top:1px solid var(--line-dark);border-bottom:none;background:transparent}
.chain-list--luxury li:last-child a{border-bottom:1px solid var(--line-dark)}
.partnership-luxe{padding:clamp(100px,12vw,170px) 0;background:linear-gradient(180deg,#0d0d0d 0%,#10100f 100%)}
.partnership-luxe-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(22px,3vw,44px);align-items:start}
.partnership-luxe-visual picture{display:block;overflow:hidden;aspect-ratio:1.05/1;background:#070707}
.partnership-links{display:grid;gap:0;margin-top:18px}
.partnership-links a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:18px 0;border-top:1px solid rgba(242,239,232,.15);color:var(--paper);text-decoration:none}
.partnership-links a:last-child{border-bottom:1px solid rgba(242,239,232,.15)}
.partnership-links span{font-size:13px;letter-spacing:.12em;color:rgba(242,239,232,.52)}
.partnership-links b{font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:-.04em}
.partnership-links i{font-style:normal;color:rgba(242,239,232,.6)}
.closing-visual{padding:clamp(100px,12vw,170px) 0}
.closing-visual-frame picture{display:block;overflow:hidden;aspect-ratio:1.95/1;background:#111}
.closing-visual-frame figcaption{display:grid;grid-template-columns:minmax(140px,.5fr) minmax(0,1.5fr);gap:24px;padding-top:16px;border-top:1px solid var(--line-dark)}
.closing-visual-frame figcaption div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}
.closing-visual-frame figcaption span{color:var(--muted)}
.closing-visual-frame figcaption h2{max-width:15ch;font-size:clamp(34px,4vw,58px);color:var(--ink)}
@media (max-width:1080px){
  .maison-feature-grid,.partnership-luxe-grid,.editorial-gallery-grid{grid-template-columns:1fr}
  .editorial-card--tall,.editorial-card--wide{grid-row:auto;grid-column:auto}
}
@media (max-width:900px){
  .maison-feature,.editorial-gallery,.partnership-luxe,.closing-visual{padding-block:var(--mobile-section)}
  .maison-visual picture,.editorial-card picture,.partnership-luxe-visual picture,.closing-visual-frame picture{aspect-ratio:4/3}
  .maison-visual figcaption,.partnership-luxe-visual figcaption,.closing-visual-frame figcaption{grid-template-columns:1fr;gap:8px}
  .closing-visual-frame figcaption div{grid-template-columns:1fr;gap:18px;align-items:start}
  .partnership-links b{font-size:24px}
}
@media (max-width:600px){
  .maison-copy h2,.partnership-luxe-copy h2,.closing-visual-frame figcaption h2{font-size:clamp(34px,10vw,52px)}
  .maison-visual picture,.editorial-card picture,.partnership-luxe-visual picture,.closing-visual-frame picture{aspect-ratio:5/6}
  .editorial-note{padding:22px 18px}
  .editorial-note h3{font-size:34px}
  .editorial-card figcaption h3{font-size:30px}
  .partnership-links a{grid-template-columns:1fr auto;gap:8px}
  .partnership-links span{grid-column:1 / -1}
}

/* =========================================================
   Whole-site luxury unification — 2026-07
   ========================================================= */
:root{
  --section-space:clamp(96px,11vw,168px);
  --section-space-tight:clamp(70px,8vw,112px);
  --luxury-line:rgba(11,11,11,.15);
  --luxury-line-light:rgba(242,239,232,.16);
  --luxury-muted:#68645e;
}

/* Header and global rhythm */
.inner-page .site-header:not(.is-scrolled){
  color:var(--paper);
  background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,0));
  border-bottom-color:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.inner-page .site-header.is-scrolled{
  color:var(--ink);
  background:rgba(241,238,231,.94);
  border-bottom-color:var(--line-dark);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.inner-page .header-inner{height:82px}
.site-nav a{font-size:11px;letter-spacing:.11em}
.site-nav a::after{bottom:0}
.button-outline,.button-solid{
  min-height:50px;
  padding-inline:24px;
  transition:color .25s,background-color .25s,border-color .25s,transform .25s;
}
.button-outline:hover,.button-outline:focus-visible{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.button-outline--light:hover,.button-outline--light:focus-visible{color:var(--ink);background:var(--paper);border-color:var(--paper)}
.button-solid:hover,.button-solid:focus-visible{transform:translateY(-2px);background:var(--red);border-color:var(--red)}

/* Unified image-backed inner-page hero */
.page-about{--page-hero-image:url("assets/visual-enrich-sketch-1280.webp");--page-hero-position:center 55%}
.page-capabilities{--page-hero-image:url("assets/visual-enrich-projection-1280.webp");--page-hero-position:center 52%}
.page-method{--page-hero-image:url("assets/visual-enrich-storyboard-1280.webp");--page-hero-position:center 52%}
.page-collaboration{--page-hero-image:url("assets/visual-enrich-lounge-1280.webp");--page-hero-position:center 58%}
.page-news{--page-hero-image:url("assets/visual-enrich-edit-1280.webp");--page-hero-position:center 54%}
.page-contact{--page-hero-image:url("assets/visual-enrich-lobby-1280.webp");--page-hero-position:center 55%}
.page-legal{--page-hero-image:url("assets/visual-values-1280.webp");--page-hero-position:center 50%}
.page-hero--editorial{
  min-height:min(840px,88svh);
  display:flex;
  align-items:flex-end;
  padding:clamp(170px,18vw,250px) 0 clamp(78px,8vw,112px);
  color:var(--paper)!important;
  background:#0b0b0b!important;
  isolation:isolate;
}
.page-hero--editorial::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--page-hero-image);
  background-size:cover;
  background-position:var(--page-hero-position,center);
  transform:scale(1.015);
  filter:saturate(.76) contrast(1.04);
}
.page-hero--editorial::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.64) 38%,rgba(0,0,0,.16) 78%,rgba(0,0,0,.32) 100%),
    linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 72%);
}
.page-hero--editorial .page-hero-grid{
  width:100%;
  grid-template-columns:minmax(150px,.52fr) minmax(0,1.48fr);
  align-items:end;
  z-index:2;
}
.page-hero--editorial h1{
  max-width:12ch;
  color:var(--paper);
  font-size:clamp(56px,7.2vw,106px);
  line-height:.99;
}
.page-hero--editorial .page-lead{
  max-width:620px;
  margin-top:30px;
  color:rgba(242,239,232,.72)!important;
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.82;
}
.page-hero--editorial .section-kicker{color:rgba(242,239,232,.62)}
.page-hero--editorial .page-hero-mark{
  right:-1vw;
  top:52%;
  color:rgba(242,239,232,.052)!important;
  font-size:min(48vw,650px);
  mix-blend-mode:screen;
}
.page-hero-signature{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:3;
  width:min(100%,var(--max));
  transform:translateX(-50%);
  display:flex;
  justify-content:space-between;
  color:rgba(242,239,232,.42);
  font-size:9px;
  letter-spacing:.18em;
}

/* Unified editorial headings */
.inner-page .luxury-heading{
  margin-bottom:clamp(48px,6.5vw,90px);
}
.inner-page .luxury-heading h2{
  max-width:17ch;
  font-size:clamp(42px,5.4vw,78px);
  line-height:1.06;
  letter-spacing:-.05em;
}
.inner-page .section-kicker{color:var(--luxury-muted)}
.section-dark .section-kicker,.section-ink .section-kicker,.section-red .section-kicker{color:rgba(242,239,232,.52)}

/* Shared spacing */
.about-intro,.method-principle,.submission-policy,.meaning,.mission,.values,
.capability-detail,.method-steps,.decision,.collaboration-groups,.first-contact,
.empty-news,.future-news,.contact-page,.legal-content,.image-grid-section{
  padding-block:var(--section-space);
}
.visual-band{padding-bottom:var(--section-space)}
.scope-note{padding-block:34px}
.contact-policy{padding-block:54px}

/* Editorial image treatment */
.editorial-frame picture{background:#0f0e0d}
.editorial-frame img{filter:saturate(.86) contrast(1.02)}
.inner-page .visual-band-frame figcaption,
.inner-page .section-visual figcaption,
.inner-page .image-card figcaption{
  border-top-color:var(--luxury-line);
  padding-top:15px;
}
.inner-page .visual-band-frame figcaption span,
.inner-page .section-visual figcaption span,
.inner-page .image-card figcaption span{
  letter-spacing:.19em;
}
.inner-page .image-card figcaption h3{
  font-size:clamp(25px,2.4vw,38px);
  line-height:1.08;
}
.inner-page .image-card figcaption p{max-width:38ch}
.section-dark .editorial-frame figcaption,.section-ink .editorial-frame figcaption{border-top-color:var(--luxury-line-light)}

/* About */
.about-intro .prose-large{max-width:900px}
.about-intro .prose-large p{font-size:clamp(18px,1.55vw,22px);line-height:1.9}
.meaning{background:linear-gradient(180deg,#0e0e0e,#151412)}
.meaning-grid{align-items:end}
.meaning-grid article{padding-top:24px;border-top:1px solid var(--luxury-line-light)}
.meaning-grid article h2{font-size:clamp(36px,4vw,58px)}
.meaning-grid article p{max-width:35ch;color:rgba(242,239,232,.62)}
.mission-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--luxury-line);
  border-bottom:1px solid var(--luxury-line);
}
.mission-grid article,
.mission-grid article:nth-child(n){
  grid-column:auto;
  min-height:320px;
  margin:0;
  padding:30px clamp(22px,3vw,38px) 28px 0;
  border:0;
  background:transparent;
}
.mission-grid article+article{padding-left:clamp(22px,3vw,38px);border-left:1px solid var(--luxury-line)}
.mission-grid article h3{font-size:clamp(28px,3vw,44px);line-height:1.12}
.mission-grid article p{color:var(--luxury-muted)}
.value-list{border-top:1px solid var(--luxury-line-light)}
.value-list li{padding-block:25px;border-bottom-color:var(--luxury-line-light)}
.value-list h3{font-size:clamp(27px,2.6vw,38px)}

/* Capability system */
.scope-note .notice-box{
  padding:18px 0;
  border-top:1px solid var(--luxury-line);
  border-bottom:1px solid var(--luxury-line);
}
.capability-detail{
  scroll-margin-top:92px;
  border-top:1px solid var(--luxury-line);
  background:var(--paper);
}
.capability-detail:nth-of-type(even){background:#ebe6dc}
.capability-grid{align-items:start}
.capability-index span{color:rgba(11,11,11,.18);font-size:clamp(70px,8vw,118px);line-height:.82}
.capability-main h2{max-width:15ch;font-size:clamp(40px,5vw,72px);line-height:1.05}
.capability-intro{max-width:44em;color:var(--luxury-muted);line-height:1.9}
.capability-side{border-top:1px solid var(--luxury-line)}
.capability-side>div{padding-block:22px;border-bottom:1px solid var(--luxury-line)}
.capability-side span{letter-spacing:.14em}
.capability-side strong{font-family:var(--serif);font-size:22px;font-weight:500}

/* Method */
.method-steps{background:linear-gradient(180deg,#0b0b0b,#12110f)}
.vertical-steps{border-top:1px solid var(--luxury-line-light)}
.vertical-steps li{padding-block:36px;border-bottom-color:var(--luxury-line-light)}
.vertical-steps li>span{color:rgba(242,239,232,.34)}
.vertical-steps h2{font-size:clamp(34px,4vw,58px)}
.vertical-steps p{max-width:44em;color:rgba(242,239,232,.62)}
.question-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--luxury-line);
  border-bottom:1px solid var(--luxury-line);
}
.question-grid article{
  min-height:250px;
  padding:24px 18px 22px 0;
  border:0;
  background:transparent;
}
.question-grid article+article{padding-left:18px;border-left:1px solid var(--luxury-line)}
.question-grid article h3{margin-top:72px;font-size:clamp(21px,2vw,29px)}

/* Collaboration */
.collaboration-block{
  padding-block:56px;
  border-top:1px solid var(--luxury-line);
}
.collaboration-block:last-child{border-bottom:1px solid var(--luxury-line)}
.collaboration-block h2{font-size:clamp(42px,5vw,70px)}
.collaboration-block p{max-width:46em;color:var(--luxury-muted);font-size:17px;line-height:1.9}
.collaboration-block ul{margin-top:28px;border-top:1px solid var(--luxury-line)}
.collaboration-block li{padding-block:13px;border-bottom:1px solid var(--luxury-line)}
.first-contact{background:linear-gradient(180deg,#0b0b0b,#151412)}
.contact-checklist{border-top:1px solid var(--luxury-line-light)}
.contact-checklist li{padding-block:22px;border-bottom-color:var(--luxury-line-light)}
.contact-checklist p{font-family:var(--serif);font-size:clamp(22px,2.2vw,31px)}

/* News */
.empty-news-grid{align-items:center}
.empty-symbol{border:1px solid var(--luxury-line);background:transparent}
.empty-symbol span{font-family:var(--serif);color:rgba(11,11,11,.16)}
.empty-news h2{font-size:clamp(44px,5vw,72px)}
.future-news{background:linear-gradient(180deg,#0f0f0f,#151412)}

/* Contact and form */
.contact-page-grid{align-items:start}
.contact-directory dl{border-top-color:var(--luxury-line)}
.contact-directory dl div{padding-block:18px;border-bottom-color:var(--luxury-line)}
.contact-directory dd{font-size:clamp(20px,2vw,27px)}
.contact-form{
  padding:clamp(28px,4vw,50px);
  border:1px solid var(--luxury-line);
  background:#ebe6dc;
}
.form-heading h2{max-width:11ch;font-size:clamp(40px,5vw,68px)}
.field{margin-bottom:28px}
.field input,.field select,.field textarea{
  min-height:48px;
  border-bottom-color:rgba(11,11,11,.28);
}
.field textarea{padding-top:14px}
.consent{line-height:1.6}
.contact-support-grid{padding-top:0;margin-top:var(--section-space-tight)}
.contact-policy{background:#10100f}

/* Legal */
.legal-grid{gap:clamp(50px,8vw,120px)}
.legal-nav{top:120px}
.legal-nav a{padding-block:13px;border-bottom:1px solid var(--luxury-line)}
.legal-prose section{padding-block:50px;border-bottom-color:var(--luxury-line)}
.legal-prose h2{font-size:clamp(38px,4.4vw,62px)}
.legal-prose p{line-height:1.9;color:var(--luxury-muted)}
.legal-end-cta{padding-block:var(--section-space-tight)}
.legal-end-cta-grid{display:grid;grid-template-columns:.7fr 1.4fr auto;gap:5vw;align-items:end}
.legal-end-cta-grid h2{margin:0;font-family:var(--serif);font-size:clamp(34px,4.5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.04em}

/* Unified page endings */
.page-cta--unified{
  background:var(--red);
  padding-block:clamp(72px,8vw,112px);
}
.page-cta--unified .page-cta-grid{align-items:end}
.page-cta--unified h2{max-width:15ch}

/* Footer */
.site-footer--unified{
  padding:clamp(80px,9vw,126px) 0 28px;
  background:#070707;
}
.site-footer--unified .footer-main{
  align-items:end;
  padding-bottom:clamp(52px,6vw,82px);
}
.site-footer--unified .brand--footer .brand-cn{
  font-size:clamp(42px,5vw,76px);
  letter-spacing:.035em;
}
.site-footer--unified .footer-position{margin-top:18px;letter-spacing:.08em}
.site-footer--unified .footer-nav{gap:13px 54px;font-size:11px;letter-spacing:.1em}
.site-footer--unified .footer-nav a{transition:color .25s,transform .25s}
.site-footer--unified .footer-nav a:hover{color:#fff;transform:translateX(3px)}
.site-footer--unified .footer-meta{padding-top:22px}

/* 404 */
.page-not-found .not-found{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#090909;
}
.page-not-found .not-found::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url("assets/visual-enrich-projection-1280.webp") center/cover no-repeat;
  filter:saturate(.65);
}
.page-not-found .not-found::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.7),transparent);
}
.page-not-found .not-found-inner{position:relative;z-index:2}

@media(max-width:1080px){
  .page-hero--editorial .page-hero-grid{grid-template-columns:1fr}
  .page-hero--editorial .page-hero-grid>.section-kicker{margin-bottom:24px}
  .mission-grid{grid-template-columns:1fr 1fr}
  .mission-grid article:last-child{grid-column:1/-1;border-top:1px solid var(--luxury-line);border-left:0}
  .question-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .question-grid article:nth-child(4){border-left:0;border-top:1px solid var(--luxury-line)}
  .question-grid article:nth-child(n+4){border-top:1px solid var(--luxury-line)}
  .legal-end-cta-grid{grid-template-columns:1fr 1.5fr}
  .legal-end-cta-grid a{grid-column:2;justify-self:start}
}

@media(max-width:900px){
  .inner-page .site-header:not(.is-scrolled){background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,0))}
  .page-hero--editorial{
    min-height:78svh;
    min-height:78dvh;
    padding:calc(132px + env(safe-area-inset-top)) 0 calc(72px + env(safe-area-inset-bottom));
  }
  .page-hero--editorial::after{
    background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.32) 35%,rgba(0,0,0,.86) 100%);
  }
  .page-hero--editorial h1{max-width:9.5em;font-size:clamp(44px,12vw,66px)}
  .page-hero--editorial .page-lead{max-width:34em;margin-top:24px;font-size:15px}
  .page-hero--editorial .page-hero-mark{font-size:76vw}
  .page-hero-signature{bottom:18px;font-size:8px}
  .page-hero-signature span:last-child{display:none}
  .about-intro,.method-principle,.submission-policy,.meaning,.mission,.values,
  .capability-detail,.method-steps,.decision,.collaboration-groups,.first-contact,
  .empty-news,.future-news,.contact-page,.legal-content,.image-grid-section{
    padding-block:var(--mobile-section);
  }
  .mission-grid{grid-template-columns:1fr;border-bottom:0}
  .mission-grid article,.mission-grid article:nth-child(n){min-height:0;padding:28px 0;border-left:0;border-bottom:1px solid var(--luxury-line)}
  .question-grid{grid-template-columns:1fr 1fr}
  .question-grid article,.question-grid article:nth-child(n){min-height:190px;padding:20px 16px;border-top:0;border-left:0;border-bottom:1px solid var(--luxury-line)}
  .question-grid article:nth-child(even){border-left:1px solid var(--luxury-line)}
  .question-grid article h3{margin-top:46px}
  .contact-form{margin-top:0;padding:26px 20px}
  .legal-end-cta-grid{grid-template-columns:1fr}
  .legal-end-cta-grid a{grid-column:1}
  .site-footer--unified .footer-main{align-items:flex-start}
}

@media(max-width:600px){
  .page-hero--editorial{min-height:74svh;min-height:74dvh}
  .page-hero--editorial h1{font-size:clamp(40px,11.4vw,58px)}
  .page-hero-signature{padding-inline:var(--pad)}
  .inner-page .luxury-heading h2{font-size:clamp(36px,10vw,52px)}
  .question-grid{grid-template-columns:1fr}
  .question-grid article,.question-grid article:nth-child(n){min-height:0;padding:22px 0;border-left:0!important}
  .question-grid article h3{margin-top:32px}
  .capability-index span{font-size:68px}
  .capability-main h2{font-size:clamp(36px,10vw,52px)}
  .collaboration-block{padding-block:42px}
  .contact-form{padding:24px 18px}
  .site-footer--unified .brand--footer .brand-cn{font-size:42px}
}

/* Home hero visibility aligned with the inner-page image system */
.home-page .hero-media img{filter:brightness(1.16) saturate(.82) contrast(1.04)}
.home-page .hero-shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 68%,rgba(0,0,0,.22)),
    linear-gradient(0deg,rgba(0,0,0,.68),transparent 62%);
}
@media(max-width:900px){
  .home-page .hero-media img{filter:brightness(1.1) saturate(.82) contrast(1.03)}
  .home-page .hero-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.12) 34%,rgba(0,0,0,.78) 100%),
      linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.06));
  }
}


/* =========================================================
   Dual official logo treatment — 2026-08
   Supplied artwork remains unchanged. Only black artwork is
   deterministically recolored for the dark-background variant.
   ========================================================= */
.site-header .brand,
.site-footer .brand--footer{
  position:relative;
  padding:0;
  background:transparent;
  overflow:visible;
  align-items:center;
  justify-content:center;
}
.site-header .brand{
  width:68px;
  height:68px;
  min-width:68px;
  min-height:68px;
}
.site-footer .brand--footer{
  width:156px;
  height:156px;
  min-width:156px;
  min-height:156px;
}
.brand-logo{
  position:absolute;
  left:50%;
  top:50%;
  width:auto;
  height:auto;
  max-width:none;
  object-fit:contain;
  transform:translate(-50%,-50%);
}
.site-header .brand-logo{
  width:92px;
  height:92px;
}
.site-footer .brand--footer .brand-logo{
  width:210px;
  height:210px;
}
.brand-logo--light{visibility:visible;opacity:1}
.brand-logo--dark{visibility:hidden;opacity:0}
.site-header.is-scrolled:not(.is-menu-open) .brand-logo--light{visibility:hidden;opacity:0}
.site-header.is-scrolled:not(.is-menu-open) .brand-logo--dark{visibility:visible;opacity:1}
.site-header.is-menu-open .brand-logo--light{visibility:visible;opacity:1}
.site-header.is-menu-open .brand-logo--dark{visibility:hidden;opacity:0}
.site-footer .brand-logo--light{visibility:visible;opacity:1}
.site-footer .brand-logo--dark{visibility:hidden;opacity:0}
@media(max-width:900px){
  .site-header .brand{width:54px;height:54px;min-width:54px;min-height:54px}
  .site-footer .brand--footer{width:132px;height:132px;min-width:132px;min-height:132px}
  .site-header .brand-logo{width:78px;height:78px}
  .site-footer .brand--footer .brand-logo{width:178px;height:178px}
}
@media(max-width:390px){
  .site-header .brand{width:52px;height:52px;min-width:52px;min-height:52px}
  .site-header .brand-logo{width:74px;height:74px}
}

/* =========================================================
   Final header brand lockup — 2026-08
   Official mark + HTML Chinese brand name. Footer unchanged.
   ========================================================= */
.site-header .brand.brand--header{
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0;
  background:transparent;
  overflow:visible;
  color:inherit;
  line-height:1;
  white-space:nowrap;
}
.site-header .brand-mark{
  position:relative;
  display:block;
  width:34px;
  height:34px;
  flex:0 0 34px;
}
.site-header .brand-mark-image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transition:opacity .2s ease,visibility .2s ease;
}
.site-header .brand-mark-image--light{visibility:visible;opacity:1}
.site-header .brand-mark-image--dark{visibility:hidden;opacity:0}
.site-header.is-scrolled:not(.is-menu-open) .brand-mark-image--light{visibility:hidden;opacity:0}
.site-header.is-scrolled:not(.is-menu-open) .brand-mark-image--dark{visibility:visible;opacity:1}
.site-header.is-menu-open .brand-mark-image--light{visibility:visible;opacity:1}
.site-header.is-menu-open .brand-mark-image--dark{visibility:hidden;opacity:0}
.site-header .brand-name{
  display:block;
  margin:0;
  font-family:var(--serif);
  font-size:21px;
  font-weight:600;
  line-height:1;
  letter-spacing:.025em;
  color:inherit;
  white-space:nowrap;
}
@media(max-width:900px){
  .site-header .brand.brand--header{
    width:auto;
    height:auto;
    min-width:0;
    min-height:44px;
    gap:8px;
  }
  .site-header .brand-mark{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .site-header .brand-name{
    font-size:18px;
    letter-spacing:.02em;
  }
}
@media(max-width:390px){
  .site-header .brand.brand--header{
    width:auto;
    height:auto;
    min-width:0;
    min-height:44px;
    gap:8px;
  }
  .site-header .brand-mark{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
  .site-header .brand-name{
    font-size:17px;
  }
}


/* =========================================================
   Chinese semantic headline wrapping — 2026-08
   Keeps large Chinese headlines intact at semantic boundaries.
   ========================================================= */
.semantic-wrap{
  text-wrap:balance;
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
}
.semantic-wrap .headline-phrase{
  display:inline-block;
  white-space:nowrap;
}
.semantic-wrap .headline-phrase{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  opacity:1!important;
  white-space:nowrap!important;
}

/* Targeted fit adjustments for semantic headline groups */
@media (min-width:901px){
  .headline-fit-hero-compact{font-size:clamp(58px,6.3vw,92px)!important;}
}
@media (max-width:430px){
  .headline-fit-about-values,
  .headline-fit-collaboration{font-size:clamp(32px,9vw,36px)!important;}
}

/* Final semantic headline fit refinements */
.closing-visual-frame figcaption h2.semantic-wrap{max-width:16ch;}
.capability-main h2.semantic-wrap{max-width:16ch;}
.headline-fit-about-values,
.headline-fit-collaboration{max-width:18ch!important;}
.headline-fit-long-first{max-width:18ch!important;}
.headline-fit-long-news{max-width:19ch!important;}
@media (min-width:901px){
  .headline-fit-hero-compact{
    max-width:14ch!important;
    font-size:clamp(56px,7.2vw,106px)!important;
  }
  .headline-fit-method-hero{max-width:17ch!important;}
  .headline-fit-contact-hero{max-width:16ch!important;}
}
@media (max-width:900px){
  .headline-fit-method-hero,
  .headline-fit-contact-hero{
    max-width:100%!important;
    font-size:clamp(37px,10vw,48px)!important;
  }
}
@media (max-width:430px){
  .headline-fit-about-values,
  .headline-fit-collaboration{font-size:clamp(31px,8.8vw,35px)!important;}
  .headline-fit-long-first{font-size:clamp(34px,9.5vw,39px)!important;}
  .headline-fit-long-news{font-size:clamp(31px,8.7vw,35px)!important;}
}

/* Final orphan-line cleanup */
.headline-fit-question-one-line{font-size:clamp(20px,1.9vw,27.5px)!important;}
@media (min-width:901px){
  .headline-fit-method-hero{font-size:clamp(58px,6.6vw,96px)!important;}
}
@media (max-width:900px){
  .headline-fit-method-hero{font-size:clamp(34px,9.5vw,45px)!important;}
}
@media (max-width:430px){
  .headline-fit-long-news{font-size:clamp(30px,8.55vw,34px)!important;}
}
