@font-face {font-family:__GeistSans_8adcd2;src:url(/assets/optimized/0b78ff376f6b9734-s-p.a369fcf5628e.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face {font-family:__GeistSans_Fallback_8adcd2;src:local("Arial");ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.00%;size-adjust:106.28%}.__variable_8adcd2{--font-geist-sans:"__GeistSans_8adcd2","__GeistSans_Fallback_8adcd2"}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-cyrillic-ext-wght-normal-460bdf14.ca157063339a.woff2) format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-cyrillic-wght-normal-491cbc05.71d5ee93cc1e.woff2) format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-greek-ext-wght-normal-23aae568.6e9e020a25f9.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-greek-wght-normal-4449bf7a.1be3448e292f.woff2) format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-vietnamese-wght-normal-113a630f.5c66f9e07e90.woff2) format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-latin-ext-wght-normal-3835a68e.34b9c504cab7.woff2) format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face {font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/optimized/inter-latin-wght-normal-6c596dfc.3100e775e861.woff2) format("woff2-variations");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face {font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/optimized/playfair-display-cyrillic-wght-normal-b45c08ee.c108681cba6a.woff2) format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face {font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/optimized/playfair-display-vietnamese-wght-normal-0afb8027.ef6446229b59.woff2) format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face {font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/optimized/playfair-display-latin-ext-wght-normal-0b664db7.42898ad49a6b.woff2) format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face {font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/optimized/playfair-display-latin-wght-normal-e399f3e0.e0c764a8e9e1.woff2) format("woff2-variations");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root { color-scheme: dark; font-family: "Inter Variable", sans-serif; color: #fffaf1; background: #252a25; }* { box-sizing: border-box; }html { height: 100%; overflow: hidden; }body { margin: 0; height: 100svh; height: 100dvh; overflow: hidden; display: flex; align-items: center; justify-content: flex-end; padding: 60px max(7vw, 24px) 24px; }.backdrop, .shade { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; }.backdrop { object-fit: cover; object-position: center 43%; }.shade { background: linear-gradient(90deg, rgba(15,23,17,.1), rgba(20,27,21,.45) 40%, rgba(20,27,21,.94) 80%); }body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 150px; background: linear-gradient(180deg, rgba(8,18,12,.48), rgba(8,18,12,0)); pointer-events: none; z-index: 0; }.wordmark { z-index: 2; }main { position: relative; z-index: 1; }a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }.wordmark { position: absolute; top: 30px; left: max(5vw, 24px); font: italic 25px "Playfair Display Variable", Georgia, serif; }.wordmark span { font: 10px "Inter Variable", sans-serif; letter-spacing: .22em; margin-left: 6px; }main { width: min(100%, 450px); animation: arrive .8s both; }header { margin-bottom: 30px; }.eyebrow { font-size: 10px; letter-spacing: .23em; color: #debea0; font-weight: 600; margin: 0 0 15px; }h1 { font: 500 clamp(52px, 5.5vw, 76px)/1.1 "Playfair Display Variable", Georgia, serif; letter-spacing: -.035em; margin: 0 0 17px; }.intro { color: #e3e2da; font-size: 16px; line-height: 1.6; margin: 0; }nav { display: grid; gap: 12px; }.social { min-height: 78px; display: flex; align-items: center; gap: 17px; padding: 17px 20px; border: 1px solid #ffffff38; border-radius: 14px; background: #eff0e60b; backdrop-filter: blur(14px); transition: background .25s, transform .25s, border-color .25s; }.social:hover { transform: translateY(-3px); border-color: #debea0; background: #ffffff18; }.social.primary { background: #c59a70; border-color: #c59a70; color: #191c17; }.social.primary:hover { background: #d4ad88; }.social svg { width: 25px; height: 25px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round; }.social .dot { fill: currentColor; stroke: none; }.social strong { display: block; font-size: 16px; font-weight: 550; }.social small { display: block; margin-top: 6px; font-size: 11px; line-height: 1.5; opacity: .78; }.arrow { font-size: 24px; margin-left: auto; font-weight: 300; }.social svg.arrow { width: 20px; height: 20px; margin-left: auto; flex-shrink: 0; stroke-width: 1.8; }footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 27px; font-size: 10px; color: #d7d9ce; }footer a { border-bottom: 1px solid #d7d9ce55; padding-bottom: 3px; }a:focus-visible { outline: 2px solid #fffaf1; outline-offset: 5px; }@keyframes  arrive { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }@media  (min-width: 900px) {.backdrop { width: 78%; object-position: center 46%; mask-image: linear-gradient(90deg, #000 65%, transparent 100%); }}@media  (max-width: 700px) {:root { background: #131d16; }body { padding: 0 22px max(14px, env(safe-area-inset-bottom)); justify-content: center; align-items: flex-end; }.backdrop { height: 58svh; height: 58dvh; object-position: center 78%; }.shade { background: linear-gradient(180deg, #131d1626 0%, #131d1600 22%, #131d1640 36%, #131d16e6 52%, #131d16 59%); }.wordmark { top: max(16px, env(safe-area-inset-top)); left: 22px; font-size: 23px; text-shadow: 0 1px 12px #0008; }main { width: min(100%, 450px); }header { margin-bottom: clamp(12px, 1.8dvh, 18px); }.eyebrow { font-size: 8px; letter-spacing: .19em; margin-bottom: 8px; }h1 { font-size: clamp(32px, 5.2dvh, 46px); margin-bottom: 8px; }.intro { font-size: clamp(11px, 1.6dvh, 14px); line-height: 1.45; }nav { gap: clamp(6px, 1dvh, 10px); }.social { min-height: 0; height: clamp(44px, 6.2dvh, 56px); padding: 6px 15px; gap: 13px; border-radius: 12px; }.social strong { font-size: clamp(13px, 1.9dvh, 16px); }.social small { font-size: clamp(9px, 1.3dvh, 11px); margin-top: 3px; line-height: 1.3; }.social svg { width: 22px; height: 22px; }.arrow { font-size: 21px; }footer { margin-top: clamp(10px, 1.6dvh, 16px); font-size: 9px; }}@media  (max-width: 700px) and (max-height: 600px) {body { padding-inline: 18px; padding-bottom: max(10px, env(safe-area-inset-bottom)); }.wordmark { top: max(12px, env(safe-area-inset-top)); left: 18px; font-size: 20px; }.eyebrow { display: none; }.intro br { display: none; }.social { height: 44px; padding-block: 5px; }footer { margin-top: 9px; }}@media  (min-width: 701px) and (max-height: 760px) {body { padding-block: 48px 16px; }header { margin-bottom: 16px; }h1 { font-size: clamp(34px, 7dvh, 54px); margin-bottom: 10px; }.eyebrow { margin-bottom: 9px; }.intro { font-size: 13px; line-height: 1.4; }nav { gap: 8px; }.social { min-height: 0; height: clamp(44px, 7.5dvh, 60px); padding: 8px 16px; }footer { margin-top: 14px; }}@media  (orientation: landscape) and (max-height: 550px) {body { padding: 12px 5vw; }main { width: 48%; max-width: 440px; }.backdrop { width: 60%; height: 100%; object-position: center 65%; mask-image: linear-gradient(90deg, #000 65%, transparent); }.shade { background: linear-gradient(90deg, #131d1610, #131d1660 40%, #131d16 64%); }.wordmark { top: 18px; left: 22px; font-size: 21px; }.eyebrow { display: none; }header { margin-bottom: 10px; }h1 { font-size: 32px; margin-bottom: 5px; }.intro { font-size: 11px; line-height: 1.3; }.intro br { display: none; }nav { gap: 6px; }.social { height: 42px; min-height: 0; padding: 4px 12px; gap: 10px; }.social strong { font-size: 13px; }.social small { font-size: 9px; margin-top: 2px; }footer { margin-top: 8px; font-size: 8px; }}@media  (prefers-reduced-motion: reduce) {*, *::before, *::after { animation: none !important; transition: none !important; }}