.latest .vidwrap video { aspect-ratio:9/16; object-fit:contain; background:#000; } .latest .vidwrap video:fullscreen { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; object-position:center; border:0; border-radius:0; box-shadow:none; } .latest .vidwrap video:-webkit-full-screen { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; object-position:center; border:0; border-radius:0; box-shadow:none; } .home .hero h1 .brandline { display:block; margin:0 0 .75rem; font-family:var(--mono); font-size:clamp(.72rem,1.15vw,.9rem); font-weight:500; line-height:1.25; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); } .home .hero .news-chip { display:grid; gap:.2rem; padding:.45rem .8rem .65rem; border-radius:.6rem; text-transform:none; letter-spacing:normal; text-align:left; min-height:44px; width:min(100%,48rem); color:var(--ink-bright); background:var(--surface); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink-bright) 7%,transparent); } .home .news-chip .news-header { display:flex; align-items:center; justify-content:space-between; gap:.75rem; } .home .news-chip .news-label { font:500 .66rem/1.3 var(--mono); color:var(--accent); letter-spacing:.12em; text-transform:uppercase; } .home .news-chip .news-controls { display:flex; align-items:center; gap:.1rem; } .home .news-chip .news-controls[hidden] { display:none; } .home .news-chip .news-controls button { display:grid; place-items:center; width:24px; height:24px; min-width:24px; min-height:24px; padding:0; margin:0; border:0; border-radius:.3rem; color:var(--ink-mute); background:transparent; cursor:pointer; box-shadow:none; } .home .news-chip .news-slides { display:grid; min-width:0; } .home .news-chip .news-slide { grid-area:1/1; min-width:0; } .home .news-chip .news-slide[aria-hidden="true"] { visibility:hidden; pointer-events:none; } .home .news-chip .news-link { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.3rem .7rem; height:100%; min-height:44px; color:inherit; text-decoration:none; border-radius:.2rem; } .home .news-chip .news-meta { grid-column:1; display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; } .home .news-chip .news-meta::before,.home .news-chip .news-label::before, .home .news-chip::after,.home .news-chip .news-title::before { content:none; } .home .news-chip .news-title { grid-column:1; font:500 .88rem/1.3 var(--body); font-style:normal; overflow-wrap:anywhere; } .home .news-chip .news-source,.home .news-chip .news-date { font:400 var(--s-2)/1.3 var(--mono); font-style:normal; color:var(--ink-mute); } .home .news-chip .news-arrow { grid-column:2; grid-row:1/3; align-self:center; color:var(--accent); } .home .news-chip .news-link:focus-visible,.home .news-chip button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; } @supports (grid-template-columns:subgrid) { .home .hero .news-chip { grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto auto; gap:.1rem .5rem; padding:.25rem .7rem .4rem; } .home .news-chip .news-header { display:contents; } .home .news-chip .news-label,.home .news-chip .news-controls { grid-row:1; align-self:center; position:relative; z-index:1; } .home .news-chip .news-label { grid-column:1; min-width:calc(8ch + .96em); } .home .news-chip .news-controls { grid-column:3; } .home .news-chip .news-slides,.home .news-chip .news-slide,.home .news-chip .news-link { display:grid; grid-area:1/1/-1/-1; grid-template-columns:subgrid; grid-template-rows:subgrid; gap:normal; } .home .news-chip .news-slides { pointer-events:none; } .home .news-chip .news-link { pointer-events:auto; } .home .news-chip .news-meta { grid-column:2; grid-row:1; align-self:center; min-width:0; gap:.15rem .65rem; } .home .news-chip .news-title { grid-column:1/-1; grid-row:2; padding-right:1.8rem; } .home .news-chip .news-arrow { grid-column:3; grid-row:2; justify-self:end; } } .home .hero .news-chip { opacity:1; transform:none; background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 45%,transparent),transparent); background-size:35% 1px; background-repeat:no-repeat; background-position:50% 0; animation:none; transition:border-color .35s,box-shadow .35s; } @media (prefers-reduced-motion:no-preference) { .home .hero .news-chip { animation:news-glint 12s ease-in-out infinite; } @keyframes news-glint { 0% { background-position:-55% 0; } 70%,100% { background-position:155% 0; } } } @media (hover:hover) and (pointer:fine) { .home .hero .news-chip:hover { border-color:color-mix(in srgb,var(--accent) 45%,transparent); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink-bright) 7%,transparent), 0 0 18px color-mix(in srgb,var(--accent) 7%,transparent); } .home .news-chip .news-link:hover .news-title { color:var(--accent); } .home .news-chip .news-controls button:hover { color:var(--ink-bright); background:var(--raised); } } a.stat { display:block; color:inherit; text-decoration:none; border-radius:.35rem; padding:.45rem .55rem; margin:-.45rem -.55rem; transition:background-color .2s,transform .2s; } a.stat .l { text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent); text-decoration-thickness:var(--hair); text-underline-offset:.32em; } a.stat:hover { background:color-mix(in srgb,var(--accent) 8%,transparent); transform:translateY(-2px); } .home .askbox .composer { padding:.6rem .6rem .6rem 1.3rem; border-radius:2rem; background:linear-gradient(180deg,var(--raised),var(--surface)); box-shadow:inset 0 2px 1px color-mix(in srgb,var(--ink-bright) 12%,transparent), inset 0 -2px 3px color-mix(in srgb,var(--night) 55%,transparent), 0 5px 0 var(--deep), 0 6px 0 color-mix(in srgb,var(--accent) 32%,var(--deep)), 0 16px 24px -14px color-mix(in srgb,var(--night) 90%,transparent); } .home .askbox .composer::before { background:linear-gradient(165deg, color-mix(in srgb,var(--ink-bright) 62%,var(--accent)), color-mix(in srgb,var(--accent) 52%,var(--surface)) 28%, var(--rule-strong) 62%,color-mix(in srgb,var(--accent) 62%,var(--surface))); } .home .askbox .composer:focus-within { outline:2px solid color-mix(in srgb,var(--accent) 68%,transparent); outline-offset:4px; } .home .askbox .composer button[type="submit"] { width:44px; height:44px; flex:0 0 44px; box-shadow:inset 0 2px 1px color-mix(in srgb,var(--ink-bright) 48%,transparent), inset 0 -2px 2px color-mix(in srgb,var(--night) 22%,transparent), 0 3px 0 color-mix(in srgb,var(--accent-deep) 65%,var(--night)), 0 7px 12px -3px var(--night); transition:transform .16s ease,filter .16s ease; } @media (hover:hover) and (pointer:fine) { .home .askbox .composer button[type="submit"]:hover { transform:translateY(-1px); filter:brightness(1.08); } } .home .askbox .composer button[type="submit"]:active { transform:translateY(2px); } .home .askbox .asknote { margin-top:1.1rem; } .open-now { min-width:0; width:100%; align-self:end; position:relative; overflow:hidden; scroll-margin-top:6rem; border:var(--hair) solid var(--rule-strong); border-radius:var(--radius-lg); background:color-mix(in srgb,var(--surface) 92%,transparent); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink-bright) 8%,transparent), 0 24px 70px -38px var(--night); -webkit-backdrop-filter:blur(12px) saturate(125%); backdrop-filter:blur(12px) saturate(125%); } .open-now::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,var(--sig-open),var(--accent),transparent 82%); } .open-now-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.1rem 1.2rem .55rem; } .open-now-head p { margin:0; max-width:none; } .open-now-kicker { display:flex; align-items:center; gap:.55rem; font-family:var(--mono); font-size:var(--s-2); letter-spacing:.14em; text-transform:uppercase; color:var(--sig-open); } .open-now-kicker > span { width:.48rem; height:.48rem; flex:none; border-radius:50%; background:var(--sig-open); box-shadow:0 0 0 .22rem color-mix(in srgb,var(--sig-open) 12%,transparent); } .open-now-kicker.checked { color:var(--accent); } .open-now-kicker.checked > span { background:var(--accent); box-shadow:0 0 0 .22rem color-mix(in srgb,var(--accent) 12%,transparent); } .open-now-total { display:flex; align-items:baseline; gap:.38rem; font-family:var(--mono); font-size:var(--s-2); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-mute); } .open-now-total .num { font-size:var(--s0); color:var(--ink-bright); } .open-now h2 { margin:.15rem 1.2rem 0; font-size:clamp(1.45rem,2.4vw,1.9rem); line-height:1.08; color:var(--ink-bright); text-wrap:balance; } .open-now-intro { margin:.55rem 1.2rem 0; font-size:var(--s-1); line-height:1.45; color:var(--ink-mute); } .open-now-list { list-style:none; margin:1rem 0 0; padding:0; border-top:var(--hair) solid var(--rule); } .open-now-list li { max-width:none; } .open-now-item { min-height:4.75rem; display:grid; grid-template-columns:4.35rem minmax(0,1fr) .8rem; gap:.85rem; align-items:center; padding:.82rem 1.2rem; color:inherit; text-decoration:none; border-bottom:var(--hair) solid var(--rule); transition:background-color .2s; } .open-now-item:hover { background:color-mix(in srgb,var(--accent) 7%,transparent); } .open-now-date { display:grid; gap:.3rem; align-self:start; } .open-now-date time { display:block; white-space:nowrap; font-family:var(--display); font-size:1.2rem; font-weight:600; line-height:1; color:var(--ink-bright); letter-spacing:-.015em; } .open-now-date > span { font-family:var(--mono); font-size:var(--s-2); line-height:1.2; color:var(--ink-mute); } .open-now-copy { min-width:0; display:grid; gap:.28rem; } .open-now-state { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.1em; line-height:1.15; text-transform:uppercase; } .open-now-title { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:var(--s-1); font-weight:600; line-height:1.32; color:var(--ink-bright); } .open-now-item.open .open-now-state, .open-now-item.open .open-now-date time { color:var(--sig-open); } .open-now-item.soon .open-now-state, .open-now-item.soon .open-now-date time { color:var(--sig-soon); } .open-now-go { width:.72rem; height:.5rem; color:var(--ink-mute); transition:color .2s,transform .2s; } .open-now-go::before { content:""; display:block; width:100%; height:100%; background:currentColor; clip-path:polygon(0 42%,62% 42%,62% 10%,100% 50%,62% 90%,62% 58%,0 58%); transform:rotate(-45deg); } .open-now-item:hover .open-now-go { color:var(--accent); transform:translate(2px,-2px); } .open-now-more { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:48px; padding:.85rem 1.2rem; font-family:var(--mono); font-size:var(--s-2); letter-spacing:.08em; text-transform:uppercase; color:var(--accent); text-decoration:none; } .open-now-more > span { display:block; min-width:0; padding-block:.08em; line-height:1.45; } .open-now-more::after { content:""; width:1rem; height:.6rem; flex:none; background:currentColor; clip-path:polygon(0 42%,65% 42%,65% 12%,100% 50%,65% 88%,65% 58%,0 58%); transition:transform .2s; } .open-now-more:hover::after { transform:translateX(3px); } .open-now.empty .open-now-intro { padding-bottom:1.1rem; } .open-now.empty .open-now-more { border-top:var(--hair) solid var(--rule); } @supports not (backdrop-filter:blur(1px)) { .open-now { background:var(--surface); } } @media (max-width:430px) { .home .askbox .composer { padding-left:.7rem; gap:.35rem; } .home .askbox .composer input { font-size:var(--s0); } } @media (max-width:380px) { .home .askbox .composer input { font-size:var(--s-1); } } @media (max-width:34rem) { .open-now-head { padding:1rem .95rem .5rem; } .open-now h2, .open-now-intro { margin-inline:.95rem; } .open-now-item { grid-template-columns:3.9rem minmax(0,1fr) .7rem; gap:.65rem; padding:.75rem .95rem; } .open-now-date time { font-size:1.08rem; } .open-now-more { padding-inline:.95rem; } } @media (prefers-reduced-motion:reduce) { .home .askbox .composer button[type="submit"], .home .askbox .composer button[type="submit"]:hover, .home .askbox .composer button[type="submit"]:active { transition:none; transform:none; } a.stat, .open-now-item, .open-now-go, .open-now-more::after { transition:none; } a.stat:hover, .open-now-item:hover .open-now-go, .open-now-more:hover::after { transform:none; } }
@media (min-width:68rem) { .home .hero, .studio-hero { position:relative; isolation:isolate; } .home .hero::after, .studio-hero::after { content:""; position:absolute; pointer-events:none; z-index:-1; background-repeat:no-repeat; background-size:contain; background-position:center; mask-image:linear-gradient(to right,transparent,#000 25%,#000 95%,transparent); } .home .hero::after { right:-.6rem; top:7.4rem; width:44%; aspect-ratio:3/2; background-image:url("balcones-relief-v2-960.avif"); opacity:.42; } .studio-hero::after { right:-1rem; top:8.4rem; width:47%; aspect-ratio:3/2; background-image:url("studio-assembly-v2-960.avif"); opacity:.32; } } @media (min-width:74rem) { footer.site::after { content:""; position:absolute; pointer-events:none; left:clamp(10rem,18vw,18rem); bottom:1.25rem; width:13rem; height:8.66rem; z-index:-1; background:url("balcones-relief-v2-960.avif") center/contain no-repeat; opacity:.32; mask-image:linear-gradient(to right,transparent,#000 30%); } } @media (max-width:34rem) { footer.site::after { content:""; position:absolute; pointer-events:none; right:1rem; top:-.5rem; width:10rem; height:6.66rem; z-index:-1; background:url("balcones-relief-v2-960.avif") center/contain no-repeat; opacity:.4; } } @media print, (forced-colors:active) { .home .hero::after, .studio-hero::after, footer.site::after { display:none; } }