.logo{display:block;line-height:0;letter-spacing:0}.logo img{display:block;width:108px;height:auto}.stage{min-height:0}.chapters button{min-width:36px;min-height:44px}.scene-footer{gap:12px}.no-js #experience{height:auto}.no-js .stage{position:relative;height:auto;min-height:100svh;padding:130px 7% 80px}.no-js .copy{position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none;margin:0 0 70px}.no-js .visual,.no-js .scene-footer,.no-js .progress{display:none}.no-js .copy{pointer-events:auto}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){:root{--temple-left:0%;--temple-width:100%}.copy,.middle{left:7%;top:15%;width:86%}.temple-viewport{top:calc(29%*(1 - var(--flight)));height:calc(71% + 29%*var(--flight))}.hand{background-size:auto 83%;background-position:62% bottom}.author-line{display:none}.halo{left:25%;top:34%;width:72vw}.final{left:7%;top:20%;width:86%}.world{background-position:30% center;filter:brightness(.62)}}
@media(min-width:601px) and (max-height:450px){.final .personal{display:none}.final p{margin:8px 0}.final h2{font-size:34px!important;margin:10px 0!important}}
@media(max-width:600px){.logo img{width:88px}.copy p{font-size:13px}.scene-footer{bottom:16px}.scroll-label{font-size:9px;letter-spacing:.7px}.chapters button{min-width:32px}.eyebrow{letter-spacing:1.5px}}
@media(max-width:600px) and (max-height:680px){.header{padding-top:14px}.copy,.middle{top:17%}h1,h2,.middle h2{font-size:46px;margin:18px 0 12px}.final{top:19%}.final h2{font-size:49px}.final .primary{margin-top:10px}.personal{margin-top:10px}}
@media(min-width:601px) and (max-height:650px){.header{padding-top:14px;padding-bottom:14px}.copy,.middle,.final{top:23%}h1,h2,.middle h2,.final h2{font-size:clamp(38px,10vh,64px);margin:14px 0 12px}.copy p{font-size:12px;line-height:1.6}.author-line{display:none}.final .primary{margin-top:6px;min-height:42px;padding:5px 10px 5px 16px}.personal{margin-top:8px}.scene-footer{bottom:10px}.eyebrow{font-size:8px;letter-spacing:1.3px}}
.header-actions{display:flex;align-items:center;gap:28px}.projects-nav{display:inline-flex;align-items:center;gap:12px;padding:12px 0;color:#f0e5cf;font-size:11px;letter-spacing:.4px;border-bottom:1px solid #c9ac7470;white-space:nowrap;transition:color .25s,border-color .25s}.projects-nav:hover{color:#fff;border-color:#fff}.projects-nav span{display:inline-flex;align-items:center;gap:5px;color:#c9ae7a;font-size:9px;letter-spacing:1px}.ui-arrow{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.header-actions{gap:18px}}
@media(max-width:600px){.header-actions{gap:12px}.projects-nav{font-size:10px;padding:7px 0;gap:5px}.projects-nav span{font-size:8px}}
@media(max-width:380px){.header{gap:10px}.header-actions{gap:10px}.projects-nav:not(.contacts-nav) span{display:none}.header-actions .contact{font-size:10px;gap:8px;padding:6px 8px;white-space:nowrap}.header-actions .contact span{width:22px;height:22px;border:0}.logo img{width:80px}}
.logo{align-self:flex-start}