/* The site's typefaces are the same local families used by the game project. */
@font-face { font-family:"BYN Noto Serif"; src:url("assets/fonts/NotoSerif-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"BYN Noto Sans"; src:url("assets/fonts/NotoSans-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"BYN Cormorant"; src:url("assets/fonts/CormorantGaramond-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"BYN Caveat"; src:url("assets/fonts/Caveat-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }

:root { --blood:#d71422; --deep-red:#8e0d16; --paper:#f7ebdf; --ink:#0a0709; --faint:#ad9695; --line:rgba(247,235,223,.18); }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); overflow-x:hidden; font-family:"DM Mono", monospace; cursor:none; }
a, button { cursor:none; }
button { font:inherit; }
.noise { pointer-events:none; z-index:20; position:fixed; inset:0; opacity:.09; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.cursor { width:25px; height:25px; position:fixed; left:0; top:0; z-index:100; pointer-events:none; transform:translate(-4px,-4px); border:2px solid var(--paper); box-shadow:0 0 0 2px var(--ink), 0 0 14px rgba(215,20,34,.85); transition:width .15s,height .15s,background .15s, transform .06s; clip-path:polygon(0 0,100% 0,100% 58%,58% 58%,58% 100%,0 100%); }
.cursor i { display:block; width:6px; height:6px; background:var(--blood); margin:6px; }
body.is-hovering .cursor { width:38px; height:38px; background:rgba(215,20,34,.25); }
.eyeball { position:fixed; pointer-events:none; z-index:3; width:410px; height:410px; border-radius:50%; background:radial-gradient(circle,rgba(214,32,40,.12),transparent 58%); transform:translate(-50%,-50%); mix-blend-mode:screen; opacity:.7; }
.topbar { position:fixed; z-index:15; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; height:64px; padding:0 4.5vw; border-bottom:1px solid rgba(247,235,223,.11); background:linear-gradient(#0a0709d9,transparent); font-size:10px; letter-spacing:.12em; }
.brand { color:var(--paper); text-decoration:none; font-family:Anton,sans-serif; font-size:21px; letter-spacing:.06em; }
.brand span { color:var(--blood); }
.topbar__center { color:var(--faint); text-transform:uppercase; }
.topbar__link { color:var(--paper); text-decoration:none; }.topbar__link span { color:var(--blood); font-size:15px; }
.page-nav { position:fixed; z-index:15; left:4.5vw; top:50%; transform:translateY(-40%); display:flex; flex-direction:column; gap:12px; }.page-nav a { text-decoration:none; color:#765f60; font-size:10px; transition:.25s; }.page-nav a span { display:inline-block; width:28px; }.page-nav a b { font-weight:400; text-transform:uppercase; opacity:0; transition:.25s; }.page-nav a.active { color:var(--paper); }.page-nav a.active span { color:var(--blood); }.page-nav a.active b,.page-nav a:hover b { opacity:1; }
.panel { min-height:100svh; position:relative; padding:12vh 11vw 7vh 16vw; overflow:hidden; border-bottom:1px solid var(--line); }
.kicker,.eyebrow,.section-index { margin:0; font-size:10px; text-transform:uppercase; letter-spacing:.13em; }.kicker { color:var(--paper); }.kicker span { display:inline-block; width:37px; height:1px; background:var(--blood); vertical-align:middle; margin-right:8px; }
.hero { display:flex; align-items:center; background:radial-gradient(circle at 66% 46%,#352326 0%,#181115 28%,#0a0709 67%); isolation:isolate; }.hero:after { content:""; position:absolute; inset:0; z-index:-1; opacity:.5; background:repeating-linear-gradient(90deg,transparent 0 11vw,rgba(247,235,223,.025) 11.1vw 11.2vw); }
.hero__lines { position:absolute; z-index:-1; inset:0; opacity:.3; background:linear-gradient(117deg,transparent 47%,rgba(215,20,34,.45) 47.15%,transparent 47.3%),linear-gradient(120deg,transparent 81%,rgba(247,235,223,.16) 81.1%,transparent 81.2%); }
.hero__copy { position:relative; z-index:2; width:44%; min-width:440px; }.title-logo { margin:25px 0 20px -4px; display:flex; flex-direction:column; font-family:Anton,Impact,sans-serif; font-weight:400; font-style:normal; font-size:clamp(78px,10.7vw,166px); line-height:.73; letter-spacing:-.045em; color:var(--blood); text-shadow:3px 3px 0 #120407,-2px -2px 0 #120407,0 0 42px rgba(215,20,34,.28); }.title-logo em { font-style:normal; }.title-logo em:nth-child(2) { margin-left:9vw; }.title-logo em:nth-child(3) { margin-left:1.9vw; }
.hero__lead { margin:35px 0; font-family:"Cormorant Garamond",serif; font-size:22px; line-height:1.1; }.button { display:inline-flex; gap:19px; align-items:center; min-height:48px; padding:0 16px; text-decoration:none; font-size:10px; letter-spacing:.06em; transition:.25s; }.button i { font-style:normal; color:var(--blood); font-size:17px; }.button--primary { background:var(--blood); color:var(--paper); box-shadow:4px 4px 0 #50040a; }.button--primary i { color:var(--paper); }.button--primary:hover { background:var(--paper); color:var(--ink); transform:translate(2px,2px); box-shadow:2px 2px 0 var(--blood); }
.hero__art { position:absolute; right:3vw; top:8vh; height:84vh; width:min(49vw,700px); transform-origin:center; }.hero__frame { width:100%; height:100%; overflow:hidden; clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 5%); position:relative; border-right:1px solid rgba(247,235,223,.3); }.hero__frame:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0a0709 0%,transparent 32%),linear-gradient(0deg,#0a0709 0%,transparent 24%); }.hero__frame img { width:100%; height:100%; object-fit:cover; object-position:center 18%; filter:contrast(1.05) saturate(.85); transform:scale(1.08); }.art-tag { position:absolute; font-size:9px; line-height:1.35; letter-spacing:.1em; padding:8px; border:1px solid var(--paper); z-index:1; }.art-tag--one { right:2%; top:12%; }.art-tag--two { bottom:15%; left:2%; color:var(--blood); border-color:var(--blood); transform:rotate(-6deg); }.red-stamp { position:absolute; z-index:1; right:7%; bottom:6%; color:var(--blood); font-family:Anton,sans-serif; font-size:27px; letter-spacing:.08em; transform:rotate(-10deg); }.scroll-note { position:absolute; bottom:5vh; left:50%; font-size:9px; color:var(--faint); text-transform:uppercase; letter-spacing:.1em; }.scroll-note span { color:var(--blood); margin-left:8px; animation:bob 1.5s infinite; display:inline-block; }
.memory { position:absolute; z-index:5; border:0; background:none; color:var(--paper); opacity:.6; transition:.2s; }.memory:before { content:""; position:absolute; width:1px; height:27px; left:50%; top:100%; background:var(--paper); }.memory span { display:block; width:28px; height:28px; padding-top:6px; border:1px solid currentColor; border-radius:50%; font-size:12px; animation:pulse 2.4s infinite; }.memory:hover { color:var(--blood); opacity:1; }.memory--hero { right:23vw; }.memory--one { top:24%; }.memory--two { top:67%; right:42%; }.memory--story { bottom:16%; right:12%; }
.story { background:#100b0e; }.story__top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:23px; }.small-logo { color:var(--blood); font-family:Anton,sans-serif; font-size:19px; letter-spacing:.03em; }.story__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:7vw; padding-top:8vh; align-items:center; }.story__images { height:66vh; position:relative; }.room-card { margin:0; position:absolute; background:#1d1518; border:1px solid rgba(247,235,223,.35); padding:7px; }.room-card img { width:100%; display:block; image-rendering:pixelated; }.room-card figcaption { color:var(--faint); padding-top:6px; font-size:8px; letter-spacing:.06em; }.room-card--large { width:75%; left:0; top:0; transform:rotate(-2deg); }.room-card--small { width:47%; bottom:3%; right:0; transform:rotate(5deg); }.scribble { position:absolute; right:7%; top:7%; color:var(--blood); font:120px "Cormorant Garamond",serif; transform:rotate(14deg); }.story__copy h2,.feature__copy h2,.end h2 { font:600 clamp(43px,5.2vw,81px)/.82 "Cormorant Garamond",serif; letter-spacing:-.045em; margin:20px 0 32px; }.story__copy h2 i,.feature__copy h2 i,.end h2 i { color:var(--blood); }.story__copy>p,.feature__copy>p,.end__content>p { color:#c6b4ae; font-family:"Cormorant Garamond",serif; font-size:21px; line-height:1.12; max-width:540px; }.quote { margin-top:32px; border-left:2px solid var(--blood); padding:4px 0 4px 15px; color:var(--paper); font:italic 18px "Cormorant Garamond",serif; }
.feature { display:grid; grid-template-columns:1.13fr .87fr; align-items:center; gap:8vw; padding-right:11vw; background:#0b080a; }.feature--search { background:#180a0d; grid-template-columns:.87fr 1.13fr; }.feature--battle { background:radial-gradient(circle at 23% 48%,#311216,transparent 38%),#0b080a; }.feature__visual { min-width:0; }.video-card { position:relative; aspect-ratio:16 / 9; border:1px solid rgba(247,235,223,.6); background:#020202; overflow:hidden; box-shadow:9px 9px 0 rgba(215,20,34,.5); }.video-card:before { content:""; position:absolute; z-index:1; inset:0; background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.72) 100%); pointer-events:none; }.video-card img { width:100%; height:100%; object-fit:cover; image-rendering:pixelated; opacity:.82; filter:saturate(.65) contrast(1.16); transition:transform 4s ease; }.video-card.is-playing img { transform:scale(1.18) translate(-2%,1%); }.screen-static { position:absolute; z-index:2; inset:0; pointer-events:none; opacity:.16; background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(247,235,223,.4) 2px 3px); mix-blend-mode:overlay; }.play { position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); width:68px; height:68px; background:var(--blood); color:var(--paper); border:1px solid var(--paper); clip-path:polygon(50% 0,100% 23%,100% 77%,50% 100%,0 77%,0 23%); font-size:21px; transition:.2s; }.play:hover { transform:translate(-50%,-50%) scale(1.14); background:var(--paper); color:var(--blood); }.video-card.is-playing .play { opacity:0; }.video-card__bar { position:absolute; z-index:3; bottom:0; left:0; right:0; padding:9px 11px; display:flex; gap:15px; justify-content:space-between; background:rgba(10,7,9,.8); font-size:8px; letter-spacing:.06em; }.video-card__bar b,.search-status span { color:var(--blood); }.caption { position:absolute; z-index:3; right:7%; top:8%; border:1px solid var(--blood); padding:5px; color:var(--paper); background:#0a0709a8; font-size:9px; text-align:center; }.caption small { color:var(--blood); }.feature__copy { position:relative; z-index:2; }.feature__copy .eyebrow { color:var(--blood); margin-top:19px; }.check-list { padding:0; margin:31px 0 0; list-style:none; border-top:1px solid var(--line); }.check-list li { padding:13px 0; border-bottom:1px solid var(--line); font:16px "Cormorant Garamond",serif; }.check-list span { font:9px "DM Mono",monospace; color:var(--blood); margin-right:11px; }.feature-number { position:absolute; bottom:-5vw; left:10.5vw; color:rgba(247,235,223,.07); font:28vw Anton,sans-serif; line-height:1; }.feature-number--right { right:5vw; left:auto; }
.search-item { position:absolute; z-index:5; width:29px; height:29px; border-radius:50%; border:1px solid var(--paper); color:var(--paper); background:rgba(215,20,34,.12); animation:finder 1.7s infinite; }.search-item:hover { background:var(--blood); transform:scale(1.3); }.search-item.found { opacity:0; transform:scale(2); pointer-events:none; }.item-a { left:22%; top:26%; }.item-b { left:61%; top:35%; animation-delay:.2s; }.item-c { left:75%; top:68%; animation-delay:.5s; }.item-d { left:36%; top:61%; animation-delay:.9s; }.item-e { left:8%; top:71%; animation-delay:1.1s; }.search-status { position:absolute; z-index:3; top:8%; left:5%; padding:7px; border:1px solid var(--paper); font-size:9px; background:#0a0709c0; }.item-counter { margin-top:25px; display:flex; align-items:baseline; gap:6px; }.item-counter span,.item-counter i { font-size:9px; color:var(--faint); font-style:normal; }.item-counter b { color:var(--blood); font:43px Anton,sans-serif; }.tiny-note { font-size:13px!important; color:#a98987!important; }.battle-ui { position:absolute; z-index:3; inset:0; pointer-events:none; font-size:8px; letter-spacing:.1em; }.battle-ui__you,.battle-ui__enemy { position:absolute; top:8%; display:flex; flex-direction:column; gap:4px; }.battle-ui__you { left:5%; }.battle-ui__enemy { right:5%; text-align:right; }.battle-ui b { display:block; width:95px; height:7px; background:linear-gradient(90deg,var(--blood) 70%,#332126 70%); }.battle-ui__enemy b { background:linear-gradient(90deg,var(--blood) 42%,#332126 42%); }.battle-ui strong { position:absolute; top:51%; left:50%; transform:translate(-50%,-50%); color:var(--blood); font:26px Anton,sans-serif; opacity:.8; }.battle-scene.is-playing .battle-ui strong { animation:glitch .35s infinite; }
.end { display:flex; align-items:center; justify-content:center; text-align:center; padding-left:11vw; background:radial-gradient(circle at center,#4b0a12 0%,#1e090d 32%,#0a0709 72%); }.end__grid { position:absolute; inset:0; opacity:.25; background:linear-gradient(rgba(247,235,223,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(247,235,223,.12) 1px,transparent 1px); background-size:7vw 7vw; mask-image:radial-gradient(circle,black,transparent 64%); }.end__content { position:relative; z-index:2; max-width:720px; }.end h2 { font-size:clamp(60px,8.8vw,140px); margin:24px 0; }.end__content>p { margin:0 auto 31px; }.end__actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }.button--steam { background:var(--paper); color:var(--ink); font-weight:bold; box-shadow:4px 4px 0 var(--blood); }.button--steam:hover { background:var(--blood); color:var(--paper); }.steam-mark { font-size:18px; }.button--outline { border:1px solid var(--paper); color:var(--paper); }.button--outline:hover { background:var(--paper); color:var(--ink); }.socials { display:flex; justify-content:center; gap:20px; margin-top:45px; }.socials a { color:var(--faint); font-size:9px; text-decoration:none; }.socials a:hover { color:var(--blood); }.end__word { position:absolute; z-index:1; bottom:-1.7vw; left:0; right:0; font:19vw/.7 Anton,sans-serif; letter-spacing:-.04em; color:rgba(247,235,223,.055); }.copyright { position:absolute; z-index:2; bottom:21px; font-size:8px; color:#8b6466; }
.memory-toast { position:fixed; z-index:30; right:28px; bottom:25px; width:min(300px,calc(100vw - 50px)); padding:13px 16px; border-left:2px solid var(--blood); background:#180a0dda; backdrop-filter:blur(8px); transform:translateY(145%); transition:.4s; }.memory-toast.show { transform:translateY(0); }.memory-toast span { color:var(--blood); font-size:8px; letter-spacing:.1em; }.memory-toast p { margin:7px 0 0; font:18px/1 "Cormorant Garamond",serif; }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; }.reveal.visible { opacity:1; transform:none; }
@keyframes bob { 50% { transform:translateY(6px); } } @keyframes pulse { 50% { box-shadow:0 0 0 9px rgba(215,20,34,0); } } @keyframes finder { 50% { box-shadow:0 0 0 10px rgba(215,20,34,0); } } @keyframes glitch { 50% { transform:translate(-47%,-50%) skewX(-7deg); text-shadow:4px 0 var(--paper); } }
@media (max-width:850px) { body,.topbar,a,button { cursor:auto; }.cursor,.eyeball,.page-nav { display:none; }.topbar { padding:0 20px; }.topbar__center { display:none; }.panel { padding:100px 7vw 55px; min-height:auto; }.hero { min-height:100svh; align-items:flex-end; padding-bottom:9vh; }.hero__copy { width:100%; min-width:0; }.title-logo { font-size:clamp(72px,21vw,132px); }.title-logo em:nth-child(2) { margin-left:20vw; }.title-logo em:nth-child(3) { margin-left:4vw; }.hero__art { opacity:.55; top:15vh; right:-22vw; width:84vw; height:68vh; }.hero__lead { font-size:20px; position:relative; z-index:2; }.scroll-note { display:none; }.memory--hero { right:12%; }.story__grid,.feature,.feature--search { grid-template-columns:1fr; gap:45px; }.story__images { height:52vh; }.story__copy h2,.feature__copy h2 { font-size:clamp(48px,13vw,75px); }.feature--search .feature__copy { order:0; }.feature--search .feature__visual { order:1; }.feature-number { font-size:48vw; bottom:-5vw; }.feature__copy>p,.story__copy>p { font-size:19px; }.end { min-height:100svh; }.end h2 { font-size:clamp(60px,17vw,104px); }.socials { gap:11px; flex-wrap:wrap; }.end__word { font-size:24vw; bottom:1vw; }.memory--story { right:8%; }.art-tag--two { left:-3%; } }
@media (max-width:430px) { .panel { padding-left:22px; padding-right:22px; }.hero { padding-bottom:65px; }.title-logo { font-size:24vw; }.story__images { height:40vh; }.room-card--large { width:85%; }.room-card--small { width:54%; }.scribble { font-size:90px; }.video-card { box-shadow:5px 5px 0 rgba(215,20,34,.5); }.end__actions .button { width:100%; justify-content:center; }.copyright { font-size:7px; text-align:center; padding:0 18px; }.section-index { font-size:8px; } }

/* Game cursor states and full-size art overrides */
.cursor { width:58px; height:58px; transform:translate(-8px,-8px); border:0; box-shadow:none; background:transparent; clip-path:none; transition:transform .08s ease,filter .14s ease; image-rendering:pixelated; }
.cursor img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(2px 3px 0 #17060a) drop-shadow(0 0 5px rgba(215,20,34,.4)); }
.cursor--walk { transform-origin:22% 76%; animation:step 1s steps(2,end) infinite; }.cursor--inspect { animation:inspect .7s steps(2,end) infinite; }.cursor--use { animation:use .45s steps(2,end) infinite; }
body.is-hovering .cursor { width:58px; height:58px; background:transparent; filter:brightness(1.18); }
.hero__art { right:4vw; width:min(37vw,570px); }.hero__frame { background:#080607; }.hero__frame:after { pointer-events:none; background:linear-gradient(90deg,#0a0709 0%,transparent 18%),linear-gradient(0deg,#0a0709 0%,transparent 13%); }.hero__frame img { object-fit:contain; object-position:center; transform:none; }
.room-card--characters { width:57%; height:100%; left:3%; top:0; transform:rotate(-2deg); z-index:2; }.room-card--characters img { height:calc(100% - 27px); object-fit:contain; background:#090708; }.room-card--small { width:55%; opacity:.8; }
.video-card video { width:100%; height:100%; object-fit:cover; image-rendering:pixelated; opacity:.82; filter:saturate(.65) contrast(1.16); transition:transform 4s ease; }.video-card.is-playing video { transform:scale(1.04); }
@keyframes step { 50% { transform:translate(-8px,-6px) rotate(-3deg); } } @keyframes inspect { 50% { transform:translate(-6px,-10px) rotate(-5deg) scale(1.08); } } @keyframes use { 50% { transform:translate(-7px,-5px) rotate(6deg) scale(.94); } }
@media (max-width:850px) { .hero__art { opacity:.55; top:13vh; right:-17vw; width:82vw; height:70vh; } }
@media (max-width:430px) { .room-card--characters { width:69%; } }
.cursor--walk,.cursor--inspect,.cursor--use { animation:none; }.cursor--walk img { animation:step 1s steps(2,end) infinite; }.cursor--inspect img { animation:inspect .7s steps(2,end) infinite; }.cursor--use img { animation:use .45s steps(2,end) infinite; }

/* Clearer copy, localisation control and an in-game HOG scene. */
.topbar { font-size:12px; }.language-switch { display:flex; gap:5px; align-items:center; }.language-switch button { padding:4px 5px; color:var(--faint); background:transparent; border:1px solid transparent; font:11px "DM Mono",monospace; }.language-switch button.active,.language-switch button:hover { color:var(--paper); border-color:var(--blood); }
.page-nav a,.kicker,.eyebrow,.section-index { font-size:12px; }.button { font-size:11px; }.room-card figcaption,.art-tag,.red-stamp { display:none; }.story__copy>p,.feature__copy>p,.end__content>p { font-size:23px; }.check-list li { font-size:18px; }.tiny-note { font-size:16px!important; line-height:1.2; }
.video-card:before { opacity:.45; }.screen-static { opacity:.055; }.video-card .play { opacity:0; pointer-events:none; }.video-card:not(.is-playing) .play { opacity:1; pointer-events:auto; }
.hog-game { position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; border:1px solid rgba(247,235,223,.55); background:#160c10; box-shadow:9px 9px 0 rgba(215,20,34,.5); }.hog-game__room { display:block; width:100%; height:100%; object-fit:cover; image-rendering:auto; }.hog-object { position:absolute; z-index:2; padding:0; border:0; background:transparent; transform:translate(-50%,-50%); transition:opacity .35s ease, transform .35s ease,filter .2s; }.hog-object img { display:block; width:100%; height:auto; filter:drop-shadow(1px 1px 0 rgba(0,0,0,.55)); }.hog-object:hover { filter:brightness(1.25) drop-shadow(0 0 7px rgba(247,235,223,.75)); }.hog-object.found { opacity:0; transform:translate(-50%,-50%) scale(1.35); pointer-events:none; }.hog-object--necklace { left:28%; top:11.5%; width:3.9%; }.hog-object--fan { left:23%; top:50%; width:7.8%; }.hog-object--hairpin { left:49.2%; top:24.5%; width:2%; }.hog-object--clock { left:49.1%; top:9.6%; width:6.15%; }.hog-object--perfume { left:70.3%; top:74.5%; width:6.05%; }.hog-object--mirror { left:63.1%; top:83.1%; width:13.25%; opacity:0; pointer-events:none; }.hog-object--mirror.is-revealed { opacity:1; pointer-events:auto; animation:secretPulse 1.6s ease-in-out infinite; }.hog-object--mirror.found { opacity:0; animation:none; }.hog-game__counter { position:absolute; z-index:3; right:12px; bottom:12px; display:flex; gap:8px; align-items:baseline; padding:6px 8px; color:var(--paper); background:rgba(10,7,9,.72); border:1px solid rgba(247,235,223,.34); font-size:11px; }.hog-game__counter span { color:var(--faint); }.hog-game__counter b { color:var(--blood); font-size:13px; }
@keyframes secretPulse { 50% { filter:brightness(1.3) drop-shadow(0 0 12px rgba(215,20,34,.9)); } }
@media (max-width:850px) { .topbar { font-size:11px; }.hog-game { box-shadow:5px 5px 0 rgba(215,20,34,.5); }.story__copy>p,.feature__copy>p,.end__content>p { font-size:21px; } }

/* Positions and the left-hand HOG board follow rm_hog_5 after its 512px UI offset. */
.hog-object--necklace { left:54.7%; }.hog-object--fan { left:49.7%; }.hog-object--hairpin { left:75.8%; }.hog-object--clock { left:75.8%; }.hog-object--perfume { left:97%; }.hog-object--mirror { left:89.7%; }
.hog-board { position:absolute; z-index:4; inset:0 auto 0 0; width:26.67%; padding:9% 4.7%; color:#f7ebdf; background:linear-gradient(90deg,rgba(40,18,18,.96),rgba(77,36,27,.91)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px); border-right:1px solid rgba(247,235,223,.24); box-shadow:8px 0 25px rgba(0,0,0,.32); }.hog-board p { margin:0 0 11%; font:600 clamp(8px,1vw,16px)/1.05 "DM Mono",monospace; letter-spacing:.04em; color:#f5dcc1; }.hog-board ul { list-style:none; margin:0; padding:0; }.hog-board li { position:relative; margin:0 0 8%; padding:0 0 5px; color:#f8eee4; font:clamp(7px,.9vw,14px)/1.05 "Cormorant Garamond",serif; letter-spacing:.03em; transition:color .25s,opacity .25s; }.hog-board li:after { content:""; position:absolute; left:0; right:8%; top:52%; height:1px; background:#b6a6a0; transform:scaleX(0); transform-origin:left; transition:transform .25s; }.hog-board li.is-found { color:#b8a8a1; opacity:.48; }.hog-board li.is-found:after { transform:scaleX(1); }.hog-board__secret { color:#d39b42!important; opacity:.25; }.hog-board__secret.is-revealed { opacity:1; animation:secretText 1.4s ease-in-out infinite; }.search-zone { width:46px; height:46px; padding:0; border:0; background:transparent; opacity:.94; }.memory.search-zone:before { display:none; }.search-zone:hover { opacity:1; }
@keyframes secretText { 50% { text-shadow:0 0 8px #d39b42; } }
@media (max-width:850px) { .hog-board { padding:7% 3.5%; }.hog-board p { font-size:8px; }.hog-board li { font-size:8px; }.search-zone { width:40px; height:40px; } }

/* Pixel framing stays; all typography uses the game families above. */
body { font-family:"BYN Noto Serif",serif; letter-spacing:normal; }
.topbar,.page-nav a,.kicker,.eyebrow,.section-index,.language-switch button,.button,.hog-game__counter,.memory-toast span { font-family:"BYN Noto Sans",sans-serif; letter-spacing:.055em; }
.topbar { background:#0b0608; border-bottom:3px solid #4a1018; }.brand,.small-logo { font-family:"BYN Cormorant",serif; font-size:23px; font-weight:800; letter-spacing:.035em; }.page-nav a { font-size:10px; text-shadow:2px 2px 0 #080506; }.page-nav a.active { text-shadow:2px 2px 0 #5d050d; }
.title-logo { font-family:"BYN Cormorant",serif; font-weight:800; font-size:clamp(72px,9.1vw,142px); line-height:.72; letter-spacing:-.08em; text-shadow:4px 4px 0 #3a0509,8px 8px 0 rgba(0,0,0,.35); }.title-logo em:nth-child(2) { margin-left:8vw; }.title-logo em:nth-child(3) { margin-left:1.5vw; }
.hero__lead,.story__copy>p,.feature__copy>p,.end__content>p,.check-list li,.quote,.memory-toast p { font-family:"BYN Noto Serif",serif; }
.story__copy h2,.feature__copy h2,.end h2 { font-family:"BYN Cormorant",serif; font-weight:750; line-height:.86; letter-spacing:-.045em; }.scribble { font-family:"BYN Caveat",cursive; }
.button { position:relative; min-height:52px; padding:10px 15px; border:3px solid #130508; box-shadow:5px 5px 0 #52050b; font-size:11px; font-weight:700; line-height:1.2; image-rendering:pixelated; clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px)); }.button:hover { transform:translate(3px,3px); box-shadow:2px 2px 0 #52050b; }.button--outline { border-color:var(--paper); box-shadow:4px 4px 0 var(--blood); }.button--steam { border-color:#72101a; }
.language-switch button { font-size:10px; border-radius:0; }.language-switch button.active,.language-switch button:hover { box-shadow:2px 2px 0 #59060d; }
.video-card,.hog-game { border:3px solid #f1ded0; border-radius:0; box-shadow:8px 8px 0 #6d0b14; }.hog-board { border-right:3px solid #9a3a32; }.hog-game__counter { border:2px solid #e8d4c4; font-size:10px; }
.hog-board p { font:700 clamp(9px,1vw,16px)/1.15 "BYN Noto Sans",sans-serif; letter-spacing:.04em; }.hog-board li { font-family:"BYN Noto Serif",serif; font-size:clamp(11px,1.25vw,18px); letter-spacing:.02em; }
.search-zone { display:grid; place-items:center; color:rgba(247,235,223,.7); font:700 27px/1 "BYN Noto Serif",serif; text-shadow:1px 2px 0 #090407,0 0 8px rgba(215,20,34,.35); }.search-zone span { display:contents; }.search-zone:hover { color:var(--paper); text-shadow:1px 2px 0 #090407,0 0 12px rgba(215,20,34,.85); }
.memory--three { top:19%; right:46%; }.memory--four { bottom:12%; right:8%; }.memory--five { top:22%; right:42%; }.memory--explore.memory--six { top:24%; right:8%; }.memory--explore.memory--seven { bottom:13%; left:45%; }.memory--search.memory--eight { bottom:11%; right:9%; }.memory--battle.memory--nine { top:17%; right:34%; }
.memory-toast p { white-space:pre-line; }
@media (max-width:850px) { .memory--three { top:22%; right:35%; }.memory--four { right:10%; bottom:7%; }.memory--five { top:18%; right:15%; }.memory--explore.memory--six { top:53%; right:8%; }.memory--explore.memory--seven { bottom:9%; left:10%; }.memory--search.memory--eight { bottom:6%; right:9%; }.memory--battle.memory--nine { top:48%; right:10%; } }
.memory-toast { border:3px solid #7e1720; border-left-width:7px; box-shadow:6px 6px 0 #080506; }.memory-toast span { font-size:9px; }.button--contact { min-height:42px; min-width:0; padding:7px 11px; flex-direction:row; align-items:center; gap:7px; box-shadow:3px 3px 0 var(--blood); }.button--contact small { color:#d4bab1; font:10px "BYN Noto Sans",sans-serif; letter-spacing:.02em; }.button--contact i { font-size:15px; }.button--contact:hover small { color:#8b131b; }
.socials { gap:14px; }.social-link { display:flex; align-items:center; gap:9px; min-width:185px; padding:10px 12px; border:2px solid rgba(247,235,223,.52); color:var(--paper)!important; background:rgba(10,7,9,.44); text-align:left; font:700 14px/1.05 "BYN Noto Sans",sans-serif!important; transition:transform .18s,background .18s,border-color .18s; }.social-link small { color:#caa69f; font:11px/1.2 "BYN Noto Serif",serif; }.social-link:hover { transform:translate(3px,3px); border-color:var(--blood); background:#350b10; }.social-icon { display:grid; flex:none; place-items:center; width:34px; height:34px; color:var(--blood); border:2px solid currentColor; box-shadow:2px 2px 0 #080506; }.social-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:square; stroke-linejoin:miter; }.social-icon--telegram svg { fill:currentColor; stroke:none; }
.story:before,.feature-number,.end__word,.item-counter b,.battle-ui strong { font-family:"BYN Cormorant",serif; font-weight:800; }
.team { min-height:100svh; padding-right:11vw; background:radial-gradient(circle at 15% 18%,rgba(215,20,34,.32),transparent 26%),#13090d; }.team:before { content:"SEEVERSE"; position:absolute; right:-2vw; top:4vh; color:rgba(247,235,223,.035); font:800 17vw/.8 "BYN Cormorant",serif; letter-spacing:-.06em; pointer-events:none; }.team__heading { position:relative; z-index:1; max-width:620px; }.team__heading .eyebrow { color:var(--blood); margin-top:12px; }.team__identity { display:inline-flex; align-items:center; gap:8px; margin-top:10px; color:#d7c8c0; font:700 10px/1 "BYN Noto Sans",sans-serif; letter-spacing:.08em; }.team__brand { display:block; width:39px; height:25px; object-fit:contain; object-position:left center; }.team__heading h2 { margin:14px 0 13px; font:750 clamp(50px,6.2vw,92px)/.85 "BYN Cormorant",serif; letter-spacing:-.05em; }.team__heading h2 i { color:var(--blood); }.team__heading > p:last-child { max-width:470px; margin:0; color:#c6b4ae; font:22px/1.15 "BYN Noto Serif",serif; }.team__grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:clamp(8px,1.35vw,20px); margin-top:5vh; }.team-member { min-width:0; padding:0; color:inherit; border:0; background:transparent; text-align:center; }.team-member__photo { position:relative; display:block; width:100%; aspect-ratio:1; overflow:hidden; border:2px solid rgba(247,235,223,.72); border-radius:50%; background-image:linear-gradient(rgba(103,19,28,.22),rgba(9,7,8,.22)),url("assets/team.png"); background-repeat:no-repeat; background-size:720% auto; background-position:center 50%; background-blend-mode:color,normal; box-shadow:4px 4px 0 rgba(215,20,34,.44); filter:grayscale(.38) sepia(.17) contrast(1.1) saturate(.72); transition:transform .25s ease,filter .25s ease,border-color .25s ease,box-shadow .25s ease; }.team-member__photo:after { content:"?"; position:absolute; right:8%; bottom:5%; display:grid; width:25px; height:25px; place-items:center; border:1px solid rgba(247,235,223,.82); border-radius:50%; color:var(--paper); background:rgba(10,7,9,.74); font:700 15px/1 "BYN Noto Serif",serif; opacity:0; transform:scale(.7); transition:.2s; }.team-member:hover .team-member__photo,.team-member.is-active .team-member__photo { transform:translate(-2px,-4px); border-color:var(--blood); box-shadow:6px 7px 0 rgba(215,20,34,.62); filter:grayscale(.08) sepia(.12) contrast(1.13) saturate(.96); }.team-member:hover .team-member__photo:after,.team-member.is-active .team-member__photo:after { opacity:1; transform:scale(1); }.team-member__photo--elina { background-position:2% 50%; }.team-member__photo--matvey { background-position:21% 50%; }.team-member__photo--maria { background-position:40% 50%; }.team-member__photo--vlad { background-position:60% 50%; }.team-member__photo--asima { background-position:79% 50%; }.team-member__photo--amir { background-position:98% 50%; }.team-member__photo--rasul { background-image:linear-gradient(rgba(103,19,28,.22),rgba(9,7,8,.22)),url("assets/rasul.png"); background-size:cover; background-position:center; }.team-member h3 { margin:14px 0 5px; font:800 clamp(15px,1.25vw,22px)/1 "BYN Noto Sans",sans-serif; letter-spacing:.02em; }.team-member p { min-height:3.2em; margin:0; color:#c6b4ae; font:500 clamp(9px,.78vw,12px)/1.18 "BYN Noto Sans",sans-serif; letter-spacing:.025em; }.team-member:first-child p { color:#e8c2c3; }
@media (max-width:850px) { .title-logo { font-size:clamp(58px,16vw,96px); }.title-logo em:nth-child(2) { margin-left:16vw; }.button--contact { min-width:0; }.social-link { width:100%; }.socials { flex-direction:column; } }
@media (max-width:850px) { .team { padding-right:7vw; }.team__grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:30px; }.team-member p { min-height:0; }.team:before { font-size:27vw; } }
@media (max-width:480px) { .team__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }.team__heading > p:last-child { font-size:19px; }.team-member h3 { font-size:17px; }.team-member p { font-size:10px; } }
@media (max-width:430px) { .end__actions .button--contact { width:auto; align-self:center; } }