/* Neutral glass, copper light, and continuous scene dissolves. */
@font-face{font-family:Jost;src:url('/assets/fonts/jost-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#101010;--text:#f4efe7;--muted:#bab7b2;--champagne:#ead6c0;--light:#d98c50;--light-rgb:217 140 80;--light-soft:#f1d6c0;--line:#ffffff24;color-scheme:dark}
body:not([data-page=settings]){background:#101010}
.home .scene-shade{background:linear-gradient(0deg,#09090966 0%,#09090938 18%,transparent 65%),linear-gradient(90deg,#08080860,transparent 62%)}
.home h1,.home h1 em{color:#f1ece5}.home h1 em{color:#e0d8ce}.home-name{text-shadow:0 2px 24px #0006}
.home-description{font-family:Jost,Arial,sans-serif;font-size:clamp(16px,1.5vw,20px);font-weight:400;letter-spacing:.012em;color:#e2d9cf;line-height:1.6;text-shadow:0 1px 15px #0009;max-width:600px}
.home-caption .eyebrow{color:#e7d6c4}.owner-settings{color:#e0d8cf}
.nour-mark{background:linear-gradient(108deg,var(--light) 0%,var(--light) 36%,var(--light-soft) 46%,#fff6e8 50%,var(--light-soft) 53%,var(--light) 64%,var(--light) 100%);background-size:320% 100%;animation:amber-reflection 11s ease-in-out infinite;filter:drop-shadow(0 0 7px rgb(var(--light-rgb)/.14))}
@keyframes amber-reflection{0%,32%{background-position:120% 50%}74%,100%{background-position:-30% 50%}}
.home-brand:hover .nour-mark,.inner-brand:hover .nour-mark{filter:drop-shadow(0 0 10px rgb(var(--light-rgb)/.3))}
.glass-dock{background:linear-gradient(135deg,#ffffff09,#ffffff02 48%,#ffffff07);border:1px solid #ffffff20;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 1px #ffffff0a,0 8px 28px #0000000c}
.glass-dock::before{background:radial-gradient(140px 70px at var(--light-x,-300px) var(--light-y,-300px),rgb(var(--light-rgb)/.17),rgb(var(--light-rgb)/.045) 48%,transparent 100%)}
.glass-dock::after{background:linear-gradient(90deg,transparent,#ffffff22,transparent);opacity:.7}
.glass-dock a{color:#eee9e2;font-family:Jost,Arial,sans-serif;font-size:15px;letter-spacing:.01em}
.glass-dock a span{color:var(--light-soft);opacity:.55}
.glass-dock a:hover,.glass-dock a:focus-visible{color:#fff6ea;text-shadow:0 0 15px rgb(var(--light-rgb)/.45)}
.glass-dock a:focus-visible{outline-color:var(--light-soft)}
.curve{opacity:.48}
body:not([data-page=settings]) .inner-header{background:linear-gradient(180deg,#09090988,transparent)}
.inner-header nav{font-family:Jost,Arial,sans-serif;font-size:14px;letter-spacing:.012em}
.inner-header nav{position:relative;isolation:isolate;overflow:visible;--glow-edge:clamp(12px,4vw,60px)}
.inner-header nav::before{content:'';position:absolute;inset:-55px calc(-1 * var(--glow-edge));z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 var(--glow-edge),#000 calc(100% - var(--glow-edge)),transparent);background:radial-gradient(125px 52px at calc(var(--light-x,-300px) + var(--glow-edge)) calc(var(--light-y,-300px) + 55px),rgb(var(--light-rgb)/.18),rgb(var(--light-rgb)/.05) 48%,transparent 100%);opacity:0;transition:opacity .3s}
.inner-header nav.pointer-lit::before{opacity:1}
.inner-header nav a::before{display:none!important}
.contact-links a::before{background:radial-gradient(90px 32px at var(--light-x,50%) var(--light-y,50%),rgb(var(--light-rgb)/.1),transparent)}
.inner-header nav a{text-shadow:0 1px 14px #0009}.inner-header a[aria-current=page]{color:var(--light-soft)}
.inner-header nav a::after{background:linear-gradient(90deg,transparent,var(--light),transparent)}
.inner-header nav a:hover,.inner-header nav a:focus-visible{color:var(--light-soft);text-shadow:0 0 16px rgb(var(--light-rgb)/.4)}
.editorial{background:#101010}.editorial::before{background:linear-gradient(90deg,#090909f2 0%,#090909c9 26%,#09090966 50%,#0909090d 78%),linear-gradient(0deg,#09090990,transparent 40%)}
.editorial .body-copy{color:#d2cfca}.editorial .eyebrow{color:var(--light-soft)}
.contact-links a{color:#e6ded5;border-color:#ffffff30}.contact-links a:hover{color:var(--light-soft);border-color:var(--light);text-shadow:0 0 16px rgb(var(--light-rgb)/.2)}
.scene-cta,.contact-links a.scene-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;width:fit-content;min-height:54px;padding:9px 10px 9px 23px;border:1px solid #ffffff30;border-radius:40px;background:linear-gradient(130deg,#ffffff0b,#ffffff02);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff20;font:400 16px Jost,Arial,sans-serif;letter-spacing:.015em;color:#f0e7dc;transition:border-color .25s,box-shadow .25s,transform .25s}
.cta-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(var(--light-rgb)/.3);border-radius:50%;color:var(--light-soft);background:rgb(var(--light-rgb)/.06);font:18px Arial,sans-serif;transition:transform .28s,background .28s,box-shadow .28s}
.scene-cta:hover,.contact-links a.scene-cta:hover{border-color:rgb(var(--light-rgb)/.65);box-shadow:inset 0 1px 1px #ffffff24,0 0 24px rgb(var(--light-rgb)/.1);transform:translateY(-2px)}
.scene-cta:hover .cta-arrow,.scene-cta:focus-visible .cta-arrow{transform:rotate(45deg);background:rgb(var(--light-rgb)/.13);box-shadow:0 0 14px rgb(var(--light-rgb)/.18)}
.scene-cta:active{transform:translateY(0)}.home-showreel{margin-top:20px;font-size:14px;gap:18px;min-height:46px}.cta-play{color:var(--light-soft)}
.cinema-scene::after{background:linear-gradient(0deg,#090909dd,transparent 60%,#09090933)}.cinema-player{background:#080808}
.photography .art-gallery .work-open{background:#171717}
.work-filters{display:flex;align-items:center;gap:6px;padding:10px 5% 24px;font-family:Jost,Arial,sans-serif}
.work-filters button{background:transparent;border:1px solid transparent;border-radius:30px;color:#cfc7bf;padding:10px 18px;min-height:44px;font-size:14px;transition:color .25s,border-color .25s,background .25s}
.work-filters button[aria-pressed=true]{border-color:rgb(var(--light-rgb)/.35);color:var(--light-soft);background:rgb(var(--light-rgb)/.045)}
.work-filters button:hover{color:#fff4e8}.filter-count{font-size:12px;color:#bbb2a9;margin-left:auto}.cinema-scene>.work-filters{padding:0;flex-shrink:0}
[data-work][hidden],.work-card[hidden]{display:none!important}
.glass-pointer{position:fixed;left:0;top:0;width:29px;height:38px;z-index:190;pointer-events:none;opacity:0;transition:opacity .16s}
.glass-pointer svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px #0008) drop-shadow(0 0 3px rgb(var(--light-rgb)/.15));transform-origin:3px 3px;transition:filter .18s,transform .18s}
.glass-pointer.visible{opacity:1}.glass-pointer.interactive svg{filter:drop-shadow(0 2px 2px #0008) drop-shadow(0 0 5px rgb(var(--light-rgb)/.45));transform:scale(1.08)}.glass-pointer.pressed svg{transform:scale(.93)}
@media(hover:hover) and (pointer:fine){body.cursor-active,body.cursor-active a,body.cursor-active button{cursor:none}}
/* Dissolve actual page snapshots, with no shutter, curtain, or covering panel. */
.scene-snapshot{position:fixed;inset:0;z-index:150;overflow:hidden;pointer-events:none;background:var(--bg);transform-origin:center}
::view-transition-group(root){animation-duration:440ms;animation-timing-function:cubic-bezier(.22,.65,.28,1)}
::view-transition-old(root){animation:scene-away 400ms cubic-bezier(.22,.65,.28,1) both;mix-blend-mode:normal}
::view-transition-new(root){animation:scene-arrive 440ms cubic-bezier(.22,.65,.28,1) both;mix-blend-mode:normal}
@keyframes scene-away{from{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.008)}}
@keyframes scene-arrive{from{opacity:0;transform:scale(1.008) translateY(4px)}to{opacity:1;transform:none}}
.studio-light-preview{margin:18px 0;display:flex;align-items:center;gap:25px;padding:24px;background:#151515;border-radius:18px;color:#ddd}
.studio-light-preview .nour-mark{width:90px;flex-shrink:0}.studio-field input[type=color]{width:90px;height:46px;padding:4px}
@media(max-width:600px){
 .home .scene-bg{object-position:var(--mobile-focus-x,62%) var(--mobile-focus-y,35%)}
 .home .scene-shade{background:linear-gradient(0deg,#08080872 0%,#08080861 24%,#08080833 48%,transparent 78%)}
 .home-description{font-size:16px;max-width:320px;line-height:1.55}.glass-dock a{font-size:14px}
 .glass-dock{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 body:not([data-page=settings]) .inner-header{background:linear-gradient(#090909aa,transparent)}
 .inner-header nav{font-size:12px}.editorial::before{background:linear-gradient(0deg,#090909fa 0%,#090909df 22%,#0909098f 48%,#09090912 82%)}
 .scene-cta,.contact-links a.scene-cta{font-size:15px;padding:8px 9px 8px 21px;min-height:52px}.home-showreel{margin-top:14px;font-size:13px;min-height:44px}
 .home:has(.home-showreel) .home-caption{bottom:max(25%,178px)}
 .work-filters{padding:6px 4% 18px}.work-filters button{font-size:13px;padding:9px 16px}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.glass-pointer{display:none!important}body.cursor-active,body.cursor-active a,body.cursor-active button{cursor:auto}}
@media(prefers-reduced-motion:reduce){
 .nour-mark{animation:none;background-position:50% 50%}
 ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .scene-cta:hover,.contact-links a.scene-cta:hover,.scene-cta:hover .cta-arrow,.scene-cta:focus-visible .cta-arrow{transform:none}
}