/* Proportions taken from inicio-editorial.png; the artwork images keep their own aspect ratio. */
.public-site{--paper:#f6f2e9;--green:#283c2d;--ink:#263023;background:var(--paper)}
.preview-note{display:none}.header{min-height:92px;padding:20px 3.3vw;background:var(--paper)}.header .brand{font-size:43px}.header nav{gap:27px}.header nav a{font-family:var(--serif);font-size:14px}.header .brand span{letter-spacing:4px;font-size:7px}.hero{grid-template-columns:34% 66%;min-height:0}.hero-copy{padding:55px 3.3vw;align-self:center}.hero .eyebrow{font-size:9px;letter-spacing:2px;color:#6c705f;margin-bottom:40px}.hero h1{font-size:clamp(58px,5.8vw,88px);line-height:1.02;letter-spacing:-4px}.hero h1 em{font-style:normal;font-weight:400}.hero .intro{font:21px/1.4 var(--serif);color:var(--ink);max-width:290px;margin:28px 0}.hero-media{min-height:min(680px,calc(100svh - 92px));height:min(680px,calc(100svh - 92px))}.hero-media img{object-position:60% center}.hero .button{font-family:var(--serif);font-size:16px;padding:13px 22px;min-height:46px}.hero-secondary{font-size:11px;margin-top:24px}.hero-media figcaption{font:italic 10px var(--serif);max-width:260px;left:auto;right:20px;text-align:right}.manifesto{padding-block:20px;font-size:10px}.section-heading h2{font-size:clamp(38px,4.4vw,64px);letter-spacing:-2px}.portfolio-section{padding:65px 3.3vw;background:var(--paper)}.portfolio-section .section-heading{align-items:center}.portfolio-section .section-heading>p{font:15px/1.5 var(--serif);max-width:220px}.motion-tools{margin:10px 0 36px}.motion-tools p{font-size:11px;max-width:430px}.motion-tools button{font-size:11px;min-height:44px}#original-works{grid-template-columns:1.2fr 1fr;gap:32px 6vw;align-items:center}.portfolio-work:first-child{grid-column:1;grid-row:1/3;max-width:none}.portfolio-work:not(:first-child){grid-column:2}.motion-art{border:7px solid #655039;outline:1px solid #b7a180;box-shadow:2px 7px 18px #30281e28;background:#ded9cc}.motion-caption{font-family:var(--serif);font-size:10px;letter-spacing:0;right:10px;bottom:10px;padding:6px 10px}.portfolio-caption h3{font-size:29px}.portfolio-caption p{font-size:10px}.portfolio-bottom{border-top:1px solid var(--line);padding-top:30px;margin-top:42px}.gallery-section{grid-template-columns:30% 70%}.gallery-copy{padding:70px 3.3vw}.gallery-copy h2{font-size:clamp(42px,4.5vw,66px);line-height:1.05;font-weight:400}.gallery-cover{min-height:560px}.gallery-copy .button{background:transparent;color:var(--paper);border:1px solid #e9e6db88;font:16px var(--serif)}
/* The controls float over the scene, as in the approved first-person gallery reference. */
.game-dialog{background:#172219;color:#f4efdf}.game-header{position:absolute;z-index:5;width:100%;background:linear-gradient(#101b1dcc,transparent);border:0;color:#fff;height:82px}.game-header .brand{font-size:28px;letter-spacing:2px;text-transform:uppercase}.game-header .icon-button{color:white;background:#15251c55;border-color:#ffffff55}.game-header h2{font:12px var(--serif);letter-spacing:2px;text-transform:uppercase}.game-dialog canvas{height:calc(100dvh - 68px);min-height:420px;border:0;outline-offset:-4px}.game-location{top:112px;left:34px}.game-location>#room-name{font:36px var(--serif)}.game-actions .game-button{background:#1b3025a8;border-color:#f5eedb99;backdrop-filter:blur(8px);font:13px var(--serif)}.game-toolbar{background:#18261e;color:#efe8d7}.game-toolbar button{color:inherit}.game-dialog>#gallery-status{background:#18261e;color:#d1d8cb}.game-options{color:var(--ink);box-shadow:0 20px 80px #0008}.game-dialog .gallery-list,.game-dialog .keyboard-controls{background:var(--paper);color:var(--ink)}
@media(max-width:1000px){.hero{grid-template-columns:39% 61%}.hero h1{font-size:61px;letter-spacing:-3px}.hero-copy{padding:35px 4vw}.hero .eyebrow{margin-bottom:22px}.hero .intro{font-size:18px}.header nav a{font-size:20px}.gallery-section{grid-template-columns:40% 60%}}
@media(max-width:600px){.header{min-height:76px;padding:17px 6vw}.header .brand{font-size:32px}.hero{display:flex;background:var(--paper);color:var(--ink)}.hero-copy{padding:38px 6vw}.hero h1{font-size:60px;letter-spacing:-3px}.hero h1 em{color:var(--ink)}.hero .eyebrow{margin-bottom:25px}.hero .intro{font:19px/1.45 var(--serif)}.hero .button{background:var(--green);color:var(--paper)}.hero-media{height:390px;min-height:390px}.portfolio-section{padding:45px 6vw}#original-works{grid-template-columns:1fr;gap:35px}.portfolio-work:first-child,.portfolio-work:not(:first-child){grid-column:auto;grid-row:auto}.portfolio-caption h3{font-size:28px}.motion-art{border-width:5px}.gallery-section{display:flex}.gallery-copy{padding:45px 6vw}.gallery-cover{min-height:360px}.game-header{height:70px;padding-inline:17px}.game-header .brand{font-size:21px}.game-dialog canvas{height:calc(100dvh - 68px);min-height:350px}.game-location{top:90px;left:22px}.game-location>#room-name{font-size:28px}.game-actions{bottom:40px}.game-header h2{display:none}}

#game-minimap{width:310px;max-width:70vw}.map-room{position:relative;width:100%;height:220px;background:#47523e;border:1px solid #c7bfa2}.map-room span{position:absolute;display:grid;place-items:center;text-align:center;font-size:8px;line-height:1.1;padding:2px;border:1px solid #8e957a;background:#e8e1cb;color:#333b29;box-sizing:border-box}.map-room #map-position{z-index:2;width:9px;height:9px;box-shadow:0 0 0 3px #ffffff80}
