:root{color-scheme:dark;--paper:#efede7;--muted:#999b97;--line:#ffffff21;--accent:#b9bc9e}*{box-sizing:border-box}
body{margin:0;color:var(--paper);background-color:#1b1c1d;background-image:radial-gradient(ellipse at 65% 30%,#30313355,transparent 65%),repeating-linear-gradient(135deg,#00000016 0,#00000016 1px,transparent 1px,transparent 5px);font-family:Arial,Helvetica,sans-serif;min-height:100svh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.page{position:relative;max-width:1192px;padding:0 56px;margin:auto}.masthead{height:110px;display:flex;align-items:center;justify-content:space-between}.masthead>a{font-family:Georgia,serif;font-size:29px;letter-spacing:-2px}.masthead>a span{color:var(--accent)}.masthead>span,.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:90px;padding:42px 0 74px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,7.8vw,108px);font-weight:normal;line-height:.99;letter-spacing:-5px;margin:0}h1>span{color:var(--accent)}.subtitle{color:var(--muted);font-size:15px;margin:25px 0 43px;letter-spacing:.3px}.access{max-width:355px}
label{display:block;font-size:11px;letter-spacing:1px;margin-bottom:12px;color:#c1c2bd}.input-row{display:flex;align-items:center;border:1px solid #ffffff29;border-radius:5px;background:#11121470;padding:5px 5px 5px 16px}.input-row:focus-within{border-color:var(--accent)}
svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.input-row>svg{width:16px;color:var(--muted)}input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--paper);height:43px;padding:0 13px;font-size:14px}input::placeholder{color:#858983}
.input-row button{height:43px;width:47px;flex-shrink:0;display:grid;place-items:center;background:var(--accent);border:0;border-radius:3px;color:#20221c}.input-row button:hover{background:#d0d3b8}.status{font-size:11px;color:var(--muted);line-height:1.6;margin:11px 0 0;min-height:18px}.status.error{color:#e6aaa0}
.portrait{margin:0;transform:rotate(2deg)}.photo{background:#fff;padding:10px;border:1px solid #fff;box-shadow:0 24px 32px -10px #000b,0 10px 14px -6px #0008}.photo img{width:100%;height:auto;display:block}
figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:20px;color:#92948f;font-size:9px;letter-spacing:1.6px}figcaption em{font-family:Georgia,serif;font-size:12px;letter-spacing:0}
.destinations{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.destination{display:flex;align-items:center;text-align:left;gap:17px;padding:15px 26px;border:0;background:transparent;color:var(--paper)}.destination:first-child{padding-left:0}.destination:last-child{padding-right:0}.destination+.destination{border-left:1px solid var(--line)}.destination:hover{background:#ffffff04}
.number{color:#93988b;font-size:10px;align-self:flex-start;padding-top:6px}.destination-text{display:flex;flex-direction:column;gap:10px;flex:1}.destination strong{font-family:Georgia,serif;font-size:25px;font-weight:normal}.destination-text>span{font-size:11px;line-height:1.5;color:var(--muted)}.destination>svg{width:19px;color:var(--accent)}.soon{font-size:7px;letter-spacing:1px;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:16px;padding:25px 0 30px;color:#969b94;font-size:10px;letter-spacing:.4px}#gallery-status{margin:0;font-size:12px;color:var(--muted)}#gallery-status:not(:empty){padding-top:18px}
#tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#tools a{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:10px 12px}#tools a:hover{border-color:var(--accent)}#logout{margin-top:15px;border:0;background:none;color:var(--muted);font-size:11px;padding:5px 0;text-decoration:underline}[hidden]{display:none!important}
@media(min-width:1500px){.page{padding-top:3vh}.hero{padding-top:65px;padding-bottom:90px}}
@media(max-width:900px){.page{padding:0 30px}.hero{gap:45px}.photo img{height:auto}h1{font-size:80px}.destination{padding:12px 16px;gap:10px}.soon{font-size:6px;letter-spacing:.3px}.destination-text>span{max-width:140px}}
@media(max-width:640px){.page{padding:0 24px}.masthead{height:83px}.masthead>span{font-size:8px}.hero{grid-template-columns:1fr;gap:44px;padding:28px 0 45px}h1{font-size:84px}.subtitle{margin-bottom:32px}.access{max-width:none}.portrait{width:85%;max-width:330px;justify-self:center}.photo img{height:auto}.destinations{grid-template-columns:1fr;padding:8px 0}.destination,.destination:first-child,.destination:last-child{padding:23px 4px;gap:19px}.destination+.destination{border-left:0;border-top:1px solid var(--line)}.destination-text>span{max-width:none}.soon{font-size:8px;letter-spacing:1px}footer{font-size:9px;line-height:1.5}footer>span:last-child{text-align:right}}