/* Editable lettering with shallow architectural depth and sunset illumination. */
.brand{perspective:1000px;transform-style:preserve-3d;filter:drop-shadow(0 16px 20px #0a0d0f38)}
.bidr{position:relative;display:block;color:#e4dfcc;background:linear-gradient(155deg,#fffaf0 3%,#e7e3d5 24%,#bcc1c4 46%,#f7e6bf 49%,#ded1b1 65%,#9ea5aa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px #f6e9cd70;transform:rotateY(-7deg) rotateX(3deg);transform-origin:40% 65%;filter:drop-shadow(1px 1px 0 #757c81) drop-shadow(1px 1px 0 #666e73) drop-shadow(1px 1px 0 #525b61) drop-shadow(1px 1px 0 #3e464b) drop-shadow(0 7px 7px #0c111445);text-shadow:none;opacity:.94}
.period{background:linear-gradient(145deg,#f8e6b4,#b99449);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.technologies{color:#e5dcc3;transform:rotateY(-7deg);transform-origin:left center;text-shadow:0 -1px 0 #fff6df70,1px 1px 0 #555d63,2px 2px 0 #30383e,0 5px 12px #090c0f75;opacity:.93}
.shade{background:linear-gradient(180deg,rgba(11,15,18,.48),rgba(11,15,18,.01) 35%,rgba(11,15,18,.24) 61%,rgba(11,15,18,.9)),linear-gradient(90deg,rgba(11,15,18,.16),transparent 70%)}
.hero-content{perspective:1200px}
@media(max-width:650px){.bidr{transform:rotateY(-4deg) rotateX(2deg);filter:drop-shadow(1px 1px 0 #757c81) drop-shadow(1px 1px 0 #525b61) drop-shadow(0 7px 7px #0c111445)}.shade{background:linear-gradient(180deg,#0b0f1250,#0b0f1211 20%,#0b0f1244 50%,#0b0f12ed 100%)}}
@media(prefers-reduced-motion:reduce){.bidr,.technologies{transform:none}}
.hero{height:min(100svh,max(800px,62.5vw));max-height:1100px}