:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#24312c;background:#e9eee8;font-synthesis:none;--ink:#24312c;--muted:#626f64;--line:#c7d1c5;--orange:#eb693a;--paper:#f5f4e9;--purple:#8b7cba;--green:#b7cda5}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c0441a;outline-offset:5px}::selection{background:#fbb798;color:#24312c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;background:var(--paper);padding:16px}.skip-link:focus{top:12px}.site-header{height:105px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font:700 13px 'Outfit',sans-serif;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.brand-mark{position:relative;font-size:45px;line-height:1;letter-spacing:-5px}.brand-mark span{color:var(--orange);position:absolute;font-size:29px;left:19px;top:-5px}.brand>span:last-child{margin-left:12px}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:500}.site-header nav a{position:relative;padding:13px 0}.site-header nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;width:5px;height:5px;background:var(--orange);border-radius:50%;left:calc(50% - 2px)}.contact-link{border:1px solid var(--ink);padding:12px 19px;border-radius:100px;font-size:13px;font-weight:600;display:flex;gap:24px;align-items:center}.contact-link:hover{background:var(--ink);color:var(--paper)}main{min-height:75vh;outline:none}.home-hero{position:relative;max-width:1600px;margin:auto;padding:42px 5% 0}.eyebrow{display:flex;align-items:center;gap:9px;font:500 12px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase}.eyebrow .asterisk{font-size:23px;color:var(--orange)}.hero-top{position:relative;z-index:2;pointer-events:none}.hero-top a,.hero-top button{pointer-events:auto}.hero-top h1{font-family:'Outfit',sans-serif;font-size:clamp(60px,8.7vw,137px);font-weight:800;line-height:.86;letter-spacing:-.065em;margin:23px 0 24px;max-width:850px}.hero-top h1 .outline{color:transparent;-webkit-text-stroke:1.6px var(--ink)}.hero-top h1 .hero-spark{display:inline-block;vertical-align:top;color:var(--orange);font-size:.68em;line-height:1;margin-left:14px;transform:rotate(-12deg)}.hero-desc{font-size:15px;line-height:1.85;margin:0;max-width:320px;color:#4b5d50}.hero-desc strong{font-weight:600;color:var(--ink)}.intro-side{position:absolute;right:5.2%;top:76px;max-width:228px;font-size:14px;line-height:1.8;z-index:3}.intro-side .scribble{font-family:Georgia,serif;font-style:italic;font-size:20px;display:block;transform:rotate(-8deg);margin-bottom:15px}.intro-side p{margin:12px 0}.intro-side .tiny-chips{display:flex;gap:6px;flex-wrap:wrap}.tiny-chips span{font-size:11px;padding:5px 8px;border:1px solid #b6c4b4;border-radius:100px}.world-wrap{position:relative;height:560px;margin-top:-195px;margin-left:18%;width:82%;isolation:isolate}.world-wrap canvas{width:100%;height:100%;display:block;touch-action:pan-y;outline-offset:-5px}.world-wrap.playing canvas{touch-action:none}.world-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.world-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;border:1px solid #b9c5b5;background:rgba(248,248,240,.93);backdrop-filter:blur(8px);padding:9px 14px;border-radius:100px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 4px 12px #24312c09;transition:background .2s,box-shadow .2s}.world-label:hover{background:white;box-shadow:0 6px 22px #24312c28}.world-label b{width:19px;height:19px;display:grid;place-items:center;background:var(--label-color);border-radius:50%;font-size:10px;color:#24312c}.world-label.visited:after{content:'✓';color:#3a6644;font-size:12px}.world-caption{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;color:#566b5b;white-space:nowrap;display:flex;gap:8px;align-items:center}.world-caption .mini-dot{width:5px;height:5px;background:#566b5b;border-radius:50%}.fallback-art{position:absolute;inset:10% 8%;display:grid;place-content:center;text-align:center;border-radius:50%;background:#c6d8b8;border:1px dashed #70806b;font-family:'Outfit',sans-serif}.fallback-art strong{font-size:45px}.fallback-art p{font:14px 'Noto Sans KR',sans-serif;line-height:1.8}.fallback-art[hidden]{display:none}.world-wrap.fallback .world-labels{display:flex;align-items:end;justify-content:center;gap:7px;flex-wrap:wrap;padding-bottom:30px}.world-wrap.fallback .world-label{position:static;transform:none}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0 30px;border-bottom:1px solid var(--line);gap:18px}.hero-actions{display:flex;gap:12px;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);border-radius:100px;padding:14px 23px;font-size:13px;font-weight:600;background:transparent}.pill.dark{background:var(--ink);color:var(--paper)}.pill.dark:hover{background:#405647}.pill:hover{background:#d7e0d3}.play-triangle{font-size:10px}.game-help{font-size:12px;color:#5b6e5e;max-width:290px}.passport{display:flex;align-items:center;gap:13px}.passport>span{font-size:12px;line-height:1.5}.stamp-dots{display:flex;gap:6px}.stamp-dot{width:31px;height:31px;border:1px dashed #8b9d85;border-radius:50%;display:grid;place-items:center;font-size:11px}.stamp-dot.filled{background:var(--ink);color:#e9eee8;border-style:solid}.passport small{font:12px 'DM Sans';color:#5d6f61}.touch-controls{display:none;position:absolute;bottom:34px;left:15px;z-index:6;grid-template-columns:repeat(3,36px);gap:4px}.touch-controls button{width:36px;height:36px;border:1px solid #899e81;background:#f6f6ea;border-radius:9px;touch-action:none}.touch-controls button[data-move=up]{grid-column:2}.touch-controls button[data-move=left]{grid-column:1}.touch-controls button[data-move=jump]{grid-column:2}.touch-controls button[data-move=down]{grid-column:2}.touch-controls button[data-move=right]{grid-column:3;grid-row:2}.world-wrap.playing .touch-controls{display:grid}.section{max-width:1440px;padding:88px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-heading h2{font-family:'Outfit','Noto Sans KR',sans-serif;font-size:clamp(30px,4vw,53px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:12px 0 0}.section-heading p{max-width:320px;font-size:14px;line-height:1.8;color:#5d6c61;margin:0}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.chapter-card{display:flex;flex-direction:column;min-height:302px;border-radius:18px;padding:24px;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s;background:var(--card-bg)}.chapter-card:hover{transform:translateY(-7px)}.chapter-number{font-size:12px;letter-spacing:2px}.chapter-symbol{font:700 88px 'Outfit',sans-serif;line-height:1.3;letter-spacing:-6px;align-self:center;transform:rotate(-9deg);text-shadow:3px 5px 0 #ffffff50;transition:transform .4s}.chapter-card:hover .chapter-symbol{transform:rotate(7deg) scale(1.07)}.chapter-card h3{font:600 23px 'Outfit','Noto Sans KR',sans-serif;margin:auto 0 7px;letter-spacing:-.6px}.chapter-card p{font-size:12px;line-height:1.7;margin:0;opacity:.8}.chapter-card .card-plus{position:absolute;right:20px;top:19px;width:29px;height:29px;border:1px solid #24312c50;border-radius:50%;display:grid;place-items:center}.chapter-card[data-id=stage]{--card-bg:#c4b7df}.chapter-card[data-id=kitchen]{--card-bg:#f0be88}.chapter-card[data-id=film]{--card-bg:#e8d98b}.chapter-card[data-id=code]{--card-bg:#bacdaa}.bridge{padding-top:10px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.bridge-title{font-size:clamp(30px,4vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.45;margin:20px 0}.bridge-title em{font-style:normal;color:#bf4c25}.bridge p{font-size:14px;line-height:2;color:#5c6a61;max-width:490px}.connection-board{border:1px solid #bbcbb7;background:#dce5d7;min-height:310px;border-radius:24px;position:relative;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.connection-board>span{align-self:flex-start;font-size:10px;letter-spacing:2px}.connection-row{display:flex;align-items:center;gap:17px;width:100%;justify-content:center}.connection-token{padding:17px 25px;border-radius:12px;background:var(--paper);border:1px solid #b7c5b1;font-size:15px;box-shadow:4px 5px 0 #b8c9af;transform:rotate(-5deg)}.connection-token:last-child{transform:rotate(5deg);background:#c5b5df}.connection-board .connection-line{font-size:27px;color:#758b6d}.connection-result{border-radius:50px;background:var(--ink);color:var(--paper);padding:13px 30px;font:500 25px 'Outfit';box-shadow:3px 5px 0 #b7cba9}.connection-board small{font-size:11px;color:#576f51}.project-strip{background:#f4f3e9}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{background:#e9eee8;border:1px solid #d3dccf;border-radius:16px;overflow:hidden;transition:transform .2s}.work-card:hover{transform:translateY(-4px)}.work-art{height:190px;position:relative;overflow:hidden;padding:27px;display:flex;align-items:center;justify-content:center;font-family:'Outfit';}.work-art.stage{background:#c4b7df}.work-art.food{background:#f2bb80}.work-art.steps{background:#bed0ac}.work-art.travel{background:#e7d88d}.work-art.ai{background:#c8d7db}.work-art.music{background:#d9bcd2}.project-word{font-size:45px;font-weight:700;line-height:1;letter-spacing:-2px;transform:rotate(-7deg)}.project-word small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:14px;font-weight:400}.work-info{padding:22px}.work-info>span{font-size:10px;letter-spacing:1px;color:#63745e}.work-info h3{margin:9px 0;font-size:20px}.work-info p{font-size:13px;line-height:1.8;color:#5e6a62;margin:0}.work-card .status{display:inline-block;font-size:10px;margin-top:18px;padding:4px 8px;background:#f4f4eb;border-radius:5px}.cta-section{text-align:center;padding:90px 5% 100px}.cta-section .eyebrow{justify-content:center}.cta-section h2{font-size:clamp(32px,5vw,68px);letter-spacing:-3px;font-weight:500;margin:25px 0}.cta-section h2 span{font-family:Georgia,serif;font-style:italic;color:#bd4e28}.cta-section p{font-size:14px;color:#667461;margin-bottom:26px}footer{max-width:1600px;margin:auto;padding:30px 5% 110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px}footer>a{font:700 15px 'Outfit'}footer a span{display:block;font:11px 'Noto Sans KR';letter-spacing:0;color:#6c7967;margin-top:8px}footer p{font-size:9px;letter-spacing:2px}.play-tools{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:rgba(248,249,239,.95);border:1px solid #b8c5b2;box-shadow:0 8px 25px #253b2515;border-radius:100px;padding:6px 9px 6px 17px;display:flex;align-items:center;gap:5px;z-index:20;backdrop-filter:blur(16px);white-space:nowrap}.play-tools>span{font-size:11px;margin-right:7px;color:#63725e}.play-tools button{border:0;background:transparent;border-radius:50%;width:34px;height:34px;font-size:16px}.play-tools button[aria-pressed=true]{background:#d8e2cd}.play-tools button[data-trail=off]{font-size:9px}.play-tools button[data-trail=code]{font-size:13px;font-weight:700}.play-tools i{height:18px;border-left:1px solid #c9d0c0;margin:0 7px}.play-tools #motion-toggle{width:auto;border-radius:30px;font-size:10px;padding:0 9px}#trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}.page{max-width:1320px;margin:auto;padding:40px 5% 100px}.breadcrumb{font-size:12px;color:#536a59;margin-bottom:40px;display:flex;gap:12px;align-items:center}.detail-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;padding:18px 0 65px;border-bottom:1px solid var(--line)}.detail-hero h1{font:600 clamp(48px,7vw,90px)/1.04 'Outfit','Noto Sans KR';letter-spacing:-4px;margin:22px 0}.detail-hero p{font-size:16px;line-height:1.95;color:#54675a;max-width:570px}.detail-emblem{background:var(--accent);height:300px;border-radius:40% 40% 25% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);box-shadow:15px 20px 0 #24312c10}.detail-emblem b{font:700 100px 'Outfit';letter-spacing:-8px}.detail-emblem span{font-size:12px;letter-spacing:3px}.detail-content{display:grid;grid-template-columns:220px 1fr;gap:65px;padding-top:60px}.detail-sidebar{font-size:13px;line-height:2}.detail-sidebar strong{font-family:'Outfit';font-size:18px}.detail-sidebar p{color:#60705f}.detail-body h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin:0 0 22px}.detail-body>p{font-size:16px;line-height:2;color:#536459;margin-bottom:35px}.record{padding:28px 0;border-top:1px solid var(--line)}.record .record-meta{font:12px 'DM Sans';letter-spacing:1px;color:#66755f}.record h3{font-size:21px;letter-spacing:-.5px;margin:12px 0}.record p{font-size:14px;line-height:1.9;color:#536459;margin:0}.record a{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:15px}.related{margin-top:50px;padding:30px;border-radius:16px;background:#dce6d5}.related>span{font-size:11px;letter-spacing:2px}.related h3{font-size:22px;margin:12px 0}.related p{font-size:14px;line-height:1.8;margin-bottom:23px}.page-title{font-size:clamp(40px,6vw,78px);letter-spacing:-3px;line-height:1.2;margin:20px 0}.page-intro{font-size:16px;line-height:1.9;color:#61715f;max-width:640px;margin-bottom:40px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filter-bar button{padding:10px 17px;border:1px solid #afc1a7;border-radius:30px;background:transparent;font-size:13px}.filter-bar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.timeline{margin-top:50px}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:35px;border-top:1px solid var(--line);padding:33px 0}.timeline-item>strong{font:500 28px 'Outfit'}.timeline-item h2{font-size:22px;margin:0 0 12px;letter-spacing:-.7px}.timeline-item p{font-size:15px;line-height:1.9;color:#5d6e60;max-width:700px}.time-tags{display:flex;gap:8px}.time-tags span{font-size:11px;padding:5px 9px;background:#d4dfcd;border-radius:5px}.contact-box{padding:50px;background:#d8e3d0;border-radius:24px;margin-top:35px}.contact-box h2{font:500 clamp(24px,4vw,49px) 'Outfit';letter-spacing:-1px;overflow-wrap:anywhere}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.external-links{display:flex;gap:25px;margin-top:35px;flex-wrap:wrap}.external-links a{text-decoration:underline;text-underline-offset:5px;font-size:14px}.visit-message{font-size:13px;color:#46663d;margin:16px 0}.reveal{animation:arrive .65s both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.quiet *, .quiet *:before,.quiet *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.quiet .chapter-card:hover{transform:none}
@media(min-width:1500px){.world-wrap{height:620px;margin-top:-240px}.hero-desc{font-size:16px}.home-hero{padding-top:55px}}
@media(max-width:1100px){.hero-top h1{font-size:100px}.intro-side{max-width:185px;top:62px}.world-wrap{margin-top:-145px;height:480px;margin-left:12%;width:88%}.hero-desc{max-width:255px;font-size:13px}.chapter-grid{gap:12px}.chapter-card{padding:19px;min-height:285px}.chapter-card h3{font-size:21px}.chapter-card p{font-size:11px}.chapter-symbol{font-size:70px}.hero-bottom{flex-wrap:wrap}.game-help{max-width:240px}.bridge{gap:30px}}
@media(max-width:760px){.site-header{height:85px;padding:0 6%;gap:10px}.brand{font-size:10px;letter-spacing:.6px}.brand small{font-size:7px;letter-spacing:1px}.brand-mark{font-size:39px}.brand-mark span{font-size:24px;left:16px}.brand>span:last-child{margin-left:5px}.site-header nav{gap:16px;font-size:12px}.contact-link{display:none}.home-hero{padding:30px 6% 0}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-top h1{font-size:clamp(57px,13vw,95px);margin-top:20px;margin-bottom:23px;max-width:100%;line-height:.91}.hero-top h1 .hero-spark{margin-left:8px}.hero-desc{max-width:100%;font-size:13px;line-height:1.9}.intro-side{display:none}.world-wrap{width:calc(100% + 12%);margin-left:-6%;height:395px;margin-top:-18px}.world-label{font-size:10px;padding:7px 10px;gap:5px}.world-label b{width:16px;height:16px;font-size:9px}.world-caption{bottom:8px;font-size:9px;letter-spacing:.3px}.hero-bottom{padding:20px 0 25px;gap:19px}.hero-actions{gap:8px}.pill{padding:12px 18px;font-size:12px}.game-help{font-size:11px;max-width:100%;order:3;width:100%;margin:0}.passport{gap:10px}.passport>span{font-size:10px}.stamp-dot{width:23px;height:23px;font-size:9px}.stamp-dots{gap:4px}.passport small{font-size:10px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading p{font-size:12px;margin-top:17px}.chapter-grid{grid-template-columns:1fr 1fr;gap:12px}.chapter-card{min-height:240px;padding:20px}.chapter-card h3{font-size:21px}.chapter-symbol{font-size:66px}.chapter-number{font-size:10px}.chapter-card p{font-size:11px}.bridge{grid-template-columns:1fr;gap:28px;padding-top:0}.bridge-title{font-size:34px;letter-spacing:-1.4px}.bridge p{font-size:13px}.connection-board{min-height:270px}.work-grid{grid-template-columns:1fr}.work-art{height:220px}.work-info{padding:24px}.work-info p{font-size:14px}.work-info>span,.work-card .status{font-size:12px}.work-info h3{font-size:22px}.cta-section{padding:60px 6% 70px}.cta-section h2{font-size:37px;letter-spacing:-2px}.cta-section p{font-size:12px}footer{flex-wrap:wrap;padding:30px 6% 110px}footer p{order:3;width:100%;font-size:8px}.play-tools{bottom:16px;padding-left:12px;gap:3px}.play-tools>span{font-size:10px;margin-right:3px}.play-tools button{width:31px;height:31px}.play-tools i{margin:0 3px}.play-tools #motion-toggle{font-size:9px;padding:0 7px}.page{padding:28px 6% 70px}.breadcrumb{margin-bottom:30px}.detail-hero{grid-template-columns:1fr;gap:35px;padding-bottom:40px}.detail-hero h1{font-size:57px;letter-spacing:-3px}.detail-hero p{font-size:14px}.detail-emblem{height:210px;width:85%;margin:0 auto 12px}.detail-emblem b{font-size:80px}.detail-content{grid-template-columns:1fr;gap:20px;padding-top:30px}.detail-sidebar{border-bottom:1px solid var(--line);padding-bottom:20px}.detail-sidebar p{margin:5px 0}.detail-body>p{font-size:15px}.detail-body h2{font-size:25px}.record p{font-size:14px}.timeline-item{grid-template-columns:1fr;gap:12px}.timeline-item>strong{font-size:25px}.timeline-item h2{font-size:21px}.timeline-item p{font-size:14px}.contact-box{padding:26px}.contact-box h2{font-size:26px}.page-intro{font-size:14px}.contact-actions .pill{width:100%}}
@media(max-width:380px){.site-header nav{gap:10px;font-size:11px}.brand small{display:none}.hero-top h1{font-size:56px}.world-wrap{height:350px}.hero-bottom .passport{width:100%;justify-content:flex-end}.chapter-card{padding:16px}.chapter-card h3{font-size:18px}.play-tools>span{display:none}}
.hero-top h1{position:relative}.hero-top h1 .hero-spark{position:absolute;top:.05em;left:3.85em;margin:0}.hero-top h1 .outline{color:#e9eee8;paint-order:stroke fill}
@media(max-width:760px){.world-wrap{height:330px;margin-top:-5px}.world-caption{bottom:0}.hero-bottom{padding-bottom:25px}.world-wrap.playing .world-caption{bottom:2px;font-size:8px}.world-wrap.playing .touch-controls{bottom:28px;left:8px}}
.record p,.detail-body>p,.page-intro,.bridge p{font-size:16px}.chapter-card p,.work-info p{font-size:14px}.pill,.site-header nav,.world-label{font-size:14px}.world-label{min-height:40px}.chapter-card{min-height:320px}.chapter-symbol{font-size:76px}.play-tools #motion-toggle{font-size:12px}.play-tools button{min-height:36px;min-width:34px}.work-info>span,.work-card .status,.chapter-number,.world-caption,.eyebrow{font-size:12px}
@media(max-width:760px){.hero-top h1{font-size:12.5vw}.chapter-card{min-height:260px}.chapter-card p{font-size:12px}.chapter-symbol{font-size:60px}.world-label{font-size:11px;min-height:36px}.site-header nav{font-size:12px}.play-tools #motion-toggle{font-size:11px}.eyebrow{font-size:10px}.world-caption{font-size:10px}.hero-desc{font-size:14px}.pill{font-size:13px}.world-wrap{height:330px}.hero-actions{width:100%;justify-content:space-between}.passport{margin-left:auto}.chapter-card .card-plus{width:25px;height:25px}.detail-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.work-detail-link{display:block;color:inherit;text-decoration:none}.work-external{display:block;margin:0 24px 24px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.acting-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:48px}.acting-gallery figure{margin:0}.acting-gallery figure:first-child{grid-column:1/-1}.acting-gallery img{display:block;width:100%;max-height:620px;object-fit:contain;background:#ded6e8;border-radius:18px}.acting-gallery figcaption{font-size:13px;color:#58645a;margin-top:10px}@media(max-width:600px){.acting-gallery{grid-template-columns:1fr}}

/* Let the harbour breathe below the introduction, with no title occlusion. */
.world-wrap{width:100%;margin-left:0;margin-top:20px;height:620px}.hero-top h1{font-size:clamp(60px,8vw,118px)}.world-caption{letter-spacing:.2px}.hero-desc{max-width:440px}@media(max-width:1100px){.world-wrap{height:530px;margin-top:24px}.hero-top h1{font-size:85px}}@media(max-width:760px){.world-wrap{width:calc(100% + 12%);margin-left:-6%;height:355px;margin-top:6px}.hero-top h1{font-size:12.5vw}.world-label{font-size:10px;padding:6px 8px}.world-caption{font-size:9px;max-width:100%;letter-spacing:0}}

.scroll-story{height:190vh;min-height:1100px;position:relative;margin:0 0 70px}.scene-sticky{position:sticky;top:25px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;height:calc(100vh - 50px);max-height:900px}.scene-copy h2{font-size:clamp(34px,4.2vw,62px);line-height:1.13;letter-spacing:-2px;margin:25px 0}.scene-copy>p{font-size:15px;line-height:1.9;color:#586c60}.scene-copy .scene-step{margin:28px 0;padding-left:17px;border-left:3px solid #b86643;min-height:58px;color:#293f35}.scene-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.scene-controls button{font-size:12px}.scene-scroll{background:none;border:0;text-decoration:underline;text-underline-offset:5px;padding:9px 0}.scene-range-label{display:block;font-size:12px;margin-top:27px}.scene-range{display:block;width:100%;accent-color:#546f5c;margin:16px 0 22px}.scene-copy small{display:block;font-size:9px;letter-spacing:1.5px;color:#698070;margin-top:30px}.scene-skip{font-size:13px;text-decoration:underline;text-underline-offset:5px}.scene-window{height:100%;max-height:750px;min-height:400px;position:relative;overflow:hidden;border:9px solid #f4f1e5;border-radius:160px 160px 20px 20px;box-shadow:0 24px 70px #29473b23;background:var(--scene-accent)}.story-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.scene-topline,.scene-bottomline{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;color:#fff9e9;pointer-events:none}.scene-topline{top:65px;justify-content:center;font-size:9px;letter-spacing:1.3px;text-shadow:0 1px 8px #213b32}.scene-topline span:last-child{display:none}.scene-bottomline{bottom:24px;font-size:13px}.scene-percent{font:11px monospace}.scene-loop:disabled{opacity:.5;cursor:default}.detail-hero:has(+.scroll-story){display:block;padding-bottom:30px}.detail-hero:has(+.scroll-story)>div{max-width:800px}.detail-hero:has(+.scroll-story) h1{font-size:clamp(46px,6vw,82px)}@media(max-width:760px){.scroll-story{height:auto;min-height:0;margin:20px 0 45px}.scene-sticky{position:relative;top:0;height:auto;max-height:none;display:flex;flex-direction:column;gap:26px}.scene-copy{width:100%}.scene-copy h2{font-size:35px;margin:16px 0}.scene-copy .scene-step{margin:17px 0;min-height:0}.scene-copy small{display:none}.scene-window{width:100%;height:520px;min-height:0;border-width:6px;border-radius:100px 100px 16px 16px}.scene-range-label{margin-top:17px}.scene-topline{top:47px;font-size:8px}.scene-bottomline{left:16px;right:16px;font-size:12px}.scene-range{margin-bottom:16px}}

.survivor-actions{display:flex;flex-wrap:wrap;gap:12px}.harbour-teaser .survivor-secondary{background:#163d3bbf;color:#fff;border:1px solid #ffffff70}.survivor-page{max-width:1120px;margin:0 auto;padding:12px 24px 28px}.survivor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:8px;font-size:13px}.survivor-toolbar>span{color:#586c60;font-weight:600}.survivor-toolbar a{padding:10px 0;text-underline-offset:4px}.survivor-toolbar a:hover{text-decoration:underline}.survivor-frame{display:block;width:100%;height:clamp(540px,calc(100svh - 190px),900px);border:0;border-radius:16px;background:#101c21}body:has(.survivor-page) .play-tools{display:none}@media(max-width:600px){.survivor-page{padding:4px 12px 20px}.survivor-toolbar{gap:8px;font-size:12px}.survivor-toolbar>span{display:none}.survivor-frame{height:max(500px,calc(100svh - 150px));border-radius:12px}.survivor-actions .pill{font-size:12px}}
