:root{color-scheme:dark;--bg:#0c1210;--text:#f1e5c5;--gold:#c9b58a;--muted:#a8ad9f;--line:#c9b58a30;font-family:Georgia,"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--text);color:var(--bg);z-index:5}.skip:focus{top:12px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.hero{position:relative;isolation:isolate;min-height:clamp(440px,65vh,680px);display:flex;align-items:center;padding:64px 0}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(75px,10.3vw,146px);font-weight:400;line-height:1.06;letter-spacing:-.06em;margin:0 0 28px;background:linear-gradient(120deg,#fff6dc,#cdb37c);background-clip:text;-webkit-background-clip:text;color:transparent}.tagline{font-size:clamp(25px,3vw,40px);letter-spacing:.03em;line-height:1.5;margin:0 0 42px}.hero-art{position:absolute;z-index:-1;right:-48px;width:59%;height:100%;top:0;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 85%,transparent);mask-composite:intersect}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(120deg,#f4dfac,#d3b378);color:#172016;border:1px solid #eddbb4;border-radius:9px;padding:17px 24px;min-height:60px;font-size:18px;transition:transform .2s}.contact-button:hover{transform:translateY(-2px)}.contact-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.contact-button .arrow{width:21px;margin-left:12px}.meanings{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:36px 0 48px}.meanings article{padding:0 32px}.meanings article:first-child{padding-left:0}.meanings article+article{border-left:1px solid var(--line)}.meanings h2{font-weight:400;font-size:29px;letter-spacing:.12em;margin:0 0 14px}.meanings p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-art{right:-32px;opacity:.8}.meanings article{padding-inline:22px}.meanings p{font-size:13px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero{min-height:0;padding:42px 0 30px;display:flex;flex-direction:column;text-align:center}.hero-copy{display:contents}h1{font-size:clamp(54px,16vw,105px);white-space:nowrap;margin-bottom:16px}.tagline{font-size:clamp(21px,5.8vw,32px);margin:0;line-height:1.6}.hero-art{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:1.65;opacity:1;z-index:0;margin:4px -20px -8px;mask-image:linear-gradient(0deg,transparent,#000 16%,#000 88%,transparent);mask-composite:add}.hero-art img{display:block}.contact-button{order:3;width:100%;font-size:17px;min-height:58px;padding:14px 18px;z-index:1}.meanings{grid-template-columns:1fr;padding:0 0 24px}.meanings article,.meanings article:first-child{padding:23px 0;display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:center}.meanings article+article{border-left:0;border-top:1px solid var(--line)}.meanings h2{font-size:24px;letter-spacing:.04em;margin:0}.meanings p{font-size:13px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.contact-button{transition:none}.contact-button:hover{transform:none}}
/* A coordinated motion system: depth, light, typography and response. */
body{isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,#a3883a18,transparent 48%),radial-gradient(ellipse at 80% 80%,#55786412,transparent 50%);animation:ambient-light 18s ease-in-out infinite alternate}
.hero{--px:0px;--py:0px;--rx:0deg;--ry:0deg;--sx:0px;--sy:0px;--lx:50%;--ly:45%}
.hero-art{overflow:hidden;perspective:1100px}
.ribbon-plane{position:relative;width:100%;height:100%;transform:translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.07);transform-origin:50% 55%;animation:sculpture-enter 1.7s cubic-bezier(.16,1,.3,1) backwards}
.hero-art img{display:block;width:100%;height:100%;filter:contrast(1.035) saturate(1.05)}
.ribbon-plane:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--lx) var(--ly),#fff0b69c 0%,#f2ce7940 23%,transparent 58%);mix-blend-mode:soft-light;opacity:.32;transition:opacity .6s}
.light-active .ribbon-plane:after{opacity:.95}
.hero-art:before{content:"";position:absolute;z-index:1;left:14%;right:3%;bottom:12%;height:14%;background:radial-gradient(ellipse,#0008,transparent 70%);transform:translate3d(var(--sx),var(--sy),0);pointer-events:none}
.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff0bf16 48%,transparent 62%);mix-blend-mode:screen;animation:sculpture-glow 10s ease-in-out infinite}
h1{background:none;color:var(--text);white-space:nowrap;line-height:1.14}
.domain-letter{display:inline-block;letter-spacing:-.06em;background:linear-gradient(110deg,#c4a66b 0%,#f3e3ba 37%,#fffdf1 49%,#e8cf96 61%,#c4a66b 100%);background-size:260% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:letter-enter 1.1s calc(var(--i)*65ms) cubic-bezier(.16,1,.3,1) backwards;transition:background-position 1.1s cubic-bezier(.2,.65,.3,1);transition-delay:calc(var(--i)*25ms)}
h1:hover .domain-letter{background-position:0% 50%}
.tagline{animation:detail-enter 1.1s .35s cubic-bezier(.16,1,.3,1) backwards}
.contact-button{position:relative;isolation:isolate;animation:detail-enter 1.1s .5s cubic-bezier(.16,1,.3,1) backwards;transition:box-shadow .4s,transform .4s}
.contact-button:hover{transform:translateY(-2px);box-shadow:0 10px 36px #b58c2924}
.contact-button:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0deg,#fff8d9 65deg,transparent 130deg,transparent 230deg,#fff8d9 285deg,transparent 340deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:edge-orbit 7s linear infinite;opacity:.7}
.contact-button:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(160px circle at var(--bx,50%) var(--by,50%),#fff8d675,transparent 100%);opacity:0;pointer-events:none;transition:opacity .35s}
.contact-button:hover:after,.contact-button:focus-visible:after{opacity:1}
.contact-button .arrow{transition:transform .4s cubic-bezier(.2,.65,.3,1)}
.contact-button:hover .arrow,.contact-button:focus-visible .arrow{transform:translateX(6px)}
.meanings{position:relative}
.meanings:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;transform-origin:left;background:linear-gradient(90deg,transparent,#c9b58ab3,transparent);animation:rule-enter 1.6s .55s cubic-bezier(.16,1,.3,1) both}
.meanings article{position:relative;animation:detail-enter 1.2s .6s cubic-bezier(.16,1,.3,1) backwards;transition:background .5s}
.meanings article:nth-child(2){animation-delay:.75s}.meanings article:nth-child(3){animation-delay:.9s}
.meanings h2,.meanings p{transition:transform .5s cubic-bezier(.2,.65,.3,1),color .5s}
.meanings h2{position:relative;width:max-content}
.meanings h2:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,#e9d09c,transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.meanings article:hover h2{transform:translateY(-4px);color:#fff4d7}.meanings article:hover p{transform:translateY(-2px);color:#d9ceb4}.meanings article:hover h2:after{transform:scaleX(1)}
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes edge-orbit{to{--edge-angle:360deg}}
@keyframes ambient-light{from{opacity:.45;transform:translate3d(-3%,-2%,0) scale(1.05)}to{opacity:.95;transform:translate3d(3%,2%,0) scale(1.12)}}
@keyframes sculpture-glow{0%,100%{opacity:.15;transform:translateX(-14%)}50%{opacity:.65;transform:translateX(14%)}}
@keyframes sculpture-enter{from{opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(30px,12px,0) rotateY(-8deg) scale(1.13)}to{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0) rotateY(0) scale(1.07)}}
@keyframes letter-enter{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,26px,0) rotateX(-25deg)}to{opacity:1;clip-path:inset(-20%);transform:translate3d(0,0,0) rotateX(0)}}
@keyframes detail-enter{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes rule-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
@media(hover:none),(pointer:coarse),(max-width:700px){body:before,.hero-art:before,.hero-art:after,.ribbon-plane:after,.contact-button:before,.contact-button:after{display:none}.ribbon-plane{aspect-ratio:1.65;height:auto;animation-duration:1.2s}.hero-art img{aspect-ratio:1.65}.domain-letter{animation-duration:.85s;animation-delay:calc(var(--i)*40ms)}.contact-button:hover{transform:none;box-shadow:none}.meanings article:hover h2,.meanings article:hover p{transform:none}.meanings h2:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ribbon-plane,.domain-letter,.contact-button:hover,.meanings article:hover h2,.meanings article:hover p,.contact-button:hover .arrow,.contact-button:focus-visible .arrow{transform:none!important}.hero-art:before,.hero-art:after,.ribbon-plane:after,.contact-button:before,.contact-button:after,body:before{display:none}}