/* Layout only. Text fragments, font definitions and artwork are inherited unchanged. */
html:has(.modern-site){min-width:320px;background:#f6f5f2}
body.modern-site{margin:0;min-width:320px;width:100%;background:#f6f5f2;color:#141414;overflow-x:clip}
.modern-site *{box-sizing:border-box}
.modern-header{max-width:1440px;margin:auto;height:152px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}
.modern-logo{display:block;flex-shrink:0;width:174px;line-height:0}
.modern-logo img{display:block;width:100%;height:auto;object-fit:contain}
.modern-nav{display:flex;align-items:center;gap:40px;font:22px/1.4 'avenir-lt-w01_35-light1475496',sans-serif}
.modern-nav>a,.modern-nav button{position:relative;color:#141414;text-decoration:none;background:none;border:0;padding:14px 0;font:inherit;cursor:pointer}
.modern-nav>a::after,.modern-nav button::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:#9c8562;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.modern-nav a:hover::after,.modern-nav button:hover::after,.modern-nav [aria-current=page]::after{transform:scaleX(1)}
.modern-nav #DrpDwnMn01{position:relative;width:auto!important}
.modern-nav button svg{width:11px;height:8px;margin-left:9px;fill:none;stroke:currentColor;stroke-width:1}
.modern-nav #project-submenu{right:-24px;top:100%;border-radius:8px;padding:12px 0;min-width:220px;box-shadow:0 18px 50px #10101018}
.modern-header>.mobile-menu-button{display:none}
.modern-hero{margin:0 24px;position:relative;isolation:isolate;height:calc(100svh - 246px);min-height:480px;max-height:850px;border-radius:12px;overflow:hidden;background:#354348;box-shadow:0 20px 45px -25px #1d35333b}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-art{height:100%;width:min(1080px,94%);margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:3%;align-items:center;padding:20px 0 45px}
.hero-portrait{width:100%;height:100%;max-height:560px;object-fit:contain;align-self:end}
.hero-title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-wordmark{display:block;width:100%;height:auto;object-fit:contain}
.hero-announcement{margin-top:26px}
.hero-email{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap}
.hero-email a{color:#fff}
.modern-footer{max-width:1440px;margin:0 auto;min-height:94px;padding:24px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.modern-footer>p{color:#353535!important;text-align:left!important;margin:0}
.modern-social{display:flex;align-items:center;gap:12px}
.modern-social a,.social-orbit a{position:relative!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #25252516;border-radius:50%;transition:background .2s,transform .2s}
.modern-social img,.social-orbit img{position:static!important;display:block;width:28px!important;height:28px!important;object-fit:contain}
.modern-social a:hover,.social-orbit a:hover{background:#fff;transform:translateY(-2px)}
.modern-site .contact-shortcut{bottom:24px;right:32px;border-radius:7px;width:auto;min-width:165px;height:48px;padding:10px 18px;box-shadow:0 4px 20px #0002}
.page-home .contact-shortcut{bottom:114px}
.modern-project{margin:0 24px;background:#fff;overflow:hidden;border-radius:12px}
.project-banner{width:100%;background:#ddd;line-height:0}
.project-cover{display:block;width:100%;height:auto}
.project-body{max-width:1200px;margin:auto;padding:60px 64px 76px}
.project-intro{padding-bottom:32px;margin-bottom:36px;border-bottom:1px solid #0002}
.project-details{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:72px;align-items:start}
.project-credits{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;padding:0 0 0 28px;border-left:1px solid #0002}
.modern-rich{min-width:0}
.modern-rich p,.modern-rich h1,.modern-rich h2,.modern-rich h3,.modern-rich h4,.modern-rich h5,.modern-rich h6{overflow-wrap:break-word}
.project-story p{line-height:1.85em!important}
.project-intro p{text-align:left!important}
.project-dark{background:#242b2e}
.project-dark .project-intro{border-color:#ffffff30}
.project-dark .project-credits{border-color:#ffffff30}
.page-email{padding:28px 24px 0;text-align:center}
.page-email p{text-align:center!important}
.page-email a{color:#535353}
.modern-contact{max-width:1240px;margin:0 auto;padding:64px 64px 80px;min-height:calc(100svh - 246px);display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid #ccc}
.contact-intro{padding-top:10px}
.contact-intro .modern-rich p,.contact-intro .modern-rich h1,.contact-intro .modern-rich h2{text-align:left!important}
.contact-email{margin-top:30px}
.contact-email p{text-align:left!important}
.contact-email a{color:inherit}
.modern-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}
.modern-form>.form-control{position:static!important;width:auto!important;height:auto!important;min-width:0}
.modern-form>.form-control:nth-child(n+3){grid-column:1/-1}
.modern-form input,.modern-form textarea{width:100%;height:58px;padding:15px 17px;border:1px solid #d3d1cc;border-radius:4px;box-shadow:none;background:#fff;color:#202020;font:var(--fnt);outline:none}
.modern-form input::placeholder,.modern-form textarea::placeholder{color:#686763;opacity:1}
.modern-form textarea{height:170px;resize:vertical}
.modern-form button{width:150px;min-height:52px;border:1px solid #a48b62;border-radius:4px;background:#bba074;color:#171717;cursor:pointer}
.modern-form [data-form-status]{position:static!important;width:auto!important;height:auto!important;color:#333;line-height:1.6}
.modern-social-page{margin:0 24px;min-height:calc(100svh - 286px);border-radius:12px;background:#242b2e;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;gap:36px}
.social-orbit{display:flex;gap:22px}.social-orbit a{background:#f6f5f2;width:60px;height:60px}
.modern-social-page .social-fallback{height:auto}
@media(min-width:1500px){.modern-hero,.modern-project,.modern-social-page{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1050px){.modern-header{padding:0 36px}.modern-nav{gap:26px}.project-body{padding:42px 36px}.project-details{gap:36px}.modern-contact{gap:40px;padding:48px 36px}.modern-footer{padding-left:36px;padding-right:36px}}
@media(max-width:767px){
 .modern-header{height:108px;padding:0 24px}.modern-logo{width:128px}.modern-nav{display:none}.modern-header>.mobile-menu-button{display:flex}.modern-header .mobile-menu-button span{background:#222}.modern-header .mobile-nav{top:108px;border-radius:0 0 12px 12px;max-height:calc(100svh - 108px);padding:20px 24px}
 .modern-hero{margin:0 12px;border-radius:8px;height:auto;min-height:0}.hero-background{object-position:45% center}.hero-art{width:100%;min-height:620px;display:flex;flex-direction:column;padding:22px 28px 66px;gap:0}.hero-portrait{width:78%;max-width:300px;height:330px;align-self:center}.hero-title{width:90%;max-width:320px;margin-top:-8px}.hero-announcement{margin-top:12px}.hero-email{bottom:20px}
 .modern-footer{padding:26px 24px 80px;gap:20px;flex-direction:column;min-height:0}.modern-footer>p{text-align:center!important}.modern-social{gap:12px}
 .modern-site .contact-shortcut,.page-home .contact-shortcut{bottom:16px;right:16px;min-width:140px;height:44px;padding:8px 12px}
 .modern-project{margin:0 12px;border-radius:8px}.project-banner{overflow:hidden}.project-cover{min-height:150px;object-fit:cover;object-position:center}.project-body{padding:30px 24px 40px}.project-intro{padding-bottom:24px;margin-bottom:26px}.project-details{display:flex;flex-direction:column;gap:36px}.project-credits{width:100%;padding:28px 0 0;border-left:0;border-top:1px solid #0002;grid-template-columns:85px minmax(0,1fr);gap:18px}.project-dark .project-credits{border-top-color:#ffffff30}
 .modern-contact{margin:0 24px;padding:36px 0;min-height:0;display:block}.contact-email{margin:20px 0 32px}.modern-form{grid-template-columns:1fr;gap:18px}.modern-form>.form-control{grid-column:1/-1}.modern-social-page{margin:0 12px;min-height:470px;padding:60px 24px}.social-orbit{gap:12px}.social-orbit a{width:50px;height:50px}
}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
/* Keep the original dark ink of the project typography on a light reading surface. */
.project-dark{background:#fff}
.project-dark .project-intro,.project-dark .project-credits{border-color:#0002}
.hero-art{grid-template-rows:minmax(0,1fr)}
.hero-portrait{min-height:0;max-height:100%}
@media(min-width:768px) and (max-width:900px){.modern-header{padding:0 24px}.modern-logo{width:145px}.modern-nav{gap:20px}}
.contact-intro .modern-rich *{color:#202020!important;text-align:left!important}
.contact-email p,.contact-email a{color:#535353!important}
.modern-form button,.modern-form button span{font:var(--fnt)}
.modern-form button{width:150px!important}
@media(min-width:768px){body:not(.page-home) .modern-footer{padding-right:240px}}
.project-credits{display:flex;flex-direction:column;gap:22px}
.credit-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;width:100%}
.credit-labels *{white-space:nowrap}
@media(max-width:767px){
 .project-credits{gap:22px}.credit-row{grid-template-columns:105px minmax(0,1fr);gap:16px}.credit-values h2{line-height:1.3em!important}
 .modern-footer{padding-bottom:20px}.modern-site .contact-shortcut,.page-home .contact-shortcut{position:static;margin:0 auto 24px;width:max-content}
 .project-cover{min-height:0;object-fit:contain}
}