.atelier-label{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.2em}
.atelier-label span{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.2em;margin-top:3px}
.home{position:relative;--scene-height:max(100dvh,calc(100vw * 1536 / 2752))}
.scene{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:max(100vw,calc(100dvh * 2752 / 1536));height:auto;aspect-ratio:2752/1536}
.home>.home-header,.home>.welcome,.home>.home-footer{z-index:1}
.welcome{top:auto;bottom:max(56dvh,calc(var(--scene-height) * .48 + 18px));left:24%;width:52%}
.welcome h1{margin:0 0 8px;line-height:0}
.main-logo{display:block;width:clamp(250px,32vw,540px);max-width:100%;height:auto;margin:auto;filter:brightness(0) invert(1) drop-shadow(0 0 1px #000e) drop-shadow(0 2px 4px #000c) drop-shadow(0 5px 14px #0009);opacity:.96}
.home-fullscreen{margin-top:15px}
.home-fullscreen p{font-size:11px!important;opacity:.8;margin:0 auto 5px}
.home-fullscreen button{background:transparent;backdrop-filter:none;border-color:#e8e4d547;font-size:11px;min-height:38px;padding:7px 12px}
.home-fullscreen button:hover,.home-fullscreen button:focus-visible{background:#17241c66;border-color:#e8e4d5b3}
.pin{width:7px;height:7px;border:1px solid #f9f5e3b3;background:#f2e8c4b3;box-shadow:0 0 0 5px #f3e7ce0d,0 1px 8px #0004;backdrop-filter:none;font-size:0}
.hotspot:hover .pin,.hotspot:focus-visible .pin{transform:scale(1.3);background:#fff9e8}
.hotspot-caption{pointer-events:none}
.object-hotspot .hotspot-caption{top:auto;bottom:calc(100% + 5px)}
.object-hotspot[href$="/outros-trabalhos"] .hotspot-caption{left:0}
.object-hotspot[href$="/sobre-mim"] .hotspot-caption{right:0}
.object-hotspot .pin{background:#dbe5e8c9}
.editorial[data-surface=paper]{color-scheme:light;background:#f1e9dc;--panel:#f1e9dc;--text:#443c32;--muted:#746858;--border:#bbaa8d66;--placeholder:#e8dece;--placeholder-line:#8b745b1a;--accent:#88643d;--button:#685138;--button-ink:#fff9ef}
.editorial[data-surface=paper] .draft-label{max-width:180px;line-height:1.5}
.editorial[data-surface=paper] .feature{flex-direction:row}
.editorial[data-surface=paper] .placeholder small{font-size:11px;line-height:1.7;max-width:240px}
.editorial[data-surface=paper] .placeholder{gap:18px}
.story-block.hero{--intro-copy-width:clamp(250px,20vw,300px);gap:2.5vw}
.story-block.hero .story-copy{width:var(--intro-copy-width)}
.story-block.hero .story-copy h3{font-size:clamp(32px,3vw,48px)}
.story-copy>.story-credit{font-size:11px!important;line-height:1.6!important;border-top:1px solid var(--border);padding-top:15px;margin-top:20px;letter-spacing:.02em}
.story-block.hero>.image-slot:has(img){--hero-height:min(var(--story-image-height,400px),calc((100vw - 32px - 8vw - var(--intro-copy-width) - 2.5vw) / var(--image-ratio)));height:var(--hero-height)!important;width:calc(var(--hero-height) * var(--image-ratio))!important}
/* A marca, o título e os controles compartilham o mesmo cabeçalho. */
.identity-header.identity-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:0 24px;height:auto;min-height:0;padding:18px 28px;align-items:center}
.fullscreen-control{background:transparent;border:1px solid var(--border,#b5c4b332);border-radius:3px;color:var(--text,#eeeee4);font-size:12px;line-height:1.5;padding:10px 14px;min-height:44px;max-width:280px;text-align:center}
.fullscreen-control[aria-pressed=true]{font-size:11px}
.fullscreen-control:hover{background:color-mix(in srgb,var(--text,#eeeee4) 8%,transparent)}
.header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.panel-logo{position:relative;display:block;max-width:100%;padding:2px 0;min-height:44px}
.panel-logo img{display:block;width:clamp(155px,14vw,205px);max-width:100%;height:auto;filter:brightness(0) invert(1);opacity:.96}
.editorial[data-theme=light] .panel-logo img,.editorial[data-surface=paper] .panel-logo img{filter:none}
.logo-tooltip{position:absolute;top:calc(100% + 12px);left:0;white-space:nowrap;padding:9px 12px;border:1px solid var(--border,#b5c4b332);border-radius:3px;background:var(--panel,#151e19);color:var(--text,#eeeee4);font:11px/1.5 Arial,sans-serif;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:5;box-shadow:0 5px 18px #0002}
.panel-logo:hover .logo-tooltip,.panel-logo:focus-visible .logo-tooltip{opacity:1;visibility:visible;transform:none}
.header-project{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;text-align:center}
.identity-header .header-project>.eyebrow{font-size:8px;line-height:1.5;letter-spacing:.13em;color:var(--muted,#b2c5b4);margin:0}
.identity-header .header-title{font-size:clamp(25px,2.4vw,35px);letter-spacing:-.025em;line-height:1.15;text-align:center;margin:0;overflow-wrap:break-word;min-width:0}
.identity-header .panel-tools{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.read-story-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:12px 18px;font-size:14px;font-weight:500;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid var(--accent);border-radius:3px;color:var(--text);white-space:nowrap;transition:background .2s,color .2s}
.read-story-button:hover{background:var(--button);color:var(--button-ink)}
.story-reading-button{display:flex;width:fit-content;max-width:100%;margin-top:18px;white-space:normal;text-align:left}
.journey-action{width:160px;flex-shrink:0;display:flex;align-items:center;min-height:44px}
.restart-story{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text);font-size:11px;white-space:nowrap}
.restart-story span{margin-left:10px}.restart-story:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.narrative-reader{width:min(1100px,calc(100vw - 48px))}
.tours{--panel:#121c16;--text:#eeeee4;--muted:#b1beb2;--border:#b5c4b332}
.tour-shell{display:flex;flex-direction:column}
.tour-player{position:relative;inset:auto;flex:1;min-height:0}
.tour-header .panel-tools>a{display:inline-flex;align-items:center}
.tour-header .panel-tools,.narrative-reader .panel-tools{flex-wrap:wrap;justify-content:flex-end}
@media(max-height:650px) and (orientation:landscape){
 .welcome{top:auto}.welcome h1{margin-bottom:4px}.main-logo{width:clamp(150px,21vw,180px)}.home-fullscreen{margin-top:6px}.home-fullscreen p{display:none}
 .home-fullscreen button{font-size:10px;min-height:32px;padding:5px 9px}
 .atelier-label,.atelier-label span{font-size:8px}
 .editorial[data-surface=paper] .draft-label{font-size:8px;max-width:130px}
 .identity-header.identity-header{padding:9px 18px;gap:0 18px}
 .fullscreen-control{font-size:10px;padding:8px 10px}
 .fullscreen-control[aria-pressed=true]{font-size:9px}
 .header-brand{gap:3px}.panel-logo img{width:145px}.panel-logo{min-height:40px}
 .header-project{gap:5px}.identity-header .header-project>.eyebrow{font-size:7px;letter-spacing:.08em;line-height:1.3}
 .identity-header .header-title{font-size:25px}
 .read-story-button{min-height:40px;font-size:12px;padding:9px 13px;gap:12px}
 .identity-header .panel-tools{gap:4px}
 .tour-player{inset:auto}
 .journey-action{width:140px}
}
@media(max-width:700px) and (orientation:portrait){
 .home>.home-header,.home>.welcome,.home>.home-footer{display:none}
 .editorial[data-surface=paper] .draft-label{display:none}
 .story-block.hero .story-copy{width:74vw}
 .story-block.hero>.image-slot:has(img){--hero-height:var(--story-image-height,200px)}
 .identity-header.identity-header{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:14px 18px}
 .fullscreen-control{font-size:10px;padding:8px 10px;max-width:150px}
 .fullscreen-control[aria-pressed=true]{font-size:9px}
 .header-brand{gap:6px}.panel-logo img{width:150px}
 .identity-header .header-project>.eyebrow{font-size:7px;letter-spacing:.08em}
 .header-project{grid-column:1/-1;grid-row:2;gap:7px}
 .identity-header .header-title{font-size:28px}
 .identity-header .panel-tools{gap:0;max-width:180px}
 .read-story-button{font-size:12px;padding:10px 12px;gap:10px}
 .journey-action{width:125px}.restart-story{font-size:10px;padding:8px}.restart-story span{margin-left:5px}
 .panel-footer{gap:12px}
 .narrative-reader{width:100vw;height:100dvh}
}