.custom-cursor{pointer-events:none;z-index:9999;width:100px;height:100px;position:fixed;transform:translate(-50%,-50%)}.custom-cursor img{object-fit:contain;width:100%;height:100%}.cursor-tooltip{color:#162a1e;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:.25em .65em;font-family:Georgia,serif;font-size:.78rem;font-weight:700;animation:.15s forwards tooltipFadeIn;position:absolute;top:50%;left:58px;transform:translateY(-50%);box-shadow:0 2px 8px #0003}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}.north-marker{z-index:1000;object-fit:contain;width:300px;height:300px;position:fixed;top:0;left:0}.white-horses-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.white-horses-bg{opacity:.5;background-repeat:repeat;background-size:200px;width:100%;height:100%;animation:20s linear infinite scroll-ssw}@keyframes scroll-ssw{0%{background-position:0 0}to{background-position:-414px 1000px}}.birds-layer-container{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bird-flock{width:80px;height:auto;animation:7s linear forwards fly-se-to-nw;position:absolute}@keyframes fly-se-to-nw{0%{opacity:0;transform:translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translate(-120vw,-120vh)}}.bottle-layer-container{width:100%;height:100%;z-index:1.5;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.floating-bottle{cursor:pointer;pointer-events:auto;width:45px;height:auto;animation:25s linear forwards drift-ssw;position:absolute}.floating-bottle:hover{filter:drop-shadow(0 0 8px #fffc);transition:transform .2s;transform:scale(1.05)}@keyframes drift-ssw{0%{opacity:0;transform:translate(0)rotate(0)}5%{opacity:1}to{transform:translate(-50vw,120vh)rotate(25deg)}}.buoy{object-fit:contain;z-index:3;cursor:none;width:120px;height:120px;image-rendering:pixelated;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-close-btn{cursor:pointer;z-index:1001;background:0 0;border:none;padding:0;position:fixed;top:1.25rem;right:1.5rem}.modal-close-btn img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;opacity:.8;transition:opacity .15s}.modal-close-btn:hover img{opacity:1}@keyframes spinIn{0%{opacity:0;transform:scale(0)rotate(-720deg)}to{opacity:1;transform:scale(1)rotate(0)}}.newspaper-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.newspaper-close{color:#fff;cursor:pointer;opacity:.8;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.newspaper-close:hover{opacity:1}.newspaper-spread{max-width:90vw;max-height:90vh;font-size:1vw;animation:.8s cubic-bezier(.22,1,.36,1) forwards spinIn;display:inline-block;position:relative}.newspaper-bg{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.article-snippet{text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:25px;padding:4px 6px;font-family:Georgia,Times New Roman,serif;transition:background .15s;position:absolute;overflow:hidden}.article-snippet:hover{background:#0000000f}.snippet-title{color:#111;text-transform:uppercase;letter-spacing:.03em;margin:0 0 3px;font-size:2.5em;font-weight:700;line-height:1.2}.snippet-rule{border:none;border-top:1px solid #333;margin:3px 0}.snippet-body{color:#222;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0 0 4px;font-size:2em;line-height:1.4;display:-webkit-box;overflow:hidden}.snippet-read-more{color:#444;font-size:2em;font-style:italic}.article-full-spread{flex-direction:column;align-items:center;gap:.4rem;animation:.5s cubic-bezier(.22,1,.36,1) forwards spinIn;display:flex}.article-img-container{display:inline-block;position:relative}.article-full-bg{width:auto;max-width:90vw;height:auto;max-height:82vh;display:block}.article-measure{visibility:hidden;pointer-events:none;color:#1a1a1a;width:45.5%;font-family:Georgia,Times New Roman,serif;font-size:1vw;line-height:1.6;position:absolute;top:3.5%;left:2.5%}.article-col{color:#1a1a1a;height:93%;font-family:Georgia,Times New Roman,serif;font-size:1vw;line-height:1.6;position:absolute;top:3.5%;overflow:hidden}.article-col-left{width:45.5%;left:2.5%}.article-col-right{width:45.5%;left:52%}.article-block{margin-bottom:.8em}.article-block>*{margin:0}.article-block h1{border-bottom:1px solid #333;margin-bottom:.3em;padding-bottom:.2em;font-size:1.4em;font-weight:700}.article-block h2{font-size:1.1em;font-weight:700}.article-block ul,.article-block ol{padding-left:1.2em}.article-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:90vw;padding:0 .2rem;display:flex}.article-nav-page{color:#ddd;font-family:Georgia,Times New Roman,serif;font-size:.85rem;font-style:italic}.article-nav-btn{color:#eee;cursor:pointer;background:#0000008c;border:1px solid #fff3;border-radius:2px;padding:.3rem .7rem;font-family:Georgia,Times New Roman,serif;font-size:.8rem}.article-nav-btn:hover:not(:disabled){background:#000000d9}.article-nav-btn:disabled{opacity:.35;cursor:default}.article-nav-arrows{gap:.5rem;display:flex}@keyframes ipadZoomIn{0%{opacity:0;transform:scale(.05)}65%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.ipad-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ipad-close{color:#fff;cursor:pointer;opacity:.8;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.ipad-close:hover{opacity:1}.ipad-wrap{animation:.45s cubic-bezier(.22,1,.36,1) forwards ipadZoomIn;display:inline-block;position:relative}.ipad-bg{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.ipad-screen{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#bbb transparent;width:77%;height:63%;padding:2% 3%;position:absolute;top:22%;left:7%;overflow:hidden auto}.ipad-screen::-webkit-scrollbar{width:4px}.ipad-screen::-webkit-scrollbar-track{background:0 0}.ipad-screen::-webkit-scrollbar-thumb{background:#bbb;border-radius:2px}.project-card{border-bottom:1px solid #ddd;gap:3%;padding:3% 0;display:flex}.project-card:last-child{border-bottom:none}.project-thumb{aspect-ratio:16/9;border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:28%}.project-info{flex-direction:column;gap:.4em;min-width:0;display:flex}.project-title{color:#111;margin:0;font-family:Georgia,serif;font-size:1.05vw;font-weight:700}.project-desc{color:#444;margin:0;font-family:Georgia,serif;font-size:.85vw;line-height:1.5}.project-link{color:#25a;margin-top:auto;font-family:Georgia,serif;font-size:.8vw;font-style:italic;text-decoration:none}.project-link:hover{text-decoration:underline}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.aboutme-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.aboutme-close{color:#fff;cursor:pointer;opacity:.8;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.aboutme-close:hover{opacity:1}.aboutme-wrap{animation:.4s cubic-bezier(.22,1,.36,1) forwards popIn;display:inline-block;position:relative}.aboutme-img{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.aboutme-letter-btn{cursor:pointer;background:0 0;border:none;width:20%;height:40%;position:absolute;top:55%;left:20%}.degrees-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.degrees-close{color:#fff;cursor:pointer;opacity:.8;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.degrees-close:hover{opacity:1}.degrees-img{width:auto;max-width:90vw;height:auto;max-height:90vh;animation:.4s cubic-bezier(.22,1,.36,1) forwards popIn;display:block}@keyframes letterPopIn{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.letter-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.letter-close{color:#fff;cursor:pointer;opacity:.8;z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.letter-close:hover{opacity:1}.letter-wrap{animation:.4s cubic-bezier(.22,1,.36,1) forwards letterPopIn;display:inline-block;position:relative}.letter-bg{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.letter-title-input,.letter-from-input,.letter-body-textarea{color:#1e0e00;box-sizing:border-box;resize:none;background:0 0;border:none;border-bottom:1px solid #3c1e0059;outline:none;padding:.15em .2em;font-family:Georgia,Times New Roman,serif;position:absolute}.letter-title-input::placeholder,.letter-from-input::placeholder,.letter-body-textarea::placeholder{color:#3c1e0066;font-style:italic}.letter-title{width:15%;height:9%;font-size:2.5vw;top:11%;left:25%}.letter-body{border-bottom:none;width:25%;height:30%;font-size:1.5vw;line-height:1.55;top:28%;left:13%;overflow-y:auto}.letter-from{width:15%;height:8%;font-size:2.5vw;top:72%;left:26%}.letter-submit-btn{color:#d9a066;cursor:pointer;background:#462305d9;border:2px solid #3a1a00;border-radius:2px;padding:.3em .8em;font-family:Georgia,serif;font-size:2.5vw;transition:background .15s;position:absolute;top:87%;left:24%}.letter-submit-btn:hover:not(:disabled){background:#5a2d05f2}.letter-submit-btn:disabled{opacity:.5;cursor:default}.letter-status{font-family:Georgia,serif;font-size:2vw;font-style:italic;position:absolute;top:90%;left:36%}.letter-success{color:#2a6a00}.letter-error{color:#8a1a00}.letter-read-title{color:#1e0e00;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Georgia,serif;font-weight:700;position:absolute;overflow:hidden}.letter-read-body{color:#1e0e00;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Georgia,serif;line-height:1.55;position:absolute;overflow-y:auto}.letter-read-from{color:#1e0e00;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Georgia,serif;font-style:italic;position:absolute;overflow:hidden}.pro-site{--green-dark:#162a1e;--green-mid:#2d6a4f;--green-light:#52b788;--green-tint:#f0f7f4;--green-border:#c2ddd2;--text:#1a1a1a;--text-muted:#5a6d63;--white:#fff;color:var(--text);background:var(--white);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.pro-nav{z-index:100;background:var(--green-dark);justify-content:space-between;align-items:center;height:60px;padding:0 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.pro-nav-brand{color:var(--white);letter-spacing:.02em;font-family:Georgia,serif;font-size:1.1rem;font-weight:700}.pro-nav-links{gap:2rem;display:flex}.pro-nav-link{color:#fffc;letter-spacing:.04em;font-size:.9rem;text-decoration:none;transition:color .15s}.pro-nav-link:hover{color:var(--white)}.pro-nav-right{align-items:center;gap:1.25rem;display:flex}.pro-nav-socials{align-items:center;gap:.85rem;display:flex}.pro-nav-social-link{opacity:.75;align-items:center;transition:opacity .15s;display:flex}.pro-nav-social-link:hover{opacity:1}.pro-nav-social-icon{object-fit:contain;filter:brightness(0)invert();width:22px;height:22px}.pro-hero{background:var(--green-dark);color:var(--white);text-align:center;padding:5rem 2rem 4rem}.pro-hero-name{letter-spacing:.02em;margin:0 0 .4em;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,3.5rem)}.pro-hero-title{color:var(--green-light);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .3em;font-size:.95rem}.pro-hero-location{color:#fff9;margin:0 0 1.8rem;font-size:.9rem}.pro-hero-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pro-tag{color:#ffffffd9;letter-spacing:.03em;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.25em .75em;font-size:.8rem}.pro-section{background:var(--white);padding:4rem 0}.pro-section--alt{background:var(--green-tint)}.pro-section-inner{max-width:900px;margin:0 auto;padding:0 2rem}.pro-section-title{color:var(--green-dark);border-bottom:2px solid var(--green-mid);margin:0 0 1.8rem;padding-bottom:.6rem;font-family:Georgia,serif;font-size:1.7rem}.pro-body-text{color:var(--text);margin:0 0 1em;font-size:1rem;line-height:1.75}.pro-experience-list{flex-direction:column;gap:2rem;display:flex}.pro-job{border-left:3px solid var(--green-mid);padding-left:1.25rem}.pro-job-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.6rem;display:flex}.pro-job-role{color:var(--text);margin:0 0 .15em;font-family:Georgia,serif;font-size:1.1rem}.pro-job-meta{color:var(--text-muted);margin:0;font-size:.9rem}.pro-job-period{color:var(--text-muted);white-space:nowrap;padding-top:.15em;font-size:.85rem}.pro-job-points{flex-direction:column;gap:.35em;margin:0;padding-left:1.2em;display:flex}.pro-job-points li{color:var(--text);font-size:.95rem;line-height:1.6}.pro-projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.pro-project-card{background:var(--white);border:1px solid var(--green-border);border-radius:8px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.pro-project-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #162a1e1f}.pro-project-thumb{aspect-ratio:16/9;width:100%}.pro-project-body{flex-direction:column;flex:1;gap:.4em;padding:1rem 1.1rem 1.2rem;display:flex}.pro-project-title{color:var(--green-dark);margin:0;font-family:Georgia,serif;font-size:1rem}.pro-project-desc{color:var(--text-muted);flex:1;margin:0;font-size:.88rem;line-height:1.6}.pro-project-link{color:var(--green-mid);margin-top:.5em;font-size:.85rem;font-style:italic;text-decoration:none}.pro-project-link:hover{text-decoration:underline}.pro-articles-list{flex-direction:column;gap:.75rem;display:flex}.pro-article-card{background:var(--white);border:1px solid var(--green-border);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.pro-article-card:hover{border-color:var(--green-mid);box-shadow:0 2px 8px #162a1e14}.pro-article-text{flex:1}.pro-article-title{color:var(--green-dark);margin:0 0 .2em;font-family:Georgia,serif;font-size:1rem}.pro-article-snippet{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.pro-article-arrow{color:var(--green-mid);flex-shrink:0;font-size:1.1rem}.pro-edu-entry{border-left:3px solid var(--green-mid);padding-left:1.25rem}.pro-edu-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.6rem;display:flex}.pro-edu-degree{color:var(--text);margin:0 0 .15em;font-family:Georgia,serif;font-size:1.1rem}.pro-edu-school{color:var(--text-muted);margin:0;font-size:.9rem}.pro-edu-detail{color:var(--text-muted);margin-top:.5rem}.pro-footer{background:var(--green-dark);color:#ffffffb3;text-align:center;padding:2.5rem 2rem}.pro-footer-name{color:var(--white);margin:0 0 .75rem;font-family:Georgia,serif;font-size:1rem}.pro-footer-links{justify-content:center;gap:2rem;display:flex}.pro-footer-links a{color:#ffffffa6;font-size:.88rem;text-decoration:none;transition:color .15s}.pro-footer-links a:hover{color:var(--white)}.pro-modal-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.pro-modal{background:var(--white);border-radius:8px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pro-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-self:flex-end;padding:.8rem 1rem 0;font-size:1.6rem;line-height:1}.pro-modal-close:hover{color:var(--text)}.pro-modal-title{color:var(--green-dark);border-bottom:2px solid var(--green-border);margin:0 1.5rem 1rem;padding-bottom:.75rem;font-family:Georgia,serif;font-size:1.4rem}.pro-modal-body{color:var(--text);padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.75;overflow-y:auto}.pro-modal-body h1,.pro-modal-body h2,.pro-modal-body h3{color:var(--green-dark);font-family:Georgia,serif}.pro-modal-body p{margin:0 0 1em}.pro-modal-body ul,.pro-modal-body ol{margin:0 0 1em;padding-left:1.5em}.vt-wrap{cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:0;display:flex}.vt-label{letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,sans-serif;font-size:.72rem;font-weight:600;transition:color .2s}.vt-track{background:#7a9e96;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .25s;position:relative}.vt-track--on{background:#52b788}.vt-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.vt-track--on .vt-thumb{transform:translate(18px)}.fun-ui-bar{z-index:500;align-items:center;gap:.6rem;display:flex;position:fixed;top:1rem;right:1.5rem}.fun-socials{background:#ffffffeb;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex;box-shadow:0 2px 10px #0003}.fun-social-link{opacity:.7;align-items:center;transition:opacity .15s;display:flex}.fun-social-link:hover{opacity:1}.fun-social-icon{object-fit:contain;width:20px;height:20px}.vt-wrap--fun{background:#ffffffeb;border:1px solid #ffffffa6;border-radius:999px;padding:.35rem .75rem;box-shadow:0 2px 10px #0003}.vt-wrap--fun .vt-label{color:#8ea59e}.vt-wrap--fun .vt-label--active{color:#162a1e}.vt-wrap--pro .vt-label{color:#ffffff80}.vt-wrap--pro .vt-label--active{color:#fffffff2}.exp-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exp-modal{animation:.4s cubic-bezier(.22,1,.36,1) forwards exp-pop-in;display:inline-block;position:relative}@keyframes exp-pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.exp-bg{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.exp-close{color:#2a120080;cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:color .15s;position:absolute;top:4%;right:3%}.exp-close:hover{color:#2a1200e6}.exp-content{flex-direction:column;padding:15% 4% 6%;display:flex;position:absolute;inset:0;overflow:hidden}.exp-timeline-scroll{flex:1;overflow:auto hidden}.exp-timeline-scroll::-webkit-scrollbar{height:3px}.exp-timeline-scroll::-webkit-scrollbar-track{background:0 0}.exp-timeline-scroll::-webkit-scrollbar-thumb{background:#2a120033;border-radius:2px}.exp-timeline{--ink:#2a1200d1;--ink-mid:#2a12008c;--period-size:1.4rem;--period-lh:1.35;--period-gap:10px;--notch-h:22px;--notch-w:3px;--line-top:calc(var(--period-size) * var(--period-lh) + var(--period-gap) + var(--notch-h) / 2);flex-direction:row;align-items:flex-start;min-width:min-content;height:100%;padding:0 32px;display:flex;position:relative}.exp-line{top:var(--line-top);background:var(--ink);pointer-events:none;height:2px;position:absolute;left:0;right:0}.exp-entry{flex-direction:column;flex-shrink:0;align-items:center;min-width:200px;padding:0 28px;display:flex}.exp-period{font-size:var(--period-size);line-height:var(--period-lh);color:var(--ink);margin-bottom:var(--period-gap);white-space:nowrap;text-align:center;font-style:italic}.exp-notch{width:var(--notch-w);height:var(--notch-h);background:var(--ink);z-index:1;flex-shrink:0;margin-bottom:12px}.exp-role{color:var(--ink);text-align:center;margin:0 0 4px;font-size:1.55rem;font-weight:700;line-height:1.2}.exp-company{color:var(--ink-mid);text-align:center;margin:0 0 8px;font-size:1.25rem;line-height:1.3}.exp-points{color:var(--ink);text-align:left;max-width:220px;margin:0;padding-left:18px;font-size:1.1rem;line-height:1.45}.exp-points li+li{margin-top:5px}.buoy-modal-overlay{z-index:1000;cursor:default;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.buoy-modal-wrap{animation:.4s cubic-bezier(.22,1,.36,1) forwards buoy-pop-in;display:inline-block;position:relative}@keyframes buoy-pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.buoy-modal-img{width:auto;max-width:85vw;height:auto;max-height:85vh;display:block}.buoy-modal-close{color:#0006;cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:color .15s;position:absolute;top:4%;right:2%}.buoy-modal-close:hover{color:#000000d9}.buoy-modal-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:7% 9% 36% 11%}.buoy-modal-text{color:#1a1a1a;text-align:center;white-space:pre-line;margin:0;font-size:1.5rem;line-height:1.6}:root{--map-radius:275px;--width-stretch:1.85}body{margin:0}.map-container{cursor:none;background-color:#639bff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hex-grid{z-index:2;width:300px;height:300px;position:relative}.island-btn{cursor:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:370px;height:370px;margin-top:-185px;margin-left:-185px;transition:transform .4s cubic-bezier(.25,1,.5,1),filter .3s;display:flex;position:absolute;top:50%;left:50%}.island-img{object-fit:cover;cursor:none;width:100%;height:100%}.island-label{color:#e2e8f0;letter-spacing:.5px;text-shadow:2px 2px 5px #000000e6;margin-top:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;font-weight:600}.island-1{--x:0px;--y:calc(-1 * var(--map-radius));transform:translate(var(--x), var(--y))}.island-2{--x:calc(var(--map-radius) * .951 * var(--width-stretch));--y:calc(var(--map-radius) * -.309);transform:translate(var(--x), var(--y))}.island-3{--x:calc(var(--map-radius) * .587 * var(--width-stretch));--y:calc(var(--map-radius) * .809);transform:translate(var(--x), var(--y))}.island-4{--x:calc(var(--map-radius) * -.587 * var(--width-stretch));--y:calc(var(--map-radius) * .809);transform:translate(var(--x), var(--y))}.island-5{--x:calc(var(--map-radius) * -.951 * var(--width-stretch));--y:calc(var(--map-radius) * -.309);transform:translate(var(--x), var(--y))}