@font-face{font-family:Outfit;src:url('assets/Outfit.ttf') format('truetype');font-display:swap}@font-face{font-family:Lilita;src:url('assets/LilitaOne.ttf') format('truetype');font-display:swap}
:root{--ink:#071e24;--paper:#f3eddb;--lime:#dfaa77;--muted:#c0ceca;--line:#315057}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Outfit,sans-serif;font-size:18px;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.skip{position:absolute;left:15px;top:-100px;z-index:5;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:15px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:16px 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700;line-height:1.1;letter-spacing:2px}.brand img{object-fit:contain}.brand small{font-size:10px;letter-spacing:2px}nav{display:flex;gap:32px;font-size:15px}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:var(--lime)}.hero{position:relative;min-height:710px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/ocean.png') 68% center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,30,36,.98) 0%,rgba(7,30,36,.87) 28%,rgba(7,30,36,.1) 80%),linear-gradient(0deg,var(--ink),transparent 25%)}.hero-copy{padding:70px 6%;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:600;color:var(--lime);margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Lilita,sans-serif;font-weight:400;line-height:.98;letter-spacing:-2px}h1{font-size:clamp(64px,7.5vw,112px);margin-bottom:26px}h1 span{color:var(--lime)}.game-title{font-size:22px;letter-spacing:5px;font-weight:600;margin-bottom:16px}.game-title span{display:block;font-size:13px;letter-spacing:6px;color:var(--muted)}.intro{max-width:390px;color:var(--muted)}.button{display:inline-flex;gap:50px;align-items:center;padding:16px 24px;background:var(--lime);color:var(--ink);font-weight:600;text-decoration:none;transition:transform .2s}.button:hover{transform:translateY(-3px)}.release-note{font-size:12px;color:var(--muted);margin:12px 0 0}.depth{position:absolute;right:5%;bottom:54px;font-size:10px;letter-spacing:2px;text-align:center;color:var(--paper)}.depth span{opacity:.55}.ticker{display:flex;justify-content:space-between;gap:25px;padding:24px 6%;background:var(--lime);color:var(--ink);font-size:13px;letter-spacing:2px;font-weight:600}.section{padding:100px 8%;max-width:1600px;margin:auto}h2{font-size:clamp(46px,5vw,76px);margin-bottom:30px}h2 em{color:var(--lime);font-style:normal}.game{display:grid;grid-template-columns:1fr 1fr;gap:9%}.features article{display:flex;gap:24px;padding:25px 0;border-top:1px solid var(--line)}.features article>span{font-size:12px;color:var(--lime);padding-top:7px}h3{font-size:25px;font-weight:500;line-height:1.2;margin-bottom:14px}.features p,.studio p,.support p{color:var(--muted);max-width:670px}.online{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 9%;background:#102d33}.online .eyebrow{grid-column:1/-1}.online h2{font-size:54px}.online p:last-child{max-width:480px;align-self:center;color:var(--muted)}.studio{padding-right:30%;background:radial-gradient(ellipse at right bottom,#244b44,transparent 60%)}.support{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.support>div:last-child{align-self:center}.text-link{font-size:23px;text-underline-offset:8px}.support .support-note{font-size:14px;margin-top:32px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:24px;padding:28px 6%;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:700px){.masthead{padding:12px 5%}.brand img{width:58px;height:58px}.brand>span{display:none}nav{gap:18px;font-size:14px}.hero{min-height:670px}.hero-copy{padding:65px 7%}.hero-art{background-position:64% center}.hero:after{background:linear-gradient(90deg,rgba(7,30,36,.95),rgba(7,30,36,.6)),linear-gradient(0deg,var(--ink),transparent)}.depth{display:none}.ticker{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;padding:20px 7%}.section{padding:66px 7%}.game,.online,.support{grid-template-columns:1fr;gap:25px}.online h2{font-size:46px}.studio{padding-right:7%}footer{flex-direction:column;gap:8px}.game-title{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Studio home and shared navigation */
.studio-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:3%;padding:75px 6% 80px;max-width:1600px;margin:auto;background:radial-gradient(ellipse at 80% 50%,#123c4d,transparent 55%)}.studio-hero h1{font-size:clamp(62px,6.9vw,104px)}.studio-hero .intro{max-width:510px}.studio-mark{margin:0;text-align:center}.studio-mark img{width:100%;height:auto;max-width:470px;mix-blend-mode:screen}.studio-mark figcaption{font-size:11px;letter-spacing:4px;color:var(--muted)}.game-spotlight{position:relative;display:flex;align-items:flex-end;isolation:isolate;min-height:580px;overflow:hidden;text-decoration:none;border:1px solid var(--line)}.game-spotlight>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;transition:transform .4s}.game-spotlight:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,30,36,.97),rgba(7,30,36,.5) 55%,rgba(7,30,36,.05))}.game-spotlight>div{padding:55px;max-width:680px}.game-spotlight h2{margin:24px 0;font-size:clamp(48px,5vw,76px)}.game-spotlight p{max-width:410px;color:var(--muted)}.game-spotlight:hover>img{transform:scale(1.025)}.pill{font-size:11px;letter-spacing:2px;border:1px solid var(--lime);padding:8px 12px;color:var(--lime)}.studio-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.studio-story p{color:var(--muted)}.studio-story h2{font-size:clamp(44px,4.7vw,70px)}
@media(max-width:700px){.studio-hero{grid-template-columns:1fr;padding:55px 7%;gap:35px}.studio-hero h1{font-size:clamp(48px,12vw,76px)}.studio-mark img{max-width:270px}.studio-story{grid-template-columns:1fr;gap:15px}.game-spotlight{min-height:570px}.game-spotlight>div{padding:28px 23px}.game-spotlight>img{object-position:60%}.game-spotlight:after{background:linear-gradient(0deg,rgba(7,30,36,.98),rgba(7,30,36,.28))}.game-spotlight h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.game-spotlight>img{transition:none}}

/* A quieter, personal studio notebook. The game keeps its own ocean palette. */
:root{--ink:#15272e;--paper:#f4edde;--muted:#c5cac6;--line:#46575b}
.button{background:#dca779;color:#19282d;border-radius:2px;padding:13px 21px;gap:26px;box-shadow:3px 3px 0 #09181b;transition:none}.button:hover{transform:none;background:#e8bd96}
.eyebrow{letter-spacing:1.5px}.ticker{background:#c2d0cf;color:#203139;font-family:monospace;font-weight:400;letter-spacing:1px}.online{background:#23363c}.depth{display:none}
.studio-home{background:#eee7da;color:#263239;--muted:#596164;--line:#c0b8a8;--lime:#9a4934}
.studio-home .masthead{padding:19px 6%;border-bottom:1px solid #aaa395}.studio-home .brand{letter-spacing:1px}.studio-home .brand img{width:58px;height:58px;background:#101d25;border-radius:50%}.studio-home nav{font-size:16px;gap:28px}.studio-home nav a{text-decoration:underline;text-decoration-color:#c0b8a8;text-underline-offset:7px}
.studio-home h1,.studio-home h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-3px;line-height:1.04}.studio-home h1 span{font-weight:400;font-style:italic;color:#9a4934;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px;text-decoration-color:#b98068}.studio-home h2 em{color:#9a4934;font-style:italic}
.studio-home .eyebrow{font-family:monospace;font-weight:400;text-transform:none;letter-spacing:.4px;color:#77513f;font-size:13px}
.studio-home .studio-hero{background:none;grid-template-columns:1.45fr 1fr;padding:80px 7% 75px;gap:6%;align-items:center}.studio-home .studio-hero h1{font-size:clamp(64px,7.8vw,116px);margin-bottom:38px}.studio-home .intro{font-size:21px;line-height:1.65;max-width:460px}.studio-home .studio-hero .button{background:none;box-shadow:none;border:0;border-bottom:1px solid #9a4934;border-radius:0;color:#8a3d2b;padding:6px 0;font-weight:500;font-size:17px}.studio-home .studio-hero .button:hover{color:#263239}
.studio-home .studio-mark{transform:rotate(3deg);background:#faf6ed;padding:15px 15px 19px;box-shadow:1px 4px 8px #352d231c;border:1px solid #d3cbbb;max-width:380px;justify-self:end;position:relative}.studio-home .studio-mark:before{content:'';width:94px;height:26px;background:#c1b3929c;position:absolute;left:calc(50% - 47px);top:-13px;transform:rotate(-7deg)}.studio-home .studio-mark img{display:block;mix-blend-mode:normal;background:#07151c;max-width:none}.studio-home .studio-mark figcaption{font-family:Georgia,serif;font-style:italic;font-size:16px;letter-spacing:0;color:#665e52;margin-top:14px}
.bench-note{margin:0 7%;border-top:1px solid #aba293;border-bottom:1px solid #aba293;display:flex;gap:25px;align-items:center;padding:22px 0;font-size:15px}.bench-note>span{font-family:monospace;color:#8a3d2b;white-space:nowrap}.bench-note p{margin:0;flex:1}.bench-note a{text-underline-offset:5px}
.studio-home #games{padding-top:65px;padding-bottom:75px}.studio-home .game-spotlight{min-height:520px;border:0;background:#12262e;color:#f4edde}.studio-home .game-spotlight h2{font-family:Lilita,sans-serif;letter-spacing:-1px;font-size:70px}.studio-home .game-spotlight h2 em{color:#dfaa77;font-style:normal}.studio-home .game-spotlight p{color:#d7ded9}.studio-home .game-spotlight .pill{border:0;border-bottom:1px solid #b7c6c3;color:#d7ded9;padding:0 0 8px;font-family:monospace;letter-spacing:1px}.studio-home .game-spotlight>div{padding:45px;max-width:630px}.studio-home .game-spotlight:hover>img{transform:none}
.studio-home .studio-story{grid-template-columns:.8fr 1fr;gap:13%;padding-top:65px;padding-bottom:70px}.studio-home .studio-story h2{font-size:clamp(46px,4.5vw,67px)}.studio-home .studio-story p{line-height:1.85}.studio-home .support{background:#e1d9ca;padding-top:60px;padding-bottom:60px;grid-template-columns:1fr 1fr}.studio-home .support h2{font-size:58px}.studio-home .text-link{font-size:19px;color:#8a3d2b}.studio-home footer{font-family:monospace;color:#665e52}.studio-home a:focus-visible{outline-color:#9a4934}
@media(max-width:700px){.studio-home .masthead{padding:15px 6%}.studio-home nav{font-size:14px;gap:17px}.studio-home .studio-hero{grid-template-columns:1fr;padding:55px 7% 45px;gap:45px}.studio-home .studio-hero h1{font-size:clamp(56px,14vw,88px);letter-spacing:-2px}.studio-home .intro{font-size:18px}.studio-home .studio-mark{max-width:260px;justify-self:center}.bench-note{display:block;padding:20px 0}.bench-note p{margin:8px 0}.studio-home .game-spotlight{min-height:570px}.studio-home .game-spotlight>div{padding:27px}.studio-home .game-spotlight h2{font-size:51px}.studio-home .studio-story,.studio-home .support{grid-template-columns:1fr;gap:20px}.studio-home .support h2{font-size:49px}}

/* Shark Tales: illustrated expedition, with real interface captures. */
.sharktales-page{background:#091e27}.reef-hero{position:relative;isolation:isolate}.reef-hero>img{display:block;width:100%;height:min(760px,65vw);min-height:460px;object-fit:cover;object-position:center}.reef-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091e27 0%,#091e27b3 17%,transparent 60%);pointer-events:none}.reef-title{position:absolute;left:6%;bottom:30px;z-index:1;text-shadow:0 3px 12px #000}.reef-title h1{font-size:clamp(58px,7vw,110px);margin:0;line-height:.9;letter-spacing:-1px}.reef-title h1 span{display:block;color:#edc188;font-size:.52em;letter-spacing:3px;line-height:1.3}.reef-title>p:last-child{font-family:Georgia,serif;font-style:italic;font-size:25px;margin:12px 0 0}.reef-title .eyebrow{margin-bottom:14px}.art-caption{position:absolute;bottom:30px;right:4%;z-index:1;font-size:11px;color:#c5cac6}.dive-in{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:65px;padding-bottom:60px}.dive-in h2,.note-copy h2{font-size:clamp(46px,4.8vw,72px)}.dive-in p,.note-copy p{color:#c5d2d3}.dive-facts{display:flex;justify-content:center;gap:10%;padding:24px 7%;border-block:1px solid #38505b;color:#d1d9d8}.dive-facts b{font-family:Georgia,serif;font-weight:400;color:#edc188;font-size:35px;margin-right:8px}.field-notes{display:grid;grid-template-columns:.65fr 1.35fr;gap:6%;align-items:center}.journal-shot{margin:0;min-width:0}.journal-shot img{display:block;width:100%;height:auto;border:1px solid #536b72;box-shadow:8px 8px 0 #06131a}.journal-shot figcaption{font-size:12px;color:#9bacb1;margin-top:16px;font-family:monospace}.lighthouse-story{position:relative;isolation:isolate}.lighthouse-story>img{display:block;width:100%;height:640px;object-fit:cover}.lighthouse-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#091e27aa 55%,#091e27e8),linear-gradient(0deg,#091e27,transparent 30%)}.lighthouse-story>div{position:absolute;right:7%;top:50%;transform:translateY(-50%);max-width:540px;z-index:1}.lighthouse-story h2{font-size:clamp(43px,4.3vw,66px)}.lighthouse-story p{max-width:450px}.mystery-notes{grid-template-columns:1.35fr .65fr}.sharktales-page .studio{display:none}.sharktales-page .online{background:#142d37}.sharktales-page .support{background:#0c2430}
@media(max-width:700px){.reef-hero>img{height:590px;object-position:57% center}.reef-title{left:7%;bottom:46px}.reef-title h1{font-size:62px}.reef-title>p:last-child{font-size:22px}.art-caption{bottom:12px;left:7%;font-size:10px}.dive-in,.field-notes,.mystery-notes{grid-template-columns:1fr;gap:25px}.dive-facts{justify-content:space-between;gap:16px;font-size:12px}.dive-facts b{display:block;font-size:30px}.lighthouse-story>img{height:680px;object-position:30%}.lighthouse-story:after{background:linear-gradient(0deg,#091e27 0%,#091e27c7 45%,transparent 90%)}.lighthouse-story>div{left:7%;right:7%;top:auto;bottom:28px;transform:none}.lighthouse-story h2{font-size:44px}.mystery-notes .note-copy{grid-row:1}.reef-title .eyebrow{font-size:10px}.sharktales-page .online h2{font-size:42px}}

/* After-hours reading room: charcoal walls, walnut, shaded amber light. */
.studio-home{background:#12191b;color:#ece4d3;--muted:#aeb5b4;--line:#374044;--lime:#c4a27a}.studio-home .masthead{background:#101719;border-color:#30383b}.studio-home .brand img{border-radius:0;background:transparent}.studio-home nav a{text-decoration-color:#5c6668}.studio-home nav a:hover{color:#d2ae81}.studio-home .eyebrow{color:#b59d7f;letter-spacing:1px}.studio-home h1,.studio-home h2{font-family:Outfit,sans-serif;font-weight:500;letter-spacing:-2px}.studio-home h1 span{font-style:normal;color:#c9ad87;text-decoration:none}.studio-home h2 em{font-style:normal;color:#c9ad87}.studio-home .intro{color:#b5bebf}.studio-home .studio-hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:720px;padding:95px 7% 105px;grid-template-columns:1.35fr 1fr;gap:6%;background:radial-gradient(ellipse at 86% 42%,#654b3038,transparent 48%),linear-gradient(90deg,#12191b 37%,#1b2528)}.studio-home .studio-hero>div:not(.room-wall){position:relative;z-index:2}.studio-home .studio-hero h1{font-size:clamp(58px,6.6vw,98px);font-weight:550;line-height:1.07;letter-spacing:-3px}.studio-home .studio-hero .intro{max-width:455px;font-size:20px}.studio-home .studio-hero .button{color:#e1c49e;border:1px solid #766249;background:#332e26;padding:13px 19px;box-shadow:0 3px 0 #080e10}.studio-home .studio-hero .button:hover{color:#fff;background:#453a2b}
.room-wall{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#12191b 0%,#12191bf5 39%,#12191b12 72%),repeating-linear-gradient(90deg,transparent 0,transparent 179px,#39404250 180px,#101719 184px,transparent 186px),linear-gradient(0deg,#392d22 0,#211f1b 5%,transparent 5%);box-shadow:inset 0 -24px 40px #0007}.wall-picture{position:absolute;right:6%;top:46px;width:225px;height:118px;background:url('assets/lighthouse.png') center/cover;border:8px solid #433627;box-shadow:0 0 0 1px #776046,5px 8px 20px #0009;transform:rotate(-2deg);opacity:.75}.wall-shelf{position:absolute;right:3%;bottom:55px;width:48%;height:135px;display:flex;align-items:flex-end;gap:5px;padding:0 22px 14px;border-bottom:15px solid #493526;box-shadow:0 6px 0 #1d1814,0 18px 20px #0008}.wall-shelf i{display:block;width:25px;height:83px;background:#314149;border:2px solid #172127;box-shadow:inset 0 8px #bd99772b,inset 0 -8px #bd99772b}.wall-shelf i:nth-child(2){height:107px;width:34px;background:#624634}.wall-shelf i:nth-child(3){height:94px;width:20px;background:#525744}.wall-shelf i:nth-child(4){height:111px;width:30px;background:#2a4149;transform:rotate(-9deg);margin-left:8px}.wall-shelf i:nth-child(5){height:75px;width:38px;background:#735143;margin-left:17px}.wall-shelf i:nth-child(6){height:91px;width:23px;background:#62604d}.wall-shelf i:nth-child(7){height:98px;width:31px;background:#3a4c50}.reading-lamp{position:absolute;right:7%;bottom:80px;width:7px;height:150px;background:#96744c;box-shadow:0 0 60px 45px #ce955421}.reading-lamp:before{content:'';position:absolute;left:-43px;top:-25px;width:94px;height:65px;background:linear-gradient(90deg,#5c4730,#c5a16b 55%,#836641);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.reading-lamp:after{content:'';position:absolute;bottom:0;left:-30px;width:68px;height:10px;border-radius:50%;background:#8c6b45}
.studio-home .studio-mark{z-index:1;transform:rotate(1deg);background:#0b141c;border:9px solid #3c3026;outline:1px solid #68513b;box-shadow:8px 15px 30px #0009,inset 0 0 0 2px #967454;padding:10px 10px 12px;max-width:340px;justify-self:start;margin-left:7%;margin-top:15px;margin-bottom:90px}.studio-home .studio-mark:before{display:none}.studio-home .studio-mark img{background:#07151c}.studio-home .studio-mark figcaption{color:#acb2ae;font-family:Outfit,sans-serif;font-style:normal;font-size:13px;letter-spacing:.4px;margin-top:10px}.bench-note{border-color:#394348;color:#bfc5c2;margin:0 7%;padding:24px 0}.bench-note>span{color:#bd9f78}.bench-note a{color:#d2b58e}.studio-home #games{background:#12191b}.studio-home .studio-story{border-color:#354044;background:#172023;max-width:none}.studio-home .studio-story p{color:#b5bebf}.studio-home .studio-story h2{font-size:clamp(42px,4.3vw,64px)}.studio-home .support{background:#101719;border-color:#354044}.studio-home .support p{color:#b5bebf}.studio-home .text-link{color:#d2b58e}.studio-home footer{color:#8d9a9c;border-color:#354044}.studio-home a:focus-visible{outline-color:#d2b58e}
@media(max-width:700px){.studio-home .studio-hero{padding:55px 7% 165px;grid-template-columns:1fr;gap:22px;min-height:0}.studio-home .studio-hero h1{font-size:clamp(45px,11vw,68px);letter-spacing:-1.7px}.studio-home .studio-hero .intro{font-size:18px}.studio-home .studio-mark{max-width:245px;justify-self:center;margin:18px 0 10px}.room-wall{background:linear-gradient(0deg,#24303460,transparent 60%)}.wall-picture{display:none}.wall-shelf{width:90%;right:5%;bottom:35px;height:110px}.wall-shelf i{width:20px}.reading-lamp{right:14%;bottom:60px;height:110px}.studio-home .support h2{font-size:44px}}

/* Let the luminous mark sit directly on the dark masthead. */
.masthead .brand img,.studio-home .masthead .brand img{mix-blend-mode:screen;background:transparent;border:0;border-radius:0;box-shadow:none;outline:0}

/* Steam demo and full-game actions */
.game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}