:root { --ink:#10100f; --paper:#f2f0e9; --lime:#d7ff43; --orange:#ff6534; --line:rgba(16,16,15,.18); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Helvetica Neue","Noto Sans TC",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }

.nav { position:absolute; z-index:10; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:24px 4vw; border-bottom:1px solid rgba(242,240,233,.24); color:var(--paper); }
.wordmark { font-size:25px; font-weight:900; letter-spacing:-.08em; }
.wordmark-dot { color:var(--lime); }
.nav-links { display:flex; align-items:center; gap:34px; font-size:13px; font-weight:650; }
.nav-links a:not(.nav-cta) { opacity:.75; transition:opacity 180ms ease; }
.nav-links a:hover { opacity:1; }
.nav-cta { padding:10px 16px; border:1px solid rgba(242,240,233,.6); border-radius:999px; }

.hero { position:relative; min-height:800px; height:100svh; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:108px 4vw 46px; background:var(--ink); color:var(--paper); }
.hero::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:radial-gradient(rgba(255,255,255,.8) .55px,transparent .55px); background-size:5px 5px; }
.hero-kicker { position:relative; z-index:2; display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.16em; opacity:.62; }
.signal { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(215,255,67,.12); }
.hero h1 { position:relative; z-index:2; margin:24px 0 40px; max-width:1160px; font-size:clamp(58px,8.5vw,132px); line-height:.94; letter-spacing:-.075em; font-weight:850; }
.accent { display:inline-block; margin-left:.1em; color:var(--ink); background:var(--lime); padding:.03em .12em .1em .08em; transform:rotate(-1.4deg); }
.hero-bottom { position:relative; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; margin-top:auto; }
.hero-bottom p { margin:0; max-width:600px; font-size:clamp(17px,1.6vw,23px); line-height:1.55; letter-spacing:-.025em; color:rgba(242,240,233,.76); }
.round-link { width:86px; height:86px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; background:var(--orange); color:var(--ink); font-size:12px; font-weight:750; transition:transform 180ms ease; }
.round-link:hover { transform:rotate(6deg) scale(1.05); }
.orbit { position:absolute; border:1px solid rgba(242,240,233,.13); border-radius:50%; pointer-events:none; }
.orbit-one { width:52vw; height:52vw; right:-15vw; top:-16vw; }
.orbit-two { width:28vw; height:28vw; right:-3vw; top:-4vw; border-color:rgba(215,255,67,.18); }
.hero-stamp { position:absolute; z-index:2; top:22%; right:7vw; width:112px; height:112px; border:1px solid rgba(242,240,233,.28); border-radius:50%; display:grid; place-content:center; text-align:center; font-size:12px; font-weight:800; line-height:1.25; letter-spacing:.16em; transform:rotate(9deg); }

.statement,.process { padding:120px 4vw; }
.eyebrow { margin:0 0 52px; font-size:11px; font-weight:800; letter-spacing:.18em; }
.statement-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:8vw; align-items:start; }
.statement h2 { margin:0; max-width:900px; font-size:clamp(48px,6.4vw,96px); line-height:1.04; letter-spacing:-.068em; font-weight:800; }
.statement-copy { padding-top:12px; }
.statement-copy p { margin:0 0 26px; font-size:18px; line-height:1.75; color:rgba(16,16,15,.67); }
.process { padding-top:40px; }
.section-heading { display:flex; justify-content:space-between; gap:24px; }
.section-note { margin:0; max-width:350px; font-size:14px; color:rgba(16,16,15,.58); }
.principle-list { border-top:1px solid var(--line); }
.principle { display:grid; grid-template-columns:80px 1.1fr .9fr; gap:32px; align-items:center; padding:36px 0; border-bottom:1px solid var(--line); }
.principle>span { font-size:11px; font-weight:800; }
.principle h3 { margin:0; font-size:clamp(26px,3vw,45px); letter-spacing:-.045em; }
.principle p { margin:0; max-width:520px; font-size:16px; line-height:1.65; color:rgba(16,16,15,.62); }

.contact { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:8vw; padding:110px 4vw 80px; background:var(--orange); }
.eyebrow.light { margin-bottom:34px; }
.contact h2 { margin:0; font-size:clamp(46px,6vw,88px); line-height:1.04; letter-spacing:-.065em; }
.contact-side p { margin:0 0 42px; max-width:430px; font-size:17px; line-height:1.65; }
.contact-side a { display:inline-block; padding-bottom:5px; border-bottom:2px solid var(--ink); font-size:13px; font-weight:800; }
footer { display:flex; justify-content:space-between; gap:16px; padding:26px 4vw; background:var(--ink); color:rgba(242,240,233,.54); font-size:10px; letter-spacing:.14em; }

@media (max-width:800px) {
  .nav { padding:20px 22px; }
  .nav-links { gap:14px; }
  .nav-links>a:not(.nav-cta) { display:none; }
  .hero { min-height:720px; padding:104px 22px 32px; }
  .hero h1 { font-size:clamp(52px,15vw,82px); margin-top:32px; }
  .accent { margin-left:0; }
  .hero-stamp { top:auto; bottom:180px; right:8vw; width:84px; height:84px; font-size:9px; }
  .hero-bottom { align-items:flex-end; }
  .hero-bottom p { max-width:calc(100% - 104px); font-size:16px; }
  .desktop-break { display:none; }
  .round-link { width:74px; height:74px; }
  .statement,.process { padding:82px 22px; }
  .statement-grid,.contact { grid-template-columns:1fr; }
  .statement-grid { gap:46px; }
  .statement h2 { font-size:48px; }
  .section-heading { display:block; }
  .section-note { margin:-30px 0 38px; }
  .principle { grid-template-columns:40px 1fr; gap:16px; }
  .principle p { grid-column:2; }
  .contact { gap:50px; padding:82px 22px 62px; }
  .contact h2 { font-size:48px; }
  footer { padding:24px 22px; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{transition-duration:.01ms!important} }