body .stage{margin:0!important;width:100%!important;height:calc(100svh - 32px)!important;min-height:700px!important;max-height:1100px;background:repeating-linear-gradient(90deg,#bedbe7 0 56px,#fffaf0 56px 112px)!important;border-radius:20px!important;overflow:hidden}
.cover-collage{position:absolute;inset:0 0 76px;isolation:isolate;color:#911d3a}.cover-label{position:absolute;top:8%;left:6%;font:12px Georgia,serif;letter-spacing:4px}.cover-title-group{position:absolute;left:5%;top:27%;width:53%;z-index:5}.cover-title{font:italic 400 clamp(86px,12.5vw,190px)/.95 'Baskerville','Times New Roman',serif;letter-spacing:-9px;margin:0;color:#911d3a;text-shadow:2px 2px 0 #fff9ee,5px 5px 0 #ce9d9c;transform:rotate(-5deg)}.cover-title:first-letter{font-size:1.35em}.cover-byline{display:inline-block;margin:30px 0 0 17%;padding:13px 34px;background:#ecd5c4;font:700 clamp(20px,2.7vw,38px) Georgia,serif;transform:rotate(-3deg);box-shadow:1px 3px 0 #761d2b20}.cover-specialty{font:12px Arial,sans-serif;letter-spacing:2px;margin:22px 0 0 18%;color:#722d38}.cover-art{position:absolute;width:48%;height:88%;right:2%;bottom:2%;z-index:3;isolation:isolate}.cover-paper{position:absolute;left:14%;top:13%;width:72%;height:65%;background:repeating-linear-gradient(#f3e5d2 0 22px,#c7baa730 22px 23px);transform:rotate(4deg);box-shadow:4px 6px 10px #41242b22}.cover-camera{position:absolute;bottom:7%;left:4%;width:96%;height:auto;transform:rotate(10deg);filter:drop-shadow(7px 10px 5px #5d233135);z-index:2}.cover-portrait{position:absolute;top:-2%;left:10%;width:74%;height:86%;object-fit:contain;object-position:top;z-index:3;filter:drop-shadow(3px 4px 1px #fff8ef)}.cover-star{position:absolute;left:0;top:3%;width:105px;height:105px;background:radial-gradient(circle,#c9698a 1px,#891d3b 2px);background-size:4px 4px;clip-path:polygon(50% 0,62% 34%,99% 35%,69% 58%,80% 97%,50% 74%,19% 97%,30% 59%,0 35%,38% 33%);transform:rotate(15deg);z-index:4;filter:drop-shadow(2px 3px 2px #52162a33)}.cover-button{position:absolute;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e5c5cf,#b76a87);border:5px solid #dcb2c2;box-shadow:inset 0 0 0 2px #a95974,3px 4px 4px #6c29352a;z-index:5;display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:6px;place-content:center}.cover-button i{background:#8d4059;border-radius:50%;box-shadow:inset 1px 1px 2px #4e2439}.cover-button.one{left:8%;top:27%;transform:rotate(-15deg)}.cover-button.two{left:21%;top:19%;width:43px;height:43px;transform:rotate(14deg)}.cover-stamp{position:absolute;right:8%;top:5%;border:2px solid #911d3a;border-radius:8px;padding:8px 12px;font:10px Georgia;letter-spacing:2px;transform:rotate(12deg);z-index:4}.cover-corner-button{position:absolute;bottom:-60px;left:2%;width:140px;height:140px;border-radius:50%;border:10px solid #d1a1b1;background:radial-gradient(circle at 30% 25%,#edcbd8,#b66b88);box-shadow:inset 0 0 0 4px #a95f78;z-index:0}.cover-corner-button:before,.cover-corner-button:after{content:'';position:absolute;top:35%;width:14px;height:14px;background:#fff5e9;border-radius:50%}.cover-corner-button:before{left:30%}.cover-corner-button:after{right:30%}
@media(max-width:700px){body .stage{min-height:760px!important;height:calc(100svh - 16px)!important;background-size:78px 100%!important}.cover-label{top:5%;font-size:9px}.cover-title-group{top:13%;left:6%;width:90%}.cover-title{font-size:clamp(80px,20vw,135px);letter-spacing:-5px}.cover-byline{font-size:22px;margin-top:16px;padding:9px 22px}.cover-specialty{font-size:9px;margin-top:14px}.cover-art{width:90%;height:55%;right:-1%;bottom:0}.cover-star{width:75px;height:75px;top:8%}.cover-stamp{top:4%;right:5%;font-size:8px}.cover-camera{bottom:4%}.cover-button{scale:.8}.cover-corner-button{left:-30px}}
.cover-byline{position:relative;background:#911d3a;color:#f5efdf;font-family:'Snell Roundhand','Apple Chancery','Baskerville',cursive;font-weight:400;font-style:normal;font-size:clamp(29px,3.8vw,58px);line-height:1.2;padding:15px 40px 18px;margin-left:10%;min-width:65%;text-align:center;box-shadow:none;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);transform:rotate(-2deg)}
@media(max-width:700px){.cover-byline{font-size:34px;margin-top:18px;padding:12px 27px;min-width:70%;margin-left:10%}}

.cover-exact-collage{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.cover-art{height:96%;bottom:0;right:0;width:49%}@media(max-width:700px){.cover-art{height:56%;width:90%;right:-3%;bottom:0}}
/* Seated portrait on the name ribbon, without camera or scrapbook decorations. */
.cover-title-group{inset:0;width:100%;z-index:4;pointer-events:none}.cover-title{position:absolute;left:6%;top:22%;width:48%}.cover-byline{position:absolute;left:5%;top:61%;width:89%;min-width:0;margin:0;padding:20px 7%;text-align:left;box-sizing:border-box;font-size:clamp(35px,4.5vw,68px)}.cover-specialty{position:absolute;left:12%;top:83%;margin:0}.cover-art{right:2%;top:8%;bottom:auto;width:49%;height:92%;z-index:6}.cover-exact-collage{object-position:center top}
@media(max-width:700px){.cover-title{top:10%;left:7%;width:88%;font-size:clamp(80px,20vw,135px)}.cover-byline{top:58%;left:3%;width:94%;font-size:29px;padding:17px 8%}.cover-art{width:73%;height:68%;top:30%;right:-13%}.cover-specialty{top:77%;left:8%;font-size:8px;width:43%;line-height:1.7}}
/* Tighter grouping of the seated figure and name ribbon. */
.cover-art{right:12%}.cover-byline{width:79%}
@media(max-width:700px){.cover-art{right:-3%}.cover-byline{width:84%}}
.cover-art{right:22%}.cover-byline{width:69%}
@media(max-width:700px){.cover-art{right:7%}.cover-byline{width:74%}}
/* Center the complete compact composition as one group. */
.cover-collage{translate:8.5% 0}
@media(max-width:700px){.cover-collage{translate:5% 0}}
.cover-title:before{content:'GRAPHIC DESIGN';display:block;font:400 clamp(12px,1.4vw,21px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:5px;text-shadow:none;margin:0 0 12px 9%;transform:rotate(5deg)}
@media(max-width:700px){.cover-title:before{font-size:11px;letter-spacing:3px;margin-bottom:7px}}
.cover-byline{font-family:'Savoye LET','SignPainter','Snell Roundhand',cursive;font-weight:400;font-style:normal;letter-spacing:0;font-size:clamp(40px,5vw,76px);line-height:1.05}
@media(max-width:700px){.cover-byline{font-size:35px}}
.cover-title:before{content:'Graphic Design';font-family:inherit;font-style:italic;font-weight:400;font-size:.32em;line-height:1.15;letter-spacing:-1.5px;text-shadow:1px 1px 0 #fff9ee,3px 3px 0 #ce9d9c;transform:none;margin:0 0 10px 12%}
@media(max-width:700px){.cover-title:before{font-size:.3em;letter-spacing:-1px;margin-bottom:8px}}
.cover-title{font-size:clamp(96px,14vw,210px)}.cover-title:before{font-size:.39em;margin-left:7%}
.cover-original-face{position:absolute;z-index:2;max-width:none!important;height:auto!important;pointer-events:none;clip-path:polygon(29% 27%,34% 23%,42% 23%,53% 28%,62% 35%,65% 41%,62% 48%,55% 54%,47% 57%,39% 54%,32% 49%,28% 43%,26% 36%)}
@media(max-width:700px){.cover-title{font-size:clamp(88px,22vw,148px)}.cover-title:before{font-size:.36em}}
.cover-title:before{font-size:.57em;letter-spacing:-2px;margin-left:0;margin-bottom:10px;white-space:nowrap}
@media(max-width:700px){.cover-title:before{font-size:.47em;letter-spacing:-1.5px}}
.cover-title{top:10%}
@media(max-width:700px){.cover-title{top:4%}}
.cover-byline{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:4px;font-size:clamp(26px,3vw,46px);line-height:1.25}
@media(max-width:700px){.cover-byline{font-size:21px;letter-spacing:2px}}

/* Gentle vertical movement of the complete cover composition. */
@keyframes cover-gentle-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-22px,0)}}
.cover-collage{animation:cover-gentle-float 5s ease-in-out infinite}
.cover-byline{font-size:clamp(24px,2.65vw,41px)}
@media(max-width:700px){.cover-byline{font-size:19px}}
@media(prefers-reduced-motion:reduce){.cover-collage{animation:none}}

/* Align both title lines on the same visual center. */
.cover-title{width:max-content;text-align:center}
.cover-title:before{width:max-content;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}
@media(max-width:700px){.cover-title{width:max-content}}

/* Keep the moving portrait on a stable composited layer. */
.cover-collage{will-change:transform;backface-visibility:hidden}
.cover-exact-collage{transform:translateZ(0);backface-visibility:hidden;image-rendering:auto;filter:none!important}

.cover-title{margin-left:-16px}
@media(max-width:700px){.cover-title{margin-left:-9px}}

.cover-byline{font-family:'Snell Roundhand','Brush Script MT',cursive;font-weight:400;font-style:normal;text-transform:none;letter-spacing:0}

/* The supplied signature itself preserves the exact lettering. */
.cover-name-signature{display:block;width:100%;height:clamp(52px,6vw,92px);background:currentColor;-webkit-mask:url('assets/biata-exact-name-signature.png') left center/contain no-repeat;mask:url('assets/biata-exact-name-signature.png') left center/contain no-repeat}
@media(max-width:700px){.cover-name-signature{height:48px}}

.cover-name-signature{height:clamp(72px,8vw,124px);transform:scaleX(1.12);transform-origin:left center}
@media(max-width:700px){.cover-name-signature{height:64px;transform:scaleX(1.08)}}

.cover-name-signature{height:clamp(80px,8.8vw,137px)}
@media(max-width:700px){.cover-name-signature{height:71px}}

.cover-specialty{top:89%}
@media(max-width:700px){.cover-specialty{top:83%}}

body>.site-home-logo{left:22px}
@media(max-width:700px){body>.site-home-logo{left:13px}}
