:root{color-scheme:dark;--mono:'Courier New',Courier,monospace;--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.24' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{background:#020308}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 48% 48%,#11172244,transparent 63%),#020308;color:#eee;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:url('/assets/night-sky.svg') center/cover;z-index:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e5d59a;outline-offset:4px}
.site{min-height:100svh;display:grid;place-items:center;position:relative;padding:32px 5vw 32px 3vw;overflow:hidden}main{width:100%;display:flex;align-items:center;justify-content:center}.television{position:relative;isolation:isolate;width:min(100%,calc((100svh - 140px)*1.46),1500px);transform:perspective(2400px) rotateY(-5deg) rotateX(1.2deg) rotate(-.45deg);transform-origin:center center;filter:drop-shadow(0 25px 20px #0008)}.television:after{content:'';position:absolute;inset:12% 7% 8%;z-index:-3;background:#9daccd;filter:blur(60px);opacity:.075;border-radius:30%}
.rear-shell{position:absolute;z-index:-1;right:-4.4%;top:1.1%;bottom:2%;width:14%;background:linear-gradient(90deg,#4e504c,#343733 65%,#20231f);clip-path:polygon(0 0,90% 0,100% 4%,96% 91%,71% 99%,0 100%);border-radius:0 20% 15% 0;box-shadow:inset -3px 0 3px #b8bcb02e}.rear-shell:before{content:'';position:absolute;inset:0;background:var(--grain);opacity:.5}.rear-shell:after{content:'';position:absolute;right:6%;top:6%;bottom:9%;width:1px;background:#c5c7b92e;transform:rotate(1deg)}.rear-vents{position:absolute;right:8%;top:21%;width:32%;height:49%;background:repeating-linear-gradient(0deg,#080d0a 0 2px,#62645d 3px,#343833 4px 7px);transform:skewY(-17deg);opacity:.7;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}.top-shell{position:absolute;z-index:-1;left:2%;right:-2%;height:5%;top:-1.2%;background:linear-gradient(175deg,#a2a39b,#61645d);clip-path:polygon(1% 35%,96% 0,100% 75%,99% 100%,0 100%);border-radius:25px 25px 0 0}
.cabinet{position:relative;padding:2% 2.8% 1.2%;border-radius:2.3% 2.8% 3.2% 3.6% /3.2% 3.5% 4.2% 4.4%;background:linear-gradient(105deg,#aaa9a2 0%,#9e9e97 26%,#aaa99f 63%,#9b9c94 96%,#777b72);border:1px solid #b8bab09e;box-shadow:inset 2px 2px 2px #e1e0d078,inset -5px -4px 5px #343a2e7a,inset 0 8px 14px #cccbbb28,0 3px 1px #30362c,2px 0 2px #171c15}.cabinet:before{content:'';position:absolute;z-index:1;pointer-events:none;inset:0;border-radius:inherit;background:var(--grain),radial-gradient(ellipse at 5% 100%,#312c1c25,transparent 40%),radial-gradient(ellipse at 50% 2%,#e7dccd17,transparent 60%);background-size:160px,auto,auto;opacity:.75;mix-blend-mode:soft-light}.cabinet:after{content:'';position:absolute;pointer-events:none;inset:5px;border-radius:inherit;border:1px solid #eee6d320;border-bottom-color:#262c2055;border-right-color:#262c2044;box-shadow:0 1px 0 #dcd9c221}.case-screw{position:absolute;bottom:3.4%;width:5px;height:5px;border-radius:50%;background:linear-gradient(32deg,#45483f 43%,#171c13 44% 57%,#45483f 58%);box-shadow:0 1px 0 #c7c8b673,inset 0 1px 1px #2229}.screw-left{left:1.7%}.screw-right{right:1.7%}
.screen-surround{position:relative;padding:1.2% 1.4% 1.4%;border-radius:5% /7%;background:linear-gradient(140deg,#494d47,#333932 28%,#666b61 65%,#c0c3b3 95%);box-shadow:0 1px 0 #d6d5c48c,-1px -1px 1px #343a2f,inset 1px 3px 10px #192216be}.screen{aspect-ratio:16/9;position:relative;overflow:hidden;isolation:isolate;background:#07130e;border-radius:6% /8%;box-shadow:0 0 0 3px #1d241c,0 0 0 4px #787d6e,0 3px 4px #c7cbb23b}.picture{position:absolute;inset:0;overflow:hidden;transition:opacity .2s}.picture video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.66) contrast(1.08) brightness(.79);transform:scale(1.012)}.picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 47%,#00120730 75%,#001207b3 100%)}.screen:after{content:'';position:absolute;z-index:6;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);box-shadow:inset 0 0 18px 4px #061007c9,inset 0 2px 3px #bed0c030}.glass-reflection{position:absolute;z-index:7;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(133deg,#d1e2e226,transparent 30% 70%,#add9bf09);box-shadow:inset 2px 6px 6px #dce9de0d}.glass-reflection:after{content:'';position:absolute;left:5%;right:6%;top:1.5%;height:3%;border-radius:50%;background:linear-gradient(90deg,transparent,#e3f7ec24 35%,#e3f7ec09 65%,transparent);filter:blur(2px)}.tracking{position:absolute;z-index:5;top:-15%;left:0;right:0;height:12%;background:linear-gradient(transparent,#c9e3cb17 50%,#e7f2da28 98%,#0003);opacity:.22;animation:tracking 7s linear infinite;pointer-events:none}@keyframes tracking{to{transform:translateY(1000%)}}
.branding{display:flex;justify-content:center;align-items:center;gap:12px;margin:1% 0 .8%;color:#373c30;text-shadow:0 1px #c7c8b8}.brand-name{font:bold italic clamp(9px,1.05vw,15px)/1 Arial,sans-serif;letter-spacing:2.1px;text-decoration:none}.brand-detail{font-size:clamp(4px,.46vw,7px);letter-spacing:1.7px;border-left:1px solid #7b7e73;padding-left:12px}.cassette-slot{position:relative;height:clamp(8px,.9vw,12px);width:48%;margin:0 auto 1%;border-radius:2px;background:linear-gradient(#40443a,#6f7366);box-shadow:0 -1px 1px #343a2e,0 1px 1px #c0c4af,inset 0 2px 2px #1921168c;border:1px solid #74796a}.cassette-slot:before{content:'';position:absolute;left:1%;right:1%;bottom:1px;top:3px;background:linear-gradient(#85897b,#777c6c);border-top:1px solid #aab19b33;box-shadow:inset 0 -1px 0 #343a2c}.cassette-slot span{position:absolute;width:12%;height:1px;right:5%;bottom:4px;background:#b4bca54a}
.lower-console{display:grid;grid-template-columns:6% 1fr 6%;gap:2.4%;align-items:stretch}.speaker{border-radius:3px;background:radial-gradient(circle,#2a3023 0 1px,#a6ad9444 1.2px 1.6px,transparent 1.8px) 0 0/4px 4px;opacity:.82;mask-image:linear-gradient(transparent,#000 7% 93%,transparent)}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4%;padding:5px;background:#535948;border-radius:4px;box-shadow:inset 0 2px 3px #1d2616b0,0 1px 0 #bdc7ab88,0 -1px 0 #4f5643}.channel{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:clamp(51px,4.2vw,63px);text-decoration:none;color:#e4e2d1;border:1px solid #525749;border-radius:3px;background:linear-gradient(100deg,#767b6c,#6e7364 45%,#63695a);box-shadow:inset 0 1px 0 #c9d2b985,inset 1px 0 0 #a1ac8d6e,inset -1px -2px 1px #394231,0 3px 1px #2a3321;transform:translateY(-1px);transition:transform .1s,filter .1s,box-shadow .1s}.channel:after{content:'';position:absolute;inset:0;background:var(--grain);opacity:.2;pointer-events:none;border-radius:inherit}.channel:hover{filter:brightness(1.12)}.channel:active,.channel[aria-current=page]{transform:translateY(1px);box-shadow:inset 1px 2px 3px #2c3523d4,0 1px 0 #97a180;background:linear-gradient(#626b57,#707960)}.channel-number{font:clamp(6px,.6vw,9px)/1 var(--mono);letter-spacing:1px;color:#c1c8b1;display:flex;align-items:center;gap:5px}.channel-number:before{content:'';width:3px;height:3px;border-radius:50%;background:#28341e;box-shadow:inset 0 1px 1px #000}.channel[aria-current=page] .channel-number:before{background:#edd480;box-shadow:0 0 4px #ebc54b}.channel-name{font-size:clamp(10px,1.16vw,17px);font-weight:600;letter-spacing:.15px;white-space:nowrap;text-shadow:0 1px #1d2b13}
.utility-row{display:flex;align-items:center;justify-content:space-between;margin-top:1%;padding:0 1.2%;min-height:25px}.power-area{display:flex;align-items:center;gap:7px}.power-button{display:grid;place-items:center;border:1px solid #606756;background:linear-gradient(145deg,#a0a793,#818974);box-shadow:inset 1px 1px 1px #d1d8be80,1px 1px 1px #3e4934;cursor:pointer;color:#334126;position:relative;z-index:3}.power-button{width:clamp(24px,2.1vw,29px);height:clamp(24px,2.1vw,29px);border-radius:50%;padding:7px}.power-button:before{content:'';position:absolute;inset:-7px}.power-button:active{box-shadow:inset 1px 1px 3px #4b5941}.power-button svg{width:100%;height:100%}.power-led{width:4px;height:4px;border-radius:50%;background:#d9c179;box-shadow:0 0 5px #f2c24b44}.utility-label{font:clamp(5px,.5vw,7px)/1 var(--mono);letter-spacing:1px;color:#4b583f;text-shadow:0 1px #c5cfb3}.playback-button{width:35px;height:21px;border-radius:3px}.playback-button svg{width:9px;height:9px}.ports{display:flex;align-items:center;gap:8px}.port{width:7px;height:7px;border-radius:50%;background:#212a18;box-shadow:0 0 0 2px #d1cdb03b,inset 0 1px 2px #000}.port:first-child{box-shadow:0 0 0 2px #a19551}.port:last-of-type{box-shadow:0 0 0 2px #a46e5d}.ports-label{margin-left:5px}.feet{display:flex;justify-content:space-between;padding:0 9%;height:7px;position:relative;z-index:-1;margin-top:-1px}.feet:before,.feet:after{content:'';width:8%;background:linear-gradient(#171d12,#484f3f);border-radius:0 0 2px 2px;box-shadow:0 1px 1px #8e947e33}
.screen-off .picture,.screen-off .tracking{opacity:0;pointer-events:none}.screen-off .power-led{background:#524830;box-shadow:none}.screen-off .screen{background:radial-gradient(ellipse at 35% 18%,#1d2a23,#07110a)}.screen-off .playback-button{visibility:hidden}.screen.paused .tracking{animation-play-state:paused}.page-content{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 45%,#273a2e,#0c190f);color:#e8e9d8;padding:8%}.page-content .page-number{font:11px/1 var(--mono);letter-spacing:3px;color:#cbbd80;margin:0 0 20px}.page-content h2{font-size:clamp(28px,5vw,70px);letter-spacing:-2px;line-height:1;margin:0 0 16px}.page-content p{font:12px/1.7 var(--mono);color:#b8c5ad;margin:0}.page-content a{display:inline-flex;align-items:center;margin-top:24px;padding:10px 0;border-bottom:1px solid #bbcca36b;font:bold 11px/1 var(--mono);color:#d4dfbc;letter-spacing:1px;text-decoration:none}.page-content a:hover{color:#fff}.page-mode .playback-button{visibility:hidden}
@media(min-width:1600px){.television{width:min(100%,calc((100svh - 140px)*1.46),1550px)}}
@media(max-width:650px){.site{padding:26px 5.2vw 26px 2.2vw}.television{width:100%;transform:perspective(1500px) rotateY(-4deg) rotateX(.7deg) rotate(-.35deg)}.cabinet{padding:3.4% 3.5% 2.5%;border-radius:3.8% /3.6%;box-shadow:inset 2px 2px 2px #e1e0d060,inset -3px -3px 3px #343a2e7a,0 2px 1px #30362c}.cabinet:after{inset:3px}.screen-surround{padding:2.5%}.screen{aspect-ratio:16/10;box-shadow:0 0 0 2px #1d241c,0 0 0 3px #787d6e}.screen:after{box-shadow:inset 0 0 12px 3px #061007c9}.branding{margin:3.3% 0 2.7%;gap:8px}.brand-name{font-size:9px;letter-spacing:1.5px}.brand-detail{font-size:4px;letter-spacing:1px;padding-left:8px}.cassette-slot{height:10px;margin-bottom:3%;width:55%}.lower-console{grid-template-columns:3% 1fr 3%;gap:2%}.channels{padding:3px;gap:1.8%}.channel{min-height:57px;gap:9px}.channel-name{font-size:clamp(9px,2.65vw,15px);letter-spacing:0}.channel-number{font-size:6px}.speaker{background-size:3px 3px}.utility-row{margin-top:3%;padding:0 2%}.utility-label{font-size:5px}.power-button{width:24px;height:24px;padding:6px}.power-area{gap:5px}.power-led{width:3px;height:3px}.playback-button{height:19px;width:28px}.playback-button svg{width:8px;height:8px}.ports{gap:6px}.port{width:5px;height:5px}.ports-label{display:none}.case-screw{width:3px;height:3px}.feet{height:5px}.rear-shell{border-radius:0 16% 16% 0;right:-4%;width:13%}.top-shell{top:-.8%}.page-content .page-number{font-size:8px;margin-bottom:14px}.page-content h2{font-size:clamp(27px,9vw,46px);margin-bottom:12px;letter-spacing:-1px}.page-content p{font-size:9px}.page-content a{font-size:8px;margin-top:17px}}
@media(max-width:360px){.channel-name{font-size:9px}.channel{min-height:51px}.lower-console{grid-template-columns:2% 1fr 2%;gap:1.6%}.channels{gap:1.3%}}
@media(orientation:landscape) and (max-height:560px){.site{padding-top:20px;padding-bottom:20px}.television{width:min(88%,calc((100svh - 88px)*1.5))}.cabinet{padding-top:2%;padding-bottom:1%}.screen{aspect-ratio:16/9}.channel{min-height:40px;gap:5px}.channel-name{font-size:10px}.utility-row{margin-top:1.5%;min-height:22px}.branding{margin:1.5% 0}.brand-name{font-size:8px}.brand-detail{font-size:4px}.cassette-slot{height:7px;margin-bottom:1.3%}.power-button{height:22px;width:22px;padding:6px}.ports-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tracking{display:none}}
/* Horizontal signature badge, physical social keys, and interior navigation. */
.branding{margin:1% 0 .8%;min-height:24px}
.brand-name{display:block;line-height:1;text-decoration:none}
.brand-logo{display:block;width:clamp(150px,18vw,250px);height:28px;object-fit:contain;opacity:.9;mix-blend-mode:multiply}
.utility-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:30px}
.utility-row .ports{justify-self:end}
.social-links{display:flex;gap:8px;justify-content:center;align-items:center}
.social-link{position:relative;z-index:3;width:29px;height:29px;display:grid;place-items:center;border-radius:2px;border:1px solid #606756;background:linear-gradient(145deg,#a0a793,#818974);box-shadow:inset 1px 1px 1px #d1d8be80,1px 2px 1px #3e4934;color:#334126;text-decoration:none;transition:filter .12s,transform .12s}
.social-link:before{content:'';position:absolute;inset:-4px}
.social-link:hover{filter:brightness(1.15);transform:translateY(-1px)}
.social-link:active{transform:translateY(1px);box-shadow:inset 1px 1px 2px #46513b}
.social-link svg{width:15px;height:15px}
.picture{transform:scaleY(1);transform-origin:center;transition:opacity .22s,transform .18s ease}
.picture video{filter:saturate(.85) contrast(1.05) brightness(.88)}
.screen-off .picture{transform:scaleY(.01);opacity:0}
.page-shell{position:relative;min-height:100svh;padding:22px 24px}
.page-nav{position:relative;isolation:isolate;margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;max-width:1100px;padding:10px 15px;background:linear-gradient(105deg,#aaa9a2,#9e9e97 40%,#999b90);border:1px solid #b8bab09e;border-radius:6px;box-shadow:inset 1px 1px 1px #dddccc88,inset -2px -2px 3px #343a2e66,0 8px 28px #0009}
.page-nav:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--grain);opacity:.3;border-radius:inherit}
.nav-brand{display:flex;align-items:center;justify-content:center}
.nav-brand .brand-logo{width:178px;height:29px}
.compact-channels{padding:4px;gap:6px}
.compact-channels .channel{min-height:42px;flex-direction:row;justify-content:center;gap:0;text-align:center}
.compact-channels .channel-number{display:none}
.compact-channels .channel-name{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:0 3px;font-size:12px;line-height:1.05;text-align:center;white-space:normal}
.compact-channels .channel-name span{display:block;text-align:center;white-space:normal}
.empty-page{display:block;min-height:calc(100svh - 120px)}
.vlambase-page{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100svh - 120px);padding:clamp(34px,7vh,74px) 16px 48px}
.vlambase-logo{display:block;width:min(100%,640px);height:auto;object-fit:contain}
.dictionary-entry{width:fit-content;max-width:100%;margin:14px auto 0;color:#f1efe4;font:19px/1.65 Georgia,'Times New Roman',serif;text-align:left;text-shadow:0 1px 8px #0009}
.definition-meta{margin:0 0 8px;color:#c9bb86;font:12px/1.4 var(--mono);letter-spacing:.1em}
.dictionary-entry ol{margin:0;padding-left:1.55em;list-style-position:outside}
.dictionary-entry li{padding-left:.2em}
.dictionary-entry li::marker{color:#c9bb86}
.dictionary-entry a{color:#ff2d8e;text-decoration-thickness:1px;text-underline-offset:3px}
.definition-example{margin:9px 0 0;padding-left:1.55em;font-size:16px;font-style:italic;color:#e8dba9}
.vlambase-portrait{position:relative;display:block;width:min(100%,680px);height:510px;margin:28px auto 0;transform:translateY(15%)}
.vlambase-speech{position:absolute;z-index:2;top:0;left:52%;right:auto;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;width:min(58%,390px);min-height:100px;margin:0;padding:18px 21px;border:2px solid #211729;border-radius:16px 20px 17px 19px;background:#fffdf4;color:#211729;box-shadow:none;transform:none;text-align:left;font-family:'Comic Neue','Comic Sans MS','Chalkboard SE',cursive}
.vlambase-speech:before{display:none}
.vlambase-speech:after{content:"";position:absolute;z-index:1;left:-20px;bottom:-4px;width:42px;height:28px;clip-path:polygon(100% 0,100% 100%,50% 100%,0 22%);background:#fffdf4;transform:translateY(-10%)}
.vlambase-speech p{position:relative;z-index:2;width:100%;margin:0;overflow-wrap:anywhere;text-align:left;font-size:clamp(12.8px,1.96vw,16px);font-weight:700;line-height:1.16;letter-spacing:.035em;text-transform:uppercase}
.vlambase-speech a{color:#ff2d8e;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.vlambase-portrait>img{position:absolute;z-index:1;top:-8px;left:2%;display:block;width:min(54%,360px);height:auto;margin:0;object-fit:contain;filter:drop-shadow(0 10px 18px #0008)}
.writer-director-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:min(100%,1000px);margin:0 auto;padding:clamp(34px,7vh,74px) 0 48px}
.portfolio-logo{display:block;width:min(100%,920px);aspect-ratio:3.4/1;height:auto;object-fit:cover;object-position:center;filter:invert(1);mix-blend-mode:screen;margin:0 auto 30px}
.portfolio-heading{width:100%;margin:0 0 24px;text-align:center}
.portfolio-kicker,.film-overline{font:10px/1.2 var(--mono);letter-spacing:.22em;color:#c9bb86}
.portfolio-kicker{margin:0 0 12px}
.portfolio-heading h1{margin:0;color:#f1efe4;font:500 clamp(32px,5.2vw,62px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.04em;text-shadow:0 2px 14px #000b}
.portfolio-heading h1 span{color:#c9bb86}
.portfolio-subtitle{margin:13px 0 0;color:#c9bb86;font:10px/1.2 var(--mono);letter-spacing:.22em;text-transform:uppercase}
.featured-film{display:grid;width:100%;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(18px,3vw,34px);border:1px solid #a8ad9d45;border-radius:5px;background:linear-gradient(120deg,#171d20e8,#0a0d11ed 68%);box-shadow:inset 0 1px #ffffff0c,0 22px 60px #0008;overflow:hidden}
.featured-film+.featured-film{margin-top:24px}
.film-art{position:relative;isolation:isolate;align-self:center;width:min(100%,350px);aspect-ratio:1370/2048;overflow:hidden;border:1px solid #d9d3bd57;background:#f4f3e9;box-shadow:0 12px 26px #0009}
.film-art img{display:block;width:100%;height:100%;object-fit:contain}
.film-details{padding:18px 0}
.film-overline{margin:0 0 18px}
.film-overline span{color:#a887d8;padding:0 5px}
.film-details h2{margin:0 0 14px;color:#f1efe4;font:500 clamp(34px,5vw,60px)/.95 Georgia,'Times New Roman',serif;letter-spacing:.015em}
.film-credit{margin:0;color:#d2d2c7;font-size:15px;line-height:1.6}
.film-release{display:inline-block;margin:24px 0 8px;padding:8px 11px;border:1px solid #c6bb8966;color:#e2d4a1;font:10px/1 var(--mono);letter-spacing:.2em}
.film-link{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px;margin-top:22px;padding:12px 0;border-bottom:1px solid #c6bb8966;color:#e2e1d7;font:10px/1.3 var(--mono);letter-spacing:.09em;text-decoration:none}
.film-link:hover{color:#fff;border-color:#eee}
.film-link span{font-size:15px;color:#c9bb86}
.music-cover{align-self:center;width:min(100%,350px);overflow:hidden;background:#f5f4ef;box-shadow:0 12px 26px #0009}
.music-cover-image{display:block;width:100%;height:auto}
.actor-art{height:auto;aspect-ratio:auto;background:#111}
.actor-art img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:650px){
  .branding{min-height:20px;margin:2% 0 2%}
  .brand-logo{width:160px;height:22px}
  .social-links{gap:8px}.social-link{width:27px;height:27px}.social-link svg{width:14px;height:14px}
  .utility-row{min-height:29px}
  .page-shell{padding:12px 9px}
  .page-nav{grid-template-columns:1fr;gap:7px;padding:7px;border-radius:5px}
  .nav-brand .brand-logo{height:21px;width:150px}
  .compact-channels{padding:3px;gap:5px}
  .compact-channels .channel{min-height:44px;flex-direction:row;justify-content:center;gap:0}
  .compact-channels .channel-name{font-size:11px}
  .writer-director-content{padding:36px 8px 28px}
  .portfolio-heading{margin:0 0 18px;text-align:center}
  .portfolio-kicker,.film-overline{font-size:8px}
  .featured-film{grid-template-columns:1fr;gap:21px;padding:13px}
  .film-art{width:min(100%,330px)}
  .film-details{padding:4px 3px 8px}
  .film-details h2{font-size:38px}
  .film-credit{font-size:13px}
  .film-link{font-size:9px}
  .featured-film+.featured-film{margin-top:18px}
  .music-cover{width:min(100%,330px)}
  .actor-art{width:min(100%,330px)}
  .dictionary-entry{font-size:16px}
  .definition-meta{font-size:10px}
  .definition-example{font-size:14px}
  .vlambase-portrait{width:min(100%,430px);height:430px;margin-top:24px}
  .vlambase-speech{top:0;left:52%;right:auto;width:48%;min-height:96px;padding:13px 11px}
  .vlambase-speech:after{left:-16px;bottom:-3px;width:36px;height:24px}
  .vlambase-speech p{font-size:clamp(9.6px,3.04vw,12.8px);line-height:1.16}
  .vlambase-portrait>img{top:-12px;left:-2%;width:min(74%,264px)}
}
@media(min-width:651px) and (max-width:900px){.vlambase-speech{width:48%}}
@media(max-width:360px){.vlambase-portrait{height:410px}.vlambase-speech{left:51%;width:49%;min-height:90px;padding:10px 9px}.vlambase-speech p{font-size:9.6px;line-height:1.14}.vlambase-speech:after{left:-15px;bottom:-3px;width:34px;height:23px}.vlambase-portrait>img{top:-10px;width:74%}}
@media(pointer:coarse){.social-link{width:34px;height:34px}.utility-row{min-height:36px}}
@media(orientation:landscape) and (max-height:560px){.brand-logo{width:145px;height:19px}.branding{min-height:19px}.social-link{width:24px;height:24px}.social-link svg{width:12px;height:12px}.utility-row{min-height:24px}}
/* Fit the generated transparent wordmark to its ink bounds without changing the asset. */
.brand-name{position:relative;width:clamp(150px,18vw,250px);aspect-ratio:2065/291;overflow:hidden}
.brand-logo{position:absolute;left:-2.373%;top:-78.351%;width:105.182%!important;height:248.797%!important;max-width:none;object-fit:fill}
.nav-brand .brand-name{width:178px}
@media(max-width:650px){.brand-name{width:160px}.nav-brand .brand-name{width:150px}}
@media(orientation:landscape) and (max-height:560px){.branding .brand-name{width:145px}}

/* Supplied speech balloon artwork with editable, responsive copy. */
.vlambase-speech{left:44.5%;top:-3%;width:min(55%,370px);min-height:0;aspect-ratio:1.3/1;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:translateY(-15%) scale(.92);transform-origin:center top;container-type:inline-size}
.vlambase-speech:before,.vlambase-speech:after{display:none;content:none}
.speech-balloon-art{position:absolute;left:-6%;top:0;width:112%;height:100%;object-fit:fill;display:block}
.vlambase-speech p{position:absolute;left:16%;top:22%;width:68%;height:46%;display:flex;align-items:center;margin:0;overflow:hidden;overflow-wrap:anywhere;text-align:left;font-size:clamp(12px,1.55vw,17px);font-weight:700;line-height:1.14;letter-spacing:.005em;text-transform:none;color:#201b25}
.vlambase-speech a{color:#ff2d8e;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:650px){.vlambase-speech{left:48%;top:-2%;width:52%;aspect-ratio:1.3/1}.vlambase-speech p{left:16%;top:22%;width:68%;height:46%;font-size:clamp(8px,2.7vw,10.5px);line-height:1.08;letter-spacing:0}}
@media(max-width:360px){.vlambase-speech{left:48%;width:52%}.vlambase-speech p{font-size:8px;line-height:1.04}}

/* Balance the larger portrait against the reduced speech balloon. */
.vlambase-portrait>img{left:-2%;width:min(66%,432px)}
@media(max-width:650px){.vlambase-portrait>img{left:-6%;top:-12px;width:min(88%,320px)}}

/* Keep the message in normal text flow inside the speech balloon. */
.speech-copy{position:absolute;left:15%;top:14%;width:80%;height:62%;display:flex;align-items:center;justify-content:flex-start;padding:0}
.speech-copy p{position:relative;left:auto;top:auto;height:auto;display:block;width:100%;margin:0;overflow:visible;overflow-wrap:anywhere;word-break:normal;text-align:left;text-wrap:pretty;font-size:clamp(11px,1.8vw,15px);font-weight:700;line-height:1.04;letter-spacing:0;text-transform:none;color:#201b25}
.speech-copy a{white-space:nowrap;color:#ff2d8e;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:650px){.speech-copy p{font-size:clamp(9.5px,3.2vw,12px);line-height:1.03}}
@media(max-width:360px){.speech-copy p{font-size:clamp(9.5px,3.2vw,10px);line-height:1.02}}
@supports (font-size:1cqw){.speech-copy p{font-size:clamp(9.5px,5.2cqw,15px)}@media(max-width:650px){.speech-copy p{line-height:1.03}}@media(max-width:360px){.speech-copy p{line-height:1.02}}}