:root{--navy:#173859;--navy-deep:#0b2036;--gold:#c9a45c;--ink:#0f172a;--muted:#475569;--soft:#f8fafc;--line:#e2e8f0;--white:#fff;--max:1180px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}@media (max-width:640px){body{padding-bottom:80px}}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:24px}@media (max-width:640px){.container{padding-inline:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background-color:var(--navy);color:var(--white);border-color:var(--navy)}.btn-primary:hover{background-color:var(--navy-deep);border-color:var(--navy-deep)}.btn-gold{background-color:var(--gold);color:var(--navy-deep);border-color:var(--gold)}.btn-gold:hover{background-color:#b8924a;border-color:#b8924a;transform:translateY(-1px);box-shadow:0 8px 20px rgba(201,164,92,.35)}.btn-ghost{background-color:transparent;color:var(--navy);border-color:var(--line)}.btn-ghost:hover{background-color:var(--soft);border-color:var(--navy)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.about__frame{position:relative;width:100%;max-width:480px;aspect-ratio:3/4;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(11,32,54,.18);background-color:var(--navy)}.about__frame .about__img{object-fit:cover;opacity:0;transition:opacity .8s ease}.about__frame .about__img.is-active{opacity:1}@media (prefers-reduced-motion:reduce){.about__frame .about__img{transition:none}}.post__cover{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--soft)}.post__cover .post__img{object-fit:cover}