/* Velnori / Experience 07. Native scrolling, progressively enhanced motion. */
@view-transition { navigation: auto; }
/* A visual snapshot must not swallow the first click on the new document. */
::view-transition { pointer-events:none; }
:root { --exp-ease: cubic-bezier(.16,1,.3,1); --exp-accent: #d9f99b; }
html { scroll-behavior: smooth; scroll-padding-top: 32px; }
body[data-brand="sierra-nube"] { --exp-accent:#bbcf9f; }
body[data-brand="luna-norte"] { --exp-accent:#c7ace7; }
body[data-brand="brasa-mare"] { --exp-accent:#f15a30; }
body[data-brand="varela"] { --exp-accent:#173bc8; }
body[data-brand="opsflow"] { --exp-accent:#5b6ce8; }
::view-transition-old(root) { animation:exp-exit .45s var(--exp-ease) both; }
::view-transition-new(root) { animation:exp-enter .65s var(--exp-ease) both; }
@keyframes exp-exit { to { opacity:0; transform:translateY(-28px) scale(.985); } }
@keyframes exp-enter { from { clip-path:inset(100% 0 0); transform:translateY(28px); } to { clip-path:inset(0); transform:none; } }
body[data-brand]>header { view-transition-name:experience-header; }
::view-transition-group(experience-header) { animation-duration:.4s; }
::view-transition-old(experience-header),::view-transition-new(experience-header) { animation:none; }
.exp-progress { position:fixed; inset:0 0 auto; height:3px; background:var(--exp-accent); transform:scaleX(0); transform-origin:left; z-index:90; pointer-events:none; }
.exp-cursor { position:fixed; top:0; left:0; width:84px; height:84px; margin:-42px; border-radius:50%; background:var(--exp-accent); color:#15241c; z-index:85; display:grid; place-content:center; font:600 11px/1.2 Manrope,Arial,sans-serif; letter-spacing:.02em; pointer-events:none; opacity:0; scale:.6; transition:opacity .2s,scale .4s var(--exp-ease); box-shadow:0 8px 32px #0002; }
.exp-cursor[data-visible="true"] { opacity:1; scale:1; }
.exp-cursor[data-kind="light"] { background:#fcfaf3; color:#20251d; }
[data-depth] { translate:var(--depth-x,0px) var(--depth-y,0px); }
.exp-hover { position:relative; isolation:isolate; }
.exp-hover::after { content:""; position:absolute; inset:0; border:1px solid transparent; pointer-events:none; border-radius:inherit; background:radial-gradient(420px circle at var(--hot-x,50%) var(--hot-y,50%),#ffffff15,transparent 70%); opacity:0; transition:opacity .4s; z-index:2; }
@media(hover:hover) and (pointer:fine) {
 .exp-hover:hover::after { opacity:1; }
 body[data-brand] :where(.btn,.solid-button,.nav-cta,.ln-round-link) { translate:var(--mag-x,0px) var(--mag-y,0px); transition:translate .5s var(--exp-ease),background-color .2s,color .2s,border-color .2s; }
 body[data-brand] :where(.text-link,.project-visit,.nav-link,.nav-links a,.main-nav a) { background-image:linear-gradient(currentColor,currentColor); background-size:0 1px; background-position:0 100%; background-repeat:no-repeat; transition:background-size .5s var(--exp-ease),color .2s; }
 body[data-brand] :where(.text-link,.project-visit,.nav-link,.nav-links a,.main-nav a):hover { background-size:100% 1px; }
}
/* The studio opens on an ink stage; the work lives on warm paper. */
body[data-brand="velnori"]:not(.viewer) { --paper:#f2f1e9; --ink:#1b3027; --muted:#536158; --line:#cad2c6; background:var(--paper); }
body[data-brand="velnori"]:not(.viewer):not(.embed) { background:linear-gradient(#111e19 0 850px,#f2f1e9 850px); }
body[data-brand="velnori"]:not(.viewer) .site-header.wrap { width:100%; margin:0; padding:20px 4%; min-height:88px; border-bottom:1px solid #c7d7b626; background:#111e19; color:#edf0e5; position:relative; z-index:5; }
body[data-brand="velnori"]:not(.viewer) .site-header .brand { color:#f2f4e9; font-size:34px; }
body[data-brand="velnori"]:not(.viewer) .site-header .brand span { color:#d9f99b; }
body[data-brand="velnori"]:not(.viewer) .header-caption { color:#a8b7ab; border-color:#c7d7b626; font-size:11px; }
body[data-brand="velnori"]:not(.viewer) .site-header nav { color:#d9e2d4; font-size:12px; gap:28px; }
body[data-brand="velnori"]:not(.viewer) .site-header .nav-contact { color:#d9f99b; border:1px solid #a4b78d66; border-radius:100px; padding:12px 22px; }
body[data-brand="velnori"]:not(.viewer) .site-header .nav-contact:hover { background:#d9f99b; color:#17251c; }
.exp-hero { --scene-accent:#d9f99b; position:relative; isolation:isolate; background:#111e19; color:#f1f3e8; padding:26px 4% 0; overflow:hidden; }
.exp-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.16; background-image:radial-gradient(#b8ccb3 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,transparent,#000); }
.exp-hero::after { content:""; position:absolute; width:680px; height:680px; border-radius:50%; right:-80px; top:-120px; background:radial-gradient(circle,color-mix(in srgb,var(--scene-accent),transparent 91%),transparent 68%); pointer-events:none; translate:var(--halo-x,0px) var(--halo-y,0px); z-index:-1; }
.exp-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; font:10px/1.7 Manrope,Arial,sans-serif; letter-spacing:.15em; color:#a8b7ab; text-transform:uppercase; }
.exp-meta i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#d9f99b; margin-right:8px; }
.exp-hero-grid { display:grid; grid-template-columns:1fr 1.03fr; align-items:center; gap:3vw; min-height:630px; padding:35px 0 55px; }
.exp-title { font:400 clamp(66px,7.9vw,124px)/.94 Manrope,Arial,sans-serif; letter-spacing:-.075em; margin:0 0 28px; position:relative; z-index:3; }
.exp-title>span { display:block; }
.exp-title em { display:block; color:#d9f99b; font:400 1.03em/.98 Editorial,Georgia,serif; letter-spacing:-.045em; }
.exp-hero-lead { max-width:36ch; color:#b5c1b5; font-size:15px; line-height:1.85; margin:26px 0 30px; }
.exp-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; }
body[data-brand="velnori"] .exp-hero .solid-button { background:#d9f99b; color:#15251b; border:1px solid #d9f99b; border-radius:100px; padding:17px 24px; min-height:54px; font-size:13px; gap:28px; }
body[data-brand="velnori"] .exp-hero .solid-button:hover { background:#edffc7; color:#15251b; }
.exp-actions .exp-contact { color:#d9e2d4; min-height:44px; display:inline-flex; align-items:center; gap:14px; font-size:12px; border-bottom:1px solid #748a6d; }
.exp-stage-wrap { min-width:0; padding:20px 0 0 20px; perspective:1200px; }
.exp-stage { position:relative; transform:rotateY(var(--stage-ry,-7deg)) rotateX(var(--stage-rx,3deg)); transition:transform 1s var(--exp-ease); transform-style:preserve-3d; }
.exp-stage::before { content:""; position:absolute; inset:12% -3% -3% 14%; border:1px solid #a8bd8a42; transform:translateZ(-35px) rotate(5deg); background:#243528; z-index:-1; }
.exp-stage-link { display:block; overflow:hidden; border:1px solid #a8bd8a55; border-radius:8px; background:#223029; box-shadow:0 35px 90px #0007; transform:translateZ(0); }
.exp-stage-chrome { display:flex; align-items:center; justify-content:space-between; padding:15px 17px; background:#1c2b23; color:#cad6c2; font:10px/1.5 Manrope,Arial,sans-serif; letter-spacing:.04em; }
.exp-stage-chrome>span:first-child { display:flex; align-items:center; gap:8px; }
.exp-stage-chrome i { width:6px; height:6px; border:1px solid #9eb291; border-radius:50%; display:inline-block; }
.exp-stage-media { display:grid; aspect-ratio:1.44; overflow:hidden; position:relative; background:#26352c; }
.exp-stage-media img { grid-area:1/1; display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.exp-stage-media img[hidden] { display:none; }
.exp-stage-note { position:absolute; bottom:22px; left:-28px; padding:15px 20px; background:#d9f99b; color:#15251b; box-shadow:0 12px 40px #0004; transform:translateZ(45px) rotate(-4deg); font:11px/1.5 Manrope,Arial,sans-serif; display:flex; align-items:center; gap:18px; }
.exp-stage-note b { font-size:28px; line-height:1; letter-spacing:-.06em; }
.exp-scene-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:34px 0 0; position:relative; }
.exp-scene-caption { font-size:11px; color:#b5c1b5; max-width:210px; line-height:1.7; }
.exp-scene-caption strong { color:#ecf1e3; display:block; font-weight:400; font-size:17px; letter-spacing:-.03em; }
.exp-selector { display:flex; gap:5px; }
.exp-selector button { width:42px; height:42px; min-width:42px; border:1px solid #8aa37b55; border-radius:50%; background:transparent; color:#bdcdb8; font:11px Manrope,Arial,sans-serif; transition:background .25s,color .25s,border-color .25s; }
.exp-selector button[aria-pressed="true"] { background:#d9f99b; color:#15251b; border-color:#d9f99b; }
.exp-selector button:hover { border-color:#d9f99b; }
.exp-selector:has(button:disabled) { display:none; }
.exp-hero-footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #c7d7b62e; padding:21px 0; font-size:11px; line-height:1.7; color:#a8b7ab; }
.exp-hero-footer a { color:#e0e9d8; display:flex; align-items:center; gap:35px; min-height:34px; }
.exp-hero-footer a span { color:#d9f99b; font-size:20px; }
.exp-disciplines { display:flex; justify-content:space-between; gap:30px; border-bottom:1px solid #c5cfc0; padding:25px 4%; font-size:clamp(17px,2.1vw,32px); letter-spacing:-.035em; color:#3e5445; background:#e8ecdf; }
.exp-disciplines span { display:flex; gap:16px; align-items:baseline; }
.exp-disciplines small { font-size:9px; letter-spacing:.08em; color:#667760; }
body[data-brand="velnori"] .collection { padding-top:90px; padding-bottom:80px; }
.collection-heading h2 { font-size:clamp(36px,5.4vw,80px); letter-spacing:-.065em; max-width:780px; line-height:1.02; }
.collection-heading #total-count { font:400 14px/1 Manrope,Arial,sans-serif; vertical-align:top; letter-spacing:0; display:inline-block; margin:9px 0 0 10px; }
.collection-tools { margin-top:34px; }
.collection-tools .filters { gap:6px; }
body[data-brand="velnori"] .filters button { border-radius:100px; padding:12px 17px; }
body[data-brand="velnori"] .search { border-radius:100px; padding-inline:18px; }
body[data-brand="velnori"] .project-grid { gap:0; }
body[data-brand="velnori"] .project-card.gallery-project,
body[data-brand="velnori"] .project-card.gallery-project:last-child:nth-child(odd),
body[data-brand="velnori"] .project-grid:has(.project-card[hidden]) .project-card.gallery-project:last-child:nth-child(odd) { background:transparent; border:0; border-top:1px solid #bac7b7; border-radius:0; padding:30px 0 60px; margin-top:40px; gap:24px 5%; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
body[data-brand="velnori"] .project-card[hidden] { display:none!important; }
body[data-brand="velnori"] .gallery-project .project-image-link { border-radius:4px; border:0; overflow:hidden; position:relative; box-shadow:0 16px 35px #263d2810; }
body[data-brand="velnori"] .project-image-link img { transition:scale .8s var(--exp-ease); }
body[data-brand="velnori"] .project-image-link:hover img { scale:1.035; }
body[data-brand="velnori"] .gallery-project .project-title-row h3 { font-size:clamp(36px,4vw,60px); line-height:1.05; letter-spacing:-.065em; }
body[data-brand="velnori"] .project-open { width:76px; height:76px; border-radius:50%; font-size:10px; background:#d9f99b; color:#15251b; border:0; }
body[data-brand="velnori"] .gallery-project .project-meta { font-size:10px; letter-spacing:.1em; }
.project-rationale { border-top:1px solid #c6d0c0; }
body[data-brand="velnori"] .gallery-project-heading { letter-spacing:.1em; font-size:10px; }
/* A working interaction exhibit connects craft to the actual demos. */
.exp-lab { margin:0; background:#17291f; color:#edf3e4; padding:84px 4%; display:grid; grid-template-columns:1fr 1fr; gap:7%; position:relative; overflow:hidden; }
.exp-lab .eyebrow { color:#b9d39b; font-size:10px; letter-spacing:.14em; }
.exp-lab h2 { font:400 clamp(40px,5vw,76px)/1.02 Manrope,Arial,sans-serif; letter-spacing:-.065em; margin:26px 0; }
.exp-lab h2 em { font-family:Editorial,Georgia,serif; color:#d9f99b; font-weight:400; }
.exp-lab-copy>p:not(.eyebrow) { max-width:42ch; color:#b8c8b4; font-size:14px; line-height:1.85; }
.exp-lab-options { display:flex; flex-direction:column; margin-top:32px; border-top:1px solid #91aa7745; }
.exp-lab-options button { display:flex; align-items:center; justify-content:space-between; gap:20px; background:transparent; color:#b9cbb0; padding:17px 0; min-height:56px; text-align:left; border:0; border-bottom:1px solid #91aa7745; font:400 18px Manrope,Arial,sans-serif; letter-spacing:-.03em; }
.exp-lab-options button[aria-pressed="true"] { color:#d9f99b; }
.exp-lab-options button>span:first-child>span { font:10px Manrope,Arial,sans-serif; margin-right:15px; }
.exp-lab-options button[aria-pressed="true"] .exp-lab-arrow { rotate:-45deg; }
.exp-lab-arrow { transition:rotate .4s var(--exp-ease); }
.exp-lab-display { align-self:center; min-width:0; background:#203628; border:1px solid #8ea7754d; border-radius:10px; padding:24px; position:relative; }
.exp-lab-label { display:flex; justify-content:space-between; color:#9eb28e; font:9px/1.5 Manrope,Arial,sans-serif; letter-spacing:.12em; border-bottom:1px solid #8ea7754d; padding-bottom:18px; text-transform:uppercase; }
.exp-lab-image { margin:24px 0; overflow:hidden; border-radius:4px; aspect-ratio:1.6; }
.exp-lab-image img { width:100%; height:100%; object-fit:cover; object-position:top; }
.exp-lab-display h3 { font:400 29px/1.15 Manrope,Arial,sans-serif; letter-spacing:-.04em; margin:18px 0 12px; }
.exp-lab-display p { color:#b8c8b4; font-size:13px; line-height:1.8; min-height:5.4em; }
.exp-lab-display a { color:#e8f2d8; display:flex; align-items:center; justify-content:space-between; min-height:48px; border-bottom:1px solid #8ea77566; font-size:12px; }
.exp-lab-display .exp-lab-index { color:#d9f99b; font:400 54px/1 Manrope,Arial,sans-serif; letter-spacing:-.07em; position:absolute; right:25px; top:78px; background:#17291fe8; padding:10px 15px; border-radius:4px; }
body[data-brand="velnori"] .quality-process { padding-top:90px; padding-bottom:80px; }
body[data-brand="velnori"] .quality-process-heading h2 { font-size:clamp(35px,4vw,58px); letter-spacing:-.06em; }
body[data-brand="velnori"] .quality-process-steps { counter-reset:steps; }
body[data-brand="velnori"] .quality-process-steps>li { border-top:1px solid #92a68a; padding-top:25px; }
body[data-brand="velnori"] .brief-section { border-radius:12px; }
body[data-brand="velnori"] .sales-closing h2 { font-size:clamp(38px,5.5vw,80px); letter-spacing:-.065em; }
/* One reading-progress line per document; each family keeps its own character. */
body[data-brand="sierra-nube"] .sierra-hero { isolation:isolate; }
body[data-brand="sierra-nube"] .sierra-hero>img { transition:scale 1.4s var(--exp-ease); }
.exp-landscape-toggle { position:absolute; top:126px; right:4%; z-index:6; display:flex; gap:20px; align-items:center; background:#102a2080; color:#f0f5e8; border:1px solid #dbe5ce80; border-radius:100px; padding:12px 18px; min-height:44px; font:11px/1.5 Manrope,Arial,sans-serif; backdrop-filter:blur(8px); }
.exp-landscape-toggle:disabled { display:none; }
.exp-landscape-toggle:hover { background:#daeac9; color:#132b1d; }
body[data-brand="sierra-nube"] .sn-scroll-cue { top:210px; }
body[data-brand="sierra-nube"] .sierra-hero:has(.exp-landscape-toggle) .sn-scroll-cue { display:none; }
.sierra-hero .hero-content { transition:opacity .65s,translate 1s var(--exp-ease); }
.sierra-hero.exp-panorama .hero-content { opacity:0; translate:0 20px; }
body[data-brand="sierra-nube"] .sierra-hero.exp-panorama>img { scale:1.08; }
.sierra-hero.exp-panorama .hero-shade { opacity:.1; }
.sierra-hero .hero-shade { transition:opacity 1.4s; }
body[data-brand="sierra-nube"] .sn-scroll-cue { border:1px solid #dbe5ce55; padding:13px 9px; border-radius:100px; }
body[data-brand="sierra-nube"] .room-card>a { display:block; overflow:hidden; }
body[data-brand="sierra-nube"] .room-card img { transition:scale 1s var(--exp-ease),filter 1s; }
body[data-brand="sierra-nube"] .room-card:hover img { scale:1.04; filter:saturate(1.1); }
body[data-brand="luna-norte"] .ln-cover { background:radial-gradient(ellipse at 50% 65%,#c4add04d,transparent 55%); }
body[data-brand="luna-norte"] .ln-cover-model { border-radius:48% 48% 0 0; }
body[data-brand="luna-norte"] .product-image { overflow:hidden; }
body[data-brand="luna-norte"] .product-image img { transition:scale .8s var(--exp-ease); }
body[data-brand="luna-norte"] .product-card:hover .product-image img { scale:1.055; }
body[data-brand="luna-norte"] .product-photo { overflow:hidden; }
body[data-brand="luna-norte"] .product-photo img { transform-origin:var(--hot-x,50%) var(--hot-y,50%); transition:scale .7s var(--exp-ease); }
body[data-brand="brasa-mare"] .bm-poster { background:radial-gradient(ellipse at var(--poster-x,70%) 45%,#ffb15c66,transparent 60%),#f15a30; }
body[data-brand="brasa-mare"] .bm-poster-image { border-radius:140px 140px 0 0; overflow:hidden; }
body[data-brand="brasa-mare"] .menu-tab { border-radius:100px; }
body[data-brand="brasa-mare"] .dish { transition:background-color .25s,padding .4s var(--exp-ease); }
body[data-brand="brasa-mare"] .dish:hover { background:#ffffff06; padding-inline:12px; }
body[data-brand="varela"] .va-cover { position:relative; }
body[data-brand="varela"] .va-cover::before { content:""; position:absolute; top:0; right:0; width:30%; height:100%; background:repeating-linear-gradient(90deg,transparent 0 55px,#173bc809 55px 56px); pointer-events:none; z-index:-1; }
body[data-brand="varela"] .va-index nav a { transition:background .3s,padding .4s var(--exp-ease); }
body[data-brand="varela"] .va-index nav a:hover { padding-left:8px; background:#173bc80a; }
body[data-brand="varela"] .person { border-top:2px solid #173bc8; }
body[data-brand="opsflow"] .topbar { box-shadow:0 3px 24px #0001; }
body[data-brand="opsflow"] .side-nav a { transition:background .2s,box-shadow .3s; }
body[data-brand="opsflow"] .side-nav a[aria-current="page"] { box-shadow:inset 3px 0 #5b6ce8; }
body[data-brand="opsflow"] :where(.metric-card,.kpi-card,.stat-card,.panel) { transition:border-color .3s,box-shadow .4s; }
body[data-brand="opsflow"] :where(.metric-card,.kpi-card,.stat-card,.panel):hover { border-color:#a6afe7; box-shadow:0 8px 25px #334dab0b; }
body.viewer .frame-wrap { transition:width .6s var(--exp-ease),max-width .6s var(--exp-ease),border-radius .6s; }
body.viewer #demo-frame { animation:exp-frame-in .5s var(--exp-ease); }
@keyframes exp-frame-in { from { opacity:.7; translate:0 10px; } }
.motion-toggle { width:44px; min-width:44px; height:44px; padding:0!important; font-size:0!important; border-radius:50%!important; display:grid; place-content:center; }
.motion-toggle::after { content:"Ⅱ"; font:500 17px/1 Manrope,Arial,sans-serif; }
.motion-toggle[aria-pressed="true"]::after { content:"▷"; }
.motion-toggle:focus-visible { outline:3px solid #8cb46c; outline-offset:3px; }
.exp-command-launch { min-height:40px; background:#233239; color:#d5e6d5; border:1px solid #53685b; border-radius:6px; padding:8px 12px; font:11px/1.4 Manrope,Arial,sans-serif; white-space:nowrap; }
.exp-command-launch kbd { margin-left:14px; font:10px Manrope,Arial,sans-serif; color:#a3b6a6; }
dialog.exp-command { width:min(580px,calc(100% - 32px)); max-width:580px; padding:24px; border:1px solid #52664c; border-radius:12px; background:#172520; color:#eff4e8; box-shadow:0 30px 150px #0007; }
dialog.exp-command::backdrop { background:#0a1617aa; backdrop-filter:blur(8px); }
.exp-command-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 20px; }
dialog.exp-command h2 { font:400 25px/1.2 Manrope,Arial,sans-serif; letter-spacing:-.04em; color:#eff4e8; margin:0; }
.exp-command-close { background:#2a3a30; border:1px solid #708366; border-radius:6px; min-width:44px; min-height:40px; color:#c9d8c0; font:11px Manrope,Arial,sans-serif; }
.exp-command label { display:block; font:11px/1.7 Manrope,Arial,sans-serif; color:#bccdb2; margin-bottom:8px; }
.exp-command input { display:block; width:100%; min-height:52px; border:1px solid #8ba279; border-radius:6px; background:#23372a; color:#f3f6ed; padding:12px 16px; font:14px Manrope,Arial,sans-serif; }
.exp-command-results { display:grid; margin-top:16px; gap:4px; }
.exp-command-results a { display:flex; align-items:center; justify-content:space-between; border-radius:6px; color:#dce9d3; padding:13px 16px; min-height:48px; font:13px/1.5 Manrope,Arial,sans-serif; border:1px solid transparent; }
.exp-command-results a:hover,.exp-command-results a:focus-visible { background:#d9f99b; color:#172520; outline:0; }
.exp-command-results a[aria-current="page"] { border-color:#5e7455; }
.exp-command-results a[hidden] { display:none; }
.exp-command-hint,.exp-command-empty { color:#b9cdb0!important; font:11px/1.7 Manrope,Arial,sans-serif!important; margin:18px 0 0!important; }
/* A pause applies to CSS interactions as well as GSAP scenes. */
html[data-motion="off"] { scroll-behavior:auto; }
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after { animation:none!important; transition-duration:0s!important; }
html[data-motion="off"] .exp-cursor { display:none!important; }
html[data-motion="off"] [data-depth] { translate:0 0!important; }
html[data-motion="off"] .exp-stage { transform:none; }
html[data-motion="off"] :is(.project-image-link,.product-image,.product-photo,.room-card) img { scale:1!important; }
html[data-motion="off"]::view-transition-group(*),html[data-motion="off"]::view-transition-old(*),html[data-motion="off"]::view-transition-new(*) { animation:none!important; }
@media(min-width:1001px) {
 body[data-brand="velnori"] .gallery-project:nth-child(even) .project-image-link { grid-column:2; }
 body[data-brand="velnori"] .gallery-project:nth-child(even) .gallery-project-copy { grid-column:1; grid-row:2; }
 body[data-brand="velnori"] .gallery-project:nth-child(even) { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important; }
}
@media(hover:hover) and (pointer:fine) {
 html[data-motion="on"] body[data-brand="luna-norte"] .product-photo:hover img { scale:1.35; }
}
@media(max-width:1000px) {
 .exp-hero-grid { min-height:580px; gap:24px; }
 .exp-title { font-size:clamp(58px,8.6vw,86px); }
 .exp-stage-wrap { padding-left:10px; }
 .exp-selector { gap:4px; }
 .exp-selector button { width:36px; height:40px; min-width:36px; border-radius:5px; }
 .exp-scene-bottom { flex-direction:column; align-items:start; gap:15px; }
 .exp-scene-caption strong { font-size:17px; }
 .exp-lab { gap:35px; padding-block:60px; }
 body[data-brand="velnori"] .collection { padding-top:64px; }
 .exp-disciplines { font-size:19px; gap:16px; }
 .exp-disciplines span { gap:9px; }
}
@media(max-width:700px) {
 body[data-brand="velnori"]:not(.viewer) .site-header.wrap { padding:15px 5%; min-height:74px; gap:15px; }
 body[data-brand="velnori"]:not(.viewer) .site-header .brand { font-size:28px; }
 body[data-brand="velnori"]:not(.viewer) .site-header nav { gap:16px; font-size:11px; }
 body[data-brand="velnori"]:not(.viewer) .site-header .about-trigger { display:none; }
 body[data-brand="velnori"]:not(.viewer) .site-header .nav-contact { padding:10px 15px; }
 .exp-hero { padding:22px 5% 0; }
 .exp-meta { font-size:8px; letter-spacing:.1em; gap:10px; align-items:start; }
 .exp-meta>span:last-child { text-align:right; max-width:120px; }
 .exp-hero-grid { grid-template-columns:1fr; padding-top:28px; gap:20px; min-height:0; padding-bottom:26px; }
 .exp-title { font-size:clamp(48px,15.7vw,96px); line-height:.98; margin-bottom:22px; }
 .exp-title em { font-size:.97em; }
 .exp-hero-lead { font-size:14px; line-height:1.8; margin:22px 0; max-width:36ch; }
 .exp-actions { gap:18px; }
 body[data-brand="velnori"] .exp-hero .solid-button { padding:14px 20px; font-size:12px; min-height:50px; }
 .exp-actions .exp-contact { font-size:10px; gap:7px; letter-spacing:-.02em; }
 .exp-stage-wrap { padding:12px 5px 0; }
 .exp-stage { transform:rotateY(-3deg) rotateX(2deg); }
 .exp-stage-chrome { padding:11px 13px; font-size:9px; }
 .exp-stage-media { aspect-ratio:1.5; }
 .exp-stage-note { bottom:16px; left:-9px; padding:11px 14px; font-size:9px; gap:12px; }
 .exp-stage-note b { font-size:22px; }
 .exp-scene-bottom { flex-direction:row; align-items:center; gap:8px; margin-top:25px; }
 .exp-scene-caption { max-width:135px; font-size:9px; }
 .exp-scene-caption strong { font-size:15px; }
 .exp-selector { gap:3px; }
 .exp-selector button { width:33px; min-width:33px; height:44px; }
 .exp-hero-footer { font-size:9px; padding:19px 0; align-items:center; }
 .exp-hero-footer>span { max-width:160px; }
 .exp-hero-footer a { gap:12px; }
 .exp-disciplines { flex-wrap:wrap; padding:22px 5%; gap:15px 25px; font-size:18px; }
 .exp-disciplines span:last-child { display:none; }
 .collection-heading h2 { font-size:43px; }
 body[data-brand="velnori"] .collection { padding-top:52px; padding-bottom:45px; }
 body[data-brand="velnori"] .project-card.gallery-project,
 body[data-brand="velnori"] .project-card.gallery-project:last-child:nth-child(odd),
 body[data-brand="velnori"] .project-grid:has(.project-card[hidden]) .project-card.gallery-project:last-child:nth-child(odd) { grid-template-columns:1fr; margin-top:28px; padding:22px 0 30px; gap:18px; }
 body[data-brand="velnori"] .gallery-project .project-title-row h3 { font-size:40px; }
 body[data-brand="velnori"] .gallery-project-heading { font-size:9px; }
 body[data-brand="velnori"] .gallery-project .project-image-link { aspect-ratio:1.44; }
 .exp-lab { grid-template-columns:1fr; gap:30px; padding:52px 5%; }
 .exp-lab h2 { font-size:48px; }
 .exp-lab-display { padding:19px; }
 .exp-lab-options button { font-size:17px; }
 body[data-brand="velnori"] .quality-process { padding-top:55px; padding-bottom:45px; }
 .exp-cursor { display:none; }
 .exp-command-launch { padding:8px; font-size:10px; }
 .exp-command-launch kbd { display:none; }
 body[data-brand="luna-norte"] .ln-cover-model { border-radius:35% 35% 0 0; }
 .exp-landscape-toggle { font-size:10px; padding:10px 13px; top:112px; right:5%; }
 body[data-brand="sierra-nube"] .sn-scroll-cue { display:none; }
}
body.embed .exp-hero,body.embed .exp-disciplines,body.embed .exp-lab { display:none; }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
 .exp-stage { transform:none; }
 .exp-cursor { display:none!important; }
 [data-depth] { translate:0 0!important; }
 :is(.project-image-link,.product-image,.product-photo,.room-card) img { scale:1!important; }
}
@media(forced-colors:active) {
 .exp-cursor,.exp-hero::before,.exp-hero::after { display:none; }
 .exp-selector button[aria-pressed="true"],.exp-lab-options button[aria-pressed="true"] { outline:2px solid Highlight; outline-offset:-3px; }
 .exp-stage-link,.exp-lab-display { border:1px solid CanvasText; }
}