@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Ma+Shan+Zheng&display=swap');
:root{--paper:#eee3cd;--ink:#30271e;--red:#9d392b;--muted:#665b4b;--line:#ccbea3;--display:'Cormorant Garamond',Georgia,serif;--wood:#493125;--tea:#526044;--gold:#b49a65}
body{background-color:var(--paper);background-image:radial-gradient(#6a51321a .6px,transparent .6px);background-size:5px 5px}
h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-1.4px}
.prototype-bar{background:#30271e;color:#e2d4b8;letter-spacing:1px}
.header{background:#f6efdf;padding-block:22px;border-bottom:1px solid #bb9e7280}
.brand{font-family:var(--display);font-size:27px;font-weight:600;line-height:.85}
.brand small{font-family:var(--body);font-weight:400;font-size:10px;letter-spacing:4px}
.brand-stamp,.small-seal,.little-stamp,.ink-glyph{font-family:'Ma Shan Zheng','KaiTi',serif;font-weight:400}
.brand-stamp{font-size:26px;line-height:.9;padding:7px 7px;transform:rotate(-2deg)}
.header nav{font-size:11px;gap:24px}.header-cta{border-color:var(--red);color:var(--red)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:0 6%;background:#382b21;color:#f6efdf}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden}
.hero-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:blur(2px) saturate(.65);transform:scale(1.025)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#231a13eb 3%,#302319c4 40%,#30231950 80%),linear-gradient(0deg,#241910d9,transparent 50%,#24191033)}
.hero-atmosphere figcaption{position:absolute;right:6%;bottom:128px;color:#f2e2c6;font-size:8px;z-index:1;letter-spacing:.3px}
.hero-top{color:#e3d1af;border-bottom:1px solid #eee3cd35;font-size:9px;padding:23px 0;letter-spacing:1.8px}
.hero-grid{grid-template-columns:1.6fr .55fr;gap:4%;min-height:590px}
.hero-copy{padding:58px 0 30px;position:relative;z-index:1}
.hero-copy>.eyebrow{color:#dbc499;font-weight:500;font-size:10px}
.hero h1{font-size:clamp(46px,5.45vw,88px);font-weight:400;line-height:1.03;letter-spacing:-1.7px;margin:23px 0 25px}
.hero h1>span:first-child{font-family:var(--body);font-size:12px;letter-spacing:2px;font-weight:400;text-transform:uppercase;margin-bottom:26px;color:#e9d6b5}
.hero h1 .red{color:#eac98c;font-style:italic}
.hero-description{font-size:14px;line-height:1.9;color:#eddfc8;max-width:425px}
.hero-actions{gap:24px;margin:30px 0 40px}.hero .micro{color:#d9c6a8;font-size:10px}
.button{font-weight:500;padding:17px 22px;border-radius:2px;font-size:12px}
.hero .primary{background:#ead5ad;color:#34291e;border:1px solid #f5e7ca}.hero .primary:hover{background:#fff0d4}
.hero-foot{border-color:#eee3cd40;color:#dbc8a5;font-size:8px;margin-top:auto;gap:20px;padding-bottom:4px}
.hero-calligraphy{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;border-inline:1px solid #eee3cd1c;margin:40px 0 70px;background:linear-gradient(90deg,transparent,#30231830,transparent)}
.ink-glyph{font-size:clamp(94px,12vw,190px);line-height:1.08;color:#f1dfb9;text-shadow:2px 7px 26px #21110970;transform:rotate(-3deg)}
.calligraphy-caption{font-size:7px;letter-spacing:2px;writing-mode:vertical-rl;position:absolute;right:12%;top:22%;color:#f0dfbd}
.little-stamp{font-size:28px;color:#f5dbc6;background:#97362bdd;padding:5px 6px;transform:rotate(-5deg)}
.info-band{border-color:#eee3cd40;padding:25px 0 28px;color:#e5d0ae;gap:24px}
.info-band span{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:8px;letter-spacing:.9px}
.info-band b{font-size:clamp(18px,2vw,27px);font-weight:500;letter-spacing:0}
.quiet-divider{display:flex;align-items:center;justify-content:center;gap:24px;padding:38px 6%;background:#e6d7b9;border-bottom:1px solid var(--line)}
.quiet-divider>span:first-child{width:45px;height:1px;background:var(--gold)}
.quiet-divider p{font-family:var(--display);font-style:italic;font-size:25px;line-height:1.2}.quiet-divider .small-seal{font-size:30px}
.section{padding:90px 8%}.eyebrow,.section-label{font-weight:500;font-size:9px;letter-spacing:1.5px}
.defense-scene{background:linear-gradient(120deg,#493125,#2b221c);gap:10%;color:#f1e5cf}
.defense-copy h2{font-size:clamp(44px,5.5vw,84px);line-height:1.08;margin-top:24px}.defense-copy .red{color:#ddbb83;font-style:italic}
.defense-copy>p:not(.eyebrow){font-size:14px;color:#e2d2b9}.defense-steps{border-color:#b3977259;color:#dfc49f}
.martial-stroke{height:40px;width:75%;margin-top:12px}.martial-stroke path{stroke:#ad644d;stroke-width:4}
.defense-poster{transform:rotate(0deg);border:8px solid #38281e;outline:1px solid #aa855750;box-shadow:14px 14px 0 #1e160e40;max-width:415px;justify-self:center}
.defense-poster figcaption{background:#38281e;color:#e6cda7;font-size:7px}.defense-poster:hover{rotate:0deg}
.statement h2{font-size:clamp(43px,4.5vw,70px);line-height:1.08}.statement h2 em{font-weight:400;color:var(--tea)}
.statement-copy .large-copy{font-family:var(--display);font-size:30px;line-height:1.25}.statement-copy p{line-height:1.85}
.principles h3{font-size:30px;line-height:1.12}.principles p{font-size:13px;line-height:1.8}
.practice{background:#e3d3b4;color:var(--ink);border-block:1px solid var(--line)}
.practice-heading h2{font-size:clamp(46px,5.5vw,82px);line-height:1.03}.practice-heading h2 span{color:var(--tea);font-style:italic}.practice-heading>p{color:var(--muted)}
.image-wrap{border:7px solid #f7edd9;box-shadow:0 6px 25px #59402319}.image-wrap img{filter:saturate(.75) contrast(1.02)}
.image-number{background:var(--wood)}.practice-grid figcaption strong{font-family:var(--display);font-size:29px}.practice-grid figcaption>span{color:#66543b}.class-flow{border-color:#b5a384}.class-flow span{color:#705c42}
.school-grid h2{font-size:clamp(43px,4.5vw,70px);line-height:1.05}.school-grid figure img{filter:saturate(.85)}.school-grid p:not(.eyebrow){font-size:14px;line-height:1.85}
.dojo-journey{background:#30271e}.dojo-backdrop{font-family:var(--display);font-size:17vw;color:#6c5a3e}
.dojo-content h2{font-size:clamp(48px,6vw,92px);line-height:1.04}.dojo-content h2 span{color:#edcc92;font-style:italic}.dojo-window:after{background:linear-gradient(90deg,#21180fd9,#21180f18 85%),linear-gradient(0deg,#21180f99,transparent 50%)}
.morning{background:#526044;color:#f2e7d1;position:relative}.morning:before{content:'功夫';font-family:'Ma Shan Zheng',serif;font-size:330px;position:absolute;right:5%;top:0;color:#ece1c50c;pointer-events:none}
.time{font-size:clamp(100px,15vw,220px);font-weight:400;letter-spacing:-5px;margin:25px 0;line-height:1}.colon{animation:none}.time .am{padding-top:15px;font-size:.12em;letter-spacing:1px}
.morning h2{font-size:clamp(32px,3.4vw,52px);line-height:1.1}.morning-bottom{position:relative}.morning address{font-size:12px;line-height:1.9;font-style:normal}.morning address a{display:inline-block;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.trial h2{font-size:clamp(42px,4.4vw,68px);line-height:1.06}.trial h2 .red{font-style:italic}.trial-card{background:#e6d7b9;border:1px solid #bfab855c;box-shadow:8px 8px 0 #d5c6a430}.trial-card h3{font-size:52px}
.faq h2{font-size:48px;line-height:1.08}footer{background:#30271e}.footer-brand{font-size:clamp(45px,9vw,140px);font-weight:400;letter-spacing:-4px}.footer-brand span{color:#b39a73}footer>div{border-color:#b39a7345;color:#d7c8aa}
@media(min-width:1600px){.hero-grid{min-height:710px}}
@media(max-width:1000px){.header{gap:15px}.header nav{gap:12px}.header nav a{font-size:10px}.hero h1{font-size:6vw}.hero-grid{grid-template-columns:1.6fr .5fr;min-height:650px}.hero-foot{font-size:7px}.hero-foot a{gap:10px}.hero-atmosphere figcaption{bottom:140px;font-size:7px}.defense-copy h2{font-size:5.8vw}.section{padding:70px 6%}}
@media(max-width:680px){.header{padding:20px 5%}.brand{font-size:24px}.brand-stamp{font-size:23px}.header-cta{font-size:10px;gap:12px}.hero{padding:0 6%}.hero-top{padding:21px 0;font-size:8px}.hero-grid{display:block;min-height:630px}.hero-copy{padding:42px 0 70px}.hero h1{font-size:clamp(41px,10.5vw,66px);letter-spacing:-1px;line-height:1.09;margin-top:26px}.hero h1>span:first-child{font-size:10px;letter-spacing:1.3px;margin-bottom:22px}.hero-copy>.eyebrow{font-size:8px;max-width:220px}.hero-description{font-size:13px;line-height:1.85;max-width:310px}.hero-calligraphy{position:absolute;right:6%;top:82px;margin:0;padding:0;border:none;background:none}.ink-glyph{font-size:38px;line-height:1;color:#e5c79b80}.little-stamp,.calligraphy-caption{display:none}.hero-actions{flex-wrap:wrap;gap:16px;margin:28px 0 30px}.hero .micro{font-size:9px}.hero-foot{font-size:6px;padding-top:20px;line-height:1.8;gap:12px}.hero-foot>span{max-width:130px}.hero-foot a{align-items:center;gap:10px;max-width:130px}.hero-atmosphere img{object-position:57% center;filter:blur(1.5px) saturate(.65)}.hero-atmosphere:after{background:linear-gradient(90deg,#231a13d9,#30231985),linear-gradient(0deg,#241910eb,transparent 90%)}.hero-atmosphere figcaption{bottom:135px;left:6%;right:6%;font-size:7px}.info-band{grid-template-columns:1fr;gap:15px;padding:23px 0}.info-band span{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;font-size:6px}.info-band b{font-size:18px;white-space:normal}.quiet-divider{padding:28px 6%;gap:15px}.quiet-divider>span:first-child{display:none}.quiet-divider p{font-size:22px}.quiet-divider .small-seal{font-size:25px;white-space:nowrap}.section{padding:60px 6%}.defense-copy h2{font-size:48px;line-height:1.07}.defense-poster{width:94%;max-width:350px;border-width:5px}.statement h2,.school-grid h2{font-size:44px}.principles h3{font-size:28px}.practice-heading h2{font-size:43px}.practice-heading>p{padding-top:20px}.practice-grid figcaption strong{font-size:23px}.image-wrap{border-width:4px}.dojo-content h2{font-size:44px;max-width:330px}.dojo-content{justify-content:flex-end}.morning{padding:50px 6%}.morning h2{font-size:34px}.time{font-size:105px;letter-spacing:-3px}.morning:before{font-size:160px;top:50px}.trial h2{font-size:43px}.faq h2{font-size:43px}.footer-brand{font-size:9.7vw;letter-spacing:-1px}footer>div{font-size:7px}.mobile-cta{background:#88392b}}

.atmosphere-credit{font-size:8px;color:#d1bea0;line-height:1.6;margin-top:16px}
@media(max-width:680px){.hero-copy{padding-bottom:30px}.hero-grid{min-height:0}.atmosphere-credit{font-size:8px;margin-top:18px}}
