:root{--cream:#f5f1e9;--sand:#f0ebe1;--ink:#22201c;--mute:#7a746a;--berry:#b54b67;--berry-soft:#f3e4e8;--r-lg:24px;--r-md:18px;--r-sm:12px;--r-pill:999px;--shadow:0 1px 2px #22201c0a, 0 10px 30px #22201c0f;--shadow-lift:0 2px 4px #22201c0d, 0 18px 44px #22201c1a;--sans:"Heebo",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--gut:clamp(20px,5vw,64px)}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;padding-inline:var(--gut);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:.72rem}header{z-index:20;backdrop-filter:blur(8px);background:#f5f1e9e0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding-block:18px;display:flex}.mark{font-family:var(--mono);letter-spacing:.04em;font-size:.95rem;font-weight:500;position:relative}.mark:after{content:"";background:var(--berry);border-radius:var(--r-pill);width:16px;height:3px;position:absolute;bottom:-7px;left:0}.links{align-items:center;gap:26px;font-size:.94rem;font-weight:500;display:flex}.links a{border-radius:var(--r-sm);padding:6px 2px;transition:color .18s}.links a:hover{color:var(--berry)}.lang{font-family:var(--mono);letter-spacing:.08em;border-radius:var(--r-pill);color:var(--mute);border:1.5px solid #e2dacc;padding:6px 12px;font-size:.72rem;transition:all .18s}.lang:hover{border-color:var(--berry);color:var(--berry)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(40px,7vw,84px);display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:800;line-height:1.12}.hero h1 em{color:var(--berry);font-style:normal}.hero p{color:var(--mute);max-width:44ch;margin:0 0 30px;font-size:1.1rem}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{background:var(--berry);color:var(--cream);border-radius:var(--r-pill);cursor:pointer;border:0;align-items:center;gap:9px;padding:13px 26px;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{background:#a44059;transform:translateY(-2px);box-shadow:0 10px 24px #b54b6747}.btn-ghost{color:var(--ink);background:0 0;border:1.5px solid #e2dacc}.btn-ghost:hover{background:var(--sand);box-shadow:none;color:var(--ink);border-color:#d9cfbd}.hero-social{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);align-items:center;gap:14px;margin-top:26px;font-size:.74rem;display:flex}.hero-social a{transition:color .18s}.hero-social a:hover{color:var(--berry)}.hero-social span{opacity:.45}.portrait{aspect-ratio:4/5;border-radius:var(--r-lg);box-shadow:var(--shadow);text-align:center;background-color:#e6daca;background-image:url(/assets/portrait.jpg);background-position:50%;background-size:cover;place-items:center;padding:24px;display:grid}.portrait span{font-family:var(--mono);letter-spacing:.09em;color:#9a917f;font-size:.7rem}section{padding-block:clamp(34px,5vw,58px)}.head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.head h2{letter-spacing:-.015em;margin:0;padding-bottom:12px;font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:700;position:relative}.head h2:after{content:"";inset-inline-start:0;background:var(--berry);border-radius:var(--r-pill);width:44px;height:3px;position:absolute;bottom:0}.more{color:var(--berry);white-space:nowrap;font-size:.92rem;font-weight:600}.more:hover{text-underline-offset:4px;text-decoration:underline}.feature{border-radius:var(--r-lg);background:var(--sand);box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.feature:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e9ded0 0%,#e0d2c0 100%);place-items:center;display:grid;position:relative}.play{border-radius:var(--r-pill);background:var(--berry);place-items:center;width:66px;height:66px;display:grid;box-shadow:0 8px 22px #b54b6752}.play:after{content:"";border-inline-start:17px solid var(--cream);border-block:11px solid #0000;width:0;height:0;margin-inline-start:4px}.feature .meta{padding:22px 26px 26px}.feature h3{letter-spacing:-.01em;margin:8px 0 6px;font-size:1.3rem;font-weight:700}.feature p{color:var(--mute);margin:0;font-size:.98rem}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{border-radius:var(--r-md);background:var(--sand);box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card .t{aspect-ratio:16/9;background:linear-gradient(135deg,#ebe1d4 0%,#e2d5c4 100%)}.card .m{padding:16px 18px 20px}.card h4{margin:9px 0 0;font-size:1rem;font-weight:600;line-height:1.4}.tag{font-family:var(--mono);letter-spacing:.1em;border-radius:var(--r-pill);background:var(--berry-soft);color:var(--berry);padding:3px 9px;font-size:.64rem;font-weight:500;display:inline-block}.tag.en{color:#4a6fae;background:#e4eaf5}.post{border-radius:var(--r-sm);padding:22px 4px;border-bottom:1px solid #e7dfd1;align-items:baseline;gap:22px;padding-inline:14px;transition:background .18s;display:flex}.post:hover{background:var(--sand)}.post:last-child{border-bottom:0}.post .d{font-family:var(--mono);letter-spacing:.06em;color:var(--mute);white-space:nowrap;min-width:88px;font-size:.72rem}.post h4{margin:0 0 4px;font-size:1.08rem;font-weight:600}.post p{color:var(--mute);margin:0;font-size:.94rem}.news{background:var(--sand);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow);padding:clamp(30px,5vw,52px)}.news h2{letter-spacing:-.015em;margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}.news p{color:var(--mute);max-width:46ch;margin:0 auto 26px}.form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.form input{font-family:var(--sans);border-radius:var(--r-pill);background:var(--cream);min-width:270px;color:var(--ink);border:1.5px solid #e2dacc;padding:13px 22px;font-size:1rem}.form input:focus{border-color:var(--berry);outline:none}.fine{font-family:var(--mono);letter-spacing:.08em;color:var(--mute);margin-top:18px;font-size:.66rem}.work{border-radius:var(--r-lg);background:var(--sand);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:26px;padding:30px 32px;display:flex}.work .body{flex:1;min-width:260px}.work h3{margin:10px 0 8px;font-size:1.25rem;font-weight:700}.work p{color:var(--mute);margin:0 0 14px}.stack{font-family:var(--mono);letter-spacing:.06em;color:var(--mute);font-size:.72rem}.pill{font-family:var(--mono);letter-spacing:.1em;border-radius:var(--r-pill);background:var(--berry);color:var(--cream);padding:4px 11px;font-size:.64rem;font-weight:500;display:inline-block}footer{border-top:1px solid #e7dfd1;margin-top:40px;padding-block:44px 56px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.social{gap:20px;font-size:.95rem;font-weight:500;display:flex}.social a:hover{color:var(--berry)}.sig{font-family:var(--mono);letter-spacing:.08em;color:var(--mute);font-size:.72rem}@media (width<=860px){.hero{grid-template-columns:1fr}.portrait{aspect-ratio:3/2;order:-1}.grid{grid-template-columns:1fr 1fr}.links a:not(.lang){display:none}}@media (width<=560px){.grid{grid-template-columns:1fr}.post{flex-direction:column;gap:6px}}