@import url('https://fonts.googleapis.com/css2?family=Anton&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--teal:#14526E;--teal-dark:#0e3f56;--cream:#f4f2ed;--white:#ffffff;--dark:#232323;--mid:#4a4a4a;--divider:#d4d0c8;--footer-bg:#181818}
html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",sans-serif;letter-spacing:-0.02em;background:var(--cream);color:var(--dark);overflow-x:hidden}
nav{background:var(--white);border-bottom:1px solid var(--divider);height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:100}
.nav-logo{text-decoration:none}
.nav-logo img{height:52px;display:block;width:auto}
.nav-logo-badge{height:44px;width:54px;background:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 4px 4px;gap:1px}
.nav-logo-badge .bm{font-family:"Anton",sans-serif;font-size:9.5px;letter-spacing:0.04em;color:white;text-align:center;line-height:1.15}
.nav-logo-badge .bs{font-family:"Hanken Grotesk",sans-serif;font-size:5px;letter-spacing:0.06em;color:rgba(255,255,255,0.65);text-align:center}
.nav-links{display:flex;gap:38px;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
.nav-links li{list-style:none;margin:0;padding:0}
.nav-links a{font-family:"Hanken Grotesk",sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--dark);text-decoration:none;transition:color 0.18s}
.nav-links a:hover,.nav-links a.active{color:var(--teal)}
.nav-btn{font-family:"Hanken Grotesk",sans-serif;font-size:0.73rem;font-weight:600;background:var(--teal);color:white;padding:10px 22px;border-radius:5px;text-decoration:none;transition:background 0.18s;white-space:nowrap}
.nav-btn:hover{background:var(--teal-dark)}
.page-hero{background:var(--cream);padding:60px 80px 50px;border-bottom:1px solid var(--divider)}
.page-hero-label{font-size:0.65rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.page-hero-title{font-family:"Anton",sans-serif;font-size:clamp(56px,8vw,100px);font-weight:400;line-height:0.88;letter-spacing:-0.04em;text-transform:uppercase;color:var(--dark);margin-bottom:20px}
.page-hero-desc{font-size:17px;line-height:1.75;color:var(--mid);max-width:520px;letter-spacing:-0.02em}
.reviews-section{padding:48px 80px 64px;background:var(--white)}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:2rem 1.5rem}
.review-card{text-decoration:none;display:block}
.review-card-cover{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;transition:transform 0.3s,box-shadow 0.3s}
.rcp{width:100%;aspect-ratio:2/3;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:transform 0.3s,box-shadow 0.3s;padding:1rem}
.rcp-tag{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.rcp-title{font-size:12px;color:rgba(255,255,255,0.85);text-align:center;line-height:1.4;letter-spacing:-0.01em}
.review-card:hover .review-card-cover,.review-card:hover .rcp{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.14)}
.review-card-meta{padding:10px 0 0}
.review-card-title{font-family:"Hanken Grotesk",sans-serif;font-size:15px;font-weight:700;color:var(--dark);line-height:1.3;margin-bottom:3px;letter-spacing:-0.02em}
.review-card-author{font-size:13px;color:#999;letter-spacing:-0.01em}
.articles-section{padding:48px 80px 64px;background:var(--white)}
.article-row{display:block;text-decoration:none;padding:28px 0;border-bottom:1px solid var(--divider);transition:padding-left 0.2s}
.article-row:first-of-type{border-top:1px solid var(--divider)}
.article-row:hover{padding-left:12px}
.article-row-tag{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.article-row-title{font-family:"Anton",sans-serif;font-size:clamp(22px,3vw,32px);font-weight:400;letter-spacing:-0.03em;text-transform:uppercase;color:var(--dark);line-height:1.05;margin-bottom:8px}
.article-row-excerpt{font-size:16px;line-height:1.72;color:var(--mid);letter-spacing:-0.01em}
.empty-state{padding:80px;text-align:center;background:var(--white)}
.empty-state-title{font-family:"Anton",sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:-0.02em;text-transform:uppercase;color:#ccc;margin-bottom:8px}
.empty-state-sub{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#bbb}
.contribute{background:var(--white);padding:48px;text-align:center;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}
.contribute p{font-family:"Anton",sans-serif;font-size:clamp(22px,3.5vw,40px);font-weight:400;color:var(--dark);line-height:1.4}
.contribute a{color:var(--teal);text-decoration:none}
.contribute a:hover{text-decoration:underline}
.about-page{background:var(--white)}
.about-page-inner{display:grid;grid-template-columns:180px 1fr;gap:64px;padding:56px 80px;max-width:1060px}
.about-sidebar{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--teal);position:sticky;top:80px;height:fit-content}
.about-main h2{font-family:"Anton",sans-serif;font-size:2.2rem;font-weight:400;letter-spacing:-0.03em;text-transform:uppercase;color:var(--dark);margin-bottom:24px;line-height:1}
.about-main p{font-size:15px;line-height:1.85;color:var(--mid);margin-bottom:18px;letter-spacing:-0.02em}
.about-main p:last-child{margin-bottom:0}
footer{background:var(--footer-bg);padding:26px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-name{font-family:"Anton",sans-serif;font-size:19px;letter-spacing:0.05em;color:white;margin-bottom:4px}
.footer-email{font-family:"Hanken Grotesk",sans-serif;font-size:11.5px;color:rgba(255,255,255,0.42);text-decoration:none;letter-spacing:-0.01em}
.footer-email:hover{color:rgba(255,255,255,0.8)}
.footer-socials{display:flex;gap:10px;align-items:center}
.s-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:white;transition:opacity 0.18s}
.s-icon:hover{opacity:0.78}
.s-icon.ig{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.s-icon.fb{background:#1877f2}
.s-icon.yt{background:#ff0000}
@media(max-width:860px){nav{padding:0 20px}.nav-links{display:none}.page-hero,.reviews-section,.articles-section,.empty-state,.about-page-inner{padding-left:24px;padding-right:24px}.about-page-inner{grid-template-columns:1fr;gap:20px}.about-sidebar{position:static}footer{padding:22px 20px;flex-direction:column;align-items:flex-start}}