/* Exploración · tactile print, architectural metal, digital sculpture. */
:root{--paper:#eeeae0;--ink:#171a17;--blue:#2543ec;--yellow:#f9d84b}
.site-header{gap:17px}.brand{background:var(--yellow);width:78px;height:88px;transform:rotate(-5deg);box-shadow:3px 4px 0 #171a171c}.brand img{width:49px;height:63px}.brand-descriptor{font-size:11px;letter-spacing:.03em}.contact-trigger{background:var(--ink);color:var(--paper);border-radius:40px;padding:5px 6px 5px 21px;gap:17px}.contact-trigger span{background:var(--yellow);color:var(--ink);border:0;width:39px;height:39px}.contact-trigger:hover span{background:white;color:var(--ink)}
.scene-nav{border:1px solid #171a1722;background:#eeeae0f5;box-shadow:0 6px 24px #15151512;border-radius:40px;padding:5px 10px;gap:4px;bottom:25px}.scene-nav a{padding:0 16px;border-radius:30px;font-size:11px;color:#444}.scene-nav a[aria-current=page]{background:var(--ink);color:#fff}.scene-nav a[aria-current=page] span{color:var(--yellow)}.scene-nav a[aria-current=page]:before{display:none}.site-signature{color:var(--ink);background:var(--paper);padding:8px 12px;bottom:34px}
.scene-copy{width:40%;top:50%;transform:translateY(-44%)}.eyebrow{font-family:monospace;font-size:11px;font-weight:500;margin-bottom:25px;max-width:360px}.registration{color:var(--ink);font-size:35px}.scene-copy h1,.scene-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.06em;line-height:.93}.scene-copy h2{font-size:clamp(60px,6.4vw,122px)}.scene-copy em{font-weight:400;letter-spacing:-.065em;line-height:1.03}.hero-loud{display:block;font-size:clamp(85px,9.7vw,185px);letter-spacing:-.085em;line-height:.79;text-transform:uppercase}.hero-signoff{display:block;font-size:clamp(46px,4.75vw,91px);margin-top:15px;color:var(--blue)}.scene-description{margin-top:23px;font-size:15px;max-width:340px;line-height:1.65}.text-link{background:var(--ink);color:var(--paper);border-radius:30px;padding:10px 20px;min-height:49px;border:0;font-size:12px;gap:25px}.text-link:hover{background:var(--blue);color:white}.scene-note{font:9px/1.7 monospace;letter-spacing:.08em;margin-top:25px}
.sticker-floor{position:absolute;inset:0;z-index:0;display:block;mask-image:linear-gradient(100deg,transparent 0%,transparent 27%,#0005 40%,black 62%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,transparent 27%,#0005 40%,black 62%)}.floor-edit-mode{touch-action:none}.sticker-experience{left:44%;right:4%;top:15%;bottom:17%}.hero-orbit{position:absolute;z-index:1;left:51%;top:19%;width:min(39vw,690px);aspect-ratio:1;border:1px solid #f8f5e68c;border-radius:50%;transform:rotate(-17deg);pointer-events:none}.hero-orbit:before{content:'';position:absolute;inset:-17px;border:1px dashed #171a1750;border-radius:50%}.hero-orbit span{position:absolute;top:-46px;left:0;right:0;text-align:center;font:10px monospace;letter-spacing:.17em;background:var(--paper);padding:9px;width:max-content;margin:auto}.object-caption{left:16%;right:12%;bottom:-16px;color:var(--ink);font:9px monospace}.object-caption span{background:var(--paper);padding:7px}.sticker-tools{bottom:8%;left:47%;right:4%;gap:7px}.sticker-tools button{background:#eeeae0f5;border:1px solid #171a1730;border-radius:30px;padding:9px 16px;font-size:10px}.sticker-tools button:hover{background:var(--yellow);color:var(--ink)}
#metal{background:#dfc653}.material-experience{left:43%;right:2.5%;top:15%;bottom:15%;border-radius:140px 8px 8px 8px;overflow:hidden;box-shadow:0 25px 70px #34280126}.toppic-can{border-radius:inherit}#metal .scene-copy{width:38%}#metal .scene-note{max-width:270px}#metal .registration{color:#6c5400}
#estudio{background:#10131b;color:#f0eee7}#estudio .scene-description,#estudio .scene-note{color:#afb5c9}#estudio .registration{color:var(--yellow)}#estudio .scene-copy{width:39%}#estudio .scene-copy em{color:var(--yellow)}#estudio .text-link{background:var(--yellow);color:var(--ink)}.identity-experience{left:40%;right:2%;top:10%;bottom:13%}.identity-stage{background:transparent;overflow:hidden}.identity-controls{border-color:#ffffff25;margin-inline:8%;margin-top:0}.identity-controls button{color:#aab1c6;border-radius:2px;font-size:12px}.identity-controls button[aria-pressed=true]{color:#f9d84b;border-color:#f9d84b}.identity-caption{color:#aab1c6;text-align:center;margin-top:13px;font-family:monospace;font-size:10px}.identity-fallback{color:var(--ink)}html[data-scene=estudio] .brand-descriptor{color:#eeeae0}html[data-scene=estudio] .contact-trigger{background:#eeeae0;color:#171a17}html[data-scene=estudio] .site-signature{background:transparent;color:#afb5c9}
@media(min-width:701px) and (max-height:780px){.hero-loud{font-size:min(8.5vw,130px)}.hero-signoff{font-size:4vw}.scene-copy h2{font-size:5.7vw}.scene-copy .eyebrow{margin-bottom:18px}.scene-description{margin-top:18px}.scene-note{margin-top:16px}.site-header{top:22px}.brand{width:62px;height:72px}.brand img{width:43px;height:54px}}
@media(max-width:1100px) and (min-width:701px){.scene-copy{width:42%}.hero-loud{font-size:10vw}.hero-signoff{font-size:5.4vw}.scene-description{font-size:13px;max-width:310px}.sticker-tools{left:43%;gap:4px}.sticker-tools button{padding:8px 10px}.scene-nav a{padding:0 10px}.hero-orbit span{font-size:8px}.material-experience{left:45%}.scene-copy h2{font-size:6.7vw}}
@media(max-width:700px){:root{--gutter:22px}.site-header{gap:12px;top:17px}.brand{width:48px;min-width:48px;height:58px;min-height:58px}.brand img{width:33px;height:43px}.brand-descriptor{font-size:9px}.contact-trigger{top:20px;padding:4px 5px 4px 14px;gap:10px;font-size:11px;min-height:42px}.contact-trigger span{width:32px;height:32px;font-size:20px}.scene-layout{padding-top:102px;gap:9px}.scene-copy,#metal .scene-copy,#estudio .scene-copy{width:auto;top:auto;transform:none;max-width:none}.eyebrow{margin-bottom:16px;font-size:9px;max-width:none}.registration{font-size:24px}.hero-loud{font-size:clamp(62px,18vw,98px);line-height:.8}.hero-loud br{display:block}.hero-signoff{font-size:clamp(36px,10.8vw,58px);margin-top:7px}.scene-description{font-size:12px;line-height:1.5;max-width:370px;margin:14px 0 11px}.scene-copy h2{font-size:clamp(48px,13vw,70px)}.scene-copy h2 br{display:none}.text-link{font-size:11px;min-height:43px;padding:7px 15px}.scene-note{font-size:8px;line-height:1.5;margin-top:13px;letter-spacing:.04em}.sticker-floor{mask-image:linear-gradient(180deg,transparent 0,transparent 45%,#0005 54%,black 68%);-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 45%,#0005 54%,black 68%)}.sticker-experience{inset:auto;min-height:245px;width:100%;flex:1}.hero-orbit{left:15%;top:52%;width:70vw}.hero-orbit span{display:none}.object-caption{left:5%;right:5%;bottom:0;font-size:7px}.object-caption span{padding:4px}.sticker-tools{inset:auto;gap:5px;flex-wrap:wrap;margin-bottom:1px}.sticker-tools button{padding:7px 10px;min-height:40px;font-size:9px}.scene-nav{left:12px;right:12px;bottom:12px;gap:0;padding:4px;justify-content:space-around}.scene-nav a{padding:0 9px;min-height:42px;font-size:9px;gap:5px}.scene-nav a span{font-size:8px}.material-experience{inset:auto;margin:4px -10px 0;border-radius:50px 4px 4px 4px;min-height:300px}.identity-experience{inset:auto;min-height:300px;margin-inline:-12px}.identity-controls{margin-inline:12px}.identity-controls button{font-size:10px}.identity-caption{font-size:9px;margin:10px 14px 0}.site-signature{display:none}#estudio .scene-description{max-width:370px}#estudio .scene-note{max-width:none}}
@media(max-width:700px) and (max-height:740px),(max-width:360px){.scene-panel{overflow-y:auto}.scene-layout{height:auto;min-height:100%;padding-bottom:90px}.sticker-experience{height:320px;flex:none}.material-experience{height:420px;flex:none}.identity-experience{height:420px;flex:none}.scene-panel:before{background:var(--paper)}#scene-estudio:before{background:#10131b}.hero-loud{font-size:19vw}.hero-signoff{font-size:10.7vw}.hero-orbit{top:440px}.scene-nav{background:#eeeae0}}
@media(max-height:480px) and (min-width:701px){.scene-copy{top:115px;transform:none}.hero-loud{font-size:85px}.hero-signoff{font-size:42px}.scene-copy h2{font-size:58px}.material-experience{top:100px;bottom:85px}.identity-experience{top:90px;bottom:75px}}
@media(max-width:700px) and (pointer:coarse){.sticker-experience{min-height:220px}.sticker-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sticker-tools button{min-height:40px;margin:0}.sticker-tools #device-tilt{display:block}}
/* The non-WebGL view remains a finished brand composition, not an empty mockup. */
.identity-fallback .fallback-sheet,.identity-fallback[data-phase="1"] .fallback-sheet,.identity-fallback[data-phase="2"] .fallback-sheet{width:70%;height:88%;padding:0;background:transparent;color:#eeeae0;box-shadow:none;align-items:center;justify-content:center;gap:20px;transform:rotate(-8deg)}.identity-fallback .fallback-sheet img{width:72%;height:76%;filter:brightness(0) invert(1);object-fit:contain}.identity-fallback .fallback-sheet strong{display:block;font-size:18px;line-height:1.2;font-weight:400;letter-spacing:-.03em;text-align:center}.identity-fallback .fallback-sheet span{font-family:monospace;font-size:9px;color:#c4c9d8;text-align:center}
@media(min-width:701px){#metal .scene-copy h2{font-size:clamp(54px,5.5vw,106px)}}
@media(min-width:701px) and (max-height:650px){#metal .scene-copy h2{font-size:clamp(42px,4.6vw,64px)}}
/* Keep the demo scrollable at small heights; its controls belong to the scene. */
#scene-asador{overflow-y:auto;background:#ecc96d}
@media(max-width:700px){#scene-asador{padding-bottom:90px}#grill-mount{height:auto!important;min-height:940px!important}}
@media(min-width:701px) and (max-height:740px){#grill-mount{min-height:650px!important}#scene-asador{padding-bottom:85px}}
html[data-scene=asador] .site-header{background:transparent}

/* Stable material controls, separate from the deforming sheet. */
.sticker-tools{flex-wrap:wrap}.sticker-tools .sticker-reset{position:static;transform:none;width:auto;height:auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;touch-action:manipulation}.sticker-tools .sticker-reset svg{filter:none;flex:none}.sticker-tools .sticker-reset:disabled{visibility:visible;opacity:.45}.sticker-tools button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:700px) and (pointer:coarse){.sticker-tools{grid-template-columns:repeat(6,minmax(0,1fr))}.sticker-tools button{grid-column:span 2;min-height:44px;padding-inline:5px}.sticker-tools #sticker-motion,.sticker-tools #device-tilt{grid-column:span 3}.sticker-tools .sticker-reset{min-height:44px}}
/* Compact local controls replace the old row below the sticker. The text remains
   an accessible name; runtime can update it without replacing the CSS icons. */
.sticker-quick-controls{position:absolute;z-index:46;top:8px;right:8px;display:flex;gap:3px;align-items:center;pointer-events:auto;padding:3px;border:1px solid #ffffffa0;background:#eeeae0d9;backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 3px 14px #17251a12}
.sticker-mini-button{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#20372b;font-size:0;line-height:0;touch-action:manipulation;cursor:pointer}
.sticker-mini-button:hover{background:#ffffffb0}.sticker-mini-button:active{background:#d5e7d0}.sticker-mini-button:disabled{opacity:.35;cursor:default}.sticker-mini-button:focus-visible{outline:2px solid #2543ec;outline-offset:2px}.sticker-mini-button:before{content:"";display:block;width:19px;height:19px;background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat}
.mini-reset{color:#178458;--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10a8 8 0 1 1 1.8 7.2M4 4v6h6'/%3E%3C/svg%3E")}
.mini-motion{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m8 4 12 8-12 8Z'/%3E%3C/svg%3E")}
.mini-motion[aria-pressed=true]{background:#233a2d;color:#d7f4ae;--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
.mini-tilt{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2M3 8l-2 3 2 3m18-6 2 3-2 3'/%3E%3C/svg%3E")}
.mini-tilt[aria-pressed=true]{background:#233a2d;color:#d7f4ae}
.sticker-quick-controls #device-tilt{display:none}
@media(pointer:coarse){.sticker-quick-controls #device-tilt{display:grid}}
@media(max-width:700px){.sticker-quick-controls{top:5px;right:0}}