:root{--paper:#070706;--ink:#f8f3e7;--acid:#d2a72b;--rust:#9c7412;--line:#3d3625}
body{background:radial-gradient(circle at 72% 12%,#29200a 0,transparent 30%),linear-gradient(180deg,#070706,#11100c 62%,#050504);}
.header{background:rgba(8,10,13,.90);border-bottom-color:var(--line)}
.marquee{background:var(--acid);color:#080a0d}
.marquee i{color:#080a0d}
.columns{color:#aaa69d}
.dark{background:radial-gradient(circle at 80% 10%,rgba(210,167,43,.12),transparent 34%),linear-gradient(145deg,#090908,#171309);color:var(--ink)}
.case-main{background:radial-gradient(circle at 85% 20%,rgba(244,195,55,.28),transparent 34%),linear-gradient(135deg,#171306,#050504);color:var(--ink)}
.manifesto{color:#080a0d}
.contact-form button{background:var(--acid);color:#080a0d}
.skip:focus{color:#000}
@media(max-width:900px){.nav nav{background:var(--paper)}}
body{overflow-x:hidden}
@media(max-width:900px){.hero h1{font-size:15.5vw}.hero h1 span:last-child{margin-left:4vw}.hero-grid,.hero-title,.portrait,.hero-note{min-width:0;max-width:100%}}
@media(max-width:900px){.shell>*{min-width:0}.story-copy h2,.discipline-head h2,.works-title h2,.contact h2{font-size:13vw;overflow-wrap:anywhere}.discipline-list h3{overflow-wrap:anywhere}.contact-grid>*,.story-grid>*,.works-title>*{min-width:0}.direct a{overflow-wrap:anywhere}}

/* Warm light sections create breathing room and editorial contrast. */
.story,.works,.contact{background:#eeeae1;color:#121311}
.story{background:linear-gradient(135deg,#f4f1ea 0%,#ddd8ce 100%)}
.works{background:#f6f3ec}
.contact{background:linear-gradient(180deg,#ded9cf 0%,#f3efe7 100%)}
.story .columns{color:#45443f}
.story .section-index,.works .section-index,.contact .section-index{color:#655f55}
.works .case:not(.case-main):not(.visual-case){background:#e9e4da;color:#121311;border-color:#979187}
.works .case:not(.case-main):not(.visual-case) p{color:#403e39}
.contact .field,.contact .contact-form{border-color:#8e887d}
.contact .field input,.contact .field textarea{color:#121311}
.contact .direct a{color:#765708}
.workshop-shot img{box-shadow:18px 18px 0 #c49a22}

/* Refined luxury details */
.header{box-shadow:0 12px 40px rgba(0,0,0,.16)}
.portrait{border:1px solid rgba(210,167,43,.58);box-shadow:0 30px 80px rgba(0,0,0,.42)}
.portrait img{object-position:center 42%}
.portrait figcaption{background:linear-gradient(90deg,#ad8013,#e0b93f);color:#080806}
.case,.contact-form{border-color:rgba(48,53,58,.75)}
.manifesto{background:linear-gradient(120deg,#a9790c,#e1b83a);color:#080806}

/* Hard mobile overflow guard: prevents horizontal page movement on real devices. */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}
header,main,footer,section{max-width:100%;overflow-x:clip}
.shell{max-width:100%}
.marquee{max-width:100vw;overflow:hidden;contain:paint}
.marquee>div{will-change:transform}
.hero h1,.story h2,.disciplines h2,.works h2,.contact h2,.case h3{max-width:100%;overflow-wrap:anywhere}
.portrait,.workshop-shot,.visual-case{max-width:100%;overflow:hidden}
@media(max-width:600px){.case h3{font-size:18vw}.discipline-list h3{font-size:10vw}.workshop-shot img{box-shadow:10px 10px 0 #c49a22}.footer-grid{grid-template-columns:1fr}.hero-intro p{font-size:7vw}}

/* Mobile-first art direction */
@media(max-width:600px){
  .nav{height:68px}.header{border-bottom-color:#292b2e}.wordmark{font-size:15px}.menu-button{width:38px;height:38px;padding:5px}
  .nav nav{top:68px;padding:24px 22px;gap:22px}.nav nav a{font-size:10px}
  .hero{padding:22px 0 52px}.hero-grid{gap:18px}.kicker,.section-index{font-size:9px;letter-spacing:.15em}
  .hero h1{font-size:13.8vw;line-height:.78;letter-spacing:-.075em;margin:30px 0 34px}.hero h1 span:last-child{margin-left:3vw}
  .hero-intro{gap:20px;padding-top:18px}.hero-intro p{font-size:5.7vw;line-height:1.18}.hero-intro a{font-size:10px}
  .portrait{height:auto;min-height:0;aspect-ratio:4/5}.portrait figcaption{padding:10px 12px;font-size:8px;letter-spacing:.06em}
  .hero-note{margin:4px 0 0;padding-top:12px;gap:18px}.hero-note span{font-size:52px}.hero-note p{font-size:15px;line-height:1.3;max-width:230px;margin:0}
  .marquee{padding:12px 0;font-size:10px}.marquee i{margin:0 18px}
  .section{padding:68px 0}.story-grid{gap:25px}.story-copy h2,.discipline-head h2,.works-title h2,.contact h2{font-size:10.5vw;line-height:.9;margin:26px 0 32px;letter-spacing:-.055em}
  .story-copy .large{font-size:6.1vw;line-height:1.18}.columns{font-size:15px;gap:8px}.columns p{margin:8px 0 14px}
  .workshop-shot{margin:8px 0}.workshop-shot img{aspect-ratio:4/5;box-shadow:8px 8px 0 #c49a22}
  .discipline-head{gap:8px;margin:20px 0 38px}.discipline-head p{font-size:18px}.discipline-list article{grid-template-columns:34px 1fr;padding:23px 0}.discipline-list h3{font-size:8.4vw;line-height:.94}.discipline-list article p{font-size:14px;margin:10px 0 0}
  .works-title{gap:4px;margin:20px 0 38px}.works-title p{font-size:18px}.case{min-height:360px;padding:23px}.case-main{min-height:440px}.case-meta{top:20px;left:22px;right:22px;font-size:8px}.case h3{font-size:14vw;line-height:.82;margin-bottom:22px}.case p{font-size:18px;line-height:1.3}.case a{font-size:9px}.visual-case{min-height:420px}
  .manifesto{padding:62px 0}.manifesto p{font-size:10.5vw;line-height:.96}.manifesto span{margin-top:24px;font-size:9px}
  .contact-grid{gap:42px}.contact>div p{font-size:18px}.direct{margin-top:24px}.direct a{font-size:16px}.contact-form{padding-top:18px}.field input,.field textarea{font-size:18px}.contact-form button{padding:17px}
  .footer-grid{grid-template-columns:1fr;gap:20px;padding:42px 0}.footer-mark{font-size:24px}
}

/* High-contrast ivory navigation bar */
.header{background:rgba(247,244,237,.96);color:#0b0d0f;border-bottom:1px solid #17191b;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.header .wordmark,.header nav a,.header .ig-link{color:#0b0d0f}
.header nav a{position:relative}
.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#b98b16;transition:right .25s ease}
.header nav a:hover:after{right:0}
.header .menu-button i{background:#0b0d0f}
.header .menu-button{border:1px solid rgba(11,13,15,.22)}
@media(max-width:900px){.header .nav nav{background:#f7f4ed;color:#0b0d0f;border-bottom:1px solid #17191b}}

/* Historical sword presentation */
.video-feature{background:linear-gradient(135deg,#080807 0%,#171307 100%);color:var(--ink)}
.video-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(34px,6vw,92px);align-items:center}
.video-copy h2{font-size:clamp(54px,7.4vw,118px);line-height:.84;letter-spacing:-.06em;margin:30px 0}
.video-copy p{max-width:560px;color:#c8c0ae;font-size:clamp(17px,1.45vw,22px);line-height:1.55}
.video-copy a{display:inline-block;margin-top:20px;color:#e0b43a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(210,167,43,.55);box-shadow:20px 20px 0 rgba(210,167,43,.14),0 34px 90px rgba(0,0,0,.42)}
.video-frame iframe,.video-poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-poster{object-fit:cover;display:block}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(5,5,4,.78);color:#e2b53a;display:grid;place-items:center;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.45);transition:transform .2s ease,background .2s ease}
.video-play:hover,.video-play:focus-visible{transform:translate(-50%,-50%) scale(1.07);background:#080806;outline:2px solid #e2b53a;outline-offset:4px}
@media(max-width:900px){.video-grid{grid-template-columns:1fr}.video-copy h2{font-size:12vw}.video-frame{box-shadow:10px 10px 0 rgba(210,167,43,.16)}}
@media(max-width:600px){.video-copy h2{font-size:11vw;margin:24px 0}.video-copy p{font-size:16px}.video-frame{width:100%}.video-play{width:66px;height:66px;font-size:24px}}

/* Verifiable work, production references and global reach */
.proof-section{background:#0a0b0d;color:#f7f4ed;padding:0}
.proof-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);max-width:none;padding:0}
.proof-media{position:relative;min-height:840px;margin:0;overflow:hidden}
.proof-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.7))}
.proof-media img{width:100%;height:100%;object-fit:cover;display:block}
.proof-media figcaption{position:absolute;z-index:1;left:clamp(24px,4vw,70px);bottom:38px;color:#f7f4ed;font-size:10px;font-weight:700;letter-spacing:.16em}
.proof-content{padding:clamp(62px,7vw,116px)}
.proof-content h2{font-size:clamp(54px,6vw,96px);line-height:.9;letter-spacing:-.055em;margin:30px 0 34px}
.proof-lead{max-width:760px;color:#aaa69e;font-size:clamp(18px,1.55vw,23px);line-height:1.65}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #2d2e31;margin-top:48px}
.proof-grid article{border-bottom:1px solid #2d2e31;padding:29px 28px 30px 0}
.proof-grid article:nth-child(odd){border-right:1px solid #2d2e31}
.proof-grid article:nth-child(even){padding-left:28px}
.proof-grid span{color:#d2a72b;font-size:11px;font-weight:700}
.proof-grid h3{font-size:24px;line-height:1.1;margin:13px 0}
.proof-grid p{color:#aaa69e;font-size:15px;line-height:1.55;margin:0 0 19px}
.proof-grid a{color:#f7f4ed;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration-color:#d2a72b;text-underline-offset:5px}
@media(max-width:1000px){.proof-layout{grid-template-columns:1fr}.proof-media{min-height:620px}.proof-content{padding:68px 7vw 84px}}
@media(max-width:600px){
  .proof-media{min-height:500px}
  .proof-media figcaption{left:24px;bottom:24px;font-size:8px}
  .proof-content{padding:62px 24px 72px}
  .proof-content h2{font-size:11vw;margin:25px 0 28px}
  .proof-lead{font-size:17px}
  .proof-grid{grid-template-columns:1fr;margin-top:36px}
  .proof-grid article,.proof-grid article:nth-child(even){border-right:0;padding:25px 0}
  .proof-grid h3{font-size:22px}
}

/* Product development and production system */
.system-section{background:linear-gradient(145deg,#ece8df 0%,#f8f5ee 58%,#ddd6ca 100%);color:#11120f}
.system-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(46px,7vw,112px);align-items:center}
.system-content h2{font-size:clamp(55px,6.4vw,104px);line-height:.88;letter-spacing:-.06em;margin:30px 0 34px}
.system-lead{max-width:740px;color:#4b4841;font-size:clamp(18px,1.45vw,22px);line-height:1.65}
.system-steps{border-top:1px solid #aaa397;margin-top:44px}
.system-steps article{display:grid;grid-template-columns:52px 1fr;gap:18px;border-bottom:1px solid #aaa397;padding:23px 0}
.system-steps b{color:#9b7415;font-size:12px;letter-spacing:.1em;padding-top:5px}
.system-steps h3{font-size:22px;line-height:1.15;margin:0 0 7px}
.system-steps p{color:#555149;font-size:15px;line-height:1.55;margin:0;max-width:650px}
.system-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:30px}
.system-links a{color:#171711;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-decoration-color:#a67b13;text-underline-offset:6px}
.system-media{position:relative;min-height:760px}
.system-main{position:absolute;inset:0 0 130px 0;margin:0;overflow:hidden;background:#090a0c;box-shadow:28px 28px 0 #c49a22}
.system-main:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.system-main img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.system-main figcaption,.system-inset figcaption{position:absolute;z-index:1;left:24px;bottom:22px;color:#f7f4ed;font-size:9px;font-weight:700;letter-spacing:.14em}
.system-inset{position:absolute;right:-30px;bottom:0;width:58%;aspect-ratio:4/3;margin:0;overflow:hidden;border:8px solid #f4f0e7;background:#090a0c;box-shadow:0 24px 60px rgba(0,0,0,.26)}
.system-inset:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.system-inset img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:1000px){
  .system-layout{grid-template-columns:1fr}
  .system-media{min-height:660px;max-width:820px;width:100%;margin:0 auto}
}
@media(max-width:600px){
  .system-layout{gap:42px}
  .system-content h2{font-size:11vw;margin:25px 0 28px}
  .system-lead{font-size:17px}
  .system-steps{margin-top:34px}
  .system-steps article{grid-template-columns:38px 1fr;gap:12px;padding:20px 0}
  .system-steps h3{font-size:19px}
  .system-steps p{font-size:14px}
  .system-links{display:grid;gap:16px}
  .system-media{min-height:460px}
  .system-main{inset:0 10px 72px 0;box-shadow:10px 10px 0 #c49a22}
  .system-inset{right:0;width:62%;border-width:5px}
  .system-main figcaption,.system-inset figcaption{font-size:7px;left:14px;bottom:13px}
}

/* 2026-07-23 — TSC-inspired blue engineering art direction. */
:root{
  --paper:#050b12;
  --ink:#f5f9fc;
  --acid:#00a8ff;
  --rust:#0077ff;
  --line:rgba(167,205,235,.18);
}
body{
  background:
    radial-gradient(circle at 76% 8%,rgba(0,119,255,.22),transparent 28%),
    linear-gradient(180deg,#050b12 0%,#0b141f 58%,#050b12 100%);
  color:var(--ink);
  font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;
}
.header{
  background:rgba(5,11,18,.88);
  color:#f5f9fc;
  border-bottom:1px solid rgba(167,205,235,.2);
  box-shadow:0 14px 42px rgba(0,0,0,.28);
}
.header .wordmark,.header nav a,.header .ig-link{color:#f5f9fc}
.header nav{gap:clamp(18px,2vw,32px)}
.header nav a:after{background:linear-gradient(90deg,#00a8ff,#0077ff)}
.header .menu-button i{background:#f5f9fc}
.header .menu-button{border-color:rgba(167,205,235,.28)}
.hero{
  position:relative;
  isolation:isolate;
  border-bottom-color:rgba(167,205,235,.18);
}
.hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.28;
  background-image:
    linear-gradient(rgba(167,205,235,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,205,235,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.kicker,.section-index{color:#8ed8ff}
.hero-intro{border-top-color:rgba(167,205,235,.25)}
@media(min-width:901px){
  .hero h1{font-size:clamp(88px,10.3vw,165px)}
}
.hero-intro p,.hero-note p,.story-copy .large,.discipline-head p,.works-title p,.case p,.contact>div p{
  font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;
}
.hero-intro p{font-weight:350}
.portrait{
  border-color:rgba(0,168,255,.7);
  box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 48px rgba(0,119,255,.12);
}
.portrait figcaption{
  background:linear-gradient(90deg,#00a8ff,#0077ff);
  color:#02070d;
}
.marquee{
  background:linear-gradient(90deg,#0077ff,#00a8ff);
  color:#02070d;
}
.marquee i{color:#02070d}
.story,.works,.contact{
  background:#e9eef3;
  color:#09121d;
}
.story{background:linear-gradient(135deg,#f6f9fc 0%,#dbe6ef 100%)}
.works{background:linear-gradient(180deg,#edf3f8,#dce7f0)}
.contact{background:linear-gradient(160deg,#d8e5ef 0%,#f6f9fc 100%)}
.story .columns,.story .section-index,.works .section-index,.contact .section-index{color:#3f5669}
.workshop-shot img{box-shadow:18px 18px 0 #00a8ff}
.video-feature{
  background:
    radial-gradient(circle at 18% 24%,rgba(0,119,255,.22),transparent 30%),
    linear-gradient(135deg,#050b12 0%,#0b1724 100%);
}
.video-copy p{color:#aebfce}
.video-copy a{color:#62c9ff}
.video-frame{
  border-color:rgba(0,168,255,.62);
  box-shadow:20px 20px 0 rgba(0,119,255,.14),0 34px 90px rgba(0,0,0,.46);
}
.video-play{color:#00a8ff}
.video-play:hover,.video-play:focus-visible{outline-color:#00a8ff}
.system-section{
  background:linear-gradient(145deg,#e8f0f6 0%,#f8fbfd 58%,#ccdce8 100%);
  color:#09121d;
}
.system-lead,.system-steps p{color:#405567}
.system-steps{border-top-color:#9bafbf}
.system-steps article{border-bottom-color:#9bafbf}
.system-steps b{color:#0077cc}
.system-links a{color:#09121d;text-decoration-color:#0077ff}
.system-main{box-shadow:28px 28px 0 #00a8ff}
.system-inset{border-color:#eff6fb}
.proof-section{
  background:
    radial-gradient(circle at 84% 14%,rgba(0,119,255,.2),transparent 32%),
    #050b12;
}
.proof-lead,.proof-grid p{color:#aebfce}
.proof-grid,.proof-grid article{border-color:rgba(167,205,235,.2)}
.proof-grid span{color:#00a8ff}
.proof-grid a{text-decoration-color:#00a8ff}
.dark{
  background:
    radial-gradient(circle at 80% 10%,rgba(0,168,255,.14),transparent 34%),
    linear-gradient(145deg,#050b12,#0b1724);
}
.discipline-list,.discipline-list article{border-color:rgba(167,205,235,.2)}
.discipline-list b{color:#00a8ff}
.discipline-list p{color:#aebfce}
.case-main{
  background:
    radial-gradient(circle at 85% 20%,rgba(0,168,255,.3),transparent 34%),
    linear-gradient(135deg,#0a2740,#050b12);
}
.works .case:not(.case-main):not(.visual-case){
  background:rgba(255,255,255,.38);
  color:#09121d;
  border-color:#91a8ba;
}
.works .case:not(.case-main):not(.visual-case) p{color:#32495b}
.authority{
  background:
    radial-gradient(circle at 16% 16%,rgba(0,168,255,.18),transparent 30%),
    linear-gradient(135deg,#050b12 0%,#0b1724 100%);
  color:#f5f9fc;
}
.authority-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,130px)}
.authority-intro{position:sticky;top:130px;align-self:start}
.authority-intro h2{font-size:clamp(54px,6.8vw,108px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:34px 0}
.authority-intro p{max-width:560px;color:#aebfce;font-size:clamp(18px,1.45vw,22px);line-height:1.6}
.authority-list{border-top:1px solid rgba(167,205,235,.22)}
.authority-list a{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:30px 0;
  border-bottom:1px solid rgba(167,205,235,.22);
  color:#f5f9fc;
  text-decoration:none;
  transition:padding .2s ease,background .2s ease;
}
.authority-list a:hover,.authority-list a:focus-visible{
  padding-left:18px;
  padding-right:18px;
  background:rgba(0,168,255,.08);
  outline:1px solid rgba(0,168,255,.38);
}
.authority-list span{color:#62c9ff;font-size:10px;font-weight:700;letter-spacing:.12em}
.authority-list strong{font-size:clamp(21px,2vw,31px);line-height:1.1}
.authority-list em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.manifesto{
  background:linear-gradient(120deg,#0077ff,#00a8ff);
  color:#02070d;
}
.contact .field,.contact .contact-form{border-color:#849bab}
.contact .field input,.contact .field textarea{color:#09121d}
.contact .direct a{color:#005ea8}
.contact-form button{background:linear-gradient(90deg,#0077ff,#00a8ff);color:#02070d}
footer{background:#050b12;color:#f5f9fc;border-top:1px solid rgba(167,205,235,.18)}
@media(max-width:900px){
  .header .nav nav{
    background:rgba(5,11,18,.98);
    color:#f5f9fc;
    border-bottom-color:rgba(167,205,235,.2);
  }
  .authority-layout{grid-template-columns:1fr}
  .authority-intro{position:static}
  .video-frame{box-shadow:10px 10px 0 rgba(0,119,255,.18)}
}
@media(max-width:600px){
  .workshop-shot img{box-shadow:8px 8px 0 #00a8ff}
  .system-main{box-shadow:10px 10px 0 #00a8ff}
  .authority-layout{gap:34px}
  .authority-intro h2{font-size:11vw;margin:25px 0 28px}
  .authority-list a{grid-template-columns:1fr auto;gap:9px 14px;padding:23px 0}
  .authority-list span{grid-column:1/-1}
  .authority-list strong{font-size:20px}
  .authority-list em{font-size:8px}
}