.works-page .top nav a{display:inline-flex;align-items:center;min-height:44px}

.works-page .final-actions .story-return{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border:1px solid #c4a47366;border-radius:3px;color:#e5c995;text-decoration:none}

.works-page .final-actions .story-return:hover{border-color:#e5c995;background:#e5c9950d}

@media(max-width:640px){.works-page .top nav{gap:16px}}





.works-page .top #home .wordmark-logo{height:40px;width:auto;max-width:100%;object-fit:contain}

.works-page .folio-intro h1{font-size:clamp(34px,4.6vw,64px);line-height:1.16;letter-spacing:-.035em;margin:16px 0 24px}

.works-page .folio-case-heading h2{font-size:clamp(28px,3vw,46px);line-height:1.3;margin:12px 0 20px;color:#ebd4a3}

.works-page #final-title{font-size:clamp(28px,4vw,56px);line-height:1.22}

.works-page .top a:focus-visible,.works-page .folio-navigation a:focus-visible{outline:2px solid #e8c77b;outline-offset:5px}

@media(max-width:720px){.works-page .top #home .wordmark-logo{height:32px}.works-page #final-title{font-size:clamp(28px,7.4vw,56px)}}





.works-page .flagship-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:24px 0 4px}

.works-page .flagship-body section{min-width:0;border-top:1px solid #c4a47338;padding-top:16px}

.works-page .flagship-body h4{font-size:15px;color:#e8c77b;margin:0 0 8px}

.works-page .flagship-body p{font-size:16px;line-height:1.8;margin:0;color:#d8dce8;overflow-wrap:anywhere}

.works-page .flagship-body figure{grid-column:1/-1;margin:0;max-width:100%}

.works-page .flagship-body img{display:block;width:100%;height:auto;border-radius:8px}

.works-page .flagship-body figcaption{font-size:13px;color:#bbc2d1;line-height:1.6;margin-top:12px}

@media(max-width:720px){.works-page .flagship-body{grid-template-columns:1fr;gap:18px}.works-page .flagship-body p{font-size:15px}}





.works-page .asset-picture{display:contents}

.works-page .folio-image>.asset-picture>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 14px 40px -12px #000d}

.works-page #reading a:focus-visible,.works-page #reading button:focus-visible{outline:2px solid #e8c77f;outline-offset:4px}



.works-page .event-note{border-top:1px solid #c3a56e33;margin:18px 0}

.works-page .event-note>summary{padding:15px 0;font-size:14px;color:#e0c59b;cursor:pointer;min-height:48px;line-height:1.8}

.works-page .event-note>p{font-size:13px;line-height:1.8;color:#b5bfd2}





.final-contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 22px; margin-top: 26px; font-size: 15px; }

.final-contact p { margin: 0; letter-spacing: .2em; color: #e8c77f; font-size: 13px; }

.final-contact a { color: #f3ecdc; text-decoration: none; border-bottom: 1px solid #e8c77f66; padding-bottom: 1px; }

.final-contact a:hover { border-bottom-color: #e8c77f; }





.works-page a,.works-page button,.works-page summary{min-width:44px;min-height:44px}

.works-page .top #home,.works-page .folio-start,.works-page .case-depth-body>a,.works-page .final-contact a{display:inline-flex;align-items:center}

.works-page figure>a:not(.work-viewer-opener){display:block}

.works-page .top #home{gap:0}

.works-page .top nav a{justify-content:center}

.works-page .folio-start,.works-page .case-depth-body>a{padding-block:10px}

.works-page .back-to-scene{min-height:44px}

.works-page .folio-slide figcaption>div,.works-page .final-contact a,.works-page .work-viewer-head>div{min-width:0}

.works-page .folio-slide figcaption,.works-page .case-depth-body,.works-page .final-contact,.works-page .work-viewer-head,.works-page .work-viewer-note{overflow-wrap:anywhere}

.works-page .final-contact a{max-width:100%;padding-block:8px}

.works-page :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid #e8c77f;outline-offset:4px}

.works-page .work-viewer :is(button,[tabindex]):focus-visible{outline-offset:-3px}

.works-page .work-viewer-head [data-close]{flex-shrink:0}

.works-page .work-viewer-actions{flex-wrap:wrap}

@media(max-width:400px){

 .works-page .work-viewer-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:6px}

 .works-page .work-viewer-actions button{min-width:44px;padding-inline:7px}

 .works-page .final-actions a{white-space:normal;text-align:center}

}





.works-page .work-viewer{height:94vh;height:94svh;height:94dvh;max-height:100vh;max-height:100svh;max-height:100dvh}

@media(max-width:800px),(max-height:600px){.works-page .work-viewer{height:100vh;height:100svh;height:100dvh}}





.works-page #reading h3.semantic-h3{background:none;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none;color:inherit;letter-spacing:normal;word-break:keep-all;overflow-wrap:anywhere}

.works-page #reading .flagship-body h3.semantic-h3{font-size:15px;font-weight:700;line-height:inherit;color:#e8c77b;margin:0 0 8px;text-wrap:wrap}

.works-page #reading .showcase-series>header h3.semantic-h3{font-size:clamp(18px,2vw,23px);line-height:1.5;margin:0 0 10px;font-weight:500;text-wrap:balance}

.works-page #reading .festive-proof h3.semantic-h3{font-size:20px;font-weight:500;line-height:inherit;margin:0;text-wrap:wrap}

.works-page #reading .final-proof h3.semantic-h3{font-size:20px;font-weight:500;line-height:inherit;margin:0;color:#f3e5c5;text-wrap:wrap}

@media(max-width:800px){.works-page #reading .festive-proof h3.semantic-h3{font-size:17px}}