:root{--bg:#07090d;--bg2:#0c1118;--panel:#111722;--line:rgba(255,255,255,.12);--text:#f3f1eb;--muted:#9aa5b5;--gold:#d4b87d;--gold2:#8f7243;--blue:#7fa2d7;--max:1240px;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#141a25 0,#080a0f 28%,#06080c 60%);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.78rem;font-weight:700}.section{padding:92px 0}.section.compact{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2,.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman","Noto Serif SC",serif;font-weight:500;line-height:1.08;margin:8px 0 0}.section-head h2{font-size:clamp(2.1rem,4vw,4.1rem);max-width:760px}.section-head p{max-width:520px;color:var(--muted);margin:0}.kicker{color:var(--muted);font-size:1.05rem}.btns{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);transition:.25s;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#dcc99a,#9f7d48);color:#0b0c0e;border:none;font-weight:800}.btn:hover{transform:translateY(-2px);border-color:rgba(212,184,125,.7)}
.header{position:fixed;z-index:100;top:0;left:0;width:100%;backdrop-filter:blur(16px);background:linear-gradient(to bottom,rgba(5,7,10,.9),rgba(5,7,10,.45));border-bottom:1px solid rgba(255,255,255,.06)}.header-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:36px;height:36px;border:1px solid rgba(212,184,125,.55);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia;font-size:1rem}.brand small{display:block;font-weight:500;color:var(--muted);font-size:.68rem;letter-spacing:.16em}.nav{display:flex;gap:24px;align-items:center;font-size:.88rem;color:#dfe4eb}.nav a{opacity:.82}.nav a:hover,.nav a.active{opacity:1;color:#fff}.lang{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:92vh;display:grid;align-items:end;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('../images/hero-castle.webp') center/cover no-repeat;filter:saturate(.76) contrast(1.04)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.9) 0,rgba(3,5,8,.6) 38%,rgba(3,5,8,.16) 72%),linear-gradient(to top,#07090d 0,transparent 45%)}.hero-in{position:relative;z-index:2;padding:170px 0 90px;max-width:800px}.hero h1{font-size:clamp(3rem,6.8vw,6.4rem);letter-spacing:-.02em}.hero p{font-size:clamp(1rem,1.6vw,1.25rem);color:#d8dde5;max-width:690px;margin:24px 0 34px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill{border:1px solid rgba(255,255,255,.18);background:rgba(3,5,8,.4);padding:8px 12px;border-radius:999px;font-size:.78rem;color:#dfe4eb}
.page-hero{padding:170px 0 80px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#111824 0,#080b10 58%)}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem);max-width:920px}.page-hero p{color:var(--muted);max-width:760px;font-size:1.08rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-body{padding:22px}.card h3{font-family:Georgia,"Noto Serif SC",serif;font-size:1.35rem;margin:0 0 8px}.card p{color:var(--muted);margin:0}.card-media{aspect-ratio:16/10;object-fit:cover;width:100%}.card-media.portrait{aspect-ratio:4/5}.stat{padding:28px}.stat strong{display:block;font-family:Georgia;font-size:2.4rem;color:var(--gold)}.stat span{color:var(--muted)}
.media-frame{background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.media-frame video{width:100%;background:#000;max-height:680px}.vertical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:22px}.vertical-grid video{aspect-ratio:9/16;object-fit:cover}.caption{padding:14px 18px;color:var(--muted);font-size:.9rem;background:#0b0f15;border-top:1px solid var(--line)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.split img{border-radius:var(--radius);border:1px solid var(--line)}.big-copy{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1.15;margin:8px 0 18px}.lead{font-size:1.08rem;color:#cbd2dc}.muted{color:var(--muted)}.rule{height:1px;background:var(--line);margin:28px 0}.feature-list{display:grid;gap:12px}.feature{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.feature b{min-width:150px;color:#fff}.feature span{color:var(--muted)}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid var(--line);cursor:zoom-in}.gallery img:first-child{grid-row:span 2}.gallery img:nth-child(4){grid-column:span 2}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-grid .card-media{aspect-ratio:1.35/1}.quote{padding:38px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(212,184,125,.08),transparent);font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.45rem,2.5vw,2.3rem)}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{border-top:1px solid var(--gold2);padding-top:16px}.step em{font-style:normal;color:var(--gold);font-size:.75rem;letter-spacing:.12em}.step b{display:block;margin-top:8px}.step p{font-size:.86rem;color:var(--muted)}
.contact-box{padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(212,184,125,.06),rgba(127,162,215,.04))}.contact-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row a{color:var(--gold)}
.footer{padding:38px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:200;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:94vw;border-radius:12px}.lightbox button{position:absolute;right:24px;top:20px;background:none;border:0;color:white;font-size:2rem}
.notice{padding:14px 16px;border:1px dashed rgba(212,184,125,.5);border-radius:12px;color:#d7c9a6;background:rgba(212,184,125,.04)}
@media(max-width:980px){.nav{display:none;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);background:#0b0f15;border-radius:16px}.nav.open{display:flex}.menu{display:block}.header-tools{display:flex;gap:8px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.process{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery img:first-child{grid-row:span 1}.gallery img:nth-child(4){grid-column:span 1}.asset-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 26px,var(--max))}.section{padding:68px 0}.section-head{display:block}.section-head p{margin-top:14px}.hero{min-height:86vh}.hero-in{padding-top:130px}.grid-2,.grid-3,.grid-4,.asset-grid,.vertical-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:auto}.gallery img{height:auto}.contact-row{display:block}.contact-row a{display:block;margin-top:6px}.brand small{display:none}}

/* V3.2 trailer and corporate contact refinements */
.trailer-wrap{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:42px;align-items:center}.trailer-player{max-width:430px;margin:auto}.trailer-player video,.project-trailer video{aspect-ratio:9/16;object-fit:cover;max-height:720px}.trailer-copy h3,.project-trailer-note h3{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin:10px 0 18px}.trailer-copy p,.project-trailer-note p{color:var(--muted);font-size:1.05rem}.project-trailer-layout{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:46px;align-items:center}.project-trailer{max-width:430px}.contact-directory{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-directory .company-info{grid-column:1/-1}.company-info .contact-row{align-items:center}.company-info .contact-row b{min-width:180px}.company-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}.company-facts>div{padding:20px 0;border-bottom:1px solid var(--line)}.company-facts span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}.company-facts strong{display:block;color:#fff;font-weight:600}.footer-brand{max-width:420px}.footer-brand span{display:inline-block;margin-top:4px}.footer-in{align-items:flex-start}.footer-links{max-width:380px;justify-content:flex-end}
@media(max-width:980px){.trailer-wrap,.project-trailer-layout{grid-template-columns:1fr}.trailer-copy,.project-trailer-note{max-width:720px;margin:auto}.contact-directory{grid-template-columns:1fr}.contact-directory .company-info{grid-column:auto}.company-facts{grid-template-columns:1fr}}
@media(max-width:680px){.trailer-player,.project-trailer{max-width:100%}.company-info .contact-row b{min-width:0}.footer-links{justify-content:flex-start}}
.highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.highlight-grid .media-frame{background:rgba(255,255,255,.025)}.highlight-grid video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#050607}.highlight-grid .caption{display:flex;flex-direction:column;gap:5px;padding:14px 15px 16px}.highlight-grid .caption strong{font-size:15px;color:#fff}.highlight-grid .caption span{font-size:12px;line-height:1.55;color:var(--muted)}@media(max-width:900px){.highlight-grid{grid-template-columns:1fr}.highlight-grid .media-frame{max-width:520px;margin:0 auto;width:100%}}

/* V3.5 premium visual refinement */
:root{
  --bg:#05070a;
  --bg2:#0a0e14;
  --panel:#0e141d;
  --panel2:#111925;
  --line:rgba(221,202,160,.14);
  --line-soft:rgba(255,255,255,.075);
  --text:#f4f0e8;
  --muted:#98a3b3;
  --gold:#d9bc7d;
  --gold-hi:#efd7a0;
  --gold2:#896b3d;
  --blue:#7896bd;
  --max:1280px;
  --radius:18px;
  --shadow:0 28px 70px rgba(0,0,0,.34);
}
body{
  background:
    radial-gradient(900px 520px at 8% -5%,rgba(76,99,128,.13),transparent 62%),
    radial-gradient(760px 480px at 92% 9%,rgba(122,88,42,.08),transparent 62%),
    linear-gradient(180deg,#070a0f 0%,#05070a 55%,#06090d 100%);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  letter-spacing:.005em;
}
.container{width:min(var(--max),calc(100% - 56px))}
.section{padding:112px 0;position:relative}
.section.compact{padding:76px 0}
.section+.section{border-top:1px solid rgba(255,255,255,.025)}
.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.26em;font-weight:700}
.section-head{margin-bottom:42px;gap:36px}
.section-head h2,.hero h1,.page-hero h1,.big-copy,.card h3,.quote{font-family:Georgia,"Times New Roman","Songti SC","STSong","Noto Serif SC",serif}
.section-head h2{font-size:clamp(2.25rem,4.3vw,4.25rem);letter-spacing:-.025em}
.section-head p{font-size:1rem;line-height:1.85}
.header{background:linear-gradient(to bottom,rgba(4,6,9,.94),rgba(4,6,9,.68));border-bottom:1px solid rgba(255,255,255,.055);box-shadow:0 10px 35px rgba(0,0,0,.14)}
.header-in{height:80px}
.brand{letter-spacing:.01em}.brand-mark{border-color:rgba(217,188,125,.7);box-shadow:inset 0 0 22px rgba(217,188,125,.05)}
.nav{gap:28px}.nav a{position:relative;padding:8px 0;transition:.25s}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--gold);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}
.lang{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.11)}
.hero{min-height:94vh}.hero-bg{filter:saturate(.72) contrast(1.07) brightness(.88)}
.hero-bg:after{background:linear-gradient(90deg,rgba(2,4,7,.94) 0%,rgba(2,4,7,.69) 36%,rgba(2,4,7,.18) 72%),linear-gradient(to top,#05070a 0%,rgba(5,7,10,.45) 33%,transparent 66%)}
.hero-in{padding:184px 0 108px;max-width:860px}.hero h1{font-size:clamp(3.25rem,6.9vw,6.8rem);letter-spacing:-.035em;text-wrap:balance}.hero p{font-size:clamp(1.02rem,1.55vw,1.22rem);line-height:1.85;color:#d2d8df;max-width:720px}
.btn{min-height:50px;padding:0 22px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.btn.primary{background:linear-gradient(135deg,#e7d19f 0%,#b48b4e 100%);color:#090b0e;box-shadow:0 10px 30px rgba(180,139,78,.16)}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.065);box-shadow:0 12px 30px rgba(0,0,0,.2)}.btn.primary:hover{background:linear-gradient(135deg,#efdcae,#bd9556)}
.pill{background:rgba(4,7,11,.52);border-color:rgba(255,255,255,.14);backdrop-filter:blur(10px);padding:9px 13px}
.page-hero{padding:184px 0 92px;background:radial-gradient(900px 460px at 18% 10%,rgba(88,108,136,.13),transparent 65%),linear-gradient(135deg,#101720 0%,#070a0f 60%);border-bottom:1px solid rgba(255,255,255,.06)}
.page-hero h1{font-size:clamp(3.1rem,6vw,5.8rem);letter-spacing:-.035em;text-wrap:balance}.page-hero p{font-size:1.08rem;line-height:1.85;color:#a8b1bf}
.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .28s,border-color .28s,box-shadow .28s}.card:hover{transform:translateY(-5px);border-color:rgba(217,188,125,.28);box-shadow:0 22px 55px rgba(0,0,0,.22)}.card-body{padding:25px}.card h3{font-size:1.38rem;letter-spacing:-.01em}.card p{line-height:1.75}.card-media{filter:saturate(.9) contrast(1.02)}
.stat{padding:30px 28px}.stat strong{font-size:2.45rem;color:var(--gold-hi);letter-spacing:-.02em}.stat span{font-size:.94rem}
.media-frame{border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);background:#030405}.media-frame video{filter:saturate(.96) contrast(1.015)}
.caption{background:linear-gradient(180deg,#0b1017,#090d13);border-top:1px solid rgba(255,255,255,.075);padding:16px 18px;color:#a6b0bd}
.split{gap:58px}.split img{box-shadow:var(--shadow);border-color:rgba(255,255,255,.1)}.big-copy{font-size:clamp(2.25rem,4.2vw,4.15rem);letter-spacing:-.028em}.lead{font-size:1.08rem;line-height:1.9;color:#cbd2db}
.quote{border-left:1px solid var(--gold);padding:34px 34px;background:linear-gradient(90deg,rgba(217,188,125,.065),rgba(217,188,125,.015) 62%,transparent);color:#eee6d7}
.gallery{gap:14px}.gallery img{border-radius:14px;border-color:rgba(255,255,255,.09);transition:transform .28s,filter .28s,border-color .28s;filter:saturate(.92)}.gallery img:hover{transform:translateY(-3px);filter:saturate(1.02);border-color:rgba(217,188,125,.3)}
.process{gap:18px}.step{border-top:1px solid rgba(217,188,125,.45);padding-top:18px}.step em{color:var(--gold-hi)}.step p{line-height:1.65}
.contact-box{padding:42px;border-color:rgba(217,188,125,.17);background:linear-gradient(135deg,rgba(217,188,125,.055),rgba(94,120,155,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.contact-row{border-color:rgba(255,255,255,.075)}.contact-row a{color:var(--gold-hi)}
.footer{padding:46px 0;border-color:rgba(255,255,255,.07);background:#05070a}
.trailer-wrap,.project-trailer-layout{gap:64px}.trailer-player,.project-trailer{filter:drop-shadow(0 28px 60px rgba(0,0,0,.44))}.trailer-copy p,.project-trailer-note p{line-height:1.85}.project-trailer-note{max-width:650px}
.highlight-grid{gap:22px}.highlight-grid .media-frame{border-radius:18px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.highlight-grid .media-frame:hover{transform:translateY(-6px);border-color:rgba(217,188,125,.28);box-shadow:0 26px 60px rgba(0,0,0,.28)}.highlight-grid .caption{padding:17px 18px 19px}.highlight-grid .caption strong{font-family:Georgia,"Songti SC","STSong",serif;font-size:1rem;color:#f3eee5}.highlight-grid .caption span{font-size:.82rem;color:#9da7b4;letter-spacing:.02em}
.company-facts>div{border-color:rgba(255,255,255,.07)}
.company-facts span{letter-spacing:.04em}.company-facts strong{font-weight:560}
.production-team-copy{max-width:760px}
@media(max-width:980px){.container{width:min(var(--max),calc(100% - 38px))}.section{padding:92px 0}.section.compact{padding:68px 0}.trailer-wrap,.project-trailer-layout{gap:38px}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.section{padding:72px 0}.section.compact{padding:56px 0}.hero-in{padding:138px 0 76px}.page-hero{padding:142px 0 70px}.section-head{margin-bottom:30px}.card-body{padding:21px}.contact-box{padding:28px}.highlight-grid{gap:18px}}

/* V3.6 Premium Polish — final visual refinement */
:root{
  --display-serif: Georgia,"Times New Roman","Songti SC","STSong","Noto Serif SC",serif;
  --ui-sans: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}

/* Tighter, more cinematic desktop hero */
.hero{min-height:90vh}
.hero-in{padding:166px 0 96px;max-width:820px}
.hero h1{
  font-size:clamp(3rem,6.15vw,6.05rem);
  line-height:1.045;
  letter-spacing:-.034em;
  max-width:820px;
}
.hero p{margin:22px 0 30px;max-width:700px}
.hero-meta{margin-top:24px}

/* Harmonize large display headings across pages */
.page-hero{padding:168px 0 84px}
.page-hero h1{
  font-size:clamp(2.9rem,5.45vw,5.2rem);
  line-height:1.07;
  max-width:900px;
}
.section-head h2{font-size:clamp(2.15rem,3.9vw,3.95rem);line-height:1.1}
.big-copy{font-size:clamp(2.1rem,3.8vw,3.8rem);line-height:1.12}

/* More disciplined vertical rhythm */
.section{padding:96px 0}
.section.compact{padding:68px 0}
.section-head{margin-bottom:36px}
.split{gap:52px}
.trailer-wrap,.project-trailer-layout{gap:54px}

/* Parameter / metric cards: cleaner numeric rhythm */
.stat{padding:28px 28px 30px}
.stat strong{
  font-family:var(--ui-sans);
  font-weight:750;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  letter-spacing:-.035em;
  line-height:1;
  font-size:2.32rem;
}
.stat span{display:block;margin-top:14px;line-height:1.55}

/* Keep text-led Story / Craft / Scale elegant without numeric styling feeling too technical */
body[data-page="about"] .stat strong{
  font-family:var(--display-serif);
  font-weight:600;
  letter-spacing:-.025em;
  font-variant-numeric:normal;
  font-feature-settings:normal;
}

/* Refined media cards */
.media-frame{
  border-radius:17px;
  box-shadow:0 22px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.highlight-grid{gap:20px}
.highlight-grid .media-frame{border-radius:17px}
.highlight-grid .caption{min-height:58px;padding:15px 17px 17px}
.highlight-grid .caption span{line-height:1.5}
.trailer-player,.project-trailer{filter:drop-shadow(0 22px 48px rgba(0,0,0,.38))}

/* Team / production imagery should support, not overpower, the page */
body[data-page="production"] .split img,
body[data-page="about"] .split img{
  max-height:560px;
  width:100%;
  object-fit:cover;
}
body[data-page="production"] .gallery img{max-height:520px}

/* Contact: keep long email premium and controlled */
body[data-page="contact"] .contact-box .big-copy{
  font-size:clamp(2rem,3.15vw,3.25rem);
  line-height:1.08;
  overflow-wrap:anywhere;
}
.contact-directory{gap:20px}
.contact-box{padding:38px}

/* Card consistency */
.card{border-radius:17px}
.card-body{padding:23px}
.grid-4{gap:15px}
.grid-3{gap:17px}

/* Footer slightly quieter */
.footer{padding:40px 0}
.footer-in{font-size:.92rem}

/* Subtle motion, respecting reduced-motion preferences */
@media (prefers-reduced-motion:no-preference){
  .card,.media-frame,.btn,.nav a{will-change:transform}
}

@media(max-width:980px){
  .section{padding:84px 0}
  .section.compact{padding:62px 0}
  .hero{min-height:88vh}
  .hero-in{padding:150px 0 84px}
  .hero h1{font-size:clamp(3rem,8.7vw,5.4rem)}
  .page-hero{padding:150px 0 74px}
  .split{gap:38px}
}

@media(max-width:680px){
  .section{padding:64px 0}
  .section.compact{padding:50px 0}
  .hero{min-height:82vh}
  .hero-in{padding:124px 0 68px}
  .hero h1{font-size:clamp(2.65rem,13vw,4rem);line-height:1.06}
  .hero p{margin:18px 0 26px}
  .page-hero{padding:128px 0 62px}
  .page-hero h1{font-size:clamp(2.55rem,12vw,4rem)}
  .big-copy{font-size:clamp(2rem,10vw,3.3rem)}
  .stat strong{font-size:2.12rem}
  .contact-box{padding:25px}
  body[data-page="contact"] .contact-box .big-copy{font-size:clamp(1.65rem,8.5vw,2.55rem)}
}

/* V3.7 — official brand identity */
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.01em}
.brand-symbol{width:40px;height:40px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(217,188,125,.08))}
.brand-name{display:block;line-height:1.04;color:#fff}
.brand-name small{display:block;font-weight:500;color:var(--muted);font-size:.68rem;letter-spacing:.16em;margin-top:4px}
.brand-mark{display:none!important}
@media(max-width:680px){.brand-symbol{width:36px;height:36px}.brand-name small{display:none}}

/* V3.8 official header logo fix */
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-icon{width:46px;height:46px;object-fit:contain;display:block;background:transparent;border:0;box-shadow:none;flex:0 0 46px}
.brand span{line-height:1.05}
.brand small{display:block;font-weight:500;color:var(--muted);font-size:.68rem;letter-spacing:.16em;margin-top:4px}
@media(max-width:680px){.brand-icon{width:40px;height:40px;flex-basis:40px}.brand small{display:block;font-size:.62rem}}