:root{--ink:#101c2b;--ink2:#17283c;--paper:#f4efe3;--cream:#fffaf0;--gold:#e7b74b;--red:#b54338;--line:rgba(16,28,43,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.site-header{height:92px;padding:0 clamp(24px,5vw,86px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:50%;background:var(--ink);display:grid;place-items:center}.brand-mark svg{width:31px;fill:none;stroke:var(--gold);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand em{display:block;font-style:normal;line-height:1}.brand strong{font-size:12px;letter-spacing:3.5px}.brand em{font-weight:800;font-size:19px;letter-spacing:.7px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:36px}.main-nav a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;height:2px;background:var(--red);left:0;right:100%;bottom:-8px;transition:.25s}.main-nav>a:hover:after{right:0}.main-nav .nav-cta{color:var(--paper);background:var(--ink);padding:14px 18px}.nav-cta span{color:var(--gold);margin-left:12px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:810px;padding:155px clamp(24px,5vw,86px) 72px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;right:0;top:92px;width:48%;height:calc(100% - 92px);background:var(--ink);z-index:-2;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}.hero:after{content:"CASE FILE  /  013";position:absolute;right:-43px;top:45%;color:rgba(244,239,227,.13);font:18px "Special Elite";letter-spacing:7px;transform:rotate(90deg)}.hero-copy{max-width:650px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow span{width:26px;height:3px;background:var(--red);display:inline-block}.hero h1,.section-heading h2,.secret h2{font:clamp(52px,6vw,88px)/.96 "Special Elite",serif;letter-spacing:-2px;margin:20px 0}.hero h1 mark{color:var(--red);background:none;position:relative}.hero h1 mark:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q80 1 150 7 T298 5' fill='none' stroke='%23b54338' stroke-width='4'/%3E%3C/svg%3E") center/100% 100%}.intro{font-size:17px;line-height:1.8;max-width:565px;color:#3c4855;margin:31px 0}.hero-actions{display:flex;align-items:center;gap:31px}.primary-btn{background:var(--red);color:#fff;text-decoration:none;padding:16px 22px;font-weight:700;box-shadow:6px 6px 0 var(--ink);transition:.2s}.primary-btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.primary-btn span{font-size:23px;margin-left:18px}.text-link{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.text-link span{display:inline-grid;place-items:center;background:var(--gold);border-radius:50%;width:32px;height:32px;margin-right:8px;font-size:11px}.case-stats{display:flex;margin-top:56px;gap:0}.case-stats div{padding:0 24px;border-left:1px solid var(--line)}.case-stats div:first-child{padding-left:0;border:0}.case-stats strong{font:29px "Special Elite";display:block}.case-stats span{font-size:11px;color:#68717a;text-transform:uppercase;letter-spacing:1px}.hero-scene{height:610px;position:relative;margin-left:20px}.character{position:absolute;background:#fff;border:7px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.25);overflow:hidden}.character img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03)}.hiraku-card{width:280px;height:354px;left:9%;top:35px;transform:rotate(-4deg);z-index:2}.ga-card{width:260px;height:360px;right:5%;bottom:30px;transform:rotate(4deg);z-index:3}.hiraku-card img{object-position:50% 10%}.ga-card img{object-position:50% 8%}.tape{position:absolute;width:92px;height:25px;background:rgba(231,183,75,.8);top:8px;left:50%;transform:translateX(-50%) rotate(2deg);z-index:2}.char-label{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:#fff;padding:10px 12px;font:12px "Special Elite";letter-spacing:1.2px;z-index:2}.clue-note{position:absolute;right:1%;top:48px;background:#edd579;color:var(--ink);padding:21px 22px 18px;font:14px/1.5 "Special Elite";transform:rotate(3deg);box-shadow:7px 8px 20px rgba(0,0,0,.2);z-index:4}.clue-note b{color:var(--red)}.stamp{position:absolute;left:0;bottom:60px;border:4px double var(--red);color:var(--red);font:24px/1 "Special Elite";padding:10px 15px;text-align:center;transform:rotate(-13deg);opacity:.88;z-index:5}.magnifier{position:absolute;width:190px;right:32%;top:29%;fill:rgba(255,255,255,.05);stroke:var(--gold);stroke-width:8;z-index:5;filter:drop-shadow(3px 4px 3px rgba(0,0,0,.25));pointer-events:none}.evidence-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(231,183,75,.28);stroke-width:2;stroke-dasharray:6 9}.evidence-line circle{fill:var(--red);stroke:none}.hero-deco{position:absolute;fill:none;stroke:var(--ink);stroke-width:3;opacity:.08;z-index:-1}.deco-key{width:180px;left:28%;top:110px;transform:rotate(-18deg)}.deco-print{width:150px;left:38%;bottom:14px}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;font-weight:700;color:#69737c;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-hint span{width:1px;height:28px;background:var(--red)}.cases{padding:110px clamp(24px,6vw,110px) 130px;background:#e9e2d3;position:relative}.cases:before{content:"EVIDENCE";position:absolute;right:3%;top:40px;font:90px "Special Elite";color:rgba(16,28,43,.035)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font-size:clamp(42px,5vw,70px);margin:12px 0 0}.case-switch{display:flex;border-bottom:1px solid rgba(16,28,43,.2)}.case-switch button{border:0;background:none;padding:11px 17px;font:600 13px "Be Vietnam Pro";cursor:pointer;color:#73797e}.case-switch button.active{color:var(--red);border-bottom:3px solid var(--red)}.case-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.case-card{background:var(--cream);border:1px solid rgba(16,28,43,.12);transition:.25s}.case-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(16,28,43,.12)}.case-visual{height:230px;background:var(--ink2);position:relative;overflow:hidden;display:grid;place-items:center}.case-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.case-visual svg{width:82%;height:82%;fill:none;stroke:var(--gold);stroke-width:4}.case-no{position:absolute;top:14px;left:14px;color:#fff;background:var(--red);padding:6px 8px;font:10px "Special Elite";letter-spacing:1px;z-index:2}.question{position:absolute;right:25px;bottom:10px;color:rgba(255,255,255,.15);font:100px "Special Elite"}.case-info{padding:27px}.difficulty{display:flex;align-items:center;gap:4px}.difficulty span{width:16px;height:4px;background:var(--red)}.difficulty i{font-style:normal;font-size:10px;margin-left:6px;color:#777;text-transform:uppercase;letter-spacing:1px}.difficulty.medium span:last-of-type,.difficulty:not(.hard) span:last-of-type{background:#d3cec3}.case-info h3{font:25px "Special Elite";margin:15px 0 9px}.case-info p{font-size:14px;line-height:1.65;color:#606870;min-height:69px}.case-info a{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;color:var(--ink);text-decoration:none}.case-info a span{color:var(--red);font-size:18px;margin-left:8px}.detectives{padding:110px clamp(24px,6vw,110px);background:var(--ink);color:var(--paper)}.section-heading.light>p{color:#b9c0c7;line-height:1.7}.section-heading.light>p b{color:var(--gold)}.detective-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detective-grid article{border:1px solid rgba(244,239,227,.18);padding:22px;display:grid;grid-template-columns:45% 1fr;gap:28px;align-items:center;position:relative;background:rgba(255,255,255,.025)}.portrait{height:340px;background:var(--paper);position:relative;overflow:hidden}.portrait:after{content:"";position:absolute;inset:0;border:1px solid rgba(16,28,43,.2);margin:9px}.portrait img{width:100%;height:100%;object-fit:cover}.portrait span{position:absolute;right:16px;top:10px;font:68px "Special Elite";color:rgba(181,67,56,.7)}.detective-grid small{font-size:10px;letter-spacing:2px;color:var(--gold)}.detective-grid h3{font:44px "Special Elite";margin:12px 0}.detective-grid p{font-size:14px;line-height:1.75;color:#b8c1ca}.detective-grid ul{list-style:none;padding:0;display:flex;gap:8px}.detective-grid li{font-size:10px;text-transform:uppercase;border:1px solid rgba(231,183,75,.4);color:var(--gold);padding:7px 9px}.secret{background:var(--gold);padding:105px clamp(24px,7vw,130px)}.secret-paper{max-width:1220px;margin:auto;background:var(--paper);min-height:470px;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:16px 18px 0 rgba(16,28,43,.16);position:relative;transform:rotate(-.5deg)}.paperclip{position:absolute;width:22px;height:85px;border:4px solid #7c8286;border-radius:14px;left:38px;top:-31px;z-index:2}.secret-copy{padding:65px}.secret h2{font-size:clamp(40px,4vw,61px)}.secret-copy>p:not(.eyebrow){line-height:1.7;color:#535d65}.secret button{border:0;background:var(--ink);color:#fff;padding:15px 20px;font-weight:700;cursor:pointer;margin-top:12px;box-shadow:5px 5px 0 var(--red)}.hidden-clue{margin-top:20px;border-left:4px solid var(--red);padding:12px 15px;background:#fff7df;font-size:14px;line-height:1.6;display:none}.hidden-clue.show{display:block;animation:reveal .35s ease}.secret-art{background:var(--ink);margin:35px;display:grid;place-items:center;position:relative}.secret-art svg{width:88%;fill:none;stroke:var(--gold);stroke-width:4}.water{position:absolute;width:9px;height:14px;border-radius:50% 50% 50% 0;background:#8ad0d5;transform:rotate(-45deg)}.w1{bottom:48px;right:86px}.w2{bottom:28px;right:58px}.w3{bottom:22px;right:111px}footer{background:#0b1420;color:#aeb7c1;display:flex;align-items:center;justify-content:space-between;padding:38px clamp(24px,6vw,110px);font-size:12px}.footer-brand{color:var(--paper)}footer>span{letter-spacing:1px}@keyframes reveal{from{opacity:0;transform:translateY(-7px)}}@media(max-width:1050px){.main-nav{gap:18px}.hero{grid-template-columns:1fr;overflow:hidden}.hero:before{width:100%;height:48%;top:auto;bottom:0;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.hero-scene{margin:65px auto 0;width:min(100%,650px)}.hero:after{display:none}.case-grid{grid-template-columns:1fr 1fr}.case-card.featured{grid-column:1/-1}.detective-grid{grid-template-columns:1fr}.detective-grid article{grid-template-columns:250px 1fr}.secret-paper{grid-template-columns:1fr}.secret-art{height:380px}}@media(max-width:760px){.site-header{height:76px;position:absolute;padding:0 20px}.brand-mark{width:38px;height:38px}.brand strong{font-size:10px}.brand em{font-size:16px}.menu-toggle{display:block;width:42px;height:42px;position:relative;z-index:12}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:6px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;border-bottom:2px solid var(--ink)}.main-nav.open{display:flex}.hero{padding:126px 20px 45px}.hero h1{font-size:48px}.intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.case-stats{gap:0}.case-stats div{padding:0 11px}.case-stats strong{font-size:22px}.case-stats span{font-size:8px}.hero-scene{height:480px}.hiraku-card{width:200px;height:275px;left:0}.ga-card{width:190px;height:275px;right:0;bottom:20px}.clue-note{font-size:11px;padding:14px;right:0}.magnifier{width:130px;top:34%}.stamp{font-size:18px}.section-heading{align-items:flex-start;flex-direction:column}.case-switch{margin-top:15px}.case-grid{grid-template-columns:1fr}.case-card.featured{grid-column:auto}.cases,.detectives,.secret{padding:75px 20px}.detective-grid article{grid-template-columns:1fr}.portrait{height:310px}.secret-copy{padding:45px 25px}.secret-art{margin:0 20px 25px;height:300px}footer{gap:22px;flex-direction:column;text-align:center}.deco-key,.deco-print{display:none}}