/* Details respond quietly; no looping movement, image cropping, or layout shifts. */
.hero-line{display:inline-block}
.site-header{transition:background-color .28s,border-color .28s,box-shadow .28s}
.site-header.is-scrolled{background:#110c17f7;border-bottom-color:#b895686b;box-shadow:0 8px 30px #07050d20}
.site-header nav a{position:relative;border-bottom-color:transparent!important;transition:color .25s}
.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:#d5b27d;transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.site-header nav a:is(:hover,:focus-visible,[aria-current="location"]){color:#e1c399}
.site-header nav a:is(:hover,:focus-visible,[aria-current="location"]):after{transform:scaleX(1)}
.cta{transition:background-color .32s,border-color .32s,box-shadow .32s}
.cta:hover,.cta:focus-visible{box-shadow:0 0 28px #d0a4e015}
.cta>span{display:inline-block;transition:transform .38s cubic-bezier(.22,1,.36,1),color .3s}
.cta:is(:hover,:focus-visible)>span{transform:translate(3px,-3px);color:#f8d7a1}
.cta:after{transition:border-color .3s}
.cta:is(:hover,:focus-visible):after{border-color:#e1bd8059}
.cta:active>span{transform:translate(1px,-1px)}
.thumb{position:relative;border-bottom:0!important;padding-bottom:14px}
.thumb:after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:#d5b27d;transform:scaleX(0);transform-origin:left;transition:transform .36s cubic-bezier(.22,1,.36,1)}
.thumb[aria-pressed="true"]:after{transform:scaleX(1)}
.thumb img{transition:filter .32s,border-color .32s,outline-color .32s}
.thumb:is(:hover,:focus-visible) img{border-color:#d5b27d}
.work-controls button{transition:background-color .25s,border-color .25s,box-shadow .25s}
.work-controls button:is(:hover,:focus-visible){border-color:#d9b983;box-shadow:0 0 22px #c792d512}
.work-controls button:active{background:#795085}
.section-heading .eyebrow,.concept-copy>.eyebrow{display:flex;align-items:center;gap:12px}
.section-heading .eyebrow:before,.concept-copy>.eyebrow:before{content:"";width:26px;height:1px;flex:0 0 26px;background:linear-gradient(90deg,#dbbb88,#dbbb8822)}
@media(max-width:1050px) and (min-width:701px){.section-heading .eyebrow,.concept-copy>.eyebrow{display:block}.section-heading .eyebrow:before,.concept-copy>.eyebrow:before{display:inline-block;vertical-align:middle;margin-right:10px}}
@media(max-width:700px){.section-heading .eyebrow,.concept-copy>.eyebrow{gap:8px;font-size:9px}.section-heading .eyebrow span,.concept-copy>.eyebrow span{margin-left:0}.section-heading .eyebrow:before,.concept-copy>.eyebrow:before{width:18px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.cta:is(:hover,:focus-visible)>span{transform:none}}