@import url('/assets/fonts.css');
:root{--ink:#172f2f;--paper:#f1efe7;--sand:#d8c8a7;--accent:#e8d699;--line:#a2aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #948349}button,a,input{touch-action:manipulation}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}button{cursor:pointer}.skip{position:fixed;top:10px;transform:translateY(-200%);left:20px;background:white;padding:10px;z-index:20}.skip:focus{transform:none}header{height:88px;display:flex;align-items:center;gap:32px;padding:0 4.5%;position:absolute;inset:0 0 auto;z-index:4;color:#fff;border-bottom:1px solid #ffffff26}.wordmark{text-transform:uppercase;font-size:24px;letter-spacing:.08em;font-weight:800;margin-inline-end:auto}nav{display:flex;gap:14px;align-items:center}nav a{font-size:11px;font-weight:700;opacity:.6;padding:6px 0;border-bottom:1px solid transparent}nav a[aria-current=true]{opacity:1;border-bottom-color:var(--accent)}.header-contact{font-size:12px}.hero{position:relative;min-height:800px;height:min(100svh,1040px);background:#122523;color:#fff;isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-position:65% 50%;animation:hero-pan 20s ease-in-out infinite alternate}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,25,24,.9) 0%,rgba(8,25,24,.45) 48%,rgba(8,25,24,.05) 90%)}.hero-copy{padding:170px 4.5% 110px;max-width:780px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;margin-bottom:24px}.hero h1{font-size:clamp(56px,8vw,122px);font-weight:500;text-transform:uppercase;letter-spacing:-.065em;margin-inline-start:-.035em}.hero-phrase{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.2vw,48px);line-height:1.15;margin:24px 0}.hero-lead{max-width:370px;font-size:14px;color:#e1e7de}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white;border:1px solid var(--ink);padding:19px 24px;font-size:12px;font-weight:700;min-height:58px;transition:transform .3s,background .3s}.button:hover{background:#36524b;transform:translateY(-2px)}.button-light{margin-top:30px;background:var(--accent);border-color:var(--accent);color:var(--ink)}.button-light:hover{background:#f2e6bd}.button span{font-size:20px;line-height:1}.hero-caption{position:absolute;inset:auto 4.5% 27px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#d5ddd1}.section{padding:100px 4.5%}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:50px}h2{font:500 clamp(30px,3.5vw,54px)/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.025em}.intro{max-width:490px;color:#4c5d56}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-art{aspect-ratio:1/1;overflow:hidden;background:#273d35}.card-art img{width:100%;height:100%;transition:transform 1.2s}.practice-card:hover img{transform:scale(1.055)}.art-0 img{object-position:88% 50%;width:165%;max-width:none;transform:translateX(-28%)}.art-1 img{object-position:20% 50%}.art-2 img{object-position:80% 75%;transform:scale(1.4)}.practice-card:hover .art-0 img{transform:translateX(-28%) scale(1.04)}.practice-card:hover .art-2 img{transform:scale(1.47)}.card-copy{padding:24px 0 0}.number{font-size:10px;letter-spacing:.15em;opacity:.6}.card-copy h3{font-size:20px;font-weight:600;margin:13px 0}.card-copy p{font-size:13px;color:#526159;max-width:310px}.detail{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#f4f1e6;min-height:600px}.detail-image{overflow:hidden}.detail-image img{width:100%;height:100%;max-height:750px;object-position:50% 50%}.detail-copy{padding:70px 12%;align-self:center}.detail-copy h2{margin:28px 0}.detail-copy p{color:#bdc9bf;font-size:14px}.text-link{display:inline-block;margin-top:30px;padding-bottom:6px;border-bottom:1px solid #aaad87;font-size:12px}.board-motif{display:block;width:60px;height:60px;background:repeating-conic-gradient(#d6c79a 0% 25%,transparent 0% 50%) 0/30px 30px;opacity:.7;animation:board-breathe 5s ease-in-out infinite alternate}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e5e6da}.contact h2{font-size:clamp(30px,3vw,46px)}.contact-intro>p:not(.eyebrow){margin-top:25px;max-width:390px;font-size:14px}.email{display:block;width:max-content;max-width:100%;font-size:clamp(13px,1.6vw,22px);font-weight:600;border-bottom:1px solid #889987;margin-top:34px;direction:ltr;overflow-wrap:anywhere}.contact-intro>small{display:block;font-size:10px;letter-spacing:.13em;margin-top:12px;direction:ltr}.form-shell{background:#f5f3ea;padding:36px}form label{display:block;font-size:12px;margin-bottom:22px}label>span[aria-hidden]{color:#806d35;margin-inline-start:5px}form input:not([type=checkbox]),textarea{display:block;border:0;border-bottom:1px solid #a9b2a3;background:transparent;width:100%;border-radius:0;padding:12px 0;font-size:15px;color:var(--ink);min-width:0}form input:focus,textarea:focus{outline:none;border-bottom:2px solid #4c755b}textarea{resize:vertical}textarea::placeholder{font-size:12px;color:#6a756d;opacity:1}label small{font-size:10px;opacity:.65}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.6;margin-top:24px}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--ink);margin:0}.mail-notice{font-size:10px;color:#59685d;margin:20px 0}details{font-size:10px}summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}details p{margin-top:10px}.form-shell .button{width:100%}#form-result{font-size:12px;margin-top:18px;overflow-wrap:anywhere}#form-result:empty{display:none}#form-result[data-state=error]{color:#8c2929}#form-result[data-state=saved]{padding:18px;background:#e0ebdd;color:#214e30}button:disabled{opacity:.6;cursor:wait}footer{padding:32px 4.5%;display:flex;gap:25px;align-items:center;justify-content:space-between;background:#112827;color:#c4cdbf;font-size:10px}footer>span{font-size:19px;text-transform:uppercase;letter-spacing:.08em}footer div{font-size:9px;opacity:.7}footer a{direction:ltr}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .85s,transform .85s}.js .reveal.visible{opacity:1;transform:none}#waves{position:fixed;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(8,25,24,.9),rgba(8,25,24,.35) 70%,transparent)}html[dir=rtl] .hero-image{transform:scaleX(-1);animation:none}html[lang=ar] h1{letter-spacing:0;font-size:clamp(70px,8vw,130px)}html[lang=zh] .hero h1{font-size:clamp(48px,7vw,110px)}@keyframes hero-pan{to{transform:scale(1.045) translateX(-.7%)}}@keyframes board-breathe{to{opacity:1;transform:translateY(-6px);filter:drop-shadow(0 0 15px #b4cf94)}}
@media(min-width:1600px){.section{padding-inline:max(4.5%,calc((100vw - 1500px)/2))}.hero-copy{padding-inline-start:max(4.5vw,calc((100vw - 1500px)/2));max-width:950px}}@media(max-width:900px){header{height:76px;gap:16px}.header-contact{display:none}.wordmark{font-size:21px}nav{gap:12px}.hero{height:850px;min-height:720px}.hero-copy{padding-top:155px;max-width:620px}.hero h1{font-size:82px}.hero-image{object-position:65% 50%}.section{padding-block:65px}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.cards{gap:18px}.card-copy h3{font-size:17px}.contact{gap:35px}.form-shell{padding:24px}.field-pair{grid-template-columns:1fr;gap:0}.detail-copy{padding:45px 9%}}@media(max-width:600px){header{height:92px;align-items:flex-start;padding-top:17px;flex-wrap:wrap;gap:3px}.wordmark{font-size:21px;width:100%;line-height:1.2}nav{gap:21px}nav a{padding:4px 0;font-size:10px}.hero{height:auto;min-height:790px}.hero-image{object-position:90% 50%;opacity:.84}.hero-shade{background:linear-gradient(90deg,#0c2625d9,#0c262544),linear-gradient(0deg,#0c2625b8,transparent 70%)}.hero-copy{padding:145px 6% 105px}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:25px}.hero h1{font-size:clamp(44px,13vw,72px);letter-spacing:-.055em}.hero-phrase{font-size:36px;max-width:310px;margin:25px 0}.hero-lead{font-size:13px;max-width:265px}.hero .button{margin-top:28px;gap:38px;font-size:11px}.hero-caption{inset-inline:6%;font-size:8px}.section{padding:55px 6%}h2{font-size:34px}.section-head .eyebrow,.contact .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:19px}.intro{font-size:13px}.cards{grid-template-columns:1fr;gap:35px}.practice-card{display:grid;grid-template-columns:43% 1fr;gap:20px;align-items:center}.card-art{aspect-ratio:4/5}.card-copy{padding:0}.card-copy h3{font-size:19px;margin:10px 0}.card-copy p{font-size:12px;line-height:1.6}.detail{grid-template-columns:1fr;min-height:0}.detail-image{height:340px}.detail-copy{padding:45px 6% 50px}.detail-copy h2{font-size:34px}.detail-copy p{font-size:13px;max-width:350px}.board-motif{width:45px;height:45px;background-size:22.5px 22.5px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:34px}.contact-intro>p:not(.eyebrow){font-size:13px}.email{font-size:16px}.form-shell{padding:25px 20px}.field-pair{grid-template-columns:1fr}form input:not([type=checkbox]),textarea{font-size:16px}.consent{font-size:11px;gap:10px}details,.mail-notice{font-size:11px}.button{padding:17px 20px}footer{padding:30px 6%;display:grid;gap:18px}html[lang=ar] .hero h1{font-size:70px}html[lang=zh] .hero h1{font-size:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}#waves{display:none}}
