:root{--ink:#2e3028;--muted:#645f50;--line:#7f6b4338;--ocean:#173f47;--paper:#f0e6cf}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 25%,#fffaf0b8,transparent 75%),linear-gradient(#efe5d2ce,#efe5d2ce),url('lost-islands-assets/paper.jpg');font:15px/1.6 'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b57632;outline-offset:5px}.wrap{width:min(1256px,calc(100% - 96px));margin-inline:auto}header{background:#f8f8f5e8;border-bottom:1px solid #dfe2d9}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:16px;font-weight:750;letter-spacing:-.6px;text-decoration:none}.brand span{color:#48613b}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:13px;font-weight:550;padding:12px 0}nav a:hover{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.breadcrumb{display:flex;justify-content:space-between;align-items:center;padding-top:23px;font-size:12px;color:var(--muted)}.breadcrumb a{text-decoration:none}.breadcrumb span{font-size:9px;letter-spacing:.16em}.hero{text-align:center;padding:32px 0 34px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.22em;color:var(--muted);margin:0 0 15px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0;color:#243c3b;text-shadow:0 1px #fff8}h1 em{display:inline-block;font-size:.37em;letter-spacing:-.03em;vertical-align:middle;margin-left:6px}h1 span{display:block;font-size:1.17em;letter-spacing:-.055em}.ornament{display:flex;align-items:center;justify-content:center;gap:15px;color:#9a7b45;margin:16px 0 11px;font-size:19px}.ornament i{height:1px;width:75px;background:linear-gradient(90deg,transparent,#a88b57)}.ornament i:last-child{transform:rotate(180deg)}.invitation{font:italic 19px/1.5 Georgia,serif;margin:0 0 12px}.intro{font-size:13px;line-height:1.8;max-width:720px;margin:0 auto;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:22px}.section-heading h2{font:20px Georgia,serif;margin:0}.section-heading>span{font-size:9px;letter-spacing:.14em;color:var(--muted)}.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.panel{position:relative;display:block;aspect-ratio: .86;width:100%;text-align:left;padding:0;border:1px solid #7d6b474d;border-radius:5px;overflow:hidden;background:#173f47;box-shadow:0 9px 20px #493d2420;color:#fff9eb;transition:transform .25s,box-shadow .25s}.panel>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.place>img{object-position:47% center}.creature>img{object-position:center top}.panel:after{content:'';position:absolute;inset:0;background:linear-gradient(#08202935,transparent 30%,#06232940 46%,#082a2ff5 100%)}.creature:after{background:linear-gradient(#111d2310,transparent 22%,#172b2e20 40%,#16383dfb 100%)}.panel-top{position:absolute;top:20px;left:22px;z-index:1;font-size:9px;letter-spacing:.19em;text-shadow:0 1px 4px #000}.creature .panel-top{color:#253f40;text-shadow:none}.panel-copy{position:absolute;bottom:23px;left:24px;right:24px;z-index:1;display:block}.small{font-size:8px;letter-spacing:.17em;color:#e6d8b4;display:block;margin-bottom:9px}.panel strong{font:clamp(24px,2.4vw,34px)/1.05 Georgia,serif;letter-spacing:-.04em;display:block;max-width:250px}.teaser{display:block;font-size:12px;line-height:1.7;margin-top:12px;max-width:260px;color:#eee7d9}.explore{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff40;font-size:11px}.explore b{font-size:21px;font-weight:400}@media(hover:hover){.panel:hover{transform:translateY(-5px);box-shadow:0 16px 26px #493d2433}.panel:hover>img{transform:scale(1.035)}}.collection-note{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin:15px 0 32px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:20px 0 25px}footer p{margin:0}footer strong{font-weight:600}footer a{text-decoration:none}dialog{width:min(1100px,calc(100% - 40px));max-height:94dvh;padding:22px 28px 15px;background:#f4eddd;color:var(--ink);border:1px solid #b4a17d;border-radius:6px;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#08191de3;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.viewer-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.viewer-head .eyebrow{font-size:9px;margin-bottom:3px}.viewer-head h2{font:28px Georgia,serif;margin:0}.close{border:1px solid #c3b79d;background:none;border-radius:50%;width:44px;height:44px;flex-shrink:0}.viewer-stage{height:min(58dvh,660px);background:#dfd6c3;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed img{max-height:none;max-width:none;width:max(100%,1200px)}.caption{max-width:740px;margin:13px auto 0;text-align:center}.caption h3{font:19px Georgia,serif;margin:0 0 4px}.caption p{font-size:12px;margin:0;color:var(--muted)}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px}.viewer-controls button{min-height:44px;min-width:44px;border:1px solid #bdb094;background:#faf5e9;border-radius:3px}.viewer-controls button:disabled{opacity:.35;cursor:default}#count{font-size:11px;min-width:65px;text-align:center}#zoom{font-size:11px;padding:0 12px}.viewer-hint{font-size:10px;color:var(--muted);text-align:center;margin:9px 0 0}@media(min-width:1600px){.hero{padding-block:46px}.panel{aspect-ratio:.94}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.panels{gap:16px}.panel{aspect-ratio:.68}.panel-copy{left:17px;right:17px;bottom:18px}.panel strong{font-size:26px}.teaser{font-size:11px}.panel-top{left:17px}.small{font-size:7px}.intro{max-width:620px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.nav{min-height:62px;gap:10px}.brand{font-size:14px}nav{gap:15px}nav a{font-size:12px}.breadcrumb span{display:none}.hero{padding:32px 0}h1{font-size:50px}.eyebrow{font-size:8px;letter-spacing:.16em}.invitation{font-size:18px;max-width:300px;margin-inline:auto}.intro{font-size:12px;max-width:390px}.desktop{display:none}.section-heading>span{display:none}.section-heading h2{font-size:19px}.panels{grid-template-columns:1fr;gap:22px;max-width:420px;margin:auto}.panel{aspect-ratio:.95}.panel strong{font-size:34px}.panel-copy{left:24px;right:24px;bottom:24px}.small{font-size:8px}.teaser{font-size:12px}.collection-note{flex-direction:column;gap:2px}footer{gap:18px;font-size:10px}dialog{width:calc(100% - 20px);padding:15px 14px;max-height:95dvh}.viewer-stage{height:52dvh}.viewer-head h2{font-size:23px}.viewer-head .eyebrow{font-size:8px}.caption p{font-size:11px}.viewer-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.place>img{object-position:left top;transform-origin:left top}.place .panel-top{left:auto;right:18px;background:#12343bd9;padding:4px 7px;border-radius:2px}.encounters>img{position:absolute;left:0;bottom:0;width:200%;height:200%;object-fit:fill;transform-origin:25% 75%}.encounters .panel-top{background:#3c301ed9;padding:4px 7px;border-radius:2px}
.intro p{margin:0}.intro p+p{margin-top:12px}.campaign-facts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:17px 0 0;color:var(--ocean);font-size:10px;letter-spacing:.035em}
.design-process{border-top:1px solid var(--line);padding:36px 0 30px}.process-intro{max-width:620px}.process-intro .eyebrow{margin-bottom:8px}.process-intro h2{font:32px/1.15 Georgia,serif;letter-spacing:-.035em;margin:0;color:var(--ocean)}.process-intro>p:last-child{font-size:13px;color:var(--muted);margin:12px 0 0}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.process-number{font-size:9px;letter-spacing:.13em;color:var(--muted)}.process-steps h3{font:21px/1.25 Georgia,serif;margin:10px 0;color:var(--ocean)}.process-steps p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.process-credit{border-top:1px solid var(--line);padding-top:15px;font-size:10px;line-height:1.7;color:var(--muted);margin:26px 0 0;max-width:900px}@media(max-width:650px){.design-process{padding-top:29px}.process-intro h2{font-size:28px}.process-steps{grid-template-columns:1fr;gap:24px}.process-steps h3{margin:7px 0}.process-steps p{font-size:12px}}
.collection{background:none;box-shadow:none}
.encounters .panel-top,.voyage .panel-top{left:auto;right:18px}
.panel{transition:transform .25s,box-shadow .25s}
.panel:focus-visible{box-shadow:0 9px 20px #493d2420,0 0 9px #fce5aa70,0 0 24px #fce5aa45}
@media(hover:hover){.panel:hover{box-shadow:0 12px 24px #30291e35,0 0 9px #fce5aa70,0 0 24px #fce5aa45}}