.about-title{font-family:"Nunito Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:#171916;color:#eee;font-family:"Nunito Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #7b9473;outline-offset:5px}.scene{min-height:100svh;display:grid;place-items:center;scroll-snap-align:start;position:relative}.canvas{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}.art{display:block;width:100%;height:100%;object-fit:cover}.hot{position:absolute;display:block;background:transparent;border:0;color:transparent}.hot:hover{box-shadow:inset 0 -1px #ffffff66}.hot-menu{right:2%;top:1.5%;width:11%;height:7%}.hot-work{left:5%;top:39%;width:48%;height:19%}.hot-about{left:3%;bottom:3%;width:9%;height:6%}.hot-contact{left:13%;bottom:3%;width:11%;height:6%}.next-scene{position:absolute;bottom:12px;right:22px;font-size:11px;letter-spacing:2px;padding:12px;background:#17191699}.fixed-menu{position:fixed;z-index:10;right:18px;top:12px;background:#f1eee8;color:#282a25;border:0;padding:12px 18px;font-size:11px;letter-spacing:2px}dialog{border:0;background:#f1eee8;color:#282a25;padding:50px;min-width:min(400px,90vw)}dialog::backdrop{background:#101510c9}dialog nav{display:grid;gap:25px;font-size:27px}dialog button{border:0;background:none;float:right;margin-bottom:25px;padding:8px}.light{background:#e8e8e1;color:#292c28}.manifest{position:absolute;left:6.3%;top:32%;width:43%;font-size:clamp(17px,4vw,68px);line-height:1.25;font-weight:300;letter-spacing:-.02em}.manifest p{margin:0 0 1em}.manifest strong{font-weight:500}.before,.after{position:absolute;inset:0;overflow:hidden}.before .aligned,.after .aligned{filter:sepia(.15) saturate(.78) brightness(.8) url(#meeting-warmth)}.aligned{position:absolute;width:100%;height:116.883%;top:-8.44%;object-fit:fill}.after{transform:translate3d(100%,0,0);will-change:transform}.after .aligned{transform:translate3d(-100%,0,0);will-change:transform}.wipe-line{position:absolute;top:14%;height:72%;width:100%;left:0;opacity:0;transform:translate3d(100%,0,0);will-change:transform;pointer-events:none}.wipe-line::before{content:"";position:absolute;left:0;top:0;height:100%;width:1px;background:#fff}.reveal .after{animation:reveal 2.6s ease-in-out forwards}.reveal .after .aligned{animation:counter-reveal 2.6s ease-in-out forwards}.reveal .wipe-line{animation:line 2.6s ease-in-out forwards}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#101815b8,transparent 80%)}.meeting-copy{position:absolute;left:6.3%;top:31%;width:44%;font-size:clamp(22px,3.1vw,54px);font-weight:300}.meeting-copy h1{font:inherit;line-height:1.2;margin:0 0 .6em}.meeting-copy p{font-size:.58em;line-height:1.5}.replay{position:absolute;bottom:5%;left:6.3%;background:none;color:#eee;border:0;border-bottom:1px solid #aaa;padding:8px 0;font-size:11px;letter-spacing:2px}@keyframes reveal{to{transform:translate3d(0,0,0)}}@keyframes counter-reveal{to{transform:translate3d(0,0,0)}}@keyframes line{0%{transform:translate3d(100%,0,0);opacity:1}99%{opacity:1}100%{transform:translate3d(0,0,0);opacity:0}}.page{background:#f1eee8;color:#292c28;min-height:100svh;padding:35px 5vw}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12vh}.brand{font-size:32px;letter-spacing:-4px}.page-header nav{display:flex;gap:30px;font-size:13px;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:5vw}.about-title h1{font-size:clamp(48px,6vw,100px);font-weight:300;letter-spacing:-3px;margin:0}.about-title p{font-size:20px;line-height:1.5}.about-title .closing{font-size:34px;margin-top:10vh}.letter{font-size:clamp(15px,1.25vw,21px);line-height:1.55}.letter p{margin:0 0 1.2em}.contact-email{left:53%;top:43%;width:29%;height:10%}.contact-home{left:3%;top:3%;width:8%;height:9%}.contact-work{left:67%;top:3%;width:12%;height:9%}.contact-about{left:79%;top:3%;width:9%;height:9%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){.scene{min-height:70svh}.fixed-menu{font-size:10px}.about-grid{grid-template-columns:1fr}.page-header{margin-bottom:50px}.page-header nav{gap:15px;font-size:11px}.about-title .closing{margin:30px 0}.canvas{min-width:650px;left:0}.scene{overflow:hidden;display:flex;justify-content:center}.scene .canvas{min-width:0;width:100%}.manifest{font-size:4vw}.meeting-copy{font-size:3.1vw}.next-scene{bottom:10px}.page{padding:25px 6vw}.contact .canvas{width:100%;min-width:0}.contact-email{top:43%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal .after,.reveal .after .aligned{animation-duration:.01ms}.reveal .wipe-line{display:none}}

/* Slides 04–05: geometric light lettering, with emphasis in the same family. */


.manifest,.meeting-copy{font-family:"Nunito Sans","Nunito Sans",sans-serif;font-weight:200;font-synthesis:none;letter-spacing:0}
.meeting-copy h1{font-weight:200;letter-spacing:.025em}
.meeting-copy p{font-weight:200;letter-spacing:.005em}
.manifest p,.manifest strong{font-size:inherit;line-height:inherit}
.manifest strong{font-family:inherit;font-weight:400}