:root{--bg:#101110;--fg:#f2f3ed;--muted:#afb3aa;--accent:#e6ff82;--line:#353832}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:90px;z-index:20;background:#000;padding:15px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#101110;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:bold;text-decoration:none;letter-spacing:-2px}.brand span{margin-left:18px;font-size:12px;letter-spacing:2px;vertical-align:middle}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--accent)}.hero{position:relative;min-height:730px;isolation:isolate;display:flex;align-items:center}.hero-image{position:absolute;inset:0;z-index:-2;background:url(media/lai.jpg) center/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.27));z-index:-1}.hero-content{padding:60px 8%;width:100%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:clamp(70px,9vw,140px);line-height:.96;letter-spacing:-6px;margin:35px 0 25px;font-weight:500}h1 span{color:var(--accent)}.intro{font-size:25px;line-height:1.4}.hero-bottom{display:flex;align-items:center;gap:80px;margin-top:35px;font-size:14px}.button{display:inline-block;text-decoration:none;padding:13px 24px;border:1px solid var(--accent);color:var(--accent);font-size:14px}.button:hover{background:var(--accent);color:#101110}.caption{position:absolute;right:4%;bottom:25px;font-size:11px;letter-spacing:1.5px}.section{padding:100px 8%;max-width:1600px;margin:auto}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:0 60px;margin-bottom:65px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:15px 0 20px}.section-head>p:last-child{align-self:end;max-width:440px;color:var(--muted)}.project{border-top:1px solid var(--line);padding:38px 0 65px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px}.project video{display:block;width:100%;aspect-ratio:16/9;background:#050505}.meta{color:var(--muted);font-size:13px;letter-spacing:1px;margin:0 0 14px}.project h3{font-size:36px;line-height:1.12;letter-spacing:-1px;font-weight:400;margin:0 0 20px}.roles{font-size:14px;color:var(--accent);line-height:1.6}.project p{margin:16px 0}.project .description{color:#d1d4cc}.media-label{font-size:12px;color:var(--muted);margin-top:10px}.audio-art{height:260px;background:var(--accent);color:#101110;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:700;letter-spacing:-4px;line-height:.9;padding:35px}.audio-art small{font-size:14px;letter-spacing:2px;display:block;margin-top:20px}audio{width:100%;margin-top:18px}details{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:14px}details p{font-size:15px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.lead{font-size:25px;line-height:1.5}.facts{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:30px}.facts h3{font-size:16px;font-weight:400;color:var(--accent)}.facts p{font-size:15px;color:var(--muted)}#about{background:#191b17;max-width:none}.experience{margin-top:65px}.experience article{display:grid;grid-template-columns:100px 1fr 1.2fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.experience h4,.experience p{margin:0;font-size:15px}.experience p{color:var(--muted)}#contact{padding-top:110px;padding-bottom:110px}#contact .email{font-size:clamp(24px,4vw,56px);text-decoration:none;border-bottom:1px solid var(--accent);overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:25px 8%;color:var(--muted);font-size:13px}.error{font-size:14px;color:var(--accent)}@media(max-width:760px){header{height:74px}.brand span{display:none}nav{gap:18px;font-size:13px}.hero{min-height:690px}.hero-content{padding:50px 6%}h1{letter-spacing:-3px}.hero-bottom{gap:25px;align-items:flex-start;flex-direction:column}.caption{font-size:10px}.section{padding:65px 6%}.section-head,.project,.about-grid{grid-template-columns:1fr;gap:25px}.project h3{font-size:30px}.section-head{margin-bottom:40px}.facts{gap:25px}.experience article{grid-template-columns:65px 1fr}.experience article p{grid-column:2}.lead{font-size:22px}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vintage cinema art direction */
:root{--bg:#211b18;--fg:#f2e7d4;--muted:#c4b7a4;--accent:#edddbf;--line:#655347}body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}header{background:#211b18;color:#f2e7d4;border-bottom:1px solid #6a5343;height:88px}.brand{font-family:Georgia,serif;font-style:italic;font-weight:normal;font-size:38px}.brand span{font-family:'Courier New',monospace;font-style:normal;font-size:12px}.eyebrow,.meta,.caption,.media-label,.hero-bottom>p,nav,summary,footer{font-family:'Courier New',monospace}.eyebrow{letter-spacing:2px;font-size:13px}.hero{margin:24px 3% 0;min-height:720px;border:1px solid #857158;border-radius:3px;overflow:hidden;background:#201b17}.hero-image{left:37%;background-position:55% center;filter:sepia(.25) saturate(.8)}.hero:after{background:linear-gradient(90deg,#211b18 2%,rgba(33,27,24,.95) 29%,rgba(33,27,24,.45) 55%,rgba(33,27,24,.1)),linear-gradient(0deg,rgba(21,16,12,.7),transparent 40%)}.hero-content{padding:60px 5%;position:relative}.hero-content:before,.hero-content:after{content:'+';position:absolute;color:#e4d1ac;font:28px 'Courier New',monospace;pointer-events:none}.hero-content:before{top:5px;left:25px}.hero-content:after{bottom:0;right:25px}h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(76px,9vw,140px);letter-spacing:-5px;line-height:.98;text-shadow:0 2px 25px #211b18;margin:40px 0 26px}h1 span{color:#c7674d}.intro{font-family:Georgia,serif;font-size:26px}.hero-bottom{gap:55px;margin-top:40px}.button{border:1px solid #d0b48b;background:#f0dfbf;color:#292017;font-family:'Courier New',monospace;font-weight:700;box-shadow:4px 4px 0 #6d392b;transition:transform .2s,box-shadow .2s}.button:hover{background:#fff0d4;color:#292017;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #954a35}.caption{right:30px;bottom:20px;color:#f6e8ce}.section{padding:95px 7%}.section-head{grid-template-columns:1.3fr 1fr;border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:25px}.section-head .eyebrow{display:flex;align-items:center;gap:12px}.section-head .eyebrow:before{content:'';display:block;width:20px;height:12px;background:#b9553c}h2{font-family:Georgia,serif;font-style:italic;font-size:clamp(38px,4.7vw,68px);letter-spacing:-2px;line-height:1.1}.section-head>p:last-child{max-width:380px;font-size:17px}.project{counter-increment:film;border-top:0;border-bottom:1px solid var(--line);padding:50px 0 65px;gap:50px;grid-template-columns:1.4fr 1fr}.project>div:first-child{align-self:start;background:#100f0e;padding:25px 20px 18px;border:1px solid #675444;box-shadow:8px 10px 0 rgba(0,0,0,.18);position:relative}.project>div:first-child:before{content:'';display:block;height:10px;margin:-12px 0 15px;background:repeating-linear-gradient(90deg,#c4ab85 0 13px,transparent 13px 28px);opacity:.65}.project>div:first-child:after{content:'FRAME 0' counter(film);font:12px 'Courier New',monospace;letter-spacing:3px;display:block;color:#c7aa7d;border-top:1px solid #473a2e;padding-top:10px;margin-top:13px}.project video{border:1px solid #3e342c}.project:nth-child(even){grid-template-columns:1fr 1.4fr}.project:nth-child(even)>div:first-child{order:2}.project h3{font-family:Georgia,serif;font-size:43px;line-height:1.07;font-weight:normal;color:#f4e9d8}.project .roles{color:#ebd6b5;border-left:3px solid #b9553c;padding-left:13px;font-size:14px}.project .description{color:#d8cbb8}.project .meta{font-size:12px;line-height:1.8;color:#c5ad8b}.media-label{font-size:12px;color:#c9b797}.audio-art{background:#a94632;color:#fbeed5;font-family:Georgia,serif;font-style:italic;font-weight:normal;font-size:clamp(48px,5vw,78px);letter-spacing:-3px;min-height:280px;border:1px solid #cd795b}.audio-art small{font-family:'Courier New',monospace;font-style:normal;font-size:12px;letter-spacing:2px}details{border-color:#645045}summary{color:#f0dcc1;font-size:14px}details h4{font-family:Georgia,serif;font-size:21px;font-weight:normal;margin-bottom:0}details p{color:#d5c7b4}#about{background:#e8dbc3;color:#30251d;border-top:12px solid #ad5038;--muted:#655343;--line:#b6a28a;--accent:#50362b}#about .eyebrow{color:#883b2b}#about h2{font-style:normal}#about .facts h3{color:#823c2d;font-family:'Courier New',monospace;font-weight:700;font-size:14px}#about .lead{font-family:Georgia,serif;font-size:27px}.facts p{color:#58483c;font-size:16px}.facts{border-top:1px solid #a99176}.experience>h3{font-family:Georgia,serif;font-size:28px;font-weight:normal}.experience article{border-top-color:#b6a28a}.experience article>span{font-family:'Courier New',monospace;color:#823c2d}.experience article p{color:#655343}.experience h4{font-weight:normal}#contact{background:#38251f;max-width:none;position:relative;border-bottom:1px solid #7c5945}#contact .eyebrow{color:#ebc5a4}#contact h2{max-width:700px;font-size:clamp(44px,6vw,88px)}#contact .email{font-family:Georgia,serif;font-size:clamp(27px,4vw,57px);border-color:#c17c5b}footer{background:#211b18;padding:25px 7%;font-size:12px;letter-spacing:1px}.error{color:#ffd2bc}@media(min-width:1100px){.project:nth-child(even)>div:last-child{padding-left:25px}.project>div:last-child{padding-top:10px}}@media(max-width:760px){header{height:74px}.hero{margin:12px 12px 0;min-height:700px}.hero-image{left:0;opacity:.6}.hero:after{background:linear-gradient(90deg,rgba(33,27,24,.92),rgba(33,27,24,.38)),linear-gradient(0deg,#211b18,transparent)}.hero-content{padding:55px 7%}.hero-content:before{left:12px}.hero-content:after{right:12px}h1{font-size:clamp(70px,14vw,105px);letter-spacing:-3px}.hero-bottom{gap:20px}.caption{font-size:10px;right:15px}.section{padding:65px 6%}.section-head,.project,.project:nth-child(even),.about-grid{grid-template-columns:1fr;gap:28px}.project:nth-child(even)>div:first-child{order:0}.project{padding:35px 0 45px}.project>div:first-child{padding:24px 12px 15px}.project h3{font-size:36px}.section-head{padding-bottom:25px}.facts{gap:22px}.facts p{font-size:15px}.brand{font-size:32px}nav{gap:15px;font-size:13px}h2{letter-spacing:-1px}.audio-art{min-height:220px;font-size:57px}#contact{padding-top:75px;padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Rolling film and visible production notes */
.rolling-film{padding:45px 0 15px;overflow:hidden}.reel-header{display:flex;align-items:center;justify-content:space-between;padding:0 7% 18px;gap:20px}.reel-header p{margin:0}.reel-header button{background:transparent;color:var(--fg);border:1px solid #967a60;padding:10px 15px;font:14px 'Courier New',monospace;cursor:pointer}.reel-header button:hover{background:#4b3428}.reel-window{overflow:hidden;background:#100e0c;border-top:1px solid #796046;border-bottom:1px solid #796046;padding:20px 0;transform:rotate(-2deg);margin:18px -10px}.reel-track{display:flex;width:max-content;animation:film-roll 45s linear infinite}.reel-group{display:flex;flex-shrink:0}.reel-group figure{margin:0;width:340px;padding:22px 10px 20px;position:relative}.reel-group figure:before,.reel-group figure:after{content:'';position:absolute;height:9px;left:10px;right:10px;background:repeating-linear-gradient(90deg,#d0b68d 0 12px,transparent 12px 27px);opacity:.7}.reel-group figure:before{top:0}.reel-group figure:after{bottom:0}.reel-group img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #685039}.reel-group figcaption{font:12px 'Courier New',monospace;color:#ead4b0;padding-top:10px;letter-spacing:1px}.motion-paused .reel-track{animation-play-state:paused}@keyframes film-roll{to{transform:translateX(-50%)}}.contribution{background:#e8dbc3;color:#34261c;border-left:5px solid #ad5038;padding:25px 26px;margin-top:30px;box-shadow:5px 5px 0 #110e0b}.note-label{font:12px 'Courier New',monospace;color:#803e2c;letter-spacing:1.4px}.contribution h4{font:normal 30px/1.2 Georgia,serif;margin:13px 0}.project .contribution p{font-size:16px;line-height:1.7;margin:0;color:#453429}.project-details{padding:0;margin-top:20px;border:1px solid #96795d;background:#2d211a}.project-details summary{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;color:#f5e5c9;font:700 15px/1.5 'Courier New',monospace;cursor:pointer}.project-details summary::-webkit-details-marker{display:none}.project-details summary:hover{background:#493126}.detail-toggle:before{content:'+';font-size:26px;font-weight:400}.project-details[open] .detail-toggle:before{content:'−'}.project-details[open] summary{border-bottom:1px solid #80634d}.project-details>h4{padding:0 22px;margin:22px 0 10px}.project-details>p{padding:0 22px;margin:0 0 22px;font-size:16px;color:#e3d1b8}.project>div:last-child{min-width:0}@media(max-width:760px){.reel-group figure{width:265px}.reel-header{padding-left:6%;padding-right:6%}.reel-header .eyebrow{font-size:12px;max-width:180px}.reel-header button{flex-shrink:0}.contribution{padding:22px}.contribution h4{font-size:28px}.project-details summary{padding:18px;font-size:14px}}@media(prefers-reduced-motion:reduce){.reel-track{animation:none}.rolling-film .reel-window{transform:none}}
/* Interactive opening with no background image */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding:65px 5%;min-height:730px;background:#211b18;overflow:visible}.hero:after{display:none}.hero-content{padding:0}.hero-content:before,.hero-content:after{display:none}.hero h1{font-size:clamp(70px,8vw,124px);text-shadow:none}.hero .eyebrow{font-size:12px}.hero-bottom{gap:20px;flex-wrap:wrap}.focus-console{background:#151311;border:1px solid #92785b;border-radius:12px;padding:25px;box-shadow:9px 11px 0 #100e0c;max-width:520px;width:100%;justify-self:end}.console-top,.console-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px 'Courier New',monospace;letter-spacing:1px;color:#c4ae8e}.console-top{padding-bottom:18px;border-bottom:1px solid #574532}.console-prompt{font:italic 28px Georgia,serif;margin:24px 0 20px}.focus-dial{display:grid;grid-template-columns:1fr 1fr;gap:10px}.focus-choice{display:flex;align-items:center;gap:9px;text-align:left;font:12px 'Courier New',monospace;border:1px solid #735b43;border-radius:4px;background:#2a211a;color:#e6d4b9;padding:15px 12px;cursor:pointer;min-height:58px;transition:background .2s,color .2s,transform .2s}.focus-choice span{font-size:14px}.focus-choice:hover{background:#483023;transform:translateY(-2px)}.focus-choice.active{background:#eadbbf;color:#38261c;border-color:#f0dbb8;box-shadow:inset 0 -3px #a14b34}.focus-readout{background:#e8dbc3;color:#30251d;padding:25px;margin-top:22px;min-height:240px;border-top:4px solid #a64c35}.focus-readout h2{font:italic 34px/1.13 Georgia,serif;letter-spacing:-1px;margin:12px 0}.focus-readout p{font-size:16px;line-height:1.6;min-height:77px;margin:12px 0 18px}.focus-readout a{font:700 14px/1.6 'Courier New',monospace;color:#783a29;text-underline-offset:5px}.console-bottom{padding-top:22px}.console-bottom span:last-child{color:#bc6245}.focus-console:focus-within{border-color:#efd9b9}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:42px;padding:45px 7% 55px}.focus-console{justify-self:stretch;max-width:none}.hero h1{font-size:clamp(70px,12vw,112px)}.hero-bottom{flex-direction:row;align-items:center;gap:30px}.focus-readout{min-height:0}.focus-readout p{min-height:0}}@media(max-width:480px){.hero{padding:35px 6% 40px;gap:30px}.focus-console{padding:18px;box-shadow:5px 6px 0 #100e0c}.focus-choice{padding:12px 8px;gap:6px}.focus-choice span{font-size:12px}.focus-readout{padding:20px}.focus-readout h2{font-size:30px}.console-top,.console-bottom{font-size:10px;letter-spacing:.5px}.hero h1{font-size:74px}.hero .intro{font-size:23px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media(prefers-reduced-motion:reduce){.focus-choice{transition:none}.focus-choice:hover{transform:none}}
/* Phone layout shares the same content and media */
@media(max-width:600px){
html{scroll-padding-top:80px}body{font-size:16px;overflow-wrap:break-word}header{height:68px;padding:0 5%;gap:15px}.brand{font-size:32px;flex-shrink:0}nav{gap:4px;align-items:center}nav a{padding:13px 8px;font:12px/1.5 'Courier New',monospace;min-height:44px;display:flex;align-items:center}nav a:first-child{max-width:94px;text-align:center}.hero{margin:10px 10px 0;padding:32px 22px 30px;gap:30px;min-height:0}.hero .eyebrow{font-size:11px;letter-spacing:1.2px;line-height:1.7;margin:0}.hero h1{font-size:clamp(60px,18vw,88px);letter-spacing:-3px;margin:24px 0 20px}.hero .intro{font-size:23px;line-height:1.4;margin:0 0 20px}.hero-bottom{display:block;margin-top:18px}.hero-bottom>p{font-size:13px;line-height:1.7;margin:0 0 20px}.hero-bottom .button{display:block;text-align:center;width:100%;padding:14px 12px;min-height:48px}.focus-console{padding:17px;border-radius:8px;box-shadow:4px 5px 0 #100e0c}.console-top{font-size:10px;letter-spacing:.4px;padding-bottom:14px}.console-prompt{font-size:25px;margin:18px 0 16px}.focus-dial{gap:8px}.focus-choice{padding:12px 7px;min-height:60px;display:block;font-size:11px;line-height:1.5}.focus-choice span{display:block;font-size:12px;margin-top:3px;overflow-wrap:normal}.focus-readout{padding:18px;margin-top:18px}.focus-readout h2{font-size:29px;line-height:1.2}.focus-readout p{font-size:16px;line-height:1.6}.focus-readout a{display:block;padding:8px 0;min-height:44px;font-size:13px}.console-bottom{font-size:9px;letter-spacing:.2px;padding-top:16px}.rolling-film{padding-top:30px}.reel-header{padding:0 6% 8px;gap:12px}.reel-header button{min-height:44px;padding:10px;font-size:12px}.reel-header .eyebrow{max-width:150px;line-height:1.7}.reel-group figure{width:230px}.reel-window{margin-top:10px;padding:14px 0}.section{padding:55px 6%}.section-head{gap:10px;padding-bottom:22px}.section-head h2{font-size:38px;line-height:1.13;margin:12px 0}.section-head>p:last-child{font-size:16px}.project,.project:nth-child(even){grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 0 42px}.project>div:first-child{padding:22px 10px 14px;box-shadow:4px 5px 0 #100e0c;max-width:100%;min-width:0}.project h3{font-size:35px;line-height:1.12}.project .meta{font-size:12px;letter-spacing:.3px}.project .roles{font-size:14px}.project .description{font-size:16px}.project video, audio{max-width:100%}.contribution{padding:20px 18px;margin-top:24px}.contribution h4{font-size:28px}.project .contribution p{font-size:16px;line-height:1.65}.note-label{font-size:11px;letter-spacing:.7px}.project-details summary{padding:16px;min-height:60px;font-size:14px}.project-details>p{padding:0 18px;font-size:16px}.project-details>h4{padding:0 18px}.audio-art{min-height:200px;height:auto;padding:40px 22px;font-size:51px;letter-spacing:-2px}.audio-art small{font-size:11px;line-height:1.5}.about-grid{gap:25px}#about h2{font-size:39px}#about .lead{font-size:23px}.facts{grid-template-columns:1fr;gap:0;padding-top:10px}.facts>div{padding:10px 0;border-bottom:1px solid #c6b398}.facts h3{margin:12px 0 8px}.facts p{font-size:16px;margin:8px 0 16px}.experience{margin-top:38px}.experience article{grid-template-columns:1fr;gap:9px;padding:22px 0}.experience article p{grid-column:auto;font-size:16px}.experience h4{font-size:17px;line-height:1.5}.experience article>span{font-size:13px}#contact{padding:60px 6%}#contact h2{font-size:43px}#contact .email{font-size:clamp(22px,6.4vw,34px);line-height:1.6}#contact a[href^="tel:"]{display:inline-block;padding:10px 0;min-height:44px}footer{padding:22px 6%;font-size:11px;line-height:1.7}
}
@media(max-width:360px){.hero{padding:28px 16px}.focus-console{padding:13px}.focus-choice span{font-size:11px}.hero h1{font-size:60px}nav a{padding:12px 6px}.project h3{font-size:31px}}
/* Phone edition */
.mobile-menu{display:none}
@media(max-width:600px){
html{scroll-padding-top:80px}body{overflow-wrap:break-word}header{height:68px;padding:0 20px}.brand{font-size:32px}.brand span{display:inline;font-size:10px;letter-spacing:1px;margin-left:12px}.mobile-menu{display:block;background:transparent;border:1px solid #92785b;color:#f2e7d4;border-radius:3px;min-height:44px;min-width:64px;padding:8px 12px;font:14px 'Courier New',monospace}header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#211b18;border-bottom:1px solid #92785b;padding:12px 20px 20px;flex-direction:column;gap:4px}header nav.mobile-open{display:flex}header nav a{display:block;padding:13px 8px;font-size:16px;min-height:48px}.hero{margin:10px 10px 0;padding:32px 22px;min-height:0;gap:30px}.hero .eyebrow{font-size:11px;line-height:1.8;letter-spacing:1.2px}.hero h1{font-size:clamp(64px,17vw,94px);letter-spacing:-3px;margin:24px 0}.hero .intro{font-size:23px;line-height:1.45}.hero-bottom{margin-top:22px;gap:14px;align-items:stretch}.hero-bottom>p{font-size:13px;line-height:1.8;margin:0}.hero-bottom .button{text-align:center;min-height:48px;padding:12px 15px}.focus-console{padding:16px;border-radius:7px;box-shadow:4px 5px 0 #100e0c}.console-prompt{font-size:25px;margin:20px 0 16px}.focus-dial{gap:8px}.focus-choice{min-height:58px;padding:12px 8px;flex-direction:column;align-items:flex-start;gap:5px}.focus-choice span{font-size:13px}.focus-readout{padding:18px;margin-top:16px}.focus-readout h2{font-size:29px}.focus-readout p{font-size:16px}.focus-readout a{display:block;padding:9px 0;min-height:44px;font-size:13px}.console-top,.console-bottom{font-size:10px;letter-spacing:.3px}.rolling-film{padding-top:32px}.reel-header{padding:0 22px 12px}.reel-header button{min-height:44px}.reel-group figure{width:245px}.section{padding:55px 22px}.section-head{gap:12px;margin-bottom:10px}.section-head h2{font-size:40px}.section-head>p:last-child{margin-top:0}.project,.project:nth-child(even){gap:24px;padding:30px 0 40px}.project h3{font-size:34px;overflow-wrap:normal}.project .meta{font-size:12px;letter-spacing:.5px}.project .roles{font-size:14px}.project .description{font-size:16px}.project>div:first-child{box-shadow:4px 5px 0 rgba(0,0,0,.18)}.contribution{padding:20px;margin-top:25px;box-shadow:3px 4px 0 #110e0b}.contribution h4{font-size:27px}.project-details summary{min-height:60px;padding:16px;font-size:14px}.project-details>h4{padding:0 18px}.project-details>p{padding:0 18px;font-size:16px}.about-grid{gap:24px}.facts{grid-template-columns:1fr;gap:12px}.facts h3{margin-bottom:8px}.facts p{font-size:16px;margin-top:0}.experience{margin-top:40px}.experience article{grid-template-columns:1fr;gap:10px;padding:22px 0}.experience article p{grid-column:auto}.experience h4,.experience p{font-size:16px}#contact{padding:60px 22px}#contact h2{font-size:43px}#contact .email{font-size:clamp(23px,6.5vw,35px)}footer{padding:22px;font-size:12px}audio{min-height:48px}.audio-art{font-size:52px;letter-spacing:-2px}a,button,summary{-webkit-tap-highlight-color:rgba(234,219,191,.22)}
}
@media(max-width:360px){.hero{padding:28px 16px}.brand span{font-size:9px;margin-left:8px}.focus-console{padding:13px}.focus-choice span{font-size:12px}.section{padding-left:18px;padding-right:18px}}
/* Beige edition */
:root{--bg:#f0e7d7;--fg:#332d27;--muted:#6c6053;--accent:#794736;--line:#c7b69d}body{background:var(--bg);color:var(--fg)}header{background:#f0e7d7;color:#332d27;border-color:#c7b69d}nav a:hover{color:#8b4433}.hero{background:#e7dbc6;border-color:#bbaa90}.eyebrow,.hero .eyebrow{color:#794736}h1 span{color:#a4523c}.button{background:#f9f3e8;color:#49372c;border-color:#ad8c6c;box-shadow:4px 4px 0 #bc9174}.button:hover{background:#fffaf2;color:#49372c;box-shadow:6px 6px 0 #bc9174}.focus-console{background:#f7efe2;border-color:#b5a083;box-shadow:9px 11px 0 #d2bda1}.console-top,.console-bottom{color:#6b5845}.console-top{border-color:#d0bea5}.focus-choice{background:#eaddc8;color:#47392b;border-color:#b7a184}.focus-choice:hover{background:#dccaad}.focus-choice.active{background:#a2513b;color:#fff8ed;border-color:#87402e;box-shadow:inset 0 -3px #763927}.focus-readout{background:#fffaf0;color:#332d27;border-color:#a4523c}.focus-readout a,.note-label{color:#804430}.focus-console:focus-within{border-color:#88523d}.reel-header button{color:#49392c;border-color:#a18b6c}.reel-header button:hover{background:#dfcfb6}.reel-window{background:#cdbc9f;border-color:#ac9271}.reel-group figure:before,.reel-group figure:after{background:repeating-linear-gradient(90deg,#f8f0e1 0 12px,transparent 12px 27px);opacity:1}.reel-group figcaption{color:#473b2c}.project>div:first-child{background:#e2d3ba;border-color:#b59d7c;box-shadow:8px 10px 0 #d8c6ad}.project>div:first-child:before{background:repeating-linear-gradient(90deg,#fff6e7 0 13px,transparent 13px 28px);opacity:1}.project>div:first-child:after{color:#655039;border-color:#baa485}.project h3{color:#332d27}.project .meta,.media-label{color:#6b5844}.project .roles{color:#804430;border-color:#a4523c}.project .description{color:#51483d}.contribution{background:#fffaf0;color:#332d27;border-color:#a4523c;box-shadow:5px 5px 0 #d6c3a8}.project .contribution p{color:#514336}.project-details{background:#eee1cb;border-color:#b6a080}.project-details summary{color:#513d2e}.project-details summary:hover{background:#e3d1b5}.project-details[open] summary{border-color:#b6a080}.project-details>p,details p{color:#594939}.project-details h4{color:#3e3024}.audio-art{background:#ad6049;color:#fff9ed;border-color:#914a36}#about{background:#e5d6bc;color:#332d27;border-top-color:#bb8060}#contact{background:#eee2cc;color:#332d27;border-color:#c7b69d}#contact .eyebrow{color:#804430}#contact .email{border-color:#a4523c}footer{background:#e3d3b9;color:#665440;border-color:#c7b69d}.error{color:#8b3025}.skip:focus{background:#fff8eb;color:#332d27}@media(max-width:600px){header nav{background:#f0e7d7;border-color:#c7b69d}.mobile-menu{color:#49392c;border-color:#a18b6c}.project>div:first-child{box-shadow:4px 5px 0 #d8c6ad}.contribution{box-shadow:3px 4px 0 #d6c3a8}.focus-console{box-shadow:4px 5px 0 #d2bda1}}
/* Rounded studio surfaces and subtle production motifs */
body{background-color:#f0e7d7;background-image:radial-gradient(ellipse at 4% 14%,rgba(181,120,79,.10),transparent 36%),radial-gradient(ellipse at 98% 55%,rgba(151,127,83,.12),transparent 38%)}.hero{border-radius:38px 38px 100px 38px;background-color:#e7dbc6;background-image:radial-gradient(circle at 5% 95%,transparent 0 65px,rgba(143,105,65,.10) 66px 67px,transparent 68px 90px,rgba(143,105,65,.09) 91px 92px,transparent 93px);box-shadow:0 18px 45px rgba(102,73,42,.06);overflow:hidden}.focus-console{border-radius:30px;box-shadow:0 14px 35px rgba(102,73,42,.13);padding:28px}.focus-choice{border-radius:16px}.focus-readout{border-radius:20px 20px 35px 20px;border-top-width:3px}.button,.reel-header button,.mobile-menu{border-radius:30px}.button{box-shadow:0 4px 0 #bc9174}.button:hover{box-shadow:0 6px 0 #bc9174}.project>div:first-child{border-radius:26px;box-shadow:0 12px 26px rgba(102,73,42,.12);padding:27px 20px 20px}.project video{border-radius:14px;overflow:hidden}.project>div:first-child:before{border-radius:4px;margin-left:10px;margin-right:10px}.project>div:first-child:after{padding-left:10px}.audio-art{border-radius:16px}.contribution{border-radius:6px 28px 28px 28px;box-shadow:0 8px 22px rgba(102,73,42,.08);border-left-width:4px}.project-details{border-radius:22px;overflow:hidden}.project-details summary{border-radius:21px}.project-details[open] summary{border-radius:21px 21px 0 0}.reel-window{border-radius:14px}.reel-group img{border-radius:8px}.work{position:relative;background-image:linear-gradient(90deg,transparent calc(100% - 22px),rgba(140,107,68,.12) calc(100% - 22px),rgba(140,107,68,.12) calc(100% - 21px),transparent calc(100% - 21px));}.section-head{position:relative}.section-head:after{content:'';display:block;grid-column:1/-1;height:14px;margin-top:18px;border-radius:8px;background:linear-gradient(90deg,#caa78a 0 17%,transparent 17% 18%,#d9c7a7 18% 43%,transparent 43% 44%,#bb856e 44% 60%,transparent 60% 61%,#d3bda0 61% 85%,transparent 85% 86%,#caa78a 86%);opacity:.5}.facts>div{background:rgba(255,251,239,.48);border:1px solid rgba(153,121,81,.22);border-radius:22px;padding:20px}.facts h3{margin-top:0}.facts p{margin-bottom:0}.facts{border-top:none;padding-top:0;gap:18px}#about{border-radius:60px 60px 0 0;border-top:1px solid #c4a382;margin-top:30px;position:relative;background-image:radial-gradient(circle at 95% 5%,transparent 0 80px,rgba(144,104,65,.1) 81px 82px,transparent 83px)}.experience article{border-radius:18px;padding:24px 20px;background:rgba(255,251,239,.28);margin-top:12px;border:1px solid rgba(153,121,81,.22)}#contact{background-image:repeating-linear-gradient(90deg,transparent 0 47px,rgba(137,105,70,.05) 47px 48px),linear-gradient(0deg,rgba(255,252,243,.35),transparent);border-radius:0 0 45px 45px}.console-bottom{position:relative}.console-bottom:before{content:'';position:absolute;right:25px;bottom:2px;width:50px;height:9px;background:repeating-linear-gradient(90deg,#c8b291 0 2px,transparent 2px 7px);opacity:.6}@media(max-width:600px){.hero{border-radius:25px 25px 55px 25px}.focus-console{border-radius:23px;padding:18px;box-shadow:0 8px 20px rgba(102,73,42,.12)}.focus-choice{border-radius:13px}.focus-readout{border-radius:17px}.project>div:first-child{border-radius:21px;padding:24px 12px 16px;box-shadow:0 8px 20px rgba(102,73,42,.1)}.contribution{border-radius:5px 23px 23px 23px;box-shadow:0 6px 16px rgba(102,73,42,.08)}.work{background-image:none}#about{border-radius:35px 35px 0 0}.facts>div{padding:19px}.experience article{padding:20px}.section-head:after{height:10px}.console-bottom:before{display:none}}
/* Black rolling film strip */
.reel-window{background:#111110;border-color:#39352f}.reel-group figcaption{color:#f0dfc3}.reel-group figure:before,.reel-group figure:after{background:repeating-linear-gradient(90deg,#e5d3b6 0 12px,transparent 12px 27px);opacity:1}.reel-group img{border-color:#534735}
/* Monochrome film stock and softly faded edges */
.reel-window{background:linear-gradient(180deg,#303031 0%,#101011 28%,#222223 75%,#414143 100%);border-color:#565658;box-shadow:inset 0 2px 8px #0008,0 8px 22px #0002;position:relative}.reel-window:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(26,26,27,.94),transparent 9%,transparent 91%,rgba(26,26,27,.94)),linear-gradient(0deg,rgba(0,0,0,.18),transparent 25%,transparent 75%,rgba(255,255,255,.07));border-radius:inherit}.reel-group figcaption{color:#d4d4d4}.reel-group figure:before,.reel-group figure:after{background:repeating-linear-gradient(90deg,#bfc0c1 0 12px,transparent 12px 27px);opacity:.85}.reel-group img{border-color:#69696b;filter:saturate(.78) contrast(.94);opacity:.93}.project>div:first-child{background:linear-gradient(145deg,#444446 0%,#19191a 35%,#2b2b2d 78%,#505053 100%);border-color:#626265;box-shadow:inset 0 1px 2px #ffffff26,0 12px 25px #0003}.project>div:first-child:before{background:repeating-linear-gradient(90deg,#babbbd 0 13px,transparent 13px 28px);opacity:.8}.project>div:first-child:after{color:#d5d5d7;border-color:#737376}.project video{border-color:#656568;box-shadow:0 0 16px #0006}.project .media-label{color:#ceced0}.project .error{color:#ffd2bc}.audio-art{background:radial-gradient(ellipse at 45% 40%,#636366,#252527 85%);color:#f0efec;border-color:#78787b;box-shadow:inset 0 0 38px #0006}.project>div:first-child .audio-art small{color:#dedee0}.reel-group figure{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.07' filter='url(%23n)'/%3E%3C/svg%3E")}@media(max-width:600px){.project>div:first-child{box-shadow:inset 0 1px 2px #ffffff26,0 8px 20px #0003}.reel-window:after{background:linear-gradient(90deg,rgba(26,26,27,.8),transparent 7%,transparent 93%,rgba(26,26,27,.8))}}

/* Concise application portfolio */
.hero{min-height:0}.hero-content{padding:48px 7%}.hero h1{font-size:clamp(64px,8vw,112px);margin:20px 0}.hero .intro{margin:18px 0}.hero-bottom{margin-top:24px}.about-grid{align-items:start}.education-line,.languages-line{font-size:15px}.facts{align-items:start}.facts>div{height:auto}.rolling-film{margin-top:28px}@media(max-width:600px){.hero-content{padding:30px 6%}.hero h1{font-size:64px}.hero-bottom{gap:18px}.about-grid{gap:28px}}

/* Application-focused introduction and compact background. */
.hero{min-height:0;display:block}.hero-content{padding:48px 7%}.hero h1{font-size:clamp(64px,8vw,110px);margin:22px 0}.hero-bottom{margin-top:24px}.hero .intro{margin:18px 0}.facts{align-content:start}.facts .button{font-size:13px;padding:10px 16px}.project .description{max-width:48ch}@media(max-width:600px){.hero-content{padding:32px 6%}.hero h1{font-size:64px}.hero-bottom{gap:18px}.facts{grid-template-columns:1fr}.hero .intro{font-size:23px}}

#about .facts{grid-template-columns:1fr;align-self:start}