@font-face{font-family:e-Ukraine;src:url('assets/e-Ukraine-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:e-Ukraine;src:url('assets/e-Ukraine-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--ink:#243348;--accent:#6650ba;--paper:#fff;--muted:#687386;--line:#e7eaf0;--motion:200ms ease}
*{box-sizing:border-box}
body{margin:0;background-color:#f0f2f8;background-image:radial-gradient(ellipse 60% 600px at 10% 0,#ded7f780,transparent 75%),radial-gradient(ellipse 55% 650px at 95% 45%,#dce8f580,transparent 75%),radial-gradient(ellipse 55% 450px at 15% 100%,#e2dcf570,transparent 75%);color:var(--ink);font-family:e-Ukraine,Arial,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
h1,h2,p{margin:0}
h1,h2{font-weight:700;line-height:1.3}
.page{width:min(calc(100% - 40px),540px);margin:40px auto;padding:32px;background-color:#fafbfe;background-image:radial-gradient(ellipse 380px 280px at 100% 0,#e4dcfa90,transparent 80%),radial-gradient(ellipse 330px 400px at 0 55%,#e4edf770,transparent 85%),radial-gradient(ellipse 330px 280px at 100% 100%,#e8dffa80,transparent 85%),linear-gradient(#24334806 1px,transparent 1px),linear-gradient(90deg,#24334806 1px,transparent 1px);background-size:auto,auto,auto,32px 32px,32px 32px;border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 24px 64px -32px #24334826,0 2px 8px #24334804,inset 0 0 0 1px #e7eaf070}
.profile{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #dce0eb}
.profile-identity{display:flex;align-items:center;gap:16px}
.avatar{display:block;width:64px;height:64px;flex:none;object-fit:cover;object-position:center;border-radius:50%;background:#ececf0;border:2px solid #fff;box-shadow:0 0 0 1px #dce0eb,0 3px 8px #2433480a}
.profile-name-block{min-width:0}
h1{font-size:1.625rem;letter-spacing:-.04em;overflow-wrap:anywhere}
.profile-handle{display:block;color:var(--muted);font-size:.8125rem;margin-top:4px;line-height:1.55}
.profile p{font-size:1rem;margin-top:20px;color:var(--muted);line-height:1.75;text-wrap:pretty}
.destinations{display:grid;gap:10px}
.destination{display:flex;align-items:center;gap:14px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;min-height:84px;box-shadow:0 2px 3px #24334803;transition:border-color var(--motion),box-shadow var(--motion),background var(--motion)}
.destination-copy{flex:1;min-width:0}
.destination-copy strong{display:block;font-size:1rem;font-weight:700;line-height:1.45;letter-spacing:-.025em}
.destination-copy>span{display:block;font-size:.875rem;color:var(--muted);margin-top:3px;line-height:1.5}
.website-mark{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:12px;object-fit:contain;background:#fff}
.destination-arrow{width:18px;height:18px;flex:none;color:#8590a0}
.library{background:#f5f2fd;border-color:#e4ddf6}
.library-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#ebe5fa;border:1px solid #e2d9f5;border-radius:12px;color:var(--accent)}
.library-icon svg{width:22px;height:22px}
.library .destination-arrow{color:var(--accent)}
.featured-section{margin-top:28px}
.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.075em;color:var(--muted);margin-bottom:12px}
.section-label>span:last-child{font-weight:400;letter-spacing:0}
.featured-section{min-width:0}
.case-controls{display:flex;align-items:center;gap:4px;flex:none;letter-spacing:0}
.case-controls>span{font-weight:400;font-variant-numeric:tabular-nums;margin-right:4px}
.case-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:#ffffffcc;color:var(--ink);cursor:pointer;transition:background var(--motion),border-color var(--motion)}
.case-controls button svg{width:16px;height:16px}
.case-controls button:disabled{opacity:.35;cursor:default}
.case-controls button:focus-visible,.case-rail:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.case-controls button:hover:not(:disabled){background:#f1ecfb;border-color:#c8bce7}
.case-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:16px}
.case-rail::-webkit-scrollbar{display:none}
.case-rail .featured{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}
.case-rail .feature-cover{flex:none}
.case-rail .feature-copy{display:flex;flex-direction:column;flex:1}
.case-rail .feature-action{margin-top:auto}
.case-rail .feature-copy p{margin-bottom:18px}
.featured{display:block;border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #24334804;transition:border-color var(--motion),box-shadow var(--motion)}
.feature-cover{position:relative;aspect-ratio:1672/941;overflow:hidden;background:#dceafb;border-bottom:1px solid var(--line)}
.feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 400ms ease}
.feature-cover--contain{background:#dcdcdc}
.feature-cover--contain img{object-fit:cover;object-position:center 48%}
.case-tag{position:absolute;top:14px;left:14px;background:#ffffffed;border:1px solid #ffffff70;box-shadow:0 2px 4px #24334808;padding:6px 10px;border-radius:8px;font-size:.75rem;line-height:1.4}
.feature-copy{padding:20px}
.feature-copy h2{font-size:1.3125rem;letter-spacing:-.035em}
.feature-copy p{margin-top:8px;color:var(--muted);font-size:1rem;line-height:1.65}
.feature-copy p br{display:none}
.feature-action{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:.875rem;font-weight:700;color:var(--accent)}
.arrow-disc{width:32px;height:32px;border-radius:9px;background:#f3f0fa;display:grid;place-items:center;flex:none}
.arrow-disc svg{width:16px;height:16px}
.conversation{margin-top:20px;padding:24px;border:1px solid #e3dcf5;border-radius:16px;background:linear-gradient(130deg,#f9f7fe,#f0ebfb)}
.conversation-kicker{font-size:.75rem;letter-spacing:.065em;color:var(--accent)}
.conversation h2{font-size:1.375rem;letter-spacing:-.035em;line-height:1.4}
.conversation h2 br{display:none}
.conversation h2>span{display:block}
.gift-offer{margin-top:18px;padding:14px 16px;border:1px solid #d9cbed;border-left:3px solid var(--accent);border-radius:10px;background:#eae2fa;color:#44365f;font-size:.875rem;line-height:1.7}
.gift-offer strong{color:#574096;font-weight:700}
.primary-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-top:20px;min-height:50px;border-radius:10px;background:var(--ink);color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 4px 10px #24334815;transition:background var(--motion),box-shadow var(--motion)}
.primary-cta svg{width:18px;height:18px;flex:none}
.footer{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.socials{display:flex;align-items:center;justify-content:center;gap:12px}
.socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color var(--motion),background var(--motion)}
.socials img{width:21px;height:21px;display:block;opacity:.78}
@media(hover:hover){.destination:hover,.featured:hover{border-color:#bdb2dd;box-shadow:0 4px 14px #6650ba10}.website:hover{background:#fcfbff}.library:hover{background:#eee8fa}.featured:hover .feature-cover img{transform:scale(1.025)}.primary-cta:hover{background:#354763;box-shadow:0 6px 16px #24334822}.socials a:hover{background:#f5f2fd;border-color:#c8bce7}.socials a:hover img{opacity:1}}
@media(max-width:560px){body{background-color:#f0f2f8}.page{width:calc(100% - 24px);margin:12px auto;padding:24px 20px;border-radius:20px}.profile{margin-bottom:24px}.profile-identity{gap:14px}.avatar{width:56px;height:56px;font-size:1.375rem}h1{font-size:1.5rem}.profile-handle{font-size:.75rem}.profile p{margin-top:18px}.destination{gap:12px;padding:14px}.destination-copy>span{font-size:.875rem}.featured-section{margin-top:26px}.feature-copy{padding:18px}.conversation{padding:20px}.socials{gap:12px}}
@media(max-width:359px){.page{padding:24px 16px}.profile-identity{gap:12px}.profile-handle{max-width:150px}.destination{gap:10px;padding:12px}.destination-arrow{width:16px}.website-mark,.library-icon{width:38px;height:38px}.destination-copy strong{font-size:.9375rem}.conversation{padding:18px}}
.mobile-label{display:none}
@media(max-width:560px){.destinations{gap:8px}.destination{gap:10px;padding:12px;min-height:66px;border-radius:12px}.destination-copy strong{font-size:.875rem;line-height:1.4}.destination-copy>span{font-size:.75rem;line-height:1.5;margin-top:2px}.website-mark,.library-icon{width:40px;height:40px;border-radius:10px}.library-icon svg{width:22px;height:22px}.destination-arrow{width:14px;height:14px}.desktop-label{display:none}.mobile-label{display:inline}}
@media(max-width:560px){.feature-copy p{font-size:.875rem}}
@media(hover:hover){.featured:hover .feature-cover--contain img{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}