@charset "UTF-8";
/* Optical registration belongs to the scene, rather than another HUD. */
.cine-layer{position:absolute;pointer-events:none;user-select:none;z-index:1}
.cine-layer svg{width:100%;height:100%;overflow:visible}
.cine-layer svg *{vector-effect:non-scaling-stroke}
.cine-hero-optics{inset:0;color:#f5f3ff;opacity:calc(1 - var(--reframe,0));overflow:hidden}
.cine-registration{position:absolute;inset:0;stroke-width:1;opacity:.73}
.cine-registration .cine-registration-accent{stroke:var(--violet)}
.cine-recorder,.cine-character-label,.cine-world-label{position:absolute;font-family:Consolas,"Courier New",monospace;font-size:10px;line-height:1.55;letter-spacing:.09em}
.cine-recorder{left:calc(var(--content-left) - 18px);top:26%;display:flex;gap:10px;align-items:flex-start}
.cine-recorder::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--violet);margin-top:5px}
.cine-recorder::after{content:"";width:50px;height:25px;border-top:1px solid #f5f3ff90;border-right:1px solid #f5f3ff90;transform:skewX(38deg);margin:7px 0 0 6px}
.cine-character-label{right:4.5%;top:20%;max-width:10em}
.cine-lens-arc{position:absolute!important;left:17%;top:41%;width:18%!important;height:29%!important;opacity:.45;stroke-width:.7;transform:rotate(calc(var(--cine-dolly,0) * 18deg))}
.cine-lens-arc .cine-registration-accent{stroke:var(--lime)}
.cine-world-optics{inset:0;overflow:hidden;color:#eeeafa;opacity:1}
.sequence-on .cine-world-optics{opacity:calc(var(--world-labels,0) * max(0,1 - var(--world-exit,0) * 2))}
.cine-world-orbits{position:absolute;inset:10% -8% 8% 2%;width:106%!important;height:84%!important;opacity:.48;stroke-width:.65;transform:rotate(calc(var(--cine-world-depth,0) * -5deg))}
.cine-world-orbits .cine-orbit-secondary{stroke:var(--violet);stroke-dasharray:2 5;opacity:.65}
.cine-world-registration{position:absolute;left:45%;top:15%;width:24%!important;height:37%!important;stroke:var(--violet);stroke-width:1.05;opacity:.85}
.cine-world-label{right:3%;top:32%;writing-mode:vertical-rl;letter-spacing:.25em;font-size:9px}
.cine-world-label-first{left:3%;right:auto;top:22%}
.cine-world-foreground{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:calc(.78 * var(--world-labels,1) * max(0,1 - var(--world-exit,0) * 3));transform:translate3d(0,calc(var(--cine-world-depth,0) * -14px),0)}
.cine-world-foreground>i{display:block;position:absolute;top:-8%;bottom:-8%;width:14%;background-image:url("assets/world-v2.webp");background-size:auto 115%;filter:blur(7px);opacity:.8}
.cine-world-foreground>i:first-child{left:-5%;background-position:left center;mask-image:linear-gradient(90deg,#000 12%,transparent 100%);transform:translateX(calc(var(--cine-world-depth,0) * -17px)) rotate(-4deg)}
.cine-world-foreground>i:last-child{right:-4%;background-position:right center;mask-image:linear-gradient(270deg,#000 18%,transparent 100%);transform:translateX(calc(var(--cine-world-depth,0) * 17px)) rotate(4deg)}
/* The archive photograph is also the exact camera handoff destination. */
.works,.about,.contact{position:relative;isolation:isolate}
.cine-chapter-mark{position:absolute;z-index:0;pointer-events:none;user-select:none;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(170px,15vw,230px);line-height:.9;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px var(--violet)}
.cine-mark-works{top:87px;right:calc(var(--content-right) + 36px);opacity:.7}
.archive-heading{position:relative;z-index:1;max-width:70%}
.featured-project,.text-project,.concept-process{position:relative;z-index:1}
.project-art,.project-portrait,.about-art{position:relative}
.project-portrait{margin-top:0}
.cine-image-frame{position:absolute;inset:0;z-index:2;width:100%;height:100%;color:var(--violet);stroke-width:1.05;pointer-events:none}
.cine-image-frame *{vector-effect:non-scaling-stroke}
.cine-image-index{position:absolute;left:19px;bottom:17px;z-index:2;font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:.12em;line-height:1.6;color:white;pointer-events:none;text-shadow:0 1px 8px #101114}
.cine-image-index::before{content:"";display:inline-block;vertical-align:1px;margin-right:8px;width:7px;height:7px;background:var(--lime)}
.cine-mark-about{left:calc(var(--content-left) - 24px);top:43px;opacity:.2;-webkit-text-stroke-color:#696e8b}
.about-top{position:relative;z-index:1}
.cine-portrait-registration{position:absolute;inset:12px;z-index:2;color:#101114;stroke-width:.9;pointer-events:none}
.cine-portrait-registration *{vector-effect:non-scaling-stroke}
.cine-portrait-label{position:absolute;right:20px;top:25px;color:#101114;font-family:Consolas,"Courier New",monospace;font-size:9px;letter-spacing:.08em;line-height:1.6;z-index:2;pointer-events:none}
.cine-contact-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.cine-contact-background img{object-position:50% 67%;opacity:.2;filter:grayscale(.75);mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 80%,transparent 100%)}
.cine-contact-arcs{position:absolute;inset:-45% -6%;width:112%;height:180%;opacity:.24;stroke-width:.65;color:#e7e6ef;pointer-events:none}
.cine-mark-contact{right:calc(var(--content-right) + 12px);top:23px;font-size:clamp(140px,12vw,185px);opacity:.22;-webkit-text-stroke-color:#fff;z-index:0}
.contact-main,.site-footer{position:relative;z-index:1}
.cine-image-hover img{transition:transform .65s cubic-bezier(.16,1,.3,1);transform:perspective(1300px) rotateX(var(--cine-tilt-x,0deg)) rotateY(var(--cine-tilt-y,0deg)) scale(var(--cine-image-scale,1));transform-origin:50% 50%}
.cine-magnetic{translate:var(--cine-magnet-x,0px) var(--cine-magnet-y,0px);transition:translate .3s cubic-bezier(.16,1,.3,1),background .2s,color .2s}
@media(min-width:1201px){.project-portrait{height:300px;margin-top:0;margin-bottom:24px}.featured-project{margin-bottom:22px}.text-project>summary{min-height:96px;padding:19px 0}}
@media(min-width:1800px){.project-portrait{height:355px}}
@media(min-width:821px) and (max-width:1200px){.project-portrait{height:260px;margin-top:0}.cine-mark-works{top:100px;font-size:180px;right:var(--content-right)}}
@media(max-width:820px){
 .cine-recorder{font-size:8px;top:26%;left:var(--content-left);gap:6px}.cine-recorder::before{width:5px;height:5px;margin-top:4px}.cine-recorder::after{width:25px;height:12px;margin-left:1px}
 .cine-character-label{font-size:7px;top:24%;right:6%;max-width:8em}.cine-registration{opacity:.55}.cine-lens-arc{left:10%;top:38%;width:24%!important;height:25%!important;opacity:.28}
 .cine-world-registration{left:54%;top:20%;width:28%!important;height:28%!important;opacity:.7}.cine-world-orbits{inset:17% -24% 15% 4%;width:118%!important;height:70%!important;opacity:.32}
 .cine-world-label{font-size:7px;right:4%;top:22%}.cine-world-label-first{display:none}.cine-world-foreground>i{width:11%;filter:blur(5px);opacity:.65}
 .cine-chapter-mark{font-size:92px}.cine-mark-works{top:55px;right:var(--content-right);font-size:92px;opacity:.4}.archive-heading{max-width:78%}
 .project-portrait{margin-top:0}.cine-image-index{font-size:7px;left:10px;bottom:11px}.cine-image-index::before{width:5px;height:5px;margin-right:5px}.cine-image-frame{stroke-width:.8}
 .cine-mark-about{top:49px;left:calc(var(--content-left) - 9px);font-size:118px;opacity:.13}.cine-portrait-label{font-size:7px;top:22px;right:19px}.cine-portrait-registration{inset:9px}
 .cine-mark-contact{font-size:95px;top:23px;right:var(--content-right);opacity:.15}.cine-contact-background img{opacity:.16}.cine-contact-arcs{inset:-5% -15%;width:130%;height:112%;opacity:.18}
}
@media(max-width:500px){.cine-character-label{top:28%;right:6%}.cine-lens-arc{display:none}.cine-mark-works{top:61px;font-size:55px}.archive-heading{max-width:100%}.project-portrait{margin:0;height:156px}.cine-mark-about{font-size:95px;top:55px}.cine-mark-contact{font-size:85px;top:30px;opacity:.1}.cine-portrait-label{right:16px;top:18px}}
@media(max-width:360px){.cine-character-label{display:none}.cine-recorder::after{display:none}.cine-mark-works{font-size:46px;top:64px}.cine-world-label{display:none}}
@media(prefers-reduced-motion:reduce){.cine-image-hover img{transform:none!important}.cine-magnetic{translate:none!important}.cine-hero-optics{opacity:1}.cine-world-optics{opacity:1}.cine-world-foreground{opacity:.5;transform:none}.cine-world-foreground>i{transform:none}}
@media(hover:none),(pointer:coarse){.cine-image-hover img{transform:none!important}.cine-magnetic{translate:none!important}}