/* Editable lettering with shallow architectural depth and sunset illumination. */
.brand{perspective:1000px;transform-style:preserve-3d;filter:drop-shadow(0 16px 20px #09100d38)}
.bidr{position:relative;display:block;color:#e4dfcc;background:linear-gradient(155deg,#fffaf0 3%,#e7e3d5 24%,#c1c4bc 46%,#f7e6bf 49%,#ded1b1 65%,#a3aa9e 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 #778175) drop-shadow(1px 1px 0 #677366) drop-shadow(1px 1px 0 #586152) drop-shadow(1px 1px 0 #424b3e) drop-shadow(0 7px 7px #0b150f45);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 #596355,2px 2px 0 #323e30,0 5px 12px #08100975;opacity:.93}
.shade{background:linear-gradient(180deg,rgba(10,19,17,.48),rgba(10,19,17,.01) 35%,rgba(10,19,17,.24) 61%,rgba(10,19,17,.9)),linear-gradient(90deg,rgba(10,19,17,.16),transparent 70%)}
.hero-content{perspective:1200px}
@media(max-width:650px){.bidr{transform:rotateY(-4deg) rotateX(2deg);filter:drop-shadow(1px 1px 0 #778175) drop-shadow(1px 1px 0 #586152) drop-shadow(0 7px 7px #0b150f45)}.shade{background:linear-gradient(180deg,#0a131150,#0a131111 20%,#0a131144 50%,#0a1311ed 100%)}}
@media(prefers-reduced-motion:reduce){.bidr,.technologies{transform:none}}
.hero{height:min(100svh,max(800px,62.5vw));max-height:1100px}