/* Hallmark custom · Elysium botanical study · hero unchanged.
   User-directed ornament: original vector foliage, blue petals and restrained gold veins. */
:root{--botanical-navy:#10283e;--botanical-gold:#b99a5d;--botanical-blue:#32576c;--botanical-pattern:url('./assets/elysium-botanical.svg');--botanical-edge:#b99a5d70}
.botanical-ribbon{height:112px;margin-top:36px;background:var(--botanical-pattern) center 47%/330px 450px;border-block:1px solid var(--botanical-gold)}
.techniques{padding-top:70px}
.tech-intro{margin-bottom:var(--space-section);position:relative}
.tech-intro h2{font-family:var(--font-display);font-size:clamp(40px,4.8vw,68px);letter-spacing:-.035em;line-height:1.1}
.tech-intro p{border-left:1px solid var(--botanical-gold);padding-left:var(--space-lg)}
.flow{padding-top:20px;padding-bottom:115px;isolation:isolate}
.flow:before{content:'';position:absolute;left:var(--space-gutter);top:-20px;bottom:65px;width:33%;background:var(--botanical-pattern) center/330px 450px;border:1px solid var(--botanical-gold);z-index:-1}
.flow .tech-visual{margin-left:85px;height:450px}
.flow .tech-visual img{border:1px solid var(--botanical-gold)}
.flow h3{left:-26px;top:-75px}
.flow .tech-copy{padding-bottom:5px}
.tech-kind{display:flex;align-items:center;gap:14px}
.tech-kind:before{content:'';display:block;width:30px;height:1px;background:var(--botanical-gold)}
.tech-action{border:1px solid var(--botanical-gold);box-shadow:inset 0 0 0 3px var(--tech-gold),inset 0 0 0 4px var(--botanical-edge);padding:var(--space-md) 20px}
.pressure{background:var(--botanical-navy);position:relative;isolation:isolate;border-block:1px solid var(--botanical-gold);overflow:hidden}
.pressure:before{content:'';position:absolute;right:0;top:0;bottom:0;width:30%;background:var(--botanical-pattern) center/330px 450px;z-index:-1;border-left:1px solid var(--botanical-gold)}
.pressure .tech-visual{padding:var(--space-sm);border:1px solid var(--botanical-gold);background:var(--color-paper);margin-right:32px}
.pressure-title h3{color:var(--tech-gold)}
.movement{padding-top:95px;padding-bottom:100px}
.movement .tech-visual{padding:0 var(--space-xl) var(--space-xl) 0;background:var(--botanical-pattern) right bottom/330px 450px}
.movement .tech-visual img{border:1px solid var(--botanical-gold)}
.movement-heading{border-bottom:1px solid var(--botanical-edge);padding-bottom:25px}
.preview-end{border-top:1px solid var(--botanical-gold)}
.location{background:var(--botanical-pattern) center/330px 450px;padding-block:60px;color:var(--tech-light);--color-focus:var(--tech-gold)}
.location-grid{background:var(--color-paper);border:1px solid var(--botanical-gold);padding-block:48px;width:calc(100% - 80px);max-width:1320px;box-shadow:0 0 0 10px var(--botanical-navy),0 0 0 11px var(--botanical-gold)}
.location h2{color:var(--tech-gold)}
.location .map-area{padding:10px;border:1px solid var(--botanical-edge)}
.location .directions{padding-bottom:var(--space-2xs)}
@media(max-width:900px){.flow .tech-visual{margin-left:45px}.pressure .tech-visual{margin-right:15px}.location-grid{width:calc(100% - 50px)}}
@media(max-width:700px){.botanical-ribbon{height:78px;margin-top:22px;background-size:245px 334px}.techniques{padding-top:var(--space-xl)}.tech-intro{margin-bottom:75px}.tech-intro h2{font-size:40px}.tech-intro p{padding-left:15px}.flow{padding-top:5px;padding-bottom:50px}.flow:before{left:20px;top:-10px;width:calc(100% - 58px);height:297px;bottom:auto;background-size:245px 334px}.flow .tech-visual{margin-left:var(--space-lg);height:265px}.flow h3{left:-24px;top:-49px;font-size:72px}.flow .tech-copy{margin-top:42px}.flow .tech-kind{display:block}.flow .tech-kind:before{margin-bottom:10px;width:25px}.pressure{padding-top:35px;padding-bottom:50px}.pressure:before{width:42px;background-size:245px 334px}.pressure-layout{padding-right:var(--space-xl)}.pressure-title{grid-template-columns:minmax(0,1fr) 92px}.pressure-title h3{font-size:72px}.pressure-title>p{font-size:12px}.pressure .tech-visual{height:290px;padding:7px;margin-right:0}.pressure .tech-copy{background:var(--botanical-navy)}.movement{padding-block:45px 50px}.movement-heading{padding-bottom:var(--space-nav)}.movement-heading h3{font-size:54px}.movement .tech-visual{height:300px;padding:0 20px var(--space-lg) 0;background-size:245px 334px}.movement-heading .tech-kind{margin-top:20px}.location{padding-block:36px;background-size:245px 334px}.location-grid{width:calc(100% - 42px);padding:28px 20px;box-shadow:0 0 0 5px var(--botanical-navy),0 0 0 6px var(--botanical-gold)}.location h2{font-size:44px}.location .contact-pair{flex-wrap:wrap}.location .btn{flex:1;min-width:0;padding-inline:10px;font-size:12px}.location .map-area{padding:7px}.location .directions{font-size:12px}}
/* Approved revision: typewritten brand, patterned surfaces, readable Swedish title. */
:root{--botanical-pattern:url('./assets/elysium-botanical-rich.webp');--botanical-ground:url('./assets/elysium-botanical-ground.webp')}
body{background:var(--color-paper) var(--botanical-ground) center top/400px 440px}
.hero h1{animation:none}
.typed-name{display:inline-block;animation:none}
@keyframes elysium-type{0%{clip-path:inset(0 100% 0 0)}12%{clip-path:inset(0 84% 0 0)}24%{clip-path:inset(0 77% 0 0)}38%{clip-path:inset(0 61% 0 0)}51%{clip-path:inset(0 48% 0 0)}64%{clip-path:inset(0 41% 0 0)}79%{clip-path:inset(0 23% 0 0)}100%{clip-path:inset(0 0 0 0)}}
.botanical-ribbon{background-size:300px 330px}
.flow h3{background:var(--color-paper);color:var(--tech-gold);padding:0 14px 7px var(--space-xs);text-shadow:none;border-bottom:1px solid var(--botanical-gold);width:max-content;max-width:calc(100% + 26px)}
.pressure{background:var(--botanical-navy) var(--botanical-ground) center/400px 440px}
.pressure:before,.flow:before,.movement .tech-visual,.location{background-size:300px 330px}
.pressure .tech-copy{background:transparent}
.location-grid,.service-dialog{background:var(--color-paper) var(--botanical-ground) center/400px 440px}
.preview-end,.footer-main{background:transparent}
@media(max-width:700px){.flow h3{font-size:68px;padding:0 10px 5px 5px;top:-48px}.botanical-ribbon,.pressure:before,.flow:before,.movement .tech-visual,.location{background-size:240px 264px}.typed-name{max-width:100%}}
@media(prefers-reduced-motion:reduce){.typed-name{animation:none;clip-path:none}}
/* Subtle geometric surface study informed by Zion's motif scale, not its artwork. */
:root{--botanical-ground:url('./assets/elysium-geometric-ground.webp');--botanical-pattern:url('./assets/elysium-geometric-detail.webp')}
body{background:var(--color-paper) var(--botanical-ground) center top/160px 160px}
.site-header,.hero,.techniques,.tech-intro,.movement,.preview-end,.footer-main{background-color:transparent}
.botanical-ribbon{height:48px;background-color:var(--botanical-navy);background-size:160px 160px}
.flow:before,.movement .tech-visual{background-color:var(--botanical-navy);background-size:160px 160px}
.pressure{background:var(--botanical-navy) var(--botanical-ground) center/160px 160px}
.pressure:before{background:var(--botanical-ground) center/160px 160px;border-left:0}
.location{background:var(--botanical-navy) var(--botanical-pattern) center/160px 160px}
.location-grid,.service-dialog{background:var(--color-paper) var(--botanical-ground) center/160px 160px}
@media(max-width:700px){.botanical-ribbon{height:40px}.flow:before,.movement .tech-visual,.pressure:before,.location{background-size:160px 160px}}
/* Supplied premises collage: show all panels without crop or dark overlay. */
.collage-hero .hero-photo{height:auto;max-width:820px;margin-inline:auto;overflow:visible;border-radius:12px}
.collage-hero .hero-photo>img{height:auto;width:100%;object-fit:contain;border-radius:12px}
.collage-hero .hero-photo:after{display:none}
.collage-hero .photo-caption{position:relative;inset:auto;padding:20px 0 0;align-items:center}
.collage-hero .photo-caption span{font-size:30px}
.collage-hero .hero-bottom{max-width:820px;margin-inline:auto}
.collage-hero h1{margin-bottom:0;line-height:1.14}
@media(min-width:900px){.collage-hero{position:relative}.collage-hero .hero-photo{max-width:660px}.collage-hero h1{font-size:clamp(130px,12vw,180px)}.collage-hero .hero-bottom{max-width:900px}}
@media(max-width:700px){.collage-hero .hero-photo{height:auto}.collage-hero .photo-caption{padding-top:14px}.collage-hero .photo-caption span{font-size:25px}.collage-hero h1{margin-bottom:0}.collage-hero .hero-bottom{padding-top:14px}}
@media(min-width:900px){.collage-hero .hero-photo{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:var(--space-xl);align-items:center}.collage-hero .hero-photo>img{grid-column:2;grid-row:1;width:auto;max-width:100%;height:min(42svh,380px);justify-self:end}.collage-hero .photo-caption{grid-column:1;grid-row:1;display:block;padding:0}.collage-hero .photo-caption span{font-size:42px}.collage-hero .photo-caption button{margin-top:var(--space-lg)}.collage-hero h1{font-size:clamp(120px,10.5vw,150px)}.collage-hero .hero-bottom{max-width:1100px}}

/* User supplied exact orange/charcoal artwork, restricted to service photo mounts. */
.flow:before{background-image:url('./assets/service-orange-pattern.webp');background-size:554px 172px}
.pressure .tech-visual{background-image:url('./assets/service-orange-pattern.webp');background-size:554px 172px}
.movement .tech-visual{background-image:url('./assets/service-orange-pattern.webp');background-size:554px 172px}
/* Fine gold outline on the white hero wordmark. */
.collage-hero .typed-name{-webkit-text-stroke:1px var(--botanical-gold);paint-order:stroke fill}
@media(max-width:700px){.collage-hero .typed-name{-webkit-text-stroke:.7px var(--botanical-gold)}}
/* Burgundy photo mounts echo the supplied Elysium towels. */
:root{--service-mount:#652b38}
.flow:before,.pressure .tech-visual,.movement .tech-visual{background-color:var(--service-mount);background-image:var(--botanical-pattern);background-size:160px 160px}
.collage-hero .typed-name{-webkit-text-stroke:3px var(--tech-gold);paint-order:stroke fill}
@media(max-width:700px){.collage-hero .typed-name{-webkit-text-stroke:2px var(--tech-gold)}}
/* Restore the original navy service mounts; preserve gold borders and page motif. */
.flow:before,.pressure .tech-visual,.movement .tech-visual{background-color:var(--botanical-navy);background-image:var(--botanical-pattern);background-size:160px 160px}
/* Consistent Swedish-derived composition for the complete service menu. */
.unified-service{display:block;padding-top:var(--space-xl);padding-bottom:var(--space-section);margin-top:30px}
.unified-open{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:50px;align-items:end;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit}
.unified-open:focus-visible{outline:3px solid var(--tech-gold);outline-offset:10px}
.unified-service .tech-visual{height:auto;aspect-ratio:4/3}
.unified-service .tech-visual img{height:100%;object-fit:cover}
.unified-service h3{font-size:clamp(46px,6.5vw,92px);top:-60px;line-height:1.08}
.unified-service:before{top:0;bottom:70px}
.signature-service h3{font-size:clamp(42px,5.2vw,74px)}
.signature-service .tech-visual img{object-position:center 52%}
.unified-open:hover .tech-action{background:var(--color-gold-hover)}
.unified-service .tech-copy{padding-bottom:0}
@media(max-width:900px){.unified-open{gap:28px}.unified-service h3{font-size:52px}.signature-service h3{font-size:42px}}
@media(max-width:700px){.unified-service{padding-top:var(--space-md);padding-bottom:55px;margin-top:28px}.unified-open{display:block}.unified-service .tech-visual{height:265px;aspect-ratio:auto}.unified-service h3{font-size:52px;top:-35px}.signature-service h3{font-size:clamp(28px,8vw,42px);top:-27px;white-space:nowrap}.unified-service:before{top:0;height:297px;bottom:auto}.unified-service .tech-copy{margin-top:42px}.unified-service .tech-action{width:100%}.unified-service .photo-caption-tech{max-width:calc(100% - 24px);font-size:11px}.unified-open:focus-visible{outline-offset:5px}}







/* Original logo artwork, wordmark first and crown last. */
.collage-hero h1.hero-brand{font-size:inherit;line-height:1;margin:var(--space-sm) auto var(--space-md);width:min(100%,520px);pointer-events:none}
.logo-build{position:relative;display:block;aspect-ratio:1267/580;mix-blend-mode:normal}
.logo-build img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.logo-crown{clip-path:polygon(0 0,28% 0,28% 27%,23% 28.5%,14% 33%,10% 39%,0 39%)}
.logo-wordmark{clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 39%,10% 39%,14% 33%,23% 28.5%,28% 27%)}
@media(max-width:700px){.collage-hero h1.hero-brand{width:100%;margin:var(--space-xs) auto var(--space-sm)}}
.collage-hero h1.hero-brand{mix-blend-mode:normal}.logo-build{mix-blend-mode:normal}
.logo-letter-layer{position:absolute;inset:0;display:block}
/* Compact navigation above the animated hero; static original brand below. */
.site-header{height:48px}
.site-header nav button{min-height:44px}
.footer-main .footer-brand{width:220px;height:auto;object-fit:contain}
@media(max-width:700px){.site-header{height:44px;justify-content:flex-end}.site-header nav{gap:var(--space-lg)}.site-header nav button:nth-child(2){display:block}.collage-hero{padding-top:var(--space-xs)}.footer-main .footer-brand{width:190px;height:auto}}
/* Logo leads; navigation is available through a compact corner control. */
.site-header{position:absolute;top:8px;right:var(--space-gutter);height:auto;width:auto;padding:0;z-index:10;display:block}
.site-header .header-call{display:none}
.menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--color-paper);border:1px solid var(--botanical-edge);border-radius:4px}
.menu-toggle span{height:1px;width:19px;background:var(--tech-gold)}
.site-header nav{position:absolute;right:0;top:50px;display:flex;flex-direction:column;gap:0;min-width:180px;padding:var(--space-xs) var(--space-md);background:var(--color-paper);border:1px solid var(--botanical-gold);box-shadow:0 8px 24px var(--color-shadow)}
.site-header nav[hidden]{display:none}
.site-header nav button{text-align:left;min-height:44px}
.collage-hero{padding-top:24px}
@media(max-width:700px){.collage-hero{padding-top:32px}.collage-hero h1.hero-brand{margin-top:0}}
.site-header nav .menu-blog-link{display:flex;align-items:center;min-height:44px;font:inherit;font-size:14px;text-align:left;color:inherit;text-decoration:none}.site-header nav .menu-blog-link:hover{color:var(--tech-gold)}