:root{color-scheme:light;--ink:#163d3b;--blue-ink:#214c68;--muted:#596d71;--emerald:#087d70;--blue:#367fba;--line:rgba(43,96,95,.16);font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth}
body{margin:0;min-height:100svh;color:var(--ink);background:#f3f8f6 url('./prostor.svg') center top/cover no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(255,255,255,.4),transparent 48%);pointer-events:none}
a{color:inherit}
.skip-link{position:fixed;top:12px;left:12px;padding:14px 20px;background:#fff;z-index:10;transform:translateY(-180%);border:2px solid var(--emerald)}
.skip-link:focus{transform:translateY(0)}
.page-shell{width:min(1180px,calc(100% - 96px));margin:auto}
.masthead{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.author{font-size:12px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;display:flex;gap:21px;align-items:center}
.author-rule{width:38px;height:1px;background:linear-gradient(90deg,var(--emerald),var(--blue))}
.site-note{font-size:12px;color:var(--muted);letter-spacing:.02em}
.introduction{text-align:center;padding:53px 20px 37px;position:relative}
.eyebrow{display:flex;justify-content:center;align-items:center;gap:15px;font-size:10px;letter-spacing:.21em;text-transform:uppercase;font-weight:600;color:#536f70;margin:0 0 23px}
.eyebrow>span{width:23px;height:1px;background:#97b5b1}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(43px,4.75vw,68px);line-height:1.1;letter-spacing:-.045em;margin:0;color:#185549}
.title-second{display:block;color:#244d64;margin-top:5px}
.conjunction{font-style:italic;font-weight:400;color:#6c8f8e;padding-right:.05em}
.introduction-copy{font-size:14px;line-height:1.75;color:var(--muted);margin:24px 0 0;font-weight:400}
.destinations{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;max-width:1030px;margin:0 auto;scroll-margin-top:25px}
.destination{--accent:var(--emerald);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;text-align:center;text-decoration:none;min-width:0;padding:25px 34px 0;background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.95);box-shadow:0 22px 48px -36px rgba(13,78,70,.33),0 1px 0 rgba(37,76,76,.06);border-radius:3px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.destination-portal{--accent:var(--blue);box-shadow:0 22px 48px -36px rgba(26,76,114,.3),0 1px 0 rgba(37,76,76,.06)}
.destination::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,rgba(42,155,119,.09),transparent 55%)}
.destination-portal::before{background:radial-gradient(ellipse at 50% 28%,rgba(86,146,193,.12),transparent 55%)}
.destination-top{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:9px;font-weight:650;letter-spacing:.16em;color:#52796f;text-align:left}
.destination-portal .destination-top{color:#587b93}
.destination-number{font-family:Georgia,serif;font-size:12px;letter-spacing:.04em;color:#617776}
.destination-category{flex:1}.direction{font-family:Arial,sans-serif;font-size:18px;line-height:1;color:#476c69}
.identity-stage{height:151px;display:grid;place-items:center;position:relative;margin:7px auto 0;width:100%;max-width:300px}
.identity-stage>img{position:relative;z-index:2;object-fit:contain;transition:transform .35s ease}
.creation-logo{width:105px;height:100px;filter:drop-shadow(0 8px 13px rgba(129,104,42,.12))}
.portal-logo{width:87px;height:87px;filter:drop-shadow(0 8px 13px rgba(11,55,89,.13))}
.identity-orbit{position:absolute;width:146px;height:146px;border:1px solid rgba(29,121,103,.12);border-radius:50%;transform:rotate(-25deg) scaleX(1.35)}
.identity-portal .identity-orbit{border-color:rgba(52,108,147,.16);transform:rotate(25deg) scaleX(1.35)}
.identity-plane{position:absolute;inset:28px 60px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95),rgba(255,255,255,0) 72%)}
.destination-copy{flex:1;position:relative;padding:9px 0 27px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.027em;margin:0;color:#1d5347}
.destination-portal h2{color:var(--blue-ink);font-size:29px}
.destination-subtitle{font-size:10px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;margin:10px 0 0;color:#597974}
.destination-portal .destination-subtitle{color:#597d96}
.destination-description{font-size:12px;line-height:1.85;color:var(--muted);margin:19px 0 0;min-height:45px}
.destination-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid var(--line);font-size:12px;letter-spacing:.01em;font-weight:600;color:#23634f}
.destination-portal .destination-bottom{color:#2b658a}
.button-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid rgba(52,102,94,.18);font-family:Arial,sans-serif;font-size:17px;transition:background .2s ease,color .2s ease,transform .2s ease}
.joining-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--line)}
.joining-line>span{width:1px;height:65px;background:linear-gradient(transparent,var(--line))}
.joining-line>span:last-child{transform:rotate(180deg)}
.joining-line>i{width:7px;height:7px;border:1px solid #8cadad;transform:rotate(45deg)}
.closing-thought{margin:30px 0 39px;display:flex;justify-content:center;align-items:center;gap:19px;color:#5b7774;font-family:Georgia,"Times New Roman",serif;font-size:14px;font-style:italic}
.closing-thought>span{width:30px;height:1px;background:var(--line)}
.page-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0 26px;border-top:1px solid var(--line);font-size:10px;color:#607779;letter-spacing:.02em}
a:focus-visible{outline:3px solid #176b67;outline-offset:6px}
@media(hover:hover){.destination:hover{transform:translateY(-5px);border-color:rgba(17,119,103,.24);box-shadow:0 24px 44px -25px rgba(23,89,79,.25)}.destination-portal:hover{border-color:rgba(38,103,151,.26)}.destination:hover .button-arrow{background:var(--accent);color:white;border-color:var(--accent);transform:translate(2px,-2px)}.destination:hover .identity-stage>img{transform:translateY(-3px)}.author:hover{color:var(--emerald)}}
@media(min-width:1450px){.masthead{height:108px}.introduction{padding-top:62px;padding-bottom:44px}.identity-stage{height:165px}.destination-copy{padding-bottom:30px}.closing-thought{margin-top:36px;margin-bottom:43px}}
@media(max-width:900px){.page-shell{width:calc(100% - 48px)}.masthead{height:83px}.introduction{padding:44px 0 34px}.destinations{grid-template-columns:1fr 28px 1fr}.destination{padding:22px 22px 0}.identity-stage{height:140px}.destination-portal h2{font-size:25px}h2{font-size:27px}.destination-description{font-size:12px}.destination-description br{display:none}.destination-category{font-size:8px;letter-spacing:.12em}.destination-copy{padding-bottom:24px}}
@media(max-width:620px){.page-shell{width:calc(100% - 40px);max-width:460px}.masthead{height:74px}.author{font-size:10px;letter-spacing:.12em;gap:12px}.author-rule{width:23px}.site-note{font-size:10px;max-width:105px;text-align:right;line-height:1.4}.introduction{padding:36px 0 29px}.eyebrow{font-size:8px;letter-spacing:.14em;gap:11px;margin-bottom:20px}.eyebrow>span{width:15px}h1{font-size:clamp(35px,8.8vw,50px);line-height:1.14;letter-spacing:-.044em}.title-second{margin-top:7px}.introduction-copy{font-size:12px;margin-top:19px;line-height:1.8}.destinations{grid-template-columns:1fr;gap:20px}.joining-line{display:none}.destination{padding:21px 27px 0}.destination-top{font-size:9px}.destination-category{font-size:9px}.identity-stage{height:136px;margin-top:5px}.identity-orbit{width:125px;height:125px}.creation-logo{height:90px;width:95px}.portal-logo{height:80px;width:80px}.destination-copy{padding-top:8px;padding-bottom:25px}h2,.destination-portal h2{font-size:29px}.destination-description{margin-top:15px;font-size:12px}.destination-description br{display:block}.destination-bottom{padding:16px 0}.closing-thought{font-size:13px;gap:13px;margin:29px 0}.closing-thought>span{width:18px}.page-footer{font-size:9px;padding:20px 0;align-items:flex-start;line-height:1.7}.page-footer>span:last-child{text-align:right;max-width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.destination:hover,.destination:hover .identity-stage>img,.destination:hover .button-arrow{transform:none}}
@media(forced-colors:active){.destination{border:1px solid CanvasText}.button-arrow{border-color:CanvasText}.identity-orbit,.identity-plane{display:none}}
@media print{body{background:#fff}.masthead{height:60px}.destinations{grid-template-columns:1fr 20px 1fr}.destination{box-shadow:none;border:1px solid #ccc}.joining-line{display:none}.skip-link{display:none}}