/* Matte mineral surface, with restrained glass controls. */
.craft-intro{max-width:780px;font-size:17px;line-height:1.7;margin:0 0 38px;color:#40483b}
.craft-intro strong{display:block;font-weight:500;font-size:23px;color:#293424;margin-bottom:8px;letter-spacing:-.025em}
:root{--surface:#dedfd9;--ink:#252822;--muted:#646d5d;--glass:rgba(250,252,245,.38);--glass-rim:rgba(255,255,255,.8);--glass-shadow:rgba(35,44,28,.10);--cinema-bg:rgba(24,30,24,.79)}
body{background:radial-gradient(ellipse at 22% 0%,#f0f1eafa,transparent 65%),linear-gradient(125deg,#dedfd9,#d7dad1 55%,#e3e5dc);background-attachment:fixed;color:var(--ink)}
body:before{opacity:.30;z-index:0;mix-blend-mode:multiply;background-size:155px 155px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 155 155' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h155v155H0z'/%3E%3C/svg%3E")}
.navlinks{background:linear-gradient(145deg,#ffffff85,#ffffff18 55%,#ffffff55);border:1px solid var(--glass-rim);box-shadow:inset 0 2px 3px #ffffffc9,inset 0 -1px 2px #69736130,0 9px 30px #26321d0c;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.navlinks a.active{background:linear-gradient(140deg,#ffffffe8,#ffffff55);box-shadow:inset 0 1px 1px #fff,0 2px 7px #26321d10}
.reel-section{position:relative}
.home-title{padding:42px 0 26px;display:block}
.home-title h1{font-size:clamp(38px,4.6vw,66px)}
.home-title .reel-description{display:block;max-width:none;font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px}
.reel{width:100%;margin-inline:auto;box-shadow:0 0 0 1px #ffffff60,0 10px 35px #1e2c1810}
.reel-screen .play{width:80px;height:80px;border:1px solid #ffffff90;background:linear-gradient(140deg,#ffffff50,#ffffff10 60%,#ffffff30);box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 4px #00000015,0 8px 30px #0003;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.reel-screen .play:hover{background:linear-gradient(140deg,#ffffff70,#ffffff28);transform:scale(1.04)}
.reel-screen:after,.has-poster:after{background:linear-gradient(0deg,#06100833,transparent 60%)}
.reel-meta{font-size:10px;padding:14px 1px;color:var(--muted)}
.unreal-section{padding-top:52px;margin-top:40px;border-top:1px solid #b9c1b0}
.reel-heading{padding-bottom:26px}
.reel-heading .eyebrow{margin-bottom:15px}
.reel-heading h2{font-size:clamp(30px,3.7vw,53px)}
.reel-heading p{margin-top:16px;font-size:13px;color:var(--muted)}
.mobile-break{display:none}
.bio-card{background:linear-gradient(140deg,#ffffff38,#ffffff0d);border:1px solid #ffffff80;box-shadow:inset 0 1px 1px #ffffff9c,0 12px 35px #29301f08}
.portrait{margin:20px 0 30px;position:relative;border-radius:8px;overflow:hidden}
.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.portrait figcaption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#48533f;border:1px solid #ffffff70;border-radius:20px;padding:8px 12px;background:#ffffff50;backdrop-filter:blur(12px)}
@media(max-width:600px){.home-title{padding:30px 0 22px}.home-title .reel-description{display:block;font-size:11px;margin-top:14px;max-width:325px}.reel-screen .play{width:58px;height:58px}.unreal-section{padding-top:30px;margin-top:24px}.reel-heading{padding-bottom:22px}.reel-heading h2{font-size:31px;line-height:1.12}.reel-heading p{font-size:11px;line-height:1.8;margin-top:13px}.mobile-break{display:block}.portrait{max-width:380px;margin-inline:auto}}
@media(prefers-reduced-transparency:reduce){.navlinks{background:#edf0e6}}
.reel-screen .play{position:absolute;top:77%;left:50%;transform:translate(-50%,-50%)}
.reel-screen .play:hover{transform:translate(-50%,-50%) scale(1.04)}
.thumbnail-label{position:absolute;top:23%;left:0;right:0;text-align:center;color:#d2d8ce;font-size:12px;letter-spacing:3px;text-transform:uppercase}
.thumbnail-title{position:absolute;top:43%;left:5%;right:5%;transform:translateY(-50%);text-align:center;color:#f6f8f2}
.thumbnail-title span{display:block;font-size:clamp(13px,1.5vw,22px);letter-spacing:.2em;margin-bottom:18px}
.thumbnail-title strong{display:block;font-size:clamp(28px,4.5vw,66px);font-weight:400;letter-spacing:-.04em}
.thumbnail-title small{display:block;margin-top:22px;font-size:12px;letter-spacing:.28em;color:#d3ddd1}
[data-reel="unreal"] .has-poster:after{background:linear-gradient(180deg,#0c181d88,#071016b3)}
[data-reel="master"] .has-poster:after{background:none}
@media(max-width:600px){.thumbnail-label{font-size:8px;letter-spacing:1.5px;top:20%}.reel-screen .play{width:44px;height:44px;top:80%}.reel-screen .play svg{width:13px}.thumbnail-title span{font-size:9px;letter-spacing:2px;margin-bottom:9px}.thumbnail-title strong{font-size:26px}.thumbnail-title small{font-size:8px;letter-spacing:2px;margin-top:12px}.bio-card{order:-1}}

/* Keep grain behind the content and video, not over the picture. */
body{isolation:isolate}
main,footer{position:relative}
.reel{z-index:1}
.watch-backdrop{position:fixed;inset:0;z-index:20;background:rgba(37,45,33,.12);backdrop-filter:blur(12px) saturate(.75);-webkit-backdrop-filter:blur(12px) saturate(.75)}
.reel.is-watching{z-index:21}
.reel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050805;border-radius:inherit}
.leave-reel{position:absolute;top:16px;right:16px;z-index:2;border:1px solid #ffffff70;border-radius:24px;background:#121b12b3;backdrop-filter:blur(14px);color:#fff;padding:10px 16px;font-size:11px}
.leave-reel:hover{background:#263425eb}
.reel-error{position:absolute;top:65px;left:20px;right:20px;padding:15px;color:white;background:#142015e6;font-size:13px;z-index:2}
@media(max-width:600px){.leave-reel{top:8px;right:8px;padding:8px 11px;font-size:10px}.watch-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-transparency:reduce){.watch-backdrop{background:#d4d9cce6;backdrop-filter:none}}

/* Blur the surrounding content directly, preserving the active reel's pixels. */
body.watching #header,body.watching #footer,
body.watching main>section:not(:has(.is-watching)),
body.watching .reel-section:has(.is-watching)>:not(.reel){filter:blur(8px)}
body.watching:before{filter:blur(2px)}
.watch-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Compact editorial headers: one title and one line of categories. */
.reel-editorial-header{padding:46px 0 28px}
.reel-editorial-header>.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:16px}
.reel-editorial-header h1,.reel-editorial-header h2{font-size:clamp(36px,4.6vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.055em}
.reel-terms{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;padding:0;margin:23px 0 0}
.reel-terms li{font-size:clamp(17px,1.7vw,24px);line-height:1.45;font-weight:400;letter-spacing:-.025em;color:#5d6655;display:flex;align-items:center}
.reel-terms li+li:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background:#909b85;margin:0 19px;flex-shrink:0}
.reel-terms li:first-child{color:#5d6655}
.reel-terms.terms-visible li{animation:term-enter .55s cubic-bezier(.22,.8,.25,1) both;animation-delay:calc(var(--term-index) * 70ms)}
.unreal-section{border-top:none;margin-top:42px;padding-top:0}
.reel-meta{padding-top:14px;font-size:10px;opacity:.8}
@keyframes term-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
 .reel-editorial-header{padding:30px 0 23px}
 .reel-editorial-header h1,.reel-editorial-header h2{font-size:39px}
 .reel-editorial-header>.eyebrow{font-size:9px;margin-bottom:14px}
 .reel-terms{display:grid;grid-template-columns:max-content max-content;gap:7px 22px;margin-top:18px}
 .reel-terms li{font-size:17px;line-height:1.4}
 .reel-terms li+li:before{display:none}
 .unreal-section .reel-terms{display:flex;gap:6px 16px}
 .unreal-section{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.reel-terms.terms-visible li{animation:none}}
/* Original, responsive typography covers. Their text stays selectable and sharp. */
.project-visual.type-cover{height:auto;aspect-ratio:2/1;padding:7%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;isolation:isolate;container-type:inline-size;border:1px solid #ffffff65;box-shadow:inset 0 1px 0 #ffffff65}
.type-cover-memory{color:#29352b;background:radial-gradient(ellipse at 90% 10%,#edf0dd 0,transparent 65%),linear-gradient(130deg,#c5cdbb,#b4c2a9)}
.type-cover-shoot{color:#faf1e6;background:radial-gradient(ellipse at 100% 0%,#a66e50 0,transparent 65%),linear-gradient(135deg,#403b42,#6b4e47)}
.type-cover-ai{color:#3e3326;background:radial-gradient(ellipse at 90% 0%,#f4e8c8 0,transparent 65%),linear-gradient(135deg,#d8c6a1,#bda57c)}
.type-cover-music{color:#30343f;background:radial-gradient(ellipse at 95% 0%,#ede5e7 0,transparent 65%),linear-gradient(135deg,#bec7d0,#c2b8ce)}
.type-cover-template{color:#273c3d;background:radial-gradient(ellipse at 95% 0%,#e1ece4 0,transparent 65%),linear-gradient(135deg,#c1d3d0,#a9c0bd)}
.project-visual.type-cover:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");pointer-events:none}
.project-visual.type-cover:after{display:none}
.project-visual.type-cover span{font:inherit;letter-spacing:inherit;color:inherit}
.cover-meta,.cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cover-meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.cover-title{display:flex;align-items:center;gap:.18em;font-size:clamp(26px,10.2cqw,67px);font-weight:400;line-height:1.05;letter-spacing:-.065em;white-space:nowrap}
.cover-title .cover-arrow{font-size:.8em;font-weight:300;padding:0 .04em;transition:transform .2s}
.cover-bottom{border-top:1px solid #29352b30;padding-top:14px;font-size:11px;line-height:1.35;letter-spacing:0}
.type-cover-shoot .cover-bottom{border-color:#fff3}
.cover-bottom span:last-child{font-size:9px;white-space:nowrap}
.project-link:hover .cover-arrow,.project-link:focus-visible .cover-arrow{transform:translateX(4px)}
@media(max-width:850px) and (min-width:601px){.cover-bottom span:last-child{display:none}}
@media(max-width:600px){.cover-meta{font-size:8px}.cover-bottom{font-size:9px;padding-top:11px}.cover-bottom span:last-child{font-size:8px}}
/* Keep site media in its designed frame, with playback controls available. */
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-picture-in-picture-button{display:none!important}