:root{--ink:#1c1915;--muted:#756d62;--cream:#f6f1e8;--paper:#fffdf8;--line:#ded5c7;--orange:#ef5b2a;--orange-soft:#fbe3d8;--dark:#211b16;--radius:18px;--wrap:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px;z-index:99}.skip:focus{left:8px;top:8px}
.top{position:sticky;top:0;z-index:20;background:rgba(246,241,232,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,213,199,.7)}
.top-inner{display:flex;align-items:center;gap:28px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--cream);font:800 19px/1 Georgia,serif}.brand-text{display:flex;flex-direction:column;font-size:16px;line-height:1.05}.brand-text small{font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:600;margin-top:5px}
.nav{display:flex;gap:26px;margin-left:auto;font-size:13px;color:var(--muted)}.nav a{padding:8px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{color:var(--ink);border-color:var(--orange)}.soon-pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 14px;font:600 12px/1 inherit;color:var(--ink);cursor:pointer;white-space:nowrap}.soon-pill:hover{background:var(--paper)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding:76px 0 70px;align-items:center}.eyebrow{font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;color:var(--muted);margin:0 0 18px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px;vertical-align:1px}
.hero h1{font-size:clamp(46px,6.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:var(--orange)}.lead{max-width:470px;font-size:15px;color:var(--muted);margin:0 0 28px;line-height:1.85}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:12px;font:700 13px/1 inherit;cursor:pointer}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:var(--orange)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--paper)}.btn-light{background:var(--cream);color:var(--ink);flex-shrink:0}.btn-light:hover{background:#fff}.tiny{font-size:11px;color:var(--muted);margin:16px 0 0}
.hero-art{position:relative;min-height:430px}.art-orbit{position:absolute;inset:8% 2% 4% 8%;border:1px solid var(--line);border-radius:50%;transform:rotate(-16deg)}.art-orbit:after{content:"";position:absolute;left:8%;top:8%;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.art-card{position:absolute;background:var(--paper);border:1px solid rgba(222,213,199,.85);border-radius:16px;padding:18px;box-shadow:0 18px 45px rgba(40,30,20,.08);display:flex;flex-direction:column;gap:5px}.art-card strong{font-size:14px}.art-card span{font-size:11px;color:var(--muted)}.art-icon{font:400 28px/1 Georgia,serif;margin-bottom:9px;color:var(--orange)}.card-a{left:2%;top:18%;width:190px;transform:rotate(-5deg)}.card-b{right:3%;top:4%;width:200px;transform:rotate(4deg)}.card-c{right:16%;bottom:9%;width:178px;transform:rotate(-3deg)}.card-a:before,.card-b:before,.card-c:before{content:"";position:absolute;inset:8px;border:1px solid #eee7dc;border-radius:11px;pointer-events:none}.art-label{position:absolute;left:9%;bottom:12%;font:700 9px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--muted);transform:rotate(-90deg);transform-origin:left center}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:15px 0;color:var(--muted);font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.2em;white-space:nowrap}.marquee div{display:inline-block;animation:mar 35s linear infinite}@keyframes mar{to{transform:translateX(-50%)}}
.section{padding:88px 0}.section-head{max-width:560px;margin-bottom:36px}.section-head h2,.about h2,.timeline h2,.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0 0 16px;font-weight:800}.section-head>p:last-child,.about-copy>p,.cta p{color:var(--muted);font-size:14px;max-width:470px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 24px;min-height:250px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(40,30,20,.06)}.num{position:absolute;right:20px;top:20px;font:600 10px ui-monospace,Menlo,monospace;color:var(--muted)}.icon{font-size:25px;margin-bottom:34px;color:var(--orange)}.card h3{font-size:17px;margin:0 0 9px}.card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}.status{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:4px 9px;font-size:10px;color:var(--muted)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.about-copy p{max-width:480px;margin-top:0}.about-copy .muted{font-size:12px;padding-top:10px;border-top:1px solid var(--line);margin-top:24px}.about-facts{display:flex;flex-direction:column;justify-content:center}.about-facts div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.about-facts div:first-child{border-top:1px solid var(--line)}.about-facts span{color:var(--muted);flex-shrink:0}.about-facts strong{text-align:right;font-weight:600}.orange{color:var(--orange)}
.timeline{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--line);padding-top:48px}.timeline ol{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted)}.timeline li>span{font:600 10px ui-monospace,Menlo,monospace;padding-top:2px}.timeline li div{display:flex;flex-direction:column;gap:4px}.timeline strong{font-size:14px;color:var(--ink)}.timeline small{font-size:11px}.timeline li.current strong{color:var(--orange)}.timeline li.current{border-bottom-color:var(--orange)}.timeline li.done strong{color:var(--ink)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--dark);color:var(--cream);border-radius:22px;padding:42px 46px;margin-bottom:88px}.cta .eyebrow{color:#b9aa99}.cta h2{margin-bottom:8px;color:var(--cream)}.cta p{margin:0;color:#c8b9a7}.cta .btn-light{min-height:48px}
.footer{border-top:1px solid var(--line);padding:38px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand strong{display:block;font-size:14px}.footer-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.14em;margin-top:3px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font-size:10px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--cream);border-radius:999px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s ease;z-index:50;box-shadow:0 12px 30px rgba(0,0,0,.22)}.toast.show{opacity:1;transform:translate(-50%,0)}
.legal{padding:64px 0 80px;max-width:780px}.legal h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;line-height:1.15;margin:0 0 12px}.legal .date{color:var(--muted);font-size:11px;margin-bottom:34px}.legal h2{font-size:18px;margin:30px 0 8px}.legal p,.legal li{font-size:13px;color:#4f4941;line-height:1.9}.legal ul{padding-left:20px}.legal .notice{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:12px;color:var(--muted)}
.contact-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin-top:28px}.contact-box a{color:var(--orange);font-weight:700}
@media (max-width:850px){.hero{grid-template-columns:1fr;gap:20px;padding-top:52px}.hero-art{min-height:360px;margin-top:10px}.cards{grid-template-columns:1fr}.about,.timeline{grid-template-columns:1fr;gap:30px}.cta{margin-bottom:60px;padding:30px 26px;align-items:flex-start;flex-direction:column}.nav{display:none}.top-inner{gap:12px}.soon-pill{margin-left:auto}.section{padding:62px 0}.footer-inner{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.about-facts{margin-top:4px}}
@media (max-width:520px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:52px}.art-card{transform:none}.card-a{left:0;top:15%;width:165px}.card-b{right:0;width:175px}.card-c{right:6%;bottom:6%;width:155px}.art-label{display:none}.hero-art{min-height:380px}.soon-pill{padding:7px 10px;font-size:11px}.brand-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* v2: cleaner URLs, wider editorial layout and stronger mobile navigation */
@media (min-width:851px){
  .wrap{width:min(1280px,calc(100% - 80px))}
  .top-inner{min-height:84px;gap:34px}
  .brand-mark{width:38px;height:38px;font-size:21px}
  .brand-text{font-size:18px}.brand-text small{font-size:9px}
  .nav{gap:30px;font-size:14px}
  .hero{padding:96px 0 86px;gap:70px;grid-template-columns:1.08fr .92fr}
  .hero h1{font-size:clamp(58px,6.2vw,96px)}
  .lead{font-size:16px;line-height:1.9;max-width:500px}
  .hero-art{min-height:480px}
  .card-a{width:215px}.card-b{width:225px}.card-c{width:200px}
  .section{padding:104px 0}
  .section-head h2,.about h2,.timeline h2,.cta h2{font-size:clamp(34px,4vw,54px)}
  .cards{gap:18px}.card{padding:30px 28px 26px;min-height:276px}
  .about{gap:90px}.timeline{gap:76px}
  .cta{padding:52px 56px;margin-bottom:104px}
}
@media (max-width:850px){
  .top-inner{min-height:64px;flex-wrap:wrap;gap:10px 14px;padding:12px 0 8px}
  .brand{flex:1;min-width:160px}
  .soon-pill{order:2}
  .nav{order:3;display:flex;width:100%;gap:20px;margin:0;overflow-x:auto;padding:4px 0 8px;font-size:12px;scrollbar-width:none;border-top:1px solid rgba(222,213,199,.65);white-space:nowrap}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:7px 0;flex:0 0 auto}
  .hero h1{font-size:clamp(47px,12vw,64px)}
  .hero-art{min-height:390px}
  .hero-actions .btn{min-height:50px}
  .cards{gap:12px}
  .footer-links{gap:14px 18px}
}
@media (max-width:420px){
  .hero h1{font-size:44px}
  .hero-art{min-height:350px}
  .card-a{width:150px;top:12%}.card-b{width:162px}.card-c{width:145px}
  .art-card{padding:13px}.art-icon{font-size:23px;margin-bottom:5px}.art-card span{font-size:10px}
}
/* Keep the editorial layout calm on very wide screens without tiny type. */
@media (min-width:1600px){
  .wrap{width:min(1360px,calc(100% - 120px))}
  .hero{gap:96px}
  .hero h1{font-size:clamp(72px,6vw,104px)}
  .lead{font-size:17px}
  .cards{gap:20px}
}
/* Kinoger mark, shared across the kerbez subdomain */
.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:cover;display:block;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.footer-brand .brand-logo{width:34px;height:34px;border-radius:10px}
@media(max-width:850px){.brand-logo{width:34px;height:34px;border-radius:10px}}