:root{--ink:#082033;--muted:#637287;--soft:#f5efe4;--paper:#fffaf0;--ocean:#05314f;--ocean2:#071827;--teal:#12c5cf;--mint:#7be0b4;--coral:#ff775f;--gold:#f6c86a;--line:rgba(8,32,51,.13);--white:#fff}.dark{--ink:#f8fbff;--muted:#b9c9d8;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff7ea,#eef8f7 48%,#fff7ea);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 5%,rgba(18,197,207,.20),transparent 25%),radial-gradient(circle at 88% 8%,rgba(255,119,95,.16),transparent 22%),radial-gradient(circle at 55% 100%,rgba(123,224,180,.20),transparent 30%);pointer-events:none;z-index:-2}.wrap{width:min(1180px,100%);margin:auto;padding:18px}.nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.26);background:rgba(255,250,240,.72);backdrop-filter:blur(18px);border-radius:30px;padding:12px 14px 12px 18px;box-shadow:0 24px 70px rgba(8,32,51,.10)}.brand{text-decoration:none;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:24px;letter-spacing:-.04em}.brand span{color:var(--teal)}.links{display:flex;gap:4px;flex-wrap:wrap}.links a{text-decoration:none;color:#173247;font-weight:850;padding:10px 13px;border-radius:999px}.links a:hover,.links a.active{background:#082033;color:#fff}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:46px 0 54px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:999px;padding:10px 14px;font:900 12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 24px var(--teal)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em}h1{font-size:clamp(58px,10vw,132px);line-height:.82;margin:20px 0 0;font-weight:900}h1 .wash,h2 .wash{background:linear-gradient(90deg,#0d5477,var(--teal),#32ad7e,#f2a54c);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2.2vw,25px);line-height:1.42;color:#425468;max-width:720px;margin:24px 0 0}.darkBlock .lead{color:#eefbff;text-shadow:0 1px 14px rgba(0,0,0,.25)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border:0;border-radius:999px;background:#082033;color:#fff;font-weight:900;padding:15px 20px;box-shadow:0 18px 50px rgba(8,32,51,.22);cursor:pointer}.btn.alt{background:#fff;color:#082033;border:1px solid var(--line)}.heroArt{position:relative;min-height:620px}.frame{position:absolute;border-radius:38px;overflow:hidden;border:1px solid rgba(255,255,255,.45);box-shadow:0 35px 100px rgba(8,32,51,.23);background:#082033}.frame img{width:100%;height:100%;object-fit:cover;display:block}.frame.main{inset:20px 60px 150px 0}.frame.side{inset:245px 0 26px 190px}.memoryCard{position:absolute;left:35px;right:120px;bottom:65px;border:1px solid rgba(255,255,255,.28);background:rgba(8,32,51,.78);color:#fff;border-radius:32px;padding:22px;backdrop-filter:blur(16px);box-shadow:0 26px 80px rgba(8,32,51,.30)}.memoryCard b{display:block;font-family:'Fraunces';font-size:30px;letter-spacing:-.05em}.memoryCard p{margin:8px 0 0;color:#cde6f2;line-height:1.35}.section{padding:54px 0}.section.darkBlock{border-radius:44px;background:linear-gradient(135deg,#082033,#0a3a58 60%,#0b655e);color:#fff;padding:44px;margin:30px 0;position:relative;overflow:hidden}.section.darkBlock:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(18,197,207,.30),transparent 24%),radial-gradient(circle at 82% 10%,rgba(246,200,106,.18),transparent 22%);pointer-events:none}.section.darkBlock>*{position:relative}.title{font-size:clamp(38px,6vw,82px);line-height:.9;margin:0 0 16px;font-weight:900}.sub{color:var(--muted);line-height:1.55;max-width:760px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:rgba(255,255,255,.64);border-radius:32px;padding:24px;box-shadow:0 20px 70px rgba(8,32,51,.08);text-decoration:none;color:inherit;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);transition:.18s transform}.card h3{font-size:34px;margin:0 0 8px}.card p{color:#526477;line-height:1.45}.card.photo{min-height:330px;display:flex;align-items:flex-end;color:#fff}.card.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.05) contrast(1.02)}.card.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.68))}.card.photo div{position:relative;z-index:1}.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.snap{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.60);padding:18px}.snap b{display:block;font:900 13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase;color:#597085}.snap span{display:block;font-family:'Fraunces';font-size:32px;letter-spacing:-.06em;margin-top:6px}.gallery{columns:3 270px;column-gap:16px}.tile{break-inside:avoid;margin:0 0 16px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid rgba(8,32,51,.10);box-shadow:0 18px 55px rgba(8,32,51,.10)}.openPhoto{display:block;width:100%;border:0;background:transparent;padding:0;cursor:pointer;position:relative;color:inherit;text-align:left}.openPhoto img{width:100%;display:block;transition:.22s transform,.22s filter}.openPhoto:hover img{transform:scale(1.025);filter:brightness(.86) saturate(1.1)}.zoom{position:absolute;left:14px;bottom:14px;border-radius:999px;padding:9px 12px;background:rgba(8,32,51,.74);color:#fff;font-weight:900;opacity:0;transform:translateY(8px);transition:.18s;backdrop-filter:blur(12px)}.openPhoto:hover .zoom{opacity:1;transform:translateY(0)}.tile figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;font-weight:900}.tile small{font:900 11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#0c8590;text-transform:uppercase}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.filter{border:1px solid var(--line);border-radius:999px;background:#fff;color:#082033;font-weight:900;padding:11px 14px;cursor:pointer}.filter.active,.filter:hover{background:#082033;color:#fff}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(5,10,17,.90);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.on{display:flex}.lightbox figure{margin:0;max-width:min(1120px,92vw)}.lightbox img{display:block;max-width:100%;max-height:78vh;margin:auto;border-radius:24px;object-fit:contain;box-shadow:0 30px 110px rgba(0,0,0,.6)}.lightbox figcaption{text-align:center;color:#fff;padding:14px;font-weight:900}.close,.prev,.next{position:fixed;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;cursor:pointer;backdrop-filter:blur(12px);font-weight:900}.close{right:20px;top:18px;width:48px;height:48px;font-size:30px}.prev,.next{top:50%;width:54px;height:54px;font-size:42px}.prev{left:18px}.next{right:18px}.route{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.sticky{position:sticky;top:18px;align-self:start}.path{display:grid;gap:13px}.step{display:grid;grid-template-columns:auto 1fr;gap:16px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.64);padding:20px}.ico{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,rgba(18,197,207,.18),rgba(246,200,106,.22))}.step h3{font-size:28px;margin:0 0 6px}.step p{margin:0;color:#526477;line-height:1.45}.gameGrid{display:grid;gap:18px}.game{border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.72);padding:24px;box-shadow:0 20px 70px rgba(8,32,51,.09)}.game h2{font-size:48px;margin:0 0 8px}.scene{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#082033;margin-top:18px;box-shadow:inset 0 0 80px rgba(0,0,0,.25)}.scene img.bg{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.12) contrast(1.05)}.hiddenAnimal{position:absolute;transform:translate(-50%,-50%);width:54px;height:54px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.84);font-size:27px;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:.15s}.hiddenAnimal:hover{transform:translate(-50%,-50%) scale(1.12)}.hiddenAnimal.found{opacity:.25;pointer-events:none}.gameHud{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:900}.stickers{display:flex;gap:10px;flex-wrap:wrap}.stickers span{font-size:34px;filter:drop-shadow(0 8px 10px rgba(8,32,51,.16))}.feeding{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center}.animalStage{text-align:center;border-radius:30px;background:linear-gradient(180deg,#e9fbff,#fff7e8);padding:22px;border:1px solid var(--line)}.animalFace{font-size:110px;animation:bob 2.4s ease-in-out infinite}.foodTray{display:flex;gap:12px;flex-wrap:wrap}.food{width:82px;height:82px;border-radius:24px;border:1px solid var(--line);background:#fff;font-size:38px;cursor:pointer;box-shadow:0 12px 28px rgba(8,32,51,.10)}.food:hover{transform:translateY(-3px)}@keyframes bob{50%{transform:translateY(-10px)}}.rayWrap{position:relative;border-radius:32px;overflow:hidden;background:#0b628c;margin-top:14px}.rayWrap canvas{width:100%;height:430px;display:block;background:linear-gradient(180deg,#33bee1,#0a4263 55%,#052033)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,16,27,.58);backdrop-filter:blur(8px);color:#fff;text-align:center;padding:24px}.overlay.hidden{display:none}.overlay h3{font-size:52px;margin:0}.scoreRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.source{font-size:12px;color:#758295;line-height:1.5}.footer{text-align:center;color:#748093;font-weight:850;padding:44px 0 70px}@media(max-width:900px){.hero,.route,.feeding{grid-template-columns:1fr}.heroArt{min-height:500px}.cards,.snapshot{grid-template-columns:1fr 1fr}.sticky{position:relative;top:0}.links{display:none}.nav{border-radius:24px}.frame.main{inset:15px 40px 190px 0}.frame.side{inset:230px 0 30px 80px}.memoryCard{left:16px;right:16px;bottom:55px}.rayWrap canvas{height:360px}}@media(max-width:560px){.wrap{padding:12px}.hero{padding:30px 0}.heroArt{min-height:420px}h1{font-size:62px}.title{font-size:44px}.cards,.snapshot{grid-template-columns:1fr}.frame.main{inset:8px 32px 175px 0}.frame.side{inset:205px 0 45px 48px}.memoryCard{bottom:26px}.gallery{columns:1}.prev,.next{top:auto;bottom:20px}.lightbox img{max-height:72vh}.game h2{font-size:38px}.animalFace{font-size:82px}.food{width:68px;height:68px}.rayWrap canvas{height:320px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}