.hero .hero-title{font-size:clamp(58px,6.8vw,108px)}
.hero-title .heading-star{font-size:.55em;margin-left:.18em}
.video-portfolio{padding:120px 0 90px;overflow:hidden;background:#161615}
.video-portfolio .section-head{margin-bottom:48px}
.video-portfolio .section-head h2{font-size:clamp(42px,5.2vw,76px)}
.video-rail{width:100%;overflow:hidden;position:relative;min-height:338px}
.video-rail:before,.video-rail:after{content:"";position:absolute;inset:0 auto 0 0;width:clamp(20px,5vw,100px);z-index:3;pointer-events:none;background:linear-gradient(90deg,#161615,transparent)}
.video-rail:after{left:auto;right:0;transform:rotate(180deg)}
.video-track{display:flex;width:max-content;gap:24px;will-change:transform;animation:portfolio-flow var(--travel-time,50s) linear infinite}
.video-group{display:flex;gap:24px;align-items:center}
.video-card{flex:0 0 auto;width:480px;margin:0;position:relative}
.video-frame{width:100%;height:270px;background:#20201e;position:relative;overflow:hidden;border:1px solid #ffffff17;border-radius:3px;isolation:isolate}
.video-card.video-portrait{width:315px}
.video-portrait .video-frame{height:560px}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.video-frame .native-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;background:#20201e}
.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}
.video-frame:has(.native-film) .video-status{z-index:3;inset:auto 0 0;background:linear-gradient(0deg,#111e,#111a,transparent)}
.video-fallback-link{display:block;color:#ff6600;pointer-events:auto;margin-top:14px;padding:12px;border:1px solid #ff660044}
.video-status:has(.video-fallback-link){z-index:4}
.portfolio-source-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px;font-size:11px;color:#aaa9a2}
.portfolio-source-links>span{font-size:8px;letter-spacing:.13em;color:#ff6600;margin-right:4px}
.portfolio-source-links a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #ffffff18}
.video-screen{position:absolute;inset:0;pointer-events:none;z-index:2}
.video-card figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 0;color:#eeede7;font-size:13px;letter-spacing:.015em}
.video-card figcaption b{font-weight:400;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-card figcaption span{font-size:10px;color:#ff6600;letter-spacing:.12em;white-space:nowrap}
.video-status{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:26px;color:#969690;font-size:12px;line-height:1.7;background:#20201e;z-index:1}
.video-status[hidden]{display:none}
.portfolio-bottom{margin-top:29px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.portfolio-note{font-size:12px;color:#aaa9a2;max-width:630px;line-height:1.7}
.portfolio-mode{font-size:10px;letter-spacing:.1em;white-space:nowrap;color:#a9a89f;display:flex;align-items:center;gap:9px}
.portfolio-mode i{width:5px;height:5px;border-radius:50%;background:#ff6600}
.portfolio-empty .video-frame{display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:radial-gradient(ellipse at 95% 10%,#ff660018,transparent 58%),#20201e}
.portfolio-empty .video-frame:after{content:"";position:absolute;width:175px;height:175px;border:1px solid #ff660044;border-radius:50%;right:-32px;top:78px;box-shadow:0 0 0 26px #ff66000b,0 0 0 52px #ff660008;transform:rotate(-20deg)}
.portfolio-empty small{font-size:9px;letter-spacing:.17em;color:#ff6600}
.portfolio-empty strong{font-size:38px;line-height:1.05;letter-spacing:-.04em;font-weight:500;max-width:300px;position:relative;z-index:1}
.portfolio-empty .empty-brand{font-size:10px;letter-spacing:.18em;color:#7f7f79}
.portfolio-empty:nth-child(2n) .video-frame{background:#ff6600;color:#151514}
.portfolio-empty:nth-child(2n) small,.portfolio-empty:nth-child(2n) .empty-brand{color:#231b13}
.portfolio-empty:nth-child(2n) .video-frame:after{border-color:#16161535;box-shadow:0 0 0 26px #1616150b,0 0 0 52px #16161508}
.aerial-portfolio{background:#0d0d0c}
.aerial-portfolio .video-rail:before,.aerial-portfolio .video-rail:after{background:linear-gradient(90deg,#0d0d0c,transparent)}
.aerial-portfolio .portfolio-empty .video-frame:after{border-radius:0;transform:rotate(45deg);width:190px;height:190px}
@keyframes portfolio-flow{to{transform:translateX(calc(-1 * var(--travel-distance,1512px)))}}
.portfolio-admin-link[hidden]{display:none!important}
.reduce-motion .video-track{animation:none!important;transform:none!important;will-change:auto}
.reduce-motion .video-rail{overflow-x:auto}
@media(prefers-reduced-motion:reduce){.video-track{animation:none!important;will-change:auto}.video-rail{overflow-x:auto}}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header nav a{font-size:11px}}
@media(max-width:800px){.hero .hero-title{font-size:clamp(44px,11vw,76px)}.video-portfolio{padding:80px 0 60px}.video-portfolio .section-head{margin-bottom:34px}.video-card{width:360px}.video-frame{height:203px}.video-track,.video-group{gap:16px}.video-rail{min-height:265px}.portfolio-bottom{align-items:flex-start;flex-direction:column;gap:12px}.portfolio-empty .video-frame{padding:22px}.portfolio-empty strong{font-size:30px}.video-card figcaption{font-size:12px;padding:16px 0}.portfolio-mode{font-size:9px}}
@media(max-width:800px){.video-card.video-portrait{width:240px}.video-portrait .video-frame{height:427px}}