#discover{padding-bottom:110px;background:radial-gradient(ellipse at 50% 80%,#182d40,#0b1725 75%)}.world-selector{position:relative}.world-tabs{display:flex;gap:0;border-bottom:1px solid #adc3d235;margin-bottom:25px}.world-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#8598a8;text-align:left;padding:22px 12px 22px 0;font-size:11px;letter-spacing:.13em;transition:color .35s,border-color .35s}.world-tabs button span{font:italic 15px Georgia,serif;margin-right:17px;color:#667e92}.world-tabs button[aria-selected=true]{color:#f1f1ed;border-color:#bdcbd7}.world-tabs button[aria-selected=true] span{color:#dbe4eb}.world-preview{position:relative;min-height:530px;overflow:hidden;background:#101e2c;isolation:isolate;box-shadow:0 25px 70px #0004}.door-art{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .8s ease,transform 1.8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.door-cinema{background:linear-gradient(90deg,#061321ee,#07142285 45%,#07142205),linear-gradient(0deg,#07142188,transparent 40%),url('assets/galata.png') center 55%/cover}.door-table{background:radial-gradient(ellipse at 70% 50%,#b9ab8c,#8c8c73 50%,#3b4a3e);perspective:1100px}.door-symbols{background:radial-gradient(ellipse at 75% 40%,#4e405f,#242438 50%,#101d2d)}.door-symbols svg{position:absolute;width:65%;height:100%;right:-2%;color:#c7b6d3;opacity:.5;transform:rotate(-12deg);transition:transform 2s}.door-symbols path{stroke-dasharray:1700;stroke-dashoffset:1700;transition:stroke-dashoffset 2.2s}.world-selector[data-active=cinema] .door-cinema,.world-selector[data-active=table] .door-table,.world-selector[data-active=symbols] .door-symbols{opacity:1;transform:scale(1)}.world-selector[data-active=symbols] .door-symbols path{stroke-dashoffset:0}.world-selector[data-active=symbols] .door-symbols svg{transform:rotate(0)}.preview-copy{position:relative;z-index:2;padding:80px 7%;width:65%;max-width:650px;min-height:480px}.preview-copy h3{font:clamp(39px,4.4vw,65px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:28px 0 22px}.preview-copy p{font:17px/1.7 Georgia,serif;max-width:300px;color:#cbd5dd;min-height:58px}.preview-copy .eyebrow{font-size:8px;color:#b7c7d4}.preview-copy a{display:inline-block;margin-top:20px}.preview-foot{position:absolute;bottom:23px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.15em;color:#aebdcb;z-index:2}.portal-rail{position:absolute;top:0;bottom:0;width:40px;border:1px solid #dce8ef55;z-index:1;pointer-events:none;transition:transform 1.3s,border-radius 1.3s,width 1.3s,border-color 1s}.rail-left{left:0;border-right:0;border-radius:0 70% 70% 0;transform:translateX(-25px)}.rail-right{right:0;border-left:0;border-radius:70% 0 0 70%;transform:translateX(25px)}.world-selector[data-active=table] .portal-rail{width:65px;border-color:#ebdec78a}.world-selector[data-active=table] .rail-right{border-radius:100% 0 0 10%;transform:translateX(36px) rotate(-3deg)}.world-selector[data-active=symbols] .portal-rail{width:90px;border-color:#d5bddf66;border-radius:50%}.world-selector[data-active=symbols] .rail-left{transform:translateX(-60px)}.world-selector[data-active=symbols] .rail-right{transform:translateX(60px)}.preview-page{position:absolute;right:8%;top:13%;width:32%;height:78%;background:linear-gradient(90deg,#c0b69f,#f4ead6 12%,#e9dec7);color:#374432;box-shadow:20px 30px 45px #12251960;transform:rotateY(-30deg) rotateZ(5deg);transform-origin:left center;padding:35px 25px;transition:transform 1.6s ease}.world-selector[data-active=table] .preview-page{transform:rotateY(-14deg) rotateZ(5deg)}.preview-page span{font-size:7px;letter-spacing:.16em}.preview-page strong{display:block;font:44px/1.05 Georgia,serif;margin:42px 0 25px}.preview-page i{font:italic 13px/1.6 Georgia,serif}.page-lines{height:65px;margin-top:30px;background:repeating-linear-gradient(transparent 0 12px,#8a806633 12px 13px)}.world-selector[data-active=table] .preview-copy{background:linear-gradient(90deg,#253d30dd,transparent)}.world-selector[data-active=table] .preview-foot{color:#e2e0d1}.world-selector[data-active=symbols] .preview-copy{background:linear-gradient(90deg,#142033cc,transparent)}
@media(max-width:700px){#discover{padding-bottom:70px}.world-tabs button{font-size:8px;letter-spacing:.06em;padding:18px 7px 18px 0;line-height:1.8}.world-tabs button span{display:block;margin:0 0 6px;font-size:13px}.world-preview{min-height:560px}.preview-copy{padding:55px 8% 75px;width:100%;min-height:560px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end}.preview-copy h3{font-size:44px;margin:20px 0 15px}.preview-copy p{font-size:16px;max-width:260px}.preview-copy a{margin-top:15px}.door-cinema{background-position:65% center}.preview-foot{font-size:6px;line-height:1.8;left:8%;right:8%}.preview-foot span:last-child{max-width:45%;text-align:right}.preview-page{right:6%;top:5%;width:50%;height:65%;padding:25px 18px;opacity:.65}.preview-page strong{font-size:34px}.preview-page i{font-size:11px}.world-selector[data-active=table] .preview-copy{background:linear-gradient(0deg,#1b332af5 0,#253d3080 65%,transparent)}.door-symbols svg{width:100%;right:-15%;height:75%;top:-8%}.world-selector[data-active=symbols] .preview-copy{background:linear-gradient(0deg,#142033f0,transparent)}}
@media(prefers-reduced-motion:reduce){.door-art,.preview-page,.door-symbols svg{transform:none!important}.door-symbols path{stroke-dashoffset:0!important}}
