.portfolio-sizzle{--reel-nav-height:104px;--reel-title-space:92px;--reel-breathing-room:clamp(32px, 6svh, 64px);--reel-available-height:max(1px, calc(100svh - var(--reel-nav-height) - var(--reel-title-space) - var(--reel-breathing-room)));--reel-gold:#e0c37a;width:min(100%,1280px);scroll-margin-top:calc(var(--reel-nav-height) + 16px);margin:clamp(28px,5vw,80px) auto clamp(70px,10vw,150px)}.portfolio-sizzle-intro{margin:0 0 clamp(14px,2.2svh,20px)}.portfolio-sizzle .portfolio-sizzle-heading{text-align:center;letter-spacing:.16em;color:#62666b;margin:0;font-family:inherit;font-size:clamp(11px,.9vw,12px);font-weight:500;line-height:1.5}.portfolio-sizzle .portfolio-sizzle-description{text-align:center;letter-spacing:normal;color:#62666a;margin:8px 0 0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6}.portfolio-sizzle-stage{width:min(100%, calc(var(--reel-available-height) * 1.77778));aspect-ratio:16/9;background:#111216;margin-inline:auto;position:relative}.portfolio-sizzle video{object-fit:contain;width:100%;height:100%;display:block}.morgan-site .portfolio-sizzle-play{width:100%;color:var(--reel-gold);cursor:pointer;background:linear-gradient(#0000 30%,#0000002e);border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.portfolio-sizzle-play span{aspect-ratio:1;width:clamp(54px,7vw,82px);color:var(--reel-gold);background:#101216d1;border:1.5px solid;border-radius:50%;place-items:center;display:grid}.portfolio-sizzle-play svg{fill:currentColor;width:34%;height:34%}.morgan-site .portfolio-sizzle-play:focus-visible{outline:3px solid var(--reel-gold);outline-offset:5px}.portfolio-sizzle p{color:inherit;margin-top:12px;font-size:13px}@media (height<=500px){.portfolio-sizzle{--reel-breathing-room:24px}.portfolio-sizzle-intro{margin-bottom:12px}.portfolio-sizzle-play span{width:48px}}@media (width>=601px) and (height>=650px){.portfolio-sizzle{--reel-breathing-room:clamp(64px,10svh,108px)}}.work-section:has(.portfolio-sizzle-is-playing){z-index:20;isolation:isolate;position:relative}.portfolio-sizzle:before{content:"";z-index:1;pointer-events:none;opacity:0;background:#080f1b61;transition:opacity .5s;position:fixed;inset:0}.portfolio-sizzle-is-playing:before{opacity:1}.portfolio-sizzle-is-playing .portfolio-sizzle-stage{z-index:2;box-shadow:0 22px 70px #00000038}@media (prefers-reduced-motion:reduce){.portfolio-sizzle:before{transition:none}}.portfolio-sizzle-border-trace{z-index:3;fill:none;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.portfolio-sizzle-border-trace path{stroke:var(--reel-gold);stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.portfolio-sizzle-stage-entered .portfolio-sizzle-border-trace path{animation:1.7s linear .1s both portfolio-reel-outline}@keyframes portfolio-reel-outline{to{stroke-dashoffset:0}}.portfolio-sizzle-stage-started .portfolio-sizzle-border-trace{opacity:0;transition:opacity .35s}.portfolio-sizzle-play span{transition:transform .26s,box-shadow .26s,border-color .26s}@media (hover:hover) and (pointer:fine){.portfolio-sizzle-play:hover span{border-color:#f1d99a;transform:scale(1.05);box-shadow:0 0 22px #e0c37a3b}}.portfolio-sizzle-play:focus-visible span{border-color:#f1d99a;transform:scale(1.05);box-shadow:0 0 22px #e0c37a3b}@media (prefers-reduced-motion:reduce){.portfolio-sizzle-border-trace path{stroke-dashoffset:0;animation:none!important}.portfolio-sizzle-play span{transition:none!important}}