/* Restore real text and controls over the approved photographic composition. */
.clarity-stage{background:#002947}.clarity-stage-light{background:#f8f8f6}
.clarity-hero{--hu:min(calc(100vw / var(--hc)),calc(1600px / var(--hc)));width:100%;max-width:1600px;margin-inline:auto;height:calc(var(--hh) * var(--hu))!important;position:relative;overflow:hidden;color:#fff;background:#002947}
.clarity-hero.clarity-light{color:#052945;background:#f8f8f6}
.clarity-hero .desktop-art,.clarity-hero .hero-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.clarity-hero:after{content:'';display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,29,51,.38),transparent 68%);pointer-events:none;z-index:1}
.clarity-hero.clarity-light:after{background:linear-gradient(90deg,rgba(255,255,255,.38),transparent 65%)}
.clarity-hero .hero-live,.clarity-hero .hero-copy{position:absolute!important;inset:calc(var(--ht) * var(--hu)) auto auto calc(var(--cta-left) * var(--hu));width:53%!important;max-width:none;margin:0;padding:0;z-index:2;color:inherit}
.clarity-hero .hero-wrap{position:static;width:100%;height:100%;padding:0;margin:0;max-width:none}
.clarity-hero .hero-live>h1,.clarity-hero .hero-live>p,.clarity-hero .hero-live>.accent,.clarity-hero .hero-copy>h1,.clarity-hero .hero-copy>p,.clarity-hero .hero-copy>.accent{position:static!important;clip-path:none!important;overflow:visible!important;width:auto!important;height:auto!important;white-space:normal!important;color:inherit}
.clarity-hero .hero-live>h1,.clarity-hero .hero-copy>h1{font-size:calc(var(--hf) * var(--hu))!important;font-weight:800;line-height:1.16;letter-spacing:.015em;margin:0}
.page-multilingual-website .clarity-hero{--hf:26!important}
.page-multilingual-website .clarity-hero h1{text-shadow:0 1px 5px #001b30}
.clarity-hero .hero-live>.kicker,.clarity-hero .hero-copy>.kicker{font-size:calc(10 * var(--hu))!important;letter-spacing:.2em;line-height:1.5;margin:0 0 calc(12 * var(--hu));font-weight:700}
.clarity-hero.clarity-light .kicker{color:#416177!important}
.clarity-hero .hero-live>.accent,.clarity-hero .hero-copy>.accent{display:block;width:calc(48 * var(--hu))!important;height:calc(4 * var(--hu))!important;background:#ff4c35;margin:calc(12 * var(--hu)) 0}
.clarity-hero .hero-live>p:not(.kicker),.clarity-hero .hero-copy>p:not(.kicker){font-size:calc(12 * var(--hu))!important;line-height:1.65;margin:0;font-weight:500;max-width:100%}
.clarity-hero .hero-live>.buttons,.clarity-hero .hero-copy>.buttons{position:static!important;margin-top:calc(15 * var(--hu));display:flex;flex-wrap:nowrap;gap:calc(12 * var(--hu));inset:auto!important}
.clarity-hero .buttons .button{display:inline-flex;justify-content:center;align-items:center;width:auto!important;min-width:calc(130 * var(--hu));height:calc(38 * var(--hu));min-height:0;padding:0 calc(15 * var(--hu));font-size:calc(12 * var(--hu))!important;line-height:1.3;font-weight:700;color:#fff!important;background:#00bf58;border:1px solid #00bf58;white-space:nowrap;border-radius:2px;text-decoration:none}
.clarity-hero .buttons .button.outline{background:rgba(0,29,51,.15);border-color:rgba(255,255,255,.8)}
.clarity-hero.clarity-light .buttons .button.outline{color:#052945!important;background:rgba(255,255,255,.8);border-color:#9aabba}
.clarity-hero .buttons .button:focus-visible{outline:3px solid #ffb344;outline-offset:4px}
.clarity-hero .clarity-disclaimer{position:absolute;right:10px;bottom:6px;font-size:10px;line-height:1.3;color:inherit;z-index:3;opacity:.8}
.clarity-hero .hero-note{display:none!important}
.new-end .skyline,.final-contact .skyline{object-fit:contain!important;object-position:right bottom}
@media(max-width:700px){
 /* Keep existing portfolio thumbnails at their native device resolution. */
 .archive img[src^="/images/works/dtp/"],.archive img[src^="/images/works/netshop/"],.archive img[src^="/images/works/webdesign/"],.archive img[src="/images/editorial-20261002/work-web.jpg"]{max-width:169px!important;height:auto!important;object-fit:contain!important}
 .archive img[src="/images/top/contact01.png"]{max-width:158px!important;height:auto!important}
 .archive img[src="/images/top/service01.jpg"]{max-width:180px!important;height:auto!important}
 .clarity-hero{max-width:none;height:auto!important;min-height:0!important;padding:0!important;display:flex;flex-direction:column}
 .clarity-hero .hero-live,.clarity-hero .hero-wrap{order:1}
 .clarity-hero .hero-wrap{height:auto!important;min-height:0!important;display:block!important}
 .clarity-hero:after{display:none!important}
 .clarity-hero .desktop-art,.clarity-hero .hero-art{display:none!important}
 .clarity-hero .hero-live,.clarity-hero .hero-copy{position:relative!important;inset:auto;width:auto!important;padding:30px 22px;margin:0;max-width:none}
 .clarity-hero .hero-live>h1,.clarity-hero .hero-copy>h1{font-size:29px!important;line-height:1.3;letter-spacing:0}
 .clarity-hero .hero-live>.kicker,.clarity-hero .hero-copy>.kicker{font-size:10px!important;margin-bottom:14px}
 .clarity-hero .hero-live>.accent,.clarity-hero .hero-copy>.accent{width:48px!important;height:4px!important;margin:16px 0}
 .clarity-hero .hero-live>p:not(.kicker),.clarity-hero .hero-copy>p:not(.kicker){font-size:14px!important;line-height:1.7}
 .clarity-hero .hero-live>.buttons,.clarity-hero .hero-copy>.buttons{flex-wrap:wrap;gap:10px;margin-top:20px}
 .clarity-hero .buttons .button{font-size:14px!important;min-width:0;min-height:46px;height:auto;padding:13px 15px}
 .clarity-hero .mobile-art,.clarity-hero .hero-photo{display:block!important;position:relative!important;inset:auto!important;width:100%;height:240px;max-width:none;object-fit:cover;object-position:center;order:2;flex:none}
 .clarity-hero .clarity-disclaimer{font-size:9px;color:white;text-shadow:0 1px 3px #000}
}