:root{--paper:#111e1b;--ink:#e5f0dc;--accent:#c2e698;--muted:#809788;--line:#30473d;--art-bg:#223d32;--modal-bg:#1c3026;--button-ink:#16251a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1280px;margin:auto}header{padding:30px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:1px;font-weight:400;margin-left:12px}nav{display:flex;gap:28px;font-size:11px}.gate{border:1px solid var(--line);background:transparent;padding:10px 18px;font-size:11px}.gate:hover{border-color:var(--accent)}.hero{position:relative;padding:65px 45px;min-height:520px;overflow:hidden}.eyebrow{font:9px/1.6 ui-monospace,monospace;letter-spacing:2px;color:var(--accent);display:block}h1{font-size:clamp(40px,5vw,68px);line-height:1.3;font-weight:500;letter-spacing:-2px;margin:27px 0}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:13px;color:var(--muted);line-height:2}.primary{background:var(--accent);border:0;color:var(--button-ink,var(--paper));padding:12px 22px;display:inline-flex;gap:40px;align-items:center;margin-top:20px}.section{padding:45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-head h2{font-size:28px;font-weight:500;margin:8px 0}.section-head>p{font-size:11px;color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.item{border:1px solid var(--line);background:var(--panel,var(--paper))}.art{height:190px;position:relative;overflow:hidden;background:var(--art-bg)}.item-body{padding:22px}.item small{font:8px/1.5 ui-monospace;letter-spacing:1px;color:var(--muted)}.item h3{font-size:21px;font-weight:500;margin:9px 0}.item p{font-size:11px;color:var(--muted);min-height:40px}.meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:20px;font:9px/1.6 ui-monospace;color:var(--muted)}.item .gate{border:0;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;padding:13px 0 0;margin-top:13px;font-size:11px}.item .gate span{color:var(--accent)}.note{margin:25px 45px 60px;padding:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.note h2{font-size:25px;font-weight:400;margin:0}.note p{font-size:11px;color:var(--muted);max-width:420px;margin:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 45px;font:9px/1.6 ui-monospace;color:var(--muted)}.art i,.sculpture i{position:absolute;display:block}.art-label{position:absolute;left:15px;bottom:12px;font:8px ui-monospace;letter-spacing:2px;z-index:2}.art .n{position:absolute;right:15px;top:12px;font:9px ui-monospace;opacity:.5}.sculpture{position:absolute;right:30px;top:50px;width:440px;height:410px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:650px}@media(max-width:850px){header{padding:24px 25px}.hero{padding:45px 25px;min-height:480px}.sculpture{right:-90px;opacity:.6;transform:scale(.85)}.hero-copy{max-width:550px}.section{padding:35px 25px}.catalog{gap:14px}.art{height:150px}.item-body{padding:16px}.item h3{font-size:18px}.item p{min-height:60px;font-size:10px}.meta{font-size:7px}.note{margin:20px 25px 45px;padding:25px 0}footer{padding:25px}}@media(max-width:620px){header{padding:22px}.brand{font-size:22px}.brand small{display:none}nav{gap:17px;font-size:10px}header>.gate{display:none}.hero{padding:35px 22px 40px;min-height:690px}.hero h1{font-size:44px;letter-spacing:-1.5px}.sculpture{top:340px;right:calc(50% - 210px);width:420px;height:330px;transform:scale(.85);opacity:1}.hero-copy{max-width:none}.section{padding:32px 22px}.section-head h2{font-size:25px}.section-head>p{display:none}.catalog{grid-template-columns:1fr;gap:22px}.art{height:220px}.item-body{padding:22px}.item h3{font-size:23px}.item p{min-height:0;font-size:12px}.meta{font-size:9px}.note{margin:10px 22px 40px;display:block}.note p{margin-top:15px}footer{padding:25px 22px;flex-wrap:wrap;gap:15px}.hero .eyebrow{font-size:8px}.intro{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{font-weight:500;letter-spacing:5px}.hero{min-height:560px}.sculpture{right:35px;top:60px;perspective:600px}.sculpture i{width:210px;height:210px;left:95px;top:90px;background:linear-gradient(135deg,#a9ce82 50%,#5b8558 51%);transform:rotateX(48deg) rotateZ(45deg);box-shadow:25px 25px 0 #2f533a,50px 50px 0 #1c3529}.sculpture i:nth-child(2){width:95px;height:95px;left:5px;top:50px;background:#75975f;box-shadow:15px 15px 0 #2f533a}.sculpture i:nth-child(3){width:70px;height:70px;left:315px;top:280px;background:#c8e7a7;box-shadow:10px 10px 0 #52714d}.catalog{grid-template-columns:1.3fr 1fr;gap:18px}.item{border-radius:18px;overflow:hidden}.item:first-child{grid-row:span 2}.item:first-child .art{height:380px}.item:not(:first-child){display:grid;grid-template-columns:150px 1fr}.item:not(:first-child) .art{height:100%;min-height:245px}.item-body{padding:24px}.art{background:linear-gradient(145deg,#384e3a,#1b3126)}.art:before{content:'';position:absolute;width:110px;height:110px;top:50px;left:calc(50% - 55px);background:linear-gradient(135deg,#b5cc91 50%,#71865b 51%);transform:rotateX(40deg) rotateZ(45deg);box-shadow:15px 15px 0 #415e3e}.item:first-child .art:before{top:120px;transform:scale(1.6) rotateX(40deg) rotateZ(45deg)}.item:nth-child(2) .art{background:repeating-radial-gradient(ellipse,#709065 0 2px,#3e5f42 3px 7px)}.item:nth-child(2) .art:before{display:none}.item:nth-child(3) .art{background:radial-gradient(ellipse at 30% 35%,#d6dd9d,transparent 45%),#344d37}.item:nth-child(3) .art:before{display:none}.primary{border-radius:8px}.note{border:1px solid var(--line);border-radius:18px}@media(max-width:850px){.item:not(:first-child){display:block}.item:not(:first-child) .art{min-height:160px}.item:first-child .art{height:440px}}@media(max-width:620px){.hero{min-height:745px}.sculpture{top:330px;right:calc(50% - 210px)}.catalog{grid-template-columns:1fr}.item:first-child{grid-row:auto}.item:first-child .art{height:240px}.item:first-child .art:before{top:60px;transform:rotateX(40deg) rotateZ(45deg)}.item:not(:first-child) .art{height:220px}}
#gate-dialog,#access-dialog{--gate-accent:var(--accent,var(--blue,var(--orange,#45654e)));width:min(430px,calc(100% - 36px));max-width:430px;border:1px solid color-mix(in srgb,var(--gate-accent) 30%,transparent);border-radius:25px;padding:0;background:var(--modal-bg,var(--paper,#fbfaf5));color:var(--modal-ink,var(--ink,#22382c));box-shadow:0 35px 100px #0004;overflow:visible;animation:gate-enter .22s ease-out}#gate-dialog::backdrop,#access-dialog::backdrop{background:#10182066;backdrop-filter:blur(7px)}.gate-surface{position:relative;padding:48px 25px 43px;text-align:center;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--gate-accent) 10%,transparent),transparent 65%)}.gate-close{position:absolute;right:15px;top:14px;width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:transparent;color:inherit;opacity:.5;display:grid;place-items:center;font:20px/1 system-ui;cursor:pointer;transition:opacity .15s,background .15s}.gate-close:hover{opacity:1;background:color-mix(in srgb,var(--gate-accent) 10%,transparent)}.gate-emblem{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 24px;border-radius:23px;background:color-mix(in srgb,var(--gate-accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gate-accent) 20%,transparent);color:var(--gate-accent);transform:rotate(-5deg)}.gate-emblem svg{width:29px;height:29px;transform:rotate(5deg)}#gate-dialog .gate-surface h2,#access-dialog .gate-surface h2{font:500 22px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.5px;margin:0;color:inherit}.gate-rule{display:block;width:30px;height:3px;border-radius:5px;margin:25px auto 0;background:var(--gate-accent);opacity:.6}@keyframes gate-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#gate-dialog,#access-dialog{animation:none}}