/* Monochrome type, supplied aurora photography, and a camera-shaped video player. */
:root{color-scheme:dark;--theme-bg:#030506;--theme-text:#f5f6f7;--theme-muted:#acb1b8;--theme-line:#ffffff23;--theme-accent:#e4e8eb;--theme-panel:#ffffff05}
body{background:#030506;color:var(--theme-text);isolation:isolate}
body::before{content:'';position:fixed;inset:-4%;z-index:-3;pointer-events:none;background:url('/assets/northern-lights.jpg') center 32%/cover no-repeat;filter:saturate(.8) brightness(.7);opacity:.66;animation:aurora-drift 30s ease-in-out infinite alternate;will-change:transform}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#020405bd 0%,#02040578 45%,#02040526 85%),linear-gradient(180deg,#02040538,#0204056b)}
@keyframes aurora-drift{from{transform:translate3d(-1%,0,0) scale(1.02)}to{transform:translate3d(1%,1%,0) scale(1.07)}}
p,.portal-summary,.portal-email,.brand span,.footer{color:var(--theme-muted)}
.portal-eyebrow{color:#fff}.wordmark .role-line{color:#f5f6f7}.wordmark em{color:#c6cbd1}.wordmark .role-number{color:#858e97}
.home-portal{min-height:0;padding:100px 0 55px}.portal-identity{width:100%;max-width:1000px}.portal-nav{border-color:var(--theme-line);background:#06090bbf;backdrop-filter:blur(12px)}.portal-nav a{color:#b6bcc3}.portal-nav a[aria-current=page],.portal-nav a:hover{background:#ffffff0d;color:#fff}
.hero-skills{border-color:var(--theme-line);margin-top:35px}.hero-skills h2,.label,.employment-heading .label{color:#bac2c9}.hero-skills li{color:#e9ecef}
.employment-row,.footer,.work-controls,.examples>div,.experience{border-color:var(--theme-line)}.employment-row p,.employment-row .employment-date,.employment-row h3 span{color:#a9b2bb}
.nav a,.production-setting,.setting-label,.clip .mono,.photo-credit,.project-meta{color:#aab2bb}.nav a[aria-current=page],.nav a:hover,a:hover{color:#fff}
.page-intro h1{color:#f5f6f7}.page-intro h1 em{color:#b4bbc3}.project-dialog{background:#070b0ef5;color:#f5f6f7;border-color:#ffffff26;backdrop-filter:blur(24px)}.dialog-description,.case-info p,.case-info li{color:#b5bdc5}.filters button[aria-pressed=true]{border-color:#d4dde3;color:#fff}.search input{color:#fff;border-color:var(--theme-line)}
.floating-bubble{opacity:.5}.floating-bubble.is-over-content:not(:focus-visible){opacity:.08;pointer-events:none}.bubble-fragment{display:none}
.selected-preview{max-width:1060px;margin:15px auto 95px}.selected-preview>.label{margin-bottom:24px;text-align:center;letter-spacing:.13em;text-transform:uppercase;font-size:11px}
.camera-player{position:relative;width:100%;aspect-ratio:1672/941;filter:drop-shadow(0 30px 35px #000a);--screen-left:11.24%;--screen-top:14.66%;--screen-width:58.43%;--screen-height:72.9%}
.camera-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;clip-path:inset(4% 3.6% 4.2% 3.7% round 2%)}
.camera-screen{position:absolute;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #0008}
.feature-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border:0;border-radius:0}
.camera-play{position:absolute;left:77%;top:38%;width:6.8%;height:12%;border-radius:50%;border:0;background:transparent}
.camera-play:hover{box-shadow:inset 0 0 18px #fff6}.camera-play:focus-visible{outline:2px solid #b1e9d8;outline-offset:4px}
.video-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px auto 25px;max-width:850px;font-size:14px;color:#b8c0c7}
.video-tools button{font-size:14px;padding:9px 16px;border:1px solid var(--theme-line);border-radius:999px;color:#f5f6f7;background:#080d10aa;backdrop-filter:blur(12px)}
.video-tools button:hover{background:#ffffff12}.video-volume{display:flex;align-items:center;gap:12px}.video-volume input{width:120px;accent-color:#d9e3e9}
.feature-caption,.video-source,.home-links{max-width:850px;margin-left:auto;margin-right:auto}.video-source{font-size:12px;margin-top:12px;color:#9ba6b0}.video-source a{border-bottom:1px solid #c0cad040;color:#e0e6eb}.feature-caption h2 a:hover{color:#fff}.selected-preview .home-links{margin-top:30px}
.employment{margin-top:70px}.page-home .footer{margin-top:55px}
@media(max-width:700px){body::before{background-position:65% center;opacity:.48}.home-portal{padding:75px 0 40px}.wordmark{font-size:clamp(30px,7.3vw,48px)}.portal-eyebrow{font-size:32px}.hero-skills{margin-top:30px}.selected-preview{margin:10px auto 60px}.selected-preview>.label{margin-bottom:12px}.camera-player{width:calc(100% + 12px);margin-left:-6px}.camera-screen{border-radius:3px}.video-tools{gap:10px;margin-top:12px;flex-wrap:wrap}.video-tools button{font-size:13px;padding:8px 13px}.video-volume{font-size:13px}.video-volume input{width:105px}.selected-preview .feature-caption h2{font-size:22px}.video-source{font-size:11px}.employment{margin-top:45px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none;will-change:auto}}

.camera-production-button{position:absolute;top:10%;height:8.4%;border:0;background:transparent;border-radius:8px;min-width:30px;min-height:30px}
.wrap{animation-fill-mode:backwards}.selected-preview{position:relative;z-index:3}
.camera-previous{left:77.4%;width:7%}.camera-next{left:84.4%;width:7.2%}
.camera-production-button:hover{background:#ffffff24}.camera-production-button:active{box-shadow:inset 0 2px 8px #0005}.camera-production-button:focus-visible{outline:2px solid #b1e9d8;outline-offset:3px}.camera-production-button:disabled{pointer-events:none}
.camera-play{min-width:30px;min-height:30px}
.camera-help{text-align:center;font-size:12px;letter-spacing:.03em;color:#a0aab3;margin:8px 0 20px}.camera-help span{margin:0 9px;color:#69727d}
.camera-cover,.camera-youtube{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.camera-youtube iframe{display:block;width:100%;height:100%;border:0}
.camera-cover{pointer-events:none}.camera-screen [hidden],.feature-video[hidden]{display:none!important}
.camera-title-flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:26px;text-align:center;background:#05090bd9;color:#f6f8fa;backdrop-filter:blur(8px);font-size:clamp(18px,2.3vw,34px);font-weight:500;line-height:1.18;letter-spacing:-.035em;opacity:0;transform:translateY(7px);transition:opacity .28s ease,transform .28s ease;pointer-events:none;z-index:5;margin:0}
.camera-title-flash.is-visible{opacity:1;transform:none}.camera-counter{position:absolute;left:15px;top:13px;font:11px 'Courier New',monospace;letter-spacing:.08em;color:#ffffffb8;text-shadow:0 1px 4px #000;z-index:6;pointer-events:none}
.camera-video-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:11px 16px;white-space:nowrap;border:1px solid #ffffff55;border-radius:999px;background:#030709d9;color:#fff;font-size:13px;z-index:4}
.camera-video-dialog{width:min(960px,95vw);padding:20px}.camera-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.camera-dialog-heading h2{font-size:22px;letter-spacing:-.035em;line-height:1.2}.camera-dialog-heading button{font-size:28px;line-height:1;width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff30;border-radius:50%}.camera-video-host{width:100%;aspect-ratio:16/9;min-height:200px;background:#000;margin-bottom:16px}.camera-video-host iframe{width:100%;height:100%;min-height:200px;border:0;display:block}
@media(max-width:700px){.camera-title-flash{font-size:16px;padding:16px}.camera-counter{left:8px;top:7px;font-size:8px}.camera-help{font-size:11px;margin:7px 0 15px}.camera-video-dialog{padding:16px}.camera-dialog-heading h2{font-size:20px}.camera-production-button{border-radius:3px}.camera-previous{left:77%;width:7.4%}.camera-next{left:84.4%;width:7.4%}}
@media(prefers-reduced-motion:reduce){.camera-title-flash{transition:none;transform:none}}

/* Real night-sky photography adds a quiet star field above the aurora. */
.night-stars{position:fixed;inset:0;z-index:-2;pointer-events:none;background:url("/assets/night-sky.webp") left top/auto 240% no-repeat;filter:grayscale(1) brightness(.9) contrast(1.15);mix-blend-mode:screen;opacity:.45;mask-image:linear-gradient(180deg,#000 0%,#000b 60%,transparent 92%);animation:night-shimmer 12s ease-in-out infinite alternate}
@keyframes night-shimmer{from{opacity:.38}to{opacity:.5}}
.hero-proof{display:flex;align-items:center;justify-content:center;gap:30px;max-width:750px;margin:30px auto 0;padding-top:25px;border-top:1px solid var(--theme-line);text-align:left}.hero-proof p{margin:0}.watch-proof{display:flex;align-items:center;gap:14px}.watch-proof>strong{font-size:42px;font-weight:500;letter-spacing:-.06em;line-height:1;color:#f5f6f7}.watch-proof>span{font-size:12px;line-height:1.6;color:#afb8c1}.creator-proof{padding-left:30px;border-left:1px solid var(--theme-line);font-size:13px;line-height:1.65;color:#afb8c1}.creator-proof strong{font-weight:500;color:#e9edef}
@media(max-width:700px){.night-stars{background-size:auto 250%;opacity:.46}.hero-proof{gap:18px;padding-top:24px;margin-top:26px}.watch-proof{gap:9px}.watch-proof>strong{font-size:34px}.watch-proof>span{font-size:10px}.creator-proof{padding-left:18px;font-size:11px}}
@media(max-width:420px){.hero-proof{flex-direction:column;gap:16px;text-align:center}.watch-proof>span{text-align:left}.creator-proof{padding:0;border:0}.creator-proof br{display:none}}
@media(prefers-reduced-motion:reduce){.night-stars{animation:none}}

/* Deeper blacks, brighter aurora ribbons, and clear photographic stars. */
body::before{filter:brightness(.64) contrast(2.4) saturate(1.05);opacity:.9}
body::after{background:radial-gradient(ellipse at 50% 35%,#010204a6 0%,#01020455 48%,#01020418 85%),linear-gradient(180deg,#0004,#0009)}
.night-stars{filter:grayscale(1) contrast(3.2) brightness(1.6);opacity:.7;animation:night-shimmer 14s ease-in-out infinite alternate}
@keyframes night-shimmer{from{opacity:.6}to{opacity:.8}}
.camera-help{margin-bottom:26px}
/* A native cursor stays aligned with the pointer, including inside dialogs. */
@media (hover:hover) and (pointer:fine){
  body,body *{cursor:url("/assets/black-hole-cursor.svg?v=white-core") 12 12,auto!important}
  a,button,[role="button"]{cursor:url("/assets/black-hole-cursor.svg?v=white-core") 12 12,pointer!important}
  input,textarea,[contenteditable="true"]{cursor:text!important}
  select,input[type="range"],input[type="checkbox"],input[type="radio"],video,iframe{cursor:auto!important}
}
.trip-section{margin-top:32px;border-top:1px solid var(--theme-line);padding-top:24px}.trip-section .section-head{margin-top:0}.trip-description{color:#b5bdc5;font-size:15px;line-height:1.65;margin-bottom:20px}.trip-section h3{font-size:24px}.trip-section .clip h3{font-size:15px}