@font-face{font-family:Montserrat;src:url('/assets/montserrat-regular.ttf')}@font-face{font-family:Montserrat;src:url('/assets/montserrat-semibold.ttf');font-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f5f3ed;color:#252722;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #cd5c31;outline-offset:5px}.demo-bar{padding:10px 4%;background:#252722;color:#d3d4c9;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.9px}.demo-bar a{color:#fff;letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:25px;border-bottom:1px solid #25272226}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.9px;font-weight:600}.brand small{display:block;font-size:9px;letter-spacing:4.2px;margin-top:3px}.brand-icon{display:grid;place-items:center;background:#cc5d35;color:#fff;width:45px;height:45px;font-size:28px;letter-spacing:-5px;padding-right:5px}nav{display:flex;align-items:center;gap:32px;font-size:11px}nav a:hover{color:#b34b26}.nav-contact{border:1px solid #252722;padding:15px 20px}.menu-toggle{display:none}.hero{padding:0 5%;display:grid;grid-template-columns:1fr 1.12fr;column-gap:6%;align-items:center}.hero-copy{padding:65px 0}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.4px;line-height:1.7;margin:0 0 27px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#cd5c31;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,80px);font-weight:600;line-height:1.04;letter-spacing:-4px;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:#bc522b}h1 em{font-size:1.16em}.hero-description{font-size:13px;line-height:1.9;color:#73746b;max-width:340px;margin-bottom:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:17px 22px;font-size:12px;font-weight:600;border:0;transition:background .2s,transform .2s}.orange{color:#fff;background:#c55b34}.orange:hover{background:#a74724;transform:translateY(-2px)}.hero-copy>.button{max-width:315px}.button span{font-size:22px;font-weight:400}.text-link{display:flex;align-items:center;justify-content:space-between;max-width:315px;padding:22px 0 0;font-size:10px}.hero-image{position:relative;height:610px;background:#cbccbf;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:53% center}.image-tag{position:absolute;top:25px;left:25px;background:#f5f3eddc;padding:10px 13px;font-size:8px;letter-spacing:1px}.image-number{position:absolute;left:25px;bottom:25px;color:#fff;font-size:32px;text-shadow:0 2px 10px #0009}.image-number span{font-size:8px;letter-spacing:1px;margin-left:10px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #25272230;padding:23px 0;color:#77786f;font-size:10px;line-height:1.6}.scroll-label{font-size:8px;letter-spacing:1px}.section{padding:95px 5%;scroll-margin-top:20px}h2{font-size:clamp(36px,4vw,55px);font-weight:600;line-height:1.12;letter-spacing:-2.2px;margin-bottom:25px}h3{font-weight:600;letter-spacing:-.6px}.expertise{display:grid;grid-template-columns:1fr 1.12fr;gap:6%}.section-heading>p:last-child,.method>div>p:last-child{font-size:12px;line-height:1.9;color:#73746b;max-width:335px}.expertise-list article{display:flex;gap:22px;padding:25px 0;border-top:1px solid #25272230}.expertise-list article>span:first-child{font-size:10px;color:#a25133;padding-top:6px}.expertise-list h3{font-size:25px;margin-bottom:12px}.expertise-list p{font-size:11px;color:#73746b;line-height:1.9;max-width:340px;margin:0}.service-arrow{margin-left:auto;font-size:24px;color:#a25133}.projects{background:#e8e7df}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.projects-heading h2{margin-bottom:0}.projects-heading>p{font-size:11px;line-height:1.8;color:#73746b;margin-bottom:0}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:35px}.project-grid article:nth-child(2){padding-top:70px}.project-image{height:350px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-image:hover img{transform:scale(1.035)}.project-image>span{position:absolute;left:17px;top:17px;background:#f5f3ede8;padding:9px 13px;font-size:8px;letter-spacing:1px}.project-caption{display:flex;justify-content:space-between;gap:15px;margin-top:22px}.project-caption h3{font-size:18px;margin-bottom:10px}.project-caption>span{font-size:10px;color:#a25133;white-space:nowrap;padding-top:5px}.project-grid article>p{font-size:9px;color:#73746b;line-height:1.8}.method{display:grid;grid-template-columns:1fr 1.12fr;gap:6%}.method ol{list-style:none;padding:0;margin:0}.method li{display:flex;gap:23px;padding:25px 0;border-top:1px solid #25272230}.method li>span{background:#e8e7df;display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;font-size:10px;color:#a25133}.method h3{font-size:18px;margin:5px 0 12px}.method li p{font-size:11px;color:#73746b;line-height:1.9;margin:0;max-width:350px}.contact{background:#252b26;color:#f4f3eb;display:grid;grid-template-columns:1fr 1.12fr;gap:6%}.contact em{color:#e6ad8f}.contact .eyebrow{color:#d3b197}.contact>div>p:not(.eyebrow){font-size:12px;color:#a7b0a6;line-height:1.8}.contact-note{display:block;max-width:250px;font-size:9px;line-height:1.8;color:#a7b0a6;margin-top:35px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}label{font-size:10px;line-height:1.6;color:#d4d8cd}input,select,textarea{display:block;width:100%;border:1px solid #84917c70;border-radius:0;color:#f4f3eb;background:#ffffff06;padding:14px;margin-top:9px;font-size:11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#e6ad8f}input::placeholder,textarea::placeholder{color:#939e90}select option{color:#252722;background:#f5f3ed}textarea{resize:vertical;min-height:100px}.wide{grid-column:1/-1}form .button{margin-top:4px}#form-status{font-size:11px;line-height:1.8;margin:0;color:#e6c5b2}footer{padding:45px 5% 70px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:11px;line-height:1.8;margin:0}footer>span{font-size:8px;line-height:1.9;color:#73746b}footer>a:last-child{font-size:10px}.floating-exit{position:fixed;bottom:16px;right:18px;z-index:10;border:1px solid #fff5;background:#252722e8;backdrop-filter:blur(12px);color:#fff;padding:11px 15px;border-radius:30px;font-size:9px;box-shadow:0 3px 20px #0002}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:950px){nav{gap:18px;font-size:10px}.nav-contact{padding:12px}.hero-image{height:550px}h1{letter-spacing:-2.5px}.hero-copy{padding:45px 0}.project-image{height:290px}}@media(max-width:700px){.demo-bar{font-size:7px;padding:9px 20px;letter-spacing:.5px}.demo-bar a{font-size:8px}header{padding:20px;flex-wrap:wrap;gap:0}.brand{font-size:20px}.brand-icon{width:39px;height:39px;font-size:25px}.brand small{font-size:8px;letter-spacing:3.8px}.menu-toggle{display:flex;gap:16px;align-items:center;background:none;border:0;font-size:10px;padding:12px 0 12px 16px;color:#252722}.menu-toggle span{font-size:20px}nav{display:none;width:100%;padding-top:22px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex;animation:menu-in .3s ease-out}nav a{padding:15px 0;font-size:12px;border-top:1px solid #25272226}.nav-contact{padding:15px;margin-top:12px;text-align:center;border:1px solid #252722}.hero{padding:0 20px;display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:39px 0 34px}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:23px}h1{font-size:49px;letter-spacing:-2.8px;margin-bottom:22px}.hero-description{font-size:12px;max-width:300px;margin-bottom:25px}.hero-copy>.button{max-width:none;min-height:55px}.text-link{max-width:none;padding-top:20px;font-size:10px}.hero-image{height:330px}.image-tag{left:16px;top:16px;font-size:7px;padding:9px 11px}.image-number{left:16px;bottom:18px;font-size:28px}.image-number span{font-size:7px}.hero-bottom{padding:20px 0;font-size:9px}.scroll-label{font-size:7px}.section{padding:58px 20px}h2{font-size:37px;letter-spacing:-1.8px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.expertise,.method,.contact{display:block}.section-heading>p:last-child,.method>div>p:last-child{font-size:12px;max-width:none}.expertise-list{margin-top:30px}.expertise-list article{padding:24px 0;gap:20px}.expertise-list h3{font-size:24px}.expertise-list p{font-size:11px}.projects-heading{display:block;margin-bottom:28px}.projects-heading>p{margin-top:22px;font-size:10px}.project-grid{display:block}.project-grid article:nth-child(2){padding-top:32px}.project-image{height:280px}.project-caption h3{font-size:16px}.project-grid article>p{font-size:9px}.method ol{margin-top:32px}.method h3{font-size:17px}.method li{gap:18px}.contact-note{margin-top:22px;max-width:none;font-size:9px}form{margin-top:30px;gap:21px}form label{grid-column:1/-1}input,select,textarea{font-size:16px;padding:14px 12px}input::placeholder,textarea::placeholder{font-size:12px}footer{padding:35px 20px 85px;display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}footer p{font-size:9px}footer>span{font-size:8px}footer>a:last-child{font-size:9px;text-align:right}.floating-exit{right:13px;bottom:13px;font-size:8px}html{scroll-padding-top:12px}}@media(max-width:350px){h1{font-size:43px}.hero-image{height:290px}.demo-bar{padding-left:15px;padding-right:15px;font-size:6px}h2{font-size:33px}}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* One site, three complete art directions. */
header{position:sticky;top:0;z-index:25;background:#f5f3edf5;backdrop-filter:blur(16px)}.style-picker{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.style-picker>span{font-size:7px;letter-spacing:1.4px;color:#85877c}.style-options{display:flex;gap:4px;border:1px solid #2527222b;padding:4px;background:#fff5}.style-options button{background:none;border:0;color:#73746b;font:10px Montserrat,Arial,sans-serif;padding:11px 15px;min-height:37px;cursor:pointer;transition:background .2s,color .2s}.style-options button[aria-pressed=true]{background:#252722;color:#fff}.style-options button:hover:not([aria-pressed=true]){background:#2527220b}.style-options button:focus-visible{outline:2px solid #bd5b33;outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}section[id]{scroll-margin-top:140px}
/* MINIMALISTE — white space, neutral typography, precise lines. */
body[data-style=minimaliste]{background:#fff;color:#191b1a}body[data-style=minimaliste] header{background:#fffffff0;border-color:#16191812;padding-top:25px;padding-bottom:25px}body[data-style=minimaliste] .brand-icon{background:#1b1e1b;color:#fff}body[data-style=minimaliste] em{font-family:Montserrat,Arial,sans-serif;font-style:normal;color:#777e77;font-weight:400}body[data-style=minimaliste] h1{font-size:clamp(42px,4.4vw,65px);font-weight:400;letter-spacing:-3.5px;line-height:1.12}body[data-style=minimaliste] h1 em{font-size:1em}body[data-style=minimaliste] .hero{column-gap:9%}body[data-style=minimaliste] .hero-copy{padding:90px 0}body[data-style=minimaliste] .hero-image{height:540px;margin-top:35px}body[data-style=minimaliste] .hero-image img{filter:grayscale(1);object-position:65% center}body[data-style=minimaliste] .hero .eyebrow{color:#777e77;font-size:8px;letter-spacing:1px}body[data-style=minimaliste] .eyebrow i{background:#1b1e1b;width:4px;height:4px}body[data-style=minimaliste] .orange{background:#202421;color:#fff}body[data-style=minimaliste] .orange:hover{background:#465047}body[data-style=minimaliste] .image-tag{background:#ffffffe8;color:#4c544e;font-size:7px}body[data-style=minimaliste] .image-number{font-size:22px}body[data-style=minimaliste] .section{padding-top:110px;padding-bottom:110px}body[data-style=minimaliste] h2{font-weight:400;letter-spacing:-2px;font-size:clamp(34px,3.7vw,51px)}body[data-style=minimaliste] .projects{background:#f5f6f3}body[data-style=minimaliste] .project-image img{filter:grayscale(1)}body[data-style=minimaliste] .service-arrow,body[data-style=minimaliste] .expertise-list article>span:first-child,body[data-style=minimaliste] .project-caption>span{color:#656f66}body[data-style=minimaliste] .method li>span{background:#f0f2ee;color:#4d574e}body[data-style=minimaliste] .contact{background:#eff2ed;color:#232823}body[data-style=minimaliste] .contact .eyebrow,body[data-style=minimaliste] .contact em{color:#6b796a}body[data-style=minimaliste] .contact>div>p:not(.eyebrow),body[data-style=minimaliste] .contact-note{color:#798274}body[data-style=minimaliste] label{color:#566151}body[data-style=minimaliste] input,body[data-style=minimaliste] select,body[data-style=minimaliste] textarea{background:#fff;color:#232823;border-color:#c8cfc3}body[data-style=minimaliste] input:focus,body[data-style=minimaliste] select:focus,body[data-style=minimaliste] textarea:focus{border-color:#465047}body[data-style=minimaliste] #form-status{color:#465047}body[data-style=minimaliste] footer{background:#fff}
/* ÉLÉGANT — warm ivory, editorial serif and understated brass. */
body[data-style=elegant]{background:#f6f1e7;color:#373b2e}body[data-style=elegant] header{background:#f6f1e7f5;border-bottom:1px solid #b9ab7e66;padding-top:24px;padding-bottom:24px}body[data-style=elegant] .brand{font-family:Georgia,serif;font-weight:400;letter-spacing:1px;font-size:25px}body[data-style=elegant] .brand small{font-family:Montserrat,Arial,sans-serif;font-size:7px;letter-spacing:4px}body[data-style=elegant] .brand-icon{background:transparent;color:#8c7946;border:1px solid #a89361;font-family:Georgia,serif}body[data-style=elegant] .style-options{border-color:#b6a16b66;background:#fff6;border-radius:30px;padding:4px}body[data-style=elegant] .style-options button{border-radius:25px;color:#7b7c68}body[data-style=elegant] .style-options button[aria-pressed=true]{background:#454c39;color:#fff8e9}body[data-style=elegant] .hero{display:flex;flex-direction:column;padding-left:8%;padding-right:8%}body[data-style=elegant] .hero-copy{text-align:center;max-width:800px;padding:70px 0 45px;width:100%}body[data-style=elegant] .hero-description{margin-left:auto;margin-right:auto;max-width:440px;color:#878775}body[data-style=elegant] h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,6vw,90px);letter-spacing:-2px;line-height:1.02}body[data-style=elegant] h1 em{font-size:1.1em;color:#8e7c50}body[data-style=elegant] .hero .eyebrow{letter-spacing:2.2px;font-size:8px;color:#8e7c50}body[data-style=elegant] .eyebrow i{background:#a89361;rotate:45deg;width:5px;height:5px}body[data-style=elegant] .hero-copy>.button{margin-left:auto;margin-right:auto;max-width:285px}body[data-style=elegant] .text-link{margin-left:auto;margin-right:auto;max-width:285px}body[data-style=elegant] .orange{background:#454c39;color:#fff8e9;font-weight:400;letter-spacing:.3px}body[data-style=elegant] .orange:hover{background:#66704f}body[data-style=elegant] .hero-image{width:100%;height:520px;border-radius:200px 200px 0 0;border:1px solid #baa87575;padding:9px;background:transparent}body[data-style=elegant] .hero-image img{border-radius:190px 190px 0 0;filter:saturate(.65) sepia(.12)}body[data-style=elegant] .image-tag{top:auto;bottom:30px;left:auto;right:30px;background:#f6f1e7e6;font-size:7px;letter-spacing:1.4px}body[data-style=elegant] .image-number{bottom:25px;left:30px}body[data-style=elegant] .hero-bottom{width:100%;border-color:#b9ab7e66}body[data-style=elegant] h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.7vw,63px);letter-spacing:-1px}body[data-style=elegant] em{color:#8e7c50}body[data-style=elegant] h3{font-family:Georgia,serif;font-weight:400;letter-spacing:0}body[data-style=elegant] .expertise-list h3{font-size:29px}body[data-style=elegant] .eyebrow{color:#94815a;letter-spacing:1.8px;font-size:8px}body[data-style=elegant] .projects{background:#ece6d8}body[data-style=elegant] .project-image{border-radius:130px 130px 0 0}body[data-style=elegant] .project-image img{filter:saturate(.65) sepia(.1)}body[data-style=elegant] .project-caption h3{font-size:23px}body[data-style=elegant] .expertise-list article,body[data-style=elegant] .method li{border-color:#b9ab7e66}body[data-style=elegant] .service-arrow,body[data-style=elegant] .expertise-list article>span:first-child,body[data-style=elegant] .project-caption>span{color:#94815a}body[data-style=elegant] .method li>span{border:1px solid #b9ab7e66;background:none;color:#94815a;border-radius:50%}body[data-style=elegant] .method h3{font-size:24px}body[data-style=elegant] .contact{background:#393f30;color:#fff8e9}body[data-style=elegant] .contact em,body[data-style=elegant] .contact .eyebrow{color:#d0be8b}body[data-style=elegant] .contact .orange{background:#c7b382;color:#303725}body[data-style=elegant] input,body[data-style=elegant] select,body[data-style=elegant] textarea{border-color:#aaa48266;background:#ffffff05}body[data-style=elegant] input:focus,body[data-style=elegant] select:focus,body[data-style=elegant] textarea:focus{border-color:#c7b382}
/* CONSTRUCTION — direct, technical, solid. */
body[data-style=construction]{background:#f1f0e9}body[data-style=construction] .style-options{background:#e5e3d9;border-color:#25272230}body[data-style=construction] .style-options button[aria-pressed=true]{background:#c55b34;color:#fff}body[data-style=construction] .hero h1{font-weight:600;font-size:clamp(45px,5.1vw,77px);letter-spacing:-3.6px}body[data-style=construction] .hero h1 em{font-family:Montserrat,Arial,sans-serif;font-style:normal;font-size:1em;font-weight:600;color:#c55b34}body[data-style=construction] .hero-image{height:590px;border-bottom:8px solid #c55b34}body[data-style=construction] .image-tag{background:#c55b34;color:#fff}body[data-style=construction] .eyebrow{font-family:ui-monospace,monospace;font-size:9px}body[data-style=construction] .projects{background:#dedfd5}body[data-style=construction] .expertise-list article>span:first-child{background:#252722;color:#fff;padding:8px;align-self:flex-start}body[data-style=construction] .service-arrow{color:#c55b34}body[data-style=construction] .contact{border-top:8px solid #c55b34}body[data-style=construction] .method li>span{background:#c55b34;color:#fff}body[data-style=construction] .hero-bottom{border-bottom:2px solid #252722}
@media(max-width:700px){header{padding:16px 20px 14px;gap:17px}.style-picker{width:100%;align-items:stretch;gap:10px}.style-picker>span{font-size:6px;letter-spacing:1.3px;text-align:center}.style-options{width:100%;gap:3px}.style-options button{flex:1;font-size:9px;padding:10px 4px;min-height:39px}section[id]{scroll-margin-top:180px}.brand{font-size:19px}.brand-icon{width:34px;height:34px;font-size:22px}.brand small{font-size:7px}.demo-bar{font-size:6px}body[data-style=minimaliste] header,body[data-style=elegant] header{padding:16px 20px 14px}body[data-style=minimaliste] .hero-copy{padding:45px 0 32px}body[data-style=minimaliste] h1{font-size:44px;letter-spacing:-2.7px}body[data-style=minimaliste] .hero-image{height:310px;margin-top:0}body[data-style=minimaliste] .section{padding:65px 20px}body[data-style=minimaliste] h2{font-size:35px}body[data-style=elegant] .brand{font-size:22px}body[data-style=elegant] .hero{padding-left:20px;padding-right:20px}body[data-style=elegant] .hero-copy{padding:40px 0 30px}body[data-style=elegant] h1{font-size:53px;letter-spacing:-1.5px}body[data-style=elegant] .hero .eyebrow{font-size:6px;letter-spacing:1.5px}body[data-style=elegant] .hero-description{font-size:11px;max-width:280px}body[data-style=elegant] .hero-image{height:350px;border-radius:125px 125px 0 0;padding:7px}body[data-style=elegant] .hero-image img{border-radius:118px 118px 0 0}body[data-style=elegant] .image-tag{font-size:6px;bottom:53px;right:20px;letter-spacing:.5px;padding:8px}body[data-style=elegant] .image-number{bottom:15px;left:20px;font-size:24px}body[data-style=elegant] h2{font-size:41px}body[data-style=elegant] .project-caption h3{font-size:21px}body[data-style=elegant] .method h3{font-size:23px}body[data-style=construction] .hero h1{font-size:47px;letter-spacing:-2.8px}body[data-style=construction] .hero-image{height:325px}body[data-style=construction] .hero .eyebrow{font-size:7px}.contact .section-heading{margin-top:0}}@media(max-width:350px){.style-options button{font-size:8px}body[data-style=minimaliste] h1{font-size:39px}body[data-style=elegant] h1{font-size:46px}body[data-style=construction] .hero h1{font-size:41px}}
/* The Weberio switcher is deliberately distinct from each demo's identity. */
body #demo-style-picker{padding:12px 14px;border:1px solid #54daca;border-radius:8px;background:linear-gradient(130deg,#102e33,#07191e);box-shadow:0 0 0 4px #59e3cf0b,0 8px 24px #06232012;gap:10px}body #demo-style-picker>span{color:#9cf7e7;font:8px ui-monospace,monospace;letter-spacing:1.2px;align-self:flex-start}body #demo-style-picker .style-options{border:0;border-radius:4px;padding:3px;background:#ffffff08;gap:4px}body #demo-style-picker .style-options button{border:1px solid transparent;border-radius:3px;color:#a0bfbd;font:10px Montserrat,Arial,sans-serif;min-height:36px;padding:9px 15px}body #demo-style-picker .style-options button:hover{background:#80ffde14;color:#e6fff9}body #demo-style-picker .style-options button[aria-pressed=true]{background:#75e5d2;border-color:#a6ffee;color:#062b2d;box-shadow:0 0 15px #63e8d72b}body #demo-style-picker .style-options button:focus-visible{outline:2px solid #b2fff1;outline-offset:2px}[hidden]{display:none!important}
/* CLAIR — a separate, image-free editorial studio. */
body[data-style=minimaliste]{background:#fafaf8;color:#232623}.minimal-brand{font-size:31px!important;font-weight:600;letter-spacing:-2px!important;line-height:1}.minimal-brand>span{color:#9b9e94}.minimal-brand small{font:7px Montserrat,Arial,sans-serif!important;letter-spacing:2px!important;margin-top:7px!important}#minimal-content{max-width:1250px;margin:auto;padding:0 6%}#minimal-content h1{font:400 clamp(52px,7.5vw,103px)/1.04 Montserrat,Arial,sans-serif;letter-spacing:-6px;margin:0 0 55px}#minimal-content h1>span{color:#93998e}#minimal-content h2{font:400 clamp(32px,4.2vw,55px)/1.12 Montserrat,Arial,sans-serif;letter-spacing:-2.2px}#minimal-content h2 em{font:inherit;color:#93998e}.minimal-kicker{font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#8a9085;margin-bottom:30px}.minimal-hero{padding:75px 0 32px;border-bottom:1px solid #dfe2da}.minimal-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.minimal-hero-bottom>p{font-size:12px;line-height:1.9;max-width:365px;color:#7c8476;margin:0}.minimal-hero-bottom>a{font-size:11px;border-bottom:1px solid #232623;padding:0 0 13px;min-width:230px;display:flex;justify-content:space-between;gap:35px}.minimal-index{font:7px ui-monospace,monospace;color:#a0a698;letter-spacing:1px;display:block;margin-top:65px}.minimal-approach{padding:90px 0;display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:30px;align-items:start}.minimal-approach .minimal-kicker{margin-top:10px}.minimal-approach>p{font-size:11px;line-height:1.95;color:#7c8476;margin-top:10px}.minimal-services{padding:0 0 80px}.minimal-section-label{display:flex;justify-content:space-between;color:#b0b7a8;font-size:8px}.minimal-services article{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:30px;padding:28px 0;border-top:1px solid #dfe2da;align-items:start}.minimal-services article>span{font:8px ui-monospace,monospace;color:#929b88;padding-top:6px}.minimal-services h3{font-size:22px;font-weight:400;letter-spacing:-.8px;margin:0}.minimal-services article p{font-size:11px;line-height:1.9;color:#7c8476;margin:0}.minimal-work{padding:0 0 90px}.minimal-work>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.minimal-work article{min-height:260px;padding:28px;background:#edf0e8;display:flex;flex-direction:column;justify-content:space-between}.minimal-work article:nth-child(2){background:#e5e8df}.minimal-work article>span{font:7px ui-monospace,monospace;letter-spacing:1px;color:#8e9886}.minimal-work h3{font-size:34px;line-height:1.1;font-weight:400;letter-spacing:-1.3px;margin:35px 0}.minimal-work article>p{font-size:10px;line-height:1.8;color:#7c8476;max-width:260px;margin:0}.minimal-contact-section{padding:60px 0 90px;border-top:1px solid #dfe2da;display:grid;grid-template-columns:1fr 1fr;gap:60px}.minimal-contact-section>div>p:last-child{font-size:9px;line-height:1.8;max-width:280px;color:#929b88}.minimal-contact-section form{margin:0}.minimal-contact-section label{color:#718069}.minimal-contact-section input,.minimal-contact-section textarea{background:transparent!important;border:0!important;border-bottom:1px solid #cbd2c2!important;color:#293024!important;padding-left:0}.minimal-contact-section button{background:#242b22;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:0;font-size:11px;min-height:52px}.minimal-contact-section button:hover{background:#44533f}#minimal-status{font-size:10px;line-height:1.8;color:#718069;margin:0}body[data-style=minimaliste] footer>span{display:none}
@media(max-width:700px){body #demo-style-picker{padding:11px;width:100%;gap:9px}body #demo-style-picker>span{font-size:7px;align-self:center;letter-spacing:1.4px}body #demo-style-picker .style-options button{font-size:9px;padding:10px 5px;min-height:40px}#minimal-content{padding:0 23px}.minimal-hero{padding-top:43px;padding-bottom:25px}#minimal-content h1{font-size:48px;letter-spacing:-3.2px;margin-bottom:30px}.minimal-kicker{font-size:7px;letter-spacing:.9px;margin-bottom:23px}.minimal-hero-bottom{display:block}.minimal-hero-bottom>p{font-size:11px;line-height:1.9}.minimal-hero-bottom>a{margin-top:28px;font-size:10px;padding-bottom:12px}.minimal-index{margin-top:36px;font-size:6px}.minimal-approach{display:block;padding:45px 0}.minimal-approach>p{font-size:11px;margin-bottom:0}#minimal-content h2{font-size:36px;letter-spacing:-1.7px;margin-bottom:22px}.minimal-services{padding-bottom:45px}.minimal-services article{grid-template-columns:25px 1fr;gap:12px;padding:24px 0}.minimal-services article p{grid-column:2;font-size:10px}.minimal-services h3{font-size:21px}.minimal-services article>span{font-size:7px}.minimal-work{padding-bottom:48px}.minimal-work>div{display:block}.minimal-work article{min-height:220px;margin-bottom:14px;padding:23px}.minimal-work h3{font-size:32px;margin:25px 0}.minimal-contact-section{display:block;padding:45px 0 55px}.minimal-contact-section form{margin-top:30px}.minimal-contact-section>div>p:last-child{font-size:8px;max-width:none}.minimal-brand{font-size:28px!important}}
/* AURORE — local perfume boutique, warm beige and sunlit yellow. */
body[data-style=elegant]{background:#f6f0df;color:#51452c}body[data-style=elegant] header{background:#f6f0dff2;border-color:#d2c59f66}body[data-style=elegant] .perfume-brand{font:28px Georgia,serif;letter-spacing:5px;color:#6d5d32;line-height:1.15}body[data-style=elegant] .perfume-brand small{font:6px Montserrat,Arial,sans-serif!important;letter-spacing:2px!important;margin-top:7px!important}#perfume-content{max-width:1450px;margin:auto}#perfume-content h1,#perfume-content h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.05;color:#51452c}#perfume-content em{color:#aa8740;font-weight:400}#perfume-content h1{font-size:clamp(59px,6.5vw,91px);margin-bottom:28px}#perfume-content h2{font-size:clamp(43px,4.8vw,62px)}.perfume-kicker{font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#a18d59;margin-bottom:27px}.perfume-hero{padding:55px 6% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center}.perfume-hero-copy>p:not(.perfume-kicker){font-size:12px;line-height:1.95;color:#9b8c69;max-width:370px;margin-bottom:30px}.perfume-primary{display:flex;align-items:center;justify-content:space-between;gap:30px;width:fit-content;min-width:235px;min-height:51px;padding:16px 21px;background:#dfc65e;color:#50431e;border:1px solid #d3b649;font:11px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s}.perfume-primary:hover{background:#edd77d}.perfume-primary>span{font-size:19px}.perfume-primary:disabled{opacity:.4;cursor:default}.perfume-signature{display:block;font:italic 14px Georgia,serif;color:#af9c6b;margin-top:31px}.perfume-hero-art{min-height:490px;position:relative;display:flex;align-items:center;justify-content:center;background:#eadb9f;border-radius:48% 48% 2px 2px;isolation:isolate}.perfume-hero-art:before{content:'';position:absolute;bottom:30px;left:10%;right:10%;height:100px;border-radius:50%;background:#cbb77333;z-index:-1}.perfume-hero-art>img{width:90%;max-height:470px;object-fit:contain;filter:drop-shadow(15px 18px 15px #8f793020);rotate:-5deg}.perfume-spark{position:absolute;color:#a58b3d;font-family:Georgia,serif;z-index:1}.spark-one{left:12%;top:25%;font-size:35px}.spark-two{right:12%;top:15%;font-size:22px}.spark-three{right:9%;bottom:23%;font-size:32px}.perfume-art-caption{position:absolute;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:1px;color:#9b874d}.perfume-ribbon{padding:23px 6%;border-top:1px solid #d6c999;border-bottom:1px solid #d6c999;display:flex;justify-content:center;align-items:center;gap:45px;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#a18d59}.perfume-ribbon>i{font-style:normal;color:#bfa246;font-size:19px}.perfume-collection{padding:80px 6% 65px}.perfume-section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:25px}.perfume-section-top h2{margin-bottom:0}.perfume-cart-toggle{background:transparent;border:1px solid #b9a56f;font:10px Montserrat,Arial,sans-serif;color:#8c7947;padding:13px 16px;display:flex;align-items:center;gap:17px;min-height:44px;cursor:pointer}.perfume-cart-toggle>span{width:20px;height:20px;display:grid;place-items:center;background:#dfc65e;border-radius:50%;font-size:9px;color:#635021}.perfume-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.perfume-product-art{position:relative;aspect-ratio:.92;display:flex;align-items:center;justify-content:center;background:#eee5cb;overflow:hidden}.perfume-art-1{background:#eadb9f}.perfume-art-2{background:#e5dec5}.perfume-product-art>img{width:95%;height:95%;object-fit:contain;transition:transform .5s}.perfume-product-art:hover>img{transform:translateY(-5px) rotate(-3deg)}.perfume-product-art>span{position:absolute;left:18px;top:18px;font:8px ui-monospace,monospace;color:#b2a071}.perfume-product-type{font:7px ui-monospace,monospace;letter-spacing:1.1px;color:#b19b6b;margin:25px 0 12px}.perfume-product-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.perfume-product-title h3{font:29px Georgia,serif;color:#675630;letter-spacing:-.5px;margin:0}.perfume-product-title>span{font-size:11px;color:#8b7541;white-space:nowrap}.perfume-notes{font-size:9px;color:#a48e5a;margin:12px 0 15px;line-height:1.8}.perfume-description{font-size:10px;line-height:1.9;color:#a39574;min-height:58px;margin-bottom:20px}.perfume-add{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:14px 0;border:0;border-top:1px solid #cdbd8f;border-bottom:1px solid #cdbd8f;color:#897140;background:none;font:10px Montserrat,Arial,sans-serif;min-height:45px;cursor:pointer}.perfume-add>span{font-size:20px;font-weight:400}.perfume-add:hover{color:#50431e;background:#dfc65e14}.perfume-demo-note{font:8px/1.8 Montserrat,Arial,sans-serif;color:#ad9b6e;margin:28px 0 0}.perfume-cart-feedback{font-size:10px;color:#8c7947;line-height:1.8;margin:15px 0 0;min-height:18px}.perfume-story{padding:75px 10%;display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:#eae0b9;align-items:center}.perfume-story-symbol{text-align:center;font:220px Georgia,serif;line-height:1;color:#c3aa55}.perfume-story h2{margin-bottom:25px}.perfume-story p:not(.perfume-kicker){font-size:11px;line-height:1.95;color:#a08e5f;max-width:380px}.perfume-story a{font-size:10px;color:#8a713c;border-bottom:1px solid #bba36a;padding:10px 0;display:inline-block;margin-top:10px}.perfume-closing{text-align:center;padding:70px 6% 85px}.perfume-closing>span{display:block;font:34px Georgia,serif;color:#c3a447;margin-bottom:25px}.perfume-closing>.perfume-primary{margin:30px auto 0}body[data-style=elegant] footer{background:#f0e8d3;border-top:1px solid #d6c999}body[data-style=elegant] footer>span{display:none}.perfume-cart-dialog{width:min(520px,calc(100% - 32px));max-height:85svh;overflow:auto;background:#f6f0df;color:#6d5d32;border:1px solid #cdbd8f;padding:28px;box-shadow:0 15px 80px #0003}.perfume-cart-dialog::backdrop{background:#1c2019a3;backdrop-filter:blur(5px)}.perfume-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#a18d59}.perfume-dialog-head>button{border:0;background:none;color:#8a713c;font-size:28px;min-width:38px;min-height:38px;cursor:pointer}.perfume-cart-dialog h2{font:40px Georgia,serif;color:#6d5d32;letter-spacing:-1px;margin:20px 0 30px}.perfume-cart-row{padding:20px 0;border-top:1px solid #d6c999;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px}.perfume-cart-row>div{display:flex;align-items:center;gap:10px}.perfume-cart-row button{background:none;border:1px solid #cdbd8f;color:#8a713c;min-width:32px;min-height:32px;cursor:pointer;font-size:16px}.perfume-cart-total{display:flex;justify-content:space-between;border-top:1px solid #cdbd8f;padding-top:25px;margin-top:15px;font-size:12px}.perfume-cart-total strong{font-weight:400;font-size:18px}.perfume-cart-dialog>.perfume-primary{width:100%;margin-top:25px}.perfume-empty{font-size:12px;line-height:1.9;color:#a08e5f}.perfume-cart-dialog .perfume-demo-note{margin-top:20px}.perfume-primary:focus-visible,.perfume-add:focus-visible,.perfume-cart-toggle:focus-visible{outline:2px solid #9d813d;outline-offset:4px}
@media(max-width:700px){body[data-style=elegant] .perfume-brand{font-size:24px;letter-spacing:4px}body[data-style=elegant] .perfume-brand small{font-size:5px!important;letter-spacing:1.5px!important}.perfume-hero{display:block;padding:40px 23px 35px}.perfume-kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:23px}#perfume-content h1{font-size:59px;letter-spacing:-2.4px;margin-bottom:24px}.perfume-hero-copy>p:not(.perfume-kicker){font-size:11px;line-height:1.9}.perfume-hero-copy>p br{display:none}.perfume-primary{font-size:10px;min-height:50px;min-width:0;width:100%;padding:15px 18px}.perfume-signature{font-size:13px;margin-top:24px}.perfume-hero-art{margin-top:35px;min-height:350px}.perfume-hero-art>img{max-height:345px;width:85%}.spark-one{font-size:28px}.spark-two{font-size:18px}.spark-three{font-size:25px}.perfume-art-caption{font-size:6px;left:19px;right:19px;letter-spacing:.5px}.perfume-ribbon{padding:17px 22px;gap:16px;font-size:6px;letter-spacing:.5px}.perfume-ribbon>i{font-size:14px}.perfume-ribbon>span:last-child,.perfume-ribbon>i:last-of-type{display:none}.perfume-collection{padding:48px 23px 40px}.perfume-section-top{align-items:end;gap:10px;margin-bottom:27px}#perfume-content h2{font-size:42px;letter-spacing:-1.3px}.perfume-section-top .perfume-kicker{font-size:6px;letter-spacing:.5px;max-width:175px}.perfume-cart-toggle{padding:10px 11px;font-size:8px;gap:9px;white-space:nowrap}.perfume-product-grid{display:block}.perfume-card{margin-bottom:35px}.perfume-product-art{aspect-ratio:1.12}.perfume-product-art>img{height:95%;max-height:300px;width:95%}.perfume-product-type{margin-top:19px;font-size:6px}.perfume-product-title h3{font-size:28px}.perfume-product-title>span{font-size:12px}.perfume-notes{font-size:9px}.perfume-description{font-size:11px;min-height:0;margin-bottom:17px}.perfume-add{font-size:10px;min-height:49px}.perfume-demo-note{font-size:7px;line-height:1.9}.perfume-cart-feedback{font-size:9px;min-height:0}.perfume-story{padding:40px 25px;display:block}.perfume-story-symbol{font-size:80px;text-align:left;margin-bottom:30px}.perfume-story p:not(.perfume-kicker){font-size:11px;max-width:none}.perfume-closing{padding:45px 23px 55px}.perfume-closing h2{font-size:39px!important}.perfume-closing>.perfume-primary{max-width:310px}.perfume-cart-dialog{padding:21px}.perfume-cart-dialog h2{font-size:34px}.perfume-cart-row{font-size:10px}.perfume-cart-row>div{gap:8px}.perfume-cart-dialog .perfume-primary{font-size:10px}}@media(max-width:350px){#perfume-content h1{font-size:51px}.perfume-cart-toggle{font-size:7px;padding:8px}.perfume-hero{padding-left:20px;padding-right:20px}.perfume-collection{padding-left:20px;padding-right:20px}}
/* Trait — studio de tatouage : papier blanc, encre noire, aucun décor superflu. */
body[data-style=minimaliste]{background:#fff;color:#111}body[data-style=minimaliste] header,body[data-style=minimaliste] footer{background:#fff;border-color:#ddd}.minimal-brand{font-size:32px!important;font-weight:600;letter-spacing:-2px!important}.minimal-brand>span{font-size:11px;vertical-align:top;letter-spacing:0;color:#111}.minimal-brand small{color:#666}#minimal-content h1{font-weight:600;letter-spacing:-6px}#minimal-content h1>span{color:#888}#minimal-content h2 em{color:#777}.minimal-kicker,.minimal-index,.minimal-section-label,.minimal-services article>span{color:#666}.minimal-hero,.minimal-services article,.minimal-contact-section{border-color:#d8d8d8}.minimal-hero-bottom>p,.minimal-approach>p,.minimal-services article p,.minimal-contact-section>div>p:last-child{color:#666}.minimal-hero-bottom>a{border-color:#111;font-weight:600}.minimal-work .tattoo-flash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.minimal-work article,.minimal-work article:nth-child(2){padding:0;background:transparent;min-height:0}.tattoo-flash{background:#f4f4f4;display:grid;place-items:center;aspect-ratio:1/1.1;overflow:hidden}.tattoo-flash svg{width:70%;height:90%;color:#111}.tattoo-flash-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:10px;border-bottom:1px solid #ddd}.minimal-work .tattoo-flash-caption h3{margin:0;font-size:20px;letter-spacing:-.7px}.tattoo-flash-caption>span{font:7px ui-monospace,monospace;color:#666;letter-spacing:.6px}.tattoo-art-note{font-size:9px;color:#777;line-height:1.7;margin-top:20px}.minimal-contact-section label,#minimal-status{color:#555}.minimal-contact-section input,.minimal-contact-section textarea{color:#111!important;border-color:#aaa!important}.minimal-contact-section input::placeholder,.minimal-contact-section textarea::placeholder{color:#888}.minimal-contact-section input:focus,.minimal-contact-section textarea:focus{outline:0;border-bottom-color:#111!important}.minimal-contact-section button{background:#111;color:#fff}.minimal-contact-section button:hover{background:#333}body[data-style=minimaliste] .demo-bar,body[data-style=minimaliste] .floating-exit{background:#111;color:#fff}body[data-style=minimaliste] a:focus-visible,body[data-style=minimaliste] button:focus-visible{outline-color:#777}
@media(max-width:700px){#minimal-content h1{font-size:clamp(45px,12vw,70px);letter-spacing:-3.3px}.minimal-work .tattoo-flash-grid{grid-template-columns:1fr;gap:25px}.tattoo-flash{aspect-ratio:1.25}.tattoo-flash svg{height:90%;width:70%}.minimal-work article{margin:0}.minimal-work .tattoo-flash-caption h3{font-size:24px}.tattoo-flash-caption>span{font-size:8px}.tattoo-art-note{font-size:8px}.minimal-contact-section>div>p:last-child{font-size:10px}.minimal-hero-bottom>a{font-size:12px;min-height:44px;align-items:center}.minimal-index{font-size:7px;line-height:1.6}}
/* TRAIT : accueil immersif noir et blanc, inspiré d’un carnet de tatoueur. */
body[data-style=minimaliste]{background:#101010;color:#f6f6f3}body[data-style=minimaliste] header{background:#111111f5;border-color:#ffffff1c}body[data-style=minimaliste] .minimal-brand,body[data-style=minimaliste] .minimal-brand>span{color:#fff}body[data-style=minimaliste] .minimal-brand small{color:#aaa}body[data-style=minimaliste] footer{background:#111;color:#eee;border-color:#333}#minimal-content{max-width:none;padding:0}#minimal-content .tattoo-hero{isolation:isolate;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:760px;padding:110px max(6%,calc((100% - 1100px)/2)) 38px;border:0;overflow:hidden}.tattoo-hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0007,#000a 50%,#000e),url('/assets/tattoo-creation.png') center 40%/cover}.tattoo-hero-copy{max-width:690px;margin:auto;text-align:center}.tattoo-hero .minimal-kicker{color:#d3d3cd;font-size:9px;letter-spacing:3px;margin:0 0 24px}#minimal-content .tattoo-hero h1{font:400 clamp(40px,5vw,76px)/1.1 Georgia,serif;letter-spacing:-1.5px;color:#fff;margin:0 0 32px}.tattoo-welcome{font-size:17px;line-height:1.7;color:#e1e1dc;max-width:610px;margin:0 auto 34px}.tattoo-welcome strong{color:#fff;font-weight:600}.tattoo-hero-actions{display:grid;gap:14px;max-width:560px;margin:0 auto}.tattoo-pill{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #fff;border-radius:60px;min-height:60px;padding:17px 25px;font:13px Montserrat,Arial,sans-serif;letter-spacing:.2px}.tattoo-pill-white{color:#111;background:#fff}.tattoo-pill-outline{color:#fff;background:#0002}.tattoo-pill:hover{background:#ddd;color:#111}.tattoo-hero-foot{padding-top:75px;text-align:center}.tattoo-hero-foot p{font-size:13px;color:#eee;margin-bottom:24px}.tattoo-dot{padding:0 14px}.tattoo-hero-foot a{font-size:13px;color:#ddd}.tattoo-hero-foot a span{margin-left:10px}#minimal-content>.minimal-approach,#minimal-content>.minimal-work,#minimal-content>.minimal-services,#minimal-content>.minimal-contact-section{width:min(1100px,88%);margin-left:auto;margin-right:auto}.tattoo-team{grid-template-columns:1fr 1fr;gap:90px;padding:90px 0}.tattoo-team .minimal-kicker{display:block;margin-top:0;color:#999}.tattoo-team>div>p{color:#aaa;font-size:13px;line-height:1.85}.tattoo-team-member{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #444;padding:20px 0}.tattoo-team-member>span{font:10px ui-monospace,monospace;letter-spacing:1px}.tattoo-team-member>p{font-size:12px;color:#aaa;margin:0}.tattoo-team small{font-size:9px;color:#888}#minimal-content h2,#minimal-content .minimal-services h3,#minimal-content .tattoo-flash-caption h3{color:#eee}#minimal-content h2 em{color:#aaa}.tattoo-flash{background:#dcdcd6}.tattoo-flash-caption{border-color:#444}.tattoo-flash-caption>span,.minimal-kicker,.minimal-section-label,.tattoo-art-note{color:#999}.minimal-services article,.minimal-contact-section{border-color:#444}.minimal-services article p,.minimal-contact-section>div>p:last-child{color:#aaa}.minimal-contact-section label,#minimal-status{color:#ccc}.minimal-contact-section input,.minimal-contact-section textarea{color:#fff!important;border-color:#666!important}.minimal-contact-section input:focus,.minimal-contact-section textarea:focus{border-bottom-color:#fff!important}.minimal-contact-section button{background:#fff;color:#111;border-radius:40px}.minimal-contact-section button:hover{background:#ddd}
@media(max-width:700px){#minimal-content .tattoo-hero{min-height:650px;padding:76px 20px 30px;justify-content:space-between}.tattoo-hero-copy{margin:0 auto;width:100%}.tattoo-hero .minimal-kicker{font-size:8px;margin-bottom:26px}#minimal-content .tattoo-hero h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:30px}.tattoo-welcome{font-size:15px;line-height:1.65;margin-bottom:30px}.tattoo-pill{font-size:12px;min-height:54px;padding:15px 18px}.tattoo-hero-foot{padding-top:60px}.tattoo-hero-foot p{font-size:11px}.tattoo-hero-foot a{font-size:12px}#minimal-content>.minimal-approach,#minimal-content>.minimal-work,#minimal-content>.minimal-services,#minimal-content>.minimal-contact-section{width:calc(100% - 40px)}.tattoo-team{display:block;padding:55px 0}.tattoo-team>div+div{margin-top:28px}.tattoo-team>div>p{font-size:12px}.tattoo-team-member{padding:18px 0}.tattoo-team-member>p{font-size:11px}}
.tattoo-hero-art{background-image:linear-gradient(180deg,#000a,#000b 50%,#101010 100%),url('/assets/tattoo-creation.png')}
.tattoo-booking-dialog{position:fixed;width:min(480px,calc(100% - 32px));max-height:85svh;overflow:auto;margin:auto;padding:40px 28px 26px;background:#141414;color:#fff;border:1px solid #666;border-radius:8px;box-shadow:0 20px 90px #0009}.tattoo-booking-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}#minimal-content .tattoo-booking-dialog h2{font:400 32px/1.15 Georgia,serif;letter-spacing:-.7px;margin:0 0 22px}.tattoo-booking-dialog>p:not(.minimal-kicker){font-size:13px;line-height:1.8;color:#bbb;margin-bottom:28px}.tattoo-booking-dialog .minimal-kicker{font-size:8px;margin-bottom:22px;padding-right:24px}.tattoo-dialog-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#fff;font-size:28px;width:38px;height:38px}.tattoo-booking-dialog .tattoo-pill{font-size:12px;min-height:52px}.tattoo-dialog-stay{display:block;background:transparent;color:#bbb;border:0;border-bottom:1px solid #777;margin:20px auto 0;padding:10px 0;font-size:11px}.tattoo-hero-actions button{width:100%}body[data-style=minimaliste] #minimal-content>.minimal-work{padding-bottom:65px}
.weberio-audio-toggle{position:fixed;left:12px;bottom:14px;z-index:55;border:1px solid #547c78;border-radius:25px;background:#09232bea;color:#b6e8db;padding:9px 11px;font:10px Montserrat,Arial,sans-serif;min-height:34px;cursor:pointer}

/* Photographies fournies pour le TattooShop. */
.tattoo-flash img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tattoo-flash-grid article:first-child .tattoo-flash img{object-position:center 53%}.tattoo-hero-art{background-position:center,center 48%}
@media(max-width:700px){.tattoo-flash-grid article:first-child .tattoo-flash{aspect-ratio:1/1.2}.tattoo-flash-grid article:first-child .tattoo-flash img{object-position:center 48%}}
.tattoo-flash{position:relative}.tattoo-flash img{position:absolute;inset:0}

/* Commandes du studio fixes et identiques dans les trois univers. */
body[data-style]{padding-top:143px}
body[data-style] .demo-bar{position:fixed;top:0;left:0;right:0;z-index:120;min-height:32px;box-sizing:border-box}
body[data-style] header{position:relative;top:auto}
body #demo-style-picker{position:fixed;left:50%;top:44px;transform:translateX(-50%);width:min(390px,calc(100% - 32px));box-sizing:border-box;align-items:stretch;z-index:130;margin:0}
body #demo-style-picker>span{align-self:center}
.universe-tour-dimmer{position:fixed;inset:0;background:#000c;z-index:1200;pointer-events:none;animation:universe-tour-dim-in .65s ease-out both}
body.universe-tour-active #demo-style-picker{z-index:1201}
body #demo-style-picker .universe-tour-selected{border-color:#d6fff3!important;box-shadow:0 0 18px #63e8d755,inset 0 0 12px #c2ffef22!important}
@keyframes universe-tour-dim-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){body[data-style]{padding-top:149px}body #demo-style-picker{top:43px;width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.universe-tour-dimmer{display:none}}

/* Fenêtre Weberio de passage à une autre démo. */
.demo-switch-dialog{width:min(480px,calc(100% - 36px));max-height:calc(100svh - 40px);padding:30px;border:1px solid #81e2cf80;border-radius:16px;background:linear-gradient(140deg,#10383c,#071a23);color:#d7f4ed;font-family:Montserrat,Arial,sans-serif;box-shadow:0 20px 90px #0009;box-sizing:border-box}
.demo-switch-dialog::backdrop{background:#020b14b8;backdrop-filter:blur(8px)}
.demo-switch-dialog[open]{animation:demo-switch-in .3s ease-out}
.demo-switch-dialog .demo-switch-kicker{font:10px/1.4 ui-monospace,monospace;letter-spacing:1.5px;color:#7bdfcd;margin:0 0 15px}
.demo-switch-dialog h2{font:600 25px/1.2 Montserrat,Arial,sans-serif;margin:0 0 15px;color:#ecfff8}
.demo-switch-dialog p:not(.demo-switch-kicker){font-size:13px;line-height:1.8;color:#a6c8c5}
.demo-switch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.demo-switch-actions button,.demo-switch-actions a{padding:12px 15px;border:1px solid #69bcae66;border-radius:6px;background:transparent;color:#bbe7df;font:500 12px/1.4 Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer}
.demo-switch-actions a{flex:1;display:flex;justify-content:space-between;gap:12px;background:#70e0ca;color:#062b2d;border-color:#a1f7e3}
@keyframes demo-switch-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.demo-switch-dialog[open]{animation:none}}