:root{--ink:#1c2923;--jade:#254e40;--jade-soft:#709181;--paper:#f3efe5;--gold:#bd8b47;--line:rgba(37,78,64,.18);--red:#a54a3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.page-shell{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 82% 42%,rgba(189,139,71,.09),transparent 31%),linear-gradient(90deg,transparent 49.95%,rgba(37,78,64,.035) 50%,transparent 50.05%)}.page-shell:before,.page-shell:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none}.page-shell:before{width:540px;height:540px;right:-330px;top:-320px}.page-shell:after{width:250px;height:250px;left:-160px;bottom:-150px}.site-header{width:min(1240px,calc(100% - 80px));height:110px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{color:var(--ink);text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-.04em;display:flex;align-items:center;gap:13px}.brand em{color:var(--gold);font-style:normal}.brand-mark{width:34px;height:34px;border:1px solid var(--jade);border-radius:50%;position:relative;display:block;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--jade)}.brand-mark:before{width:1px;height:100%;left:50%}.brand-mark:after{height:1px;width:100%;top:50%}.brand-mark i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);left:50%;top:50%;transform:translate(-50%,-50%)}.online{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--jade)}.online i{width:7px;height:7px;border-radius:50%;background:#4f8c68;box-shadow:0 0 0 5px rgba(79,140,104,.12);animation:pulse 2.5s ease infinite}.hero{width:min(1240px,calc(100% - 80px));margin:auto;flex:1;min-height:calc(100svh - 190px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:70px 0 80px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 36px;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:600;color:var(--jade-soft);display:flex;align-items:center;gap:16px}.eyebrow span{font-family:"Noto Serif SC",serif;font-size:16px;letter-spacing:.3em;color:var(--gold)}h1{font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(54px,6.4vw,92px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0 0 35px}h1 em{font-style:normal;color:var(--jade)}.intro{max-width:590px;color:#5e6963;font-size:15px;line-height:1.85;margin:0 0 45px}.coming-soon{width:min(390px,100%);height:47px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--jade)}.coming-soon i{height:1px;background:var(--gold);flex:1}.coming-soon small{font-size:10px;color:var(--jade-soft)}.compass-wrap{width:min(43vw,510px);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid var(--line)}.orbit-one{inset:3%;animation:spin 45s linear infinite}.orbit-one:before,.orbit-one:after{content:"";position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;top:50%;transform:translateY(-50%)}.orbit-one:before{left:-4px}.orbit-one:after{right:-4px}.orbit-two{inset:16%;border-style:dashed;opacity:.8}.compass{width:56%;height:56%;border-radius:50%;background:var(--jade);position:relative;display:grid;place-items:center;box-shadow:0 30px 80px rgba(37,78,64,.18)}.compass:before,.compass:after{content:"";position:absolute;background:rgba(255,255,255,.18)}.compass:before{width:1px;height:140%;top:-20%}.compass:after{height:1px;width:140%;left:-20%}.direction{font-family:"Noto Serif SC",serif;color:rgba(255,255,255,.72);position:absolute;font-size:12px;z-index:2}.north{top:13px}.east{right:15px}.south{bottom:13px}.west{left:15px}.yin-yang{width:48%;height:48%;border-radius:50%;background:linear-gradient(90deg,#ece6d9 50%,#18382e 50%);position:relative;z-index:2;transform:rotate(-35deg);box-shadow:0 0 0 1px rgba(255,255,255,.15)}.yin-yang:before,.yin-yang:after{content:"";position:absolute;left:25%;width:50%;height:50%;border-radius:50%}.yin-yang:before{top:0;background:#ece6d9}.yin-yang:after{bottom:0;background:#18382e}.yin-yang span:before,.yin-yang span:after{content:"";position:absolute;left:46%;width:8%;height:8%;border-radius:50%;z-index:3}.yin-yang span:before{top:21%;background:#18382e}.yin-yang span:after{bottom:21%;background:#ece6d9}.element{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);font-family:"Noto Serif SC",serif;font-size:14px;color:var(--jade);box-shadow:0 8px 25px rgba(37,78,64,.07)}.wood{top:0;left:37%}.fire{top:26%;right:0;color:var(--red)}.earth{bottom:2%;right:19%;color:#9b753c}.metal{bottom:8%;left:11%;color:#77766f}.water{top:24%;left:0;color:#365e7c}footer{width:min(1240px,calc(100% - 80px));height:80px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#78817c;font-size:9px;text-transform:uppercase;letter-spacing:.15em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(79,140,104,0)}}@media(max-width:800px){.site-header,.hero,footer{width:calc(100% - 38px)}.site-header{height:82px}.hero{grid-template-columns:1fr;gap:30px;padding:65px 0 55px}.hero-copy{text-align:center}.eyebrow{justify-content:center;margin-bottom:26px}h1{font-size:clamp(45px,13vw,68px);margin-bottom:28px}.intro{font-size:14px}.coming-soon{margin:auto}.compass-wrap{width:min(82vw,390px);order:-1}.compass{width:54%;height:54%}footer{height:72px;gap:20px}footer p:first-child{display:none}}@media(max-width:430px){.online{font-size:0}.online:after{content:"Online";font-size:9px}.compass-wrap{width:85vw}.element{width:38px;height:38px}h1{font-size:12vw}.intro{line-height:1.7}}@media(prefers-reduced-motion:reduce){.orbit-one,.online i{animation:none}}