@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Libre+Baskerville:ital@0;1&display=swap');
:root{font-family:Montserrat,Arial,sans-serif;color:#eee5df;background:#090d11}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #d7a18d;outline-offset:4px}[hidden]{display:none!important}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#090d11;isolation:isolate;display:flex;flex-direction:column}.art{position:absolute;inset:0;background:url('assets/barco-vardena.png?v=1.3') center center/cover no-repeat;transition:transform 3.7s ease,filter 3.7s ease;z-index:-3}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.89) 0%,rgba(5,8,12,.77) 25%,rgba(5,8,12,.36) 47%,rgba(5,8,12,.04) 77%),linear-gradient(0deg,rgba(4,6,9,.5),transparent 25%,transparent 80%,rgba(4,6,9,.42));z-index:-2;pointer-events:none}.hero.approaching .art{transform:scale(1.13);filter:blur(2px)}
.topbar{position:relative;z-index:2;display:flex;align-items:center;gap:24px;padding:20px clamp(22px,3.3vw,62px);background:linear-gradient(#090d11e8,transparent)}.identity{display:flex;align-items:center;gap:14px;min-width:0}.identity img{width:62px;height:62px;object-fit:contain;flex:none}.identity-name{font:400 clamp(.95rem,1.6vw,1.65rem) Georgia,serif;letter-spacing:.13em;white-space:nowrap}.identity small{display:block;font:400 .48rem Montserrat,Arial,sans-serif;letter-spacing:.34em;margin-top:8px;color:#d1c2ba}.toplinks{display:flex;gap:clamp(14px,2.5vw,35px);margin-left:auto}.toplinks button,.sound,.hamburger{background:transparent;border:0;color:#e4d9d1;letter-spacing:.2em;font-size:.65rem}.sound,.hamburger{font-size:1.3rem}.toplinks button:hover{color:white}
.hero-copy{position:relative;z-index:1;width:min(510px,42vw);margin:auto 0 auto clamp(30px,6vw,112px);padding:40px 0 56px;text-align:center}.hero-kicker{text-align:left;letter-spacing:.32em;font-size:.65rem;line-height:2;color:#d5c9c3;margin:0 0 12px 4%}.title-image{margin:0;width:100%;line-height:0}.title-image img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(0,0,0,.6))}.hero-phrase{font:italic clamp(1rem,1.5vw,1.35rem)/1.5 'Libre Baskerville',Georgia,serif;color:#e6d5ca;margin:2px 0 25px;text-shadow:0 2px 10px #000}.hero-enter{width:100%;min-height:64px;background:rgba(53,24,25,.93);color:#f0e5df;border:1px solid #995d4c;letter-spacing:.15em;font-size:.72rem;transition:background .2s}.hero-enter span{margin-left:14px}.hero-enter:hover{background:#5a2a2b}.hero-explore{display:block;background:transparent;border:0;color:#e5d6cb;font-size:.65rem;letter-spacing:.16em;margin:20px 0 0 8px}.hero-explore:hover{text-decoration:underline;text-underline-offset:5px}
.sailing{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(5,8,11,.78);opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;pointer-events:none;letter-spacing:.35em;font-size:.7rem}.hero.approaching .sailing{opacity:1;visibility:visible}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:20px;z-index:10;backdrop-filter:blur(8px)}.modal{position:relative;width:min(570px,100%);padding:clamp(24px,5vw,55px);border:1px solid #684744;background:linear-gradient(145deg,#17191d,#0b0e12);box-shadow:0 20px 90px #000;max-height:90svh;overflow:auto}.eyebrow{font-size:.66rem;letter-spacing:.28em;color:#c2a196}.modal h2{font:400 clamp(2rem,5vw,3.2rem)/1.15 Georgia,serif;margin:20px 0}.modal p,.modal li{line-height:1.85;color:#c6bbb6;font-size:.9rem}.modal .action{border:1px solid #a36b5a;background:#421f20;color:#f3e4db;padding:17px 23px;letter-spacing:.12em;font-size:.7rem;margin:9px 8px 0 0}.modal .action.secondary{background:transparent;border-color:#60514e}.modal .note{font-size:.75rem;color:#9e918e}.close{position:absolute;right:18px;top:12px;background:transparent;color:#ddd;border:0;font-size:2rem}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(360px,90vw);padding:80px 35px;background:#101216;border-left:1px solid #76534a;z-index:12;box-shadow:-30px 0 100px #000}.drawer>button:not(.close){display:block;width:100%;padding:20px 0;border:0;border-bottom:1px solid #393238;background:none;text-align:left;color:#eee1da;letter-spacing:.13em;font-size:.8rem}
@media(max-width:1050px){.toplinks{display:none}.hamburger{margin-left:auto}.hero-copy{width:min(500px,53vw)}}
@media(max-width:700px){.art{background-position:61% center}.shade{background:linear-gradient(0deg,rgba(5,8,12,.95),rgba(5,8,12,.55) 58%,rgba(5,8,12,.27)),linear-gradient(90deg,rgba(5,8,12,.4),transparent)}.topbar{padding:15px 18px}.identity img{width:45px;height:45px}.identity-name{font-size:clamp(.72rem,3vw,1rem);letter-spacing:.07em}.identity small{font-size:.38rem;letter-spacing:.15em}.sound{display:none}.hero-copy{width:min(520px,calc(100% - 40px));margin:auto auto 6vh;padding:20px 0;text-align:center}.hero-kicker{text-align:center;margin:0 0 10px;font-size:.55rem}.hero-phrase{font-size:clamp(.9rem,3.7vw,1.2rem);margin:4px 0 20px}.hero-enter{min-height:58px;font-size:.62rem}.hero-explore{margin:18px auto 0}}
@media(max-width:370px){.identity-name{font-size:.68rem}.identity img{width:38px;height:38px}.hero-copy{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}