.scene-toggle{position:relative;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:#997034;overflow:hidden;touch-action:manipulation}
.scene-toggle svg{position:absolute;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.scene-toggle .scene-sun{opacity:1;transform:rotate(0) scale(1)}
.scene-toggle .scene-moon{opacity:0;transform:rotate(35deg) scale(.6)}
.scene-twilight .scene-toggle{color:#f0dfae}
.scene-twilight .scene-toggle .scene-sun{opacity:0;transform:rotate(-45deg) scale(.6)}
.scene-twilight .scene-toggle .scene-moon{opacity:1;transform:rotate(0) scale(1)}
.scene-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.scene-toggle:active{scale:.94}
.navigation .plan-label-compact{display:none}
/* A single crossfade includes the photo, lighting, typography and controls. */
html.scene-changing .experience{view-transition-name:tagas-scene}
::view-transition{pointer-events:none}
::view-transition-group(tagas-scene){animation-duration:.65s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
::view-transition-old(tagas-scene){animation:scene-light-out .65s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
::view-transition-new(tagas-scene){animation:scene-light-in .65s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
::view-transition-old(root),::view-transition-new(root){animation:none}
@keyframes scene-light-out{to{opacity:0}}
@keyframes scene-light-in{from{opacity:0}to{opacity:1}}
.scene-mode-outgoing.scene-image{position:absolute;inset:0;pointer-events:none}
html.scene-changing .scene-foreground,html.scene-changing .door-art,html.scene-changing .door-tint{transition:filter .65s ease,opacity .65s ease}
html.scene-changing .navigation,html.scene-changing .primary,html.scene-changing .subtitle,html.scene-changing .door-controls,html.scene-changing .benefits{transition:color .65s ease,background-color .65s ease,border-color .65s ease}
@media(max-width:760px){
 .navigation{padding-inline:12px;gap:8px}
 .navigation .nav-actions{gap:5px}
 .scene-toggle{display:grid;width:40px;height:40px;flex-basis:40px}
 .scene-toggle svg{width:19px;height:19px}
}
@media(max-width:400px){
 .navigation .plan-label{display:none}
 .navigation .plan-label-compact{display:inline}
 .navigation .primary{gap:6px;padding:11px 10px}
}
@media(max-width:350px){
 .navigation{padding-inline:8px;gap:6px}
 .navigation .logo{font-size:23px;letter-spacing:3px}
 .navigation .logo small{font-size:5px;letter-spacing:2.4px}
 .navigation .plan-arrow{display:none}
 .navigation .menu-button{width:28px}
}
@media(prefers-reduced-motion:reduce){
 .scene-toggle svg{transition:none}
 .scene-toggle:active{scale:1}
 html.scene-changing .experience{view-transition-name:none}
 html.scene-changing .scene-foreground,html.scene-changing .door-art,html.scene-changing .door-tint,html.scene-changing .navigation,html.scene-changing .primary,html.scene-changing .subtitle,html.scene-changing .door-controls,html.scene-changing .benefits{transition:none}
}