:root{color-scheme:dark;--bg:#111411;--ink:#edf1e8;--muted:#a0ab9c;--line:#353e34;--accent:#c9ea93}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1440px;margin:auto}header{padding:34px 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:1.8px;font-weight:700;display:flex;gap:10px;align-items:center}.mark{border:1px solid var(--accent);color:var(--accent);padding:9px 7px;font-size:16px;margin-right:7px}.light{font-weight:400;color:var(--muted)}.status{font-size:11px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;border-radius:50%;background:#d8ad6d}.status.online i{background:var(--accent)}main{padding:88px 64px 42px;display:grid;grid-template-columns:1.12fr 1fr;column-gap:68px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.3vw,68px);font-weight:400;line-height:1.07;letter-spacing:-2.2px;margin:34px 0 25px}h1 em{color:var(--accent);font-weight:400}.intro{max-width:430px;line-height:1.7;color:var(--muted);font-size:15px}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;background:var(--accent);color:#182113;padding:18px 22px;margin-top:22px;font-size:13px;font-weight:700}.cta:hover{background:#e1ffc0}.cta:focus-visible{outline:3px solid white;outline-offset:5px}.cta span{font-size:21px;font-weight:400}.access{font-size:10px;color:#778270;margin-top:16px;letter-spacing:.5px}.film{padding-top:4px}.frame{border:1px solid #54614b;height:410px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(140deg,#242f22,#182017 65%,#22261b)}.frame:after{content:'';position:absolute;inset:9px;border:1px solid #50634133;pointer-events:none}.frame-label,.frame-bottom,.film-meta{font-size:9px;letter-spacing:1.6px}.frame-label{color:#bbc9ae}.frame-bottom{position:absolute;bottom:25px;left:24px;right:24px;display:flex;justify-content:space-between;color:#9aa790}.composition{height:300px;display:grid;place-items:center;position:relative}.composition strong{font-family:Georgia,serif;font-size:67px;font-weight:400;color:var(--accent);z-index:2;text-shadow:0 2px 30px #142013}.composition strong span{display:block;text-align:center;font:9px Arial,sans-serif;letter-spacing:2.8px;padding-top:15px;color:#b4c2a7}.ring{position:absolute;border:1px solid #7b976045;width:250px;height:250px;transform:rotate(-25deg)}.ring-two{transform:rotate(25deg);width:190px;height:190px}.axis{position:absolute;width:500px;height:1px;background:#8fba5d30;transform:rotate(-45deg)}.film-meta{display:flex;justify-content:space-between;margin-top:15px;color:#718269;gap:16px;line-height:1.5}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:30px 30px 32px 0}.principles article+article{padding-left:30px;border-left:1px solid var(--line)}.principles article>span{font-size:10px;letter-spacing:1.6px;color:#90a17f}h2{font-weight:400;font-size:21px;margin:20px 0 12px;letter-spacing:-.4px}.principles p{font-size:13px;line-height:1.7;color:var(--muted);max-width:300px}.notice{grid-column:1/-1;display:flex;gap:50px;align-items:center;padding:35px 0 0}.notice h2{margin:10px 0;font-size:23px;white-space:nowrap}.notice p{max-width:650px;color:#8c9885;font-size:12px;line-height:1.8}footer{padding:20px 64px 35px;display:flex;justify-content:space-between;font-size:9px;color:#76836d;letter-spacing:1.2px}@media(max-width:850px){header{padding:22px 25px}.brand{font-size:10px;letter-spacing:.8px;gap:6px}.light{display:none}main{padding:48px 25px;grid-template-columns:1fr;gap:40px}h1{font-size:52px}.intro{max-width:540px}.film{max-width:580px}.frame{height:380px}.principles{margin-top:10px}.notice{padding-top:0;gap:25px}footer{padding:20px 25px}}@media(max-width:540px){h1{font-size:44px;letter-spacing:-1.5px}.status{font-size:10px}.principles{grid-template-columns:1fr}.principles article,.principles article+article{padding:25px 0;border-left:0}.principles article+article{border-top:1px solid var(--line)}.principles p{max-width:none}.notice{display:block}footer{gap:20px;line-height:1.7}.film-meta{font-size:8px}.composition strong{font-size:58px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}