/* MachinA customer websites: ten compositions, one editable content contract. */
.customer-site{--site-bg:#f5f4ef;--site-surface:#fff;--site-ink:#171915;--site-muted:#62675f;--site-line:rgba(23,25,21,.16);--site-accent:#1f5b45;--site-accent-strong:#174534;--site-accent-contrast:#fff;--site-radius:24px;--site-gutter:clamp(18px,4vw,68px);--site-shadow:0 24px 70px rgba(20,28,23,.10);margin:0;background:var(--site-bg);color:var(--site-ink);overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}
.customer-site.customer-font-modern{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.customer-site.customer-font-editorial{font-family:Georgia,"Times New Roman",serif}.customer-site.customer-font-classic{font-family:"Trebuchet MS",Verdana,Arial,sans-serif}
.customer-site *{min-width:0}.customer-site :is(h1,h2,h3,p,a,strong,div){overflow-wrap:anywhere}.customer-site img,.customer-site video,.customer-site iframe{display:block;max-width:100%}.customer-site img,.customer-site video{width:100%;height:auto}.customer-site button,.customer-site a,.customer-site input,.customer-site select,.customer-site textarea{touch-action:manipulation}.customer-site input,.customer-site select,.customer-site textarea{font-size:max(16px,1rem)}.customer-site .shell{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--site-gutter)}.customer-site .customer-rich-text{white-space:pre-wrap;overflow-wrap:anywhere}.customer-site :focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}
/* Navigation never discards a page. */
.customer-site .customer-site-nav{min-height:82px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:14px;border-bottom:1px solid var(--site-line)}.customer-site .customer-site-brand{max-width:48%;font-size:clamp(20px,1.8vw,29px);font-weight:800;line-height:1.05;letter-spacing:-.045em}.customer-site .customer-site-links{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px clamp(10px,1.7vw,26px);color:var(--site-ink);font-size:14px;font-weight:700}.customer-site .customer-site-links>a{display:inline-flex!important;align-items:center;min-height:44px;padding:9px 2px;white-space:nowrap;border-bottom:1px solid transparent}.customer-site .customer-site-links>a:hover,.customer-site .customer-site-links>a[aria-current="page"]{border-color:currentColor}
/* Shared editorial primitives. */
.customer-site .site-hero{display:grid;align-items:center;gap:clamp(30px,5vw,90px)}.customer-site .hero-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:820px}.customer-site .hero-kicker,.customer-site .section-index,.customer-site .section-heading>span{display:block;margin-bottom:15px;color:var(--site-accent);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.customer-site .site-hero h1,.customer-site .public-page h1{max-width:1100px;margin:0;font-size:clamp(52px,6.8vw,112px);font-weight:650;line-height:.91;letter-spacing:-.07em;text-wrap:balance}.customer-site .site-hero .lead{max-width:64ch;margin:25px 0 0;color:var(--site-muted);font-size:clamp(18px,1.45vw,24px);line-height:1.58}.customer-site .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}.customer-site .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:999px;background:var(--site-accent);color:var(--site-accent-contrast,#fff);box-shadow:none;font-size:15px;font-weight:800;transition:transform .2s ease,background .2s ease}.customer-site .btn:hover{background:var(--site-accent-strong);transform:translateY(-2px)}.customer-site .btn.secondary{background:transparent;color:var(--site-ink);border-color:var(--site-line)}.customer-site .text-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--site-ink);font-weight:800;border-bottom:1px solid currentColor}.customer-site .site-hero-media,.customer-site .about-media{position:relative;overflow:hidden;background:color-mix(in srgb,var(--site-accent) 7%,#e5e7eb);border-radius:var(--site-radius)}.customer-site .site-hero-media{min-height:clamp(420px,52vw,760px);box-shadow:var(--site-shadow)}.customer-site .site-media-frame{position:relative;isolation:isolate;overflow:hidden}.customer-site .site-media-frame>img,.customer-site .site-media-frame>video{width:100%;height:100%}.customer-site .site-media-generated>img{object-fit:cover;object-position:50% 50%}.customer-site .site-media-user:before{content:"";position:absolute;z-index:0;inset:-28px;background-color:color-mix(in srgb,var(--site-accent) 12%,var(--site-bg));background-image:linear-gradient(color-mix(in srgb,var(--site-ink) 12%,transparent),color-mix(in srgb,var(--site-ink) 12%,transparent)),var(--site-media-image);background-position:center;background-size:cover;filter:blur(22px) saturate(.72);opacity:.58;transform:scale(1.08);pointer-events:none}.customer-site .site-media-user>img{position:relative;z-index:1;object-fit:contain;object-position:50% 50%}.customer-site .site-media-video>video{object-fit:contain;background:#090b0d}
.customer-site .section{padding-block:clamp(76px,9vw,142px)}.customer-site .section-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:clamp(30px,4vw,60px)}.customer-site .section-heading>span{margin-bottom:10px}.customer-site .section-heading h2,.customer-site .home-about h2{margin:0;font-size:clamp(40px,5vw,78px);line-height:.95;letter-spacing:-.06em;text-wrap:balance}.customer-site .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}.customer-site .card,.customer-site .panel{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);color:var(--site-ink);box-shadow:none}.customer-site .site-grid>.card{display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:clamp(23px,2.6vw,42px)}.customer-site .site-grid>.card h3{font-size:clamp(22px,1.8vw,31px);line-height:1.12}.customer-site .site-grid>.card p{max-width:54ch;color:var(--site-muted);line-height:1.65}.customer-site .home-about{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(38px,8vw,130px)}.customer-site .about-copy{max-width:760px}.customer-site .about-copy .lead{color:var(--site-muted);font-size:clamp(18px,1.4vw,23px);line-height:1.68}.customer-site .about-media{min-height:clamp(390px,45vw,680px)}
.customer-site .gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1.2vw,18px)}.customer-site .gallery-grid>.machina-gallery-item,.customer-site .gallery-grid>.machina-gallery-add{grid-column:span 4;min-height:220px;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface)}.customer-site .gallery-grid>.machina-gallery-item:nth-child(5n+1){grid-column:span 8;aspect-ratio:2/1}.customer-site .machina-gallery-item{position:relative}.customer-site .machina-gallery-remove{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:3}.customer-site .machina-gallery-add,.customer-site .machina-image-placeholder{display:grid;place-content:center;gap:6px;min-height:220px;padding:24px;text-align:center;color:var(--site-muted)}
/* Inner pages and footer. */
.customer-site .public-page{min-height:72svh;padding-block:clamp(64px,8vw,128px)}.customer-site .public-page>.eyebrow{margin-bottom:14px;color:var(--site-accent)}.customer-site .public-page>.lead{max-width:820px;margin:24px 0 50px;color:var(--site-muted);font-size:clamp(18px,1.4vw,23px);line-height:1.68}.customer-site .public-page>.site-grid,.customer-site .public-page>.gallery-grid{margin-top:clamp(34px,5vw,66px)}.customer-site .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:start;gap:clamp(32px,7vw,110px)}.customer-site .split>.panel{padding:clamp(22px,3vw,44px)}.customer-site .content-image{width:100%;height:100%;max-height:none}.customer-site .about-page-media{min-height:clamp(390px,48vw,720px);padding:0;overflow:hidden}.customer-site .page-contact .split>div:first-child{display:grid;gap:clamp(14px,2vw,24px)}.customer-site .page-contact .split>div:first-child>.card{padding:clamp(22px,3vw,36px)}.customer-site .field input,.customer-site .field select,.customer-site .field textarea{min-height:50px;border-color:var(--site-line);border-radius:12px;background:var(--site-surface);color:var(--site-ink)}.customer-site .field textarea{min-height:150px;resize:vertical}.customer-site .customer-site-footer{max-width:1600px;min-height:150px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--site-line);color:var(--site-muted)}.customer-site .customer-site-footer-brand{display:grid;gap:8px}.customer-site .customer-site-footer-brand strong{font-size:clamp(19px,1.5vw,27px);color:var(--site-ink)}.customer-site .customer-site-footer-legal{max-width:720px;text-align:end;line-height:1.8}.customer-site .customer-auto-link{color:var(--site-accent);font-weight:750;text-decoration:underline;text-underline-offset:3px;unicode-bidi:isolate;direction:ltr}.customer-site .cookie{bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));max-height:calc(100dvh - 36px);overflow:auto}
/* 01 Studio — quiet architectural split and offset cards. */
.customer-template-01{--site-bg:#f3f2ec;--site-surface:#fbfbf8;--site-ink:#192018;--site-muted:#626b60;--site-accent:#315f46;--site-accent-strong:#204432;--site-radius:26px}.customer-template-01 .hero-studio{grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);min-height:min(860px,calc(100svh - 82px));padding-block:clamp(46px,7vw,110px)}.customer-template-01 .hero-studio .site-hero-media{border-radius:220px 26px 26px 26px}.customer-template-01 .home-services .card:nth-child(2){margin-top:32px;margin-bottom:-32px}.customer-template-01 .home-about .about-media{border-radius:26px 220px 26px 26px}
/* 02 Editorial — print masthead followed by edge-to-edge photography. */
.customer-template-02{--site-bg:#fff;--site-surface:#fff;--site-ink:#151313;--site-muted:#625d59;--site-accent:#b52e24;--site-accent-strong:#86211a;--site-line:rgba(21,19,19,.25);--site-radius:0}.customer-template-02 .customer-site-nav{border-top:7px solid var(--site-accent);border-bottom:1px solid var(--site-ink)}.customer-template-02 .hero-editorial{display:block;padding-top:clamp(60px,8vw,124px)}.customer-template-02 .hero-editorial>.shell{padding-bottom:clamp(44px,6vw,84px)}.customer-template-02 .hero-editorial .hero-copy{max-width:1260px}.customer-template-02 .hero-editorial h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,9vw,150px);font-weight:400;line-height:.84}.customer-template-02 .hero-editorial .lead{padding-inline-start:22px;border-inline-start:5px solid var(--site-accent)}.customer-template-02 .hero-editorial .site-hero-media{width:100vw;min-height:clamp(430px,60vw,850px);margin-inline:calc(50% - 50vw);border-radius:0;box-shadow:none}.customer-template-02 .home-services,.customer-template-02 .home-about{border-top:1px solid var(--site-ink)}.customer-template-02 .site-grid{gap:0;border-top:1px solid var(--site-line)}.customer-template-02 .site-grid>.card{justify-content:flex-start;border-width:0 1px 1px 0;background:transparent}.customer-template-02 :is(h2,.customer-site-brand){font-family:Georgia,"Times New Roman",serif;font-weight:400}
/* 03 Cinema — full-screen frame with a deliberate, bounded caption panel. */
.customer-template-03{--site-bg:#0d1119;--site-surface:#171e2b;--site-ink:#f5f7ff;--site-muted:#bac3d5;--site-accent:#a9caff;--site-accent-strong:#d4e3ff;--site-accent-contrast:#10151f;--site-line:rgba(202,216,244,.24);--site-radius:16px;--site-shadow:0 35px 100px rgba(0,0,0,.42)}.customer-template-03 .customer-site-nav{background:#0d1119}.customer-template-03 .hero-cinema{position:relative;display:grid;min-height:min(900px,calc(100svh - 82px));padding:clamp(24px,4vw,60px)}.customer-template-03 .hero-cinema>*{grid-area:1/1}.customer-template-03 .hero-cinema>.shell{position:relative;z-index:2;display:flex;align-items:flex-end;padding:0}.customer-template-03 .hero-cinema .hero-copy{max-width:900px;margin:clamp(18px,4vw,54px);padding:clamp(26px,4vw,58px);border-inline-start:2px solid var(--site-accent);background:linear-gradient(95deg,rgba(5,8,14,.91),rgba(5,8,14,.34));backdrop-filter:blur(8px)}.customer-template-03 .hero-cinema .site-hero-media{z-index:1;min-height:100%;border-radius:clamp(120px,20vw,300px) clamp(120px,20vw,300px) 16px 16px}.customer-template-03 .hero-cinema .site-hero-media:after,.customer-template-10 .hero-panorama .site-hero-media:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(2,5,9,.75))}.customer-template-03 .site-grid>.card{background:linear-gradient(145deg,var(--site-surface),color-mix(in srgb,var(--site-accent) 8%,var(--site-surface)))}
/* 04 Gallery-led — portrait first, asymmetric gallery and lean text. */
.customer-template-04{--site-bg:#fff;--site-surface:#fff;--site-ink:#181818;--site-muted:#666;--site-accent:#242424;--site-accent-strong:#000;--site-line:rgba(0,0,0,.2);--site-radius:2px}.customer-template-04 .customer-site-nav{border-bottom-color:var(--site-ink)}.customer-template-04 .hero-gallery-led{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:end;padding-block:clamp(28px,5vw,72px)}.customer-template-04 .hero-gallery-led .site-hero-media{order:-1;min-height:clamp(580px,68vw,900px);aspect-ratio:4/5;box-shadow:none}.customer-template-04 .home-gallery{padding-block:clamp(60px,8vw,115px)}.customer-template-04 .home-gallery-grid{gap:6px}.customer-template-04 .home-gallery-grid>*{border-radius:0}.customer-template-04 .home-gallery-grid>*:nth-child(3n+2){margin-top:54px;margin-bottom:-54px}.customer-template-04 .site-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--site-line)}.customer-template-04 .site-grid>.card{min-height:180px;justify-content:flex-start;padding-inline:0;border-width:0 0 1px;background:transparent}
/* 05 Professional — information-first corporate system. */
.customer-template-05{--site-bg:#edf3fb;--site-surface:#fff;--site-ink:#10203c;--site-muted:#53627a;--site-accent:#174ca7;--site-accent-strong:#103a82;--site-line:rgba(16,32,60,.17);--site-radius:10px;--site-shadow:0 24px 60px rgba(21,53,102,.12)}.customer-template-05 .customer-site-nav{background:#fff}.customer-template-05 .hero-professional{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);min-height:720px;padding-block:clamp(52px,7vw,105px)}.customer-template-05 .hero-professional h1{font-size:clamp(50px,5.6vw,90px);line-height:1}.customer-template-05 .hero-professional .lead{padding-inline-start:20px;border-inline-start:4px solid var(--site-accent)}.customer-template-05 .site-grid>.card{justify-content:flex-start;border-top:6px solid var(--site-accent);box-shadow:0 12px 35px rgba(21,53,102,.07)}.customer-template-05 .home-about .about-media{padding:10px;background:#fff;box-shadow:var(--site-shadow)}.customer-template-05 .customer-site-footer{border-top:5px solid var(--site-accent)}
/* 06 Boutique — centered luxury, soft arch and tactile cards. */
.customer-template-06{--site-bg:#fff5f7;--site-surface:#fffdfd;--site-ink:#371520;--site-muted:#785663;--site-accent:#852044;--site-accent-strong:#661432;--site-line:rgba(91,29,50,.18);--site-radius:34px;--site-shadow:0 32px 85px rgba(91,29,50,.13)}.customer-template-06 .customer-site-nav{border-bottom:0}.customer-template-06 .hero-boutique{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:clamp(52px,8vw,120px)}.customer-template-06 .hero-boutique .hero-copy{align-items:center;max-width:1050px}.customer-template-06 .hero-boutique h1,.customer-template-06 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}.customer-template-06 .hero-boutique .site-hero-media{width:min(100%,1260px);min-height:clamp(440px,55vw,740px);border-radius:400px 400px 34px 34px}.customer-template-06 .home-about{grid-template-columns:1fr;justify-items:center;text-align:center}.customer-template-06 .home-about .about-copy{display:flex;flex-direction:column;align-items:center}.customer-template-06 .home-about .about-media{width:min(100%,980px);border-radius:34px 34px 320px 320px}.customer-template-06 .site-grid>.card{align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--site-accent) 6%,#fff)}.customer-template-06 .site-grid>.card:nth-child(even){border-radius:170px 170px 34px 34px}
/* 07 Atelier — image first, hard rules and typographic confidence. */
.customer-template-07{--site-bg:#f1f0eb;--site-surface:#f1f0eb;--site-ink:#111;--site-muted:#4b4b47;--site-accent:#384038;--site-accent-strong:#1d221d;--site-line:#111;--site-radius:0;--site-shadow:none}.customer-template-07 .customer-site-nav{border-top:10px solid var(--site-accent);border-bottom:2px solid var(--site-ink)}.customer-template-07 :is(.customer-site-brand,h1,h2,h3){font-weight:850;text-transform:uppercase}.customer-template-07 .hero-atelier{display:block}.customer-template-07 .hero-atelier .site-hero-media{width:100vw;min-height:clamp(430px,62vw,820px);margin-inline:calc(50% - 50vw);border-radius:0;box-shadow:none}.customer-template-07 .hero-atelier>.shell{padding-block:clamp(40px,7vw,96px);border-bottom:2px solid var(--site-ink)}.customer-template-07 .hero-atelier h1{max-width:1300px;line-height:.88}.customer-template-07 .btn{border:2px solid var(--site-ink);border-radius:0;box-shadow:8px 8px 0 var(--site-ink)}.customer-template-07 .site-grid{gap:0;border:2px solid var(--site-ink)}.customer-template-07 .site-grid>.card{border-width:0 2px 0 0;background:transparent}.customer-template-07 .home-about .about-media{border:2px solid var(--site-ink)}
/* 08 Bento — modular product-style composition. */
.customer-template-08{--site-bg:#f5f1ff;--site-surface:#fff;--site-ink:#241746;--site-muted:#675b7d;--site-accent:#5325bd;--site-accent-strong:#3b178f;--site-line:rgba(50,31,91,.17);--site-radius:28px;--site-shadow:0 28px 70px rgba(83,37,189,.13)}.customer-template-08 .customer-site-nav{border-bottom:0}.customer-template-08 .hero-bento{position:relative;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);margin-top:clamp(20px,3vw,46px);padding:clamp(30px,5vw,76px);border-radius:clamp(30px,4vw,60px);background:linear-gradient(135deg,#fff 0 58%,color-mix(in srgb,var(--site-accent) 14%,#fff) 58%)}.customer-template-08 .hero-bento:before{content:"";position:absolute;inset-block-start:-24px;inset-inline-end:22%;width:clamp(100px,12vw,180px);aspect-ratio:1;border-radius:50%;background:var(--site-accent);opacity:.1;pointer-events:none}.customer-template-08 .hero-bento .site-hero-media{min-height:390px;aspect-ratio:1;border-radius:50% 50% 28px 50%}.customer-template-08 .site-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense}.customer-template-08 .site-grid>.card{grid-column:span 2;min-height:230px}.customer-template-08 .site-grid>.card:nth-child(4n+1){grid-column:span 4;background:color-mix(in srgb,var(--site-accent) 9%,#fff)}
/* 09 Journal — reading rhythm and photographic essay. */
.customer-template-09{--site-bg:#fbfaf5;--site-surface:#fbfaf5;--site-ink:#171713;--site-muted:#625f55;--site-accent:#126366;--site-accent-strong:#0b494b;--site-line:rgba(23,23,19,.3);--site-radius:0;--site-shadow:none}.customer-template-09 .customer-site-nav{border-top:1px solid var(--site-ink);border-bottom:4px double var(--site-ink)}.customer-template-09 .customer-site-brand,.customer-template-09 :is(h1,h2){font-family:Georgia,"Times New Roman",serif;font-weight:400}.customer-template-09 .hero-journal{grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:end;padding-block:clamp(52px,7vw,105px)}.customer-template-09 .hero-journal .site-hero-media{min-height:clamp(520px,60vw,800px);border-radius:0;box-shadow:none}.customer-template-09 .home-about{border-top:4px double var(--site-ink);border-bottom:1px solid var(--site-ink)}.customer-template-09 .site-grid{grid-template-columns:1fr;gap:0;border-top:4px double var(--site-ink)}.customer-template-09 .site-grid>.card{min-height:0;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);align-items:start;padding-inline:0;border-width:0 0 1px;background:transparent}.customer-template-09 .gallery-grid{gap:8px}.customer-template-09 .gallery-grid>*{border-radius:0}.customer-template-09 .gallery-grid>*:first-child{grid-column:span 12;aspect-ratio:2.2/1}.customer-template-09 .customer-site-footer{border-top:4px double var(--site-ink)}
/* 10 Panorama — immersive landscape and horizontal visual rail. */
.customer-template-10{--site-bg:#08171c;--site-surface:#11272e;--site-ink:#f3fbfc;--site-muted:#b9ced3;--site-accent:#72d8ce;--site-accent-strong:#b3fff6;--site-accent-contrast:#0b1a1f;--site-line:rgba(191,230,235,.24);--site-radius:20px;--site-shadow:0 40px 100px rgba(0,0,0,.34)}.customer-template-10 .customer-site-nav{position:relative;z-index:4;background:#08171c}.customer-template-10 .hero-panorama{position:relative;display:grid;width:100vw;min-height:min(900px,calc(100svh - 82px));margin-inline:calc(50% - 50vw)}.customer-template-10 .hero-panorama>*{grid-area:1/1}.customer-template-10 .hero-panorama>.shell{position:relative;z-index:2;display:flex;align-items:flex-end;padding-bottom:clamp(34px,7vw,96px)}.customer-template-10 .hero-panorama .hero-copy{max-width:1050px;padding:clamp(24px,3vw,46px);border-radius:20px;background:linear-gradient(100deg,rgba(4,13,17,.9),rgba(4,13,17,.35));backdrop-filter:blur(8px)}.customer-template-10 .hero-panorama .site-hero-media{z-index:1;min-height:100%;border-radius:0;box-shadow:none}.customer-template-10 .hero-panorama h1{font-size:clamp(58px,8vw,132px);font-weight:500;line-height:.87}.customer-template-10 .home-gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--site-gutter);padding-bottom:18px}.customer-template-10 .home-gallery-grid>*{flex:0 0 min(78vw,960px);height:clamp(340px,52vw,660px);aspect-ratio:auto;scroll-snap-align:start}.customer-template-10 .site-grid>.card{min-height:300px;background:linear-gradient(145deg,var(--site-surface),color-mix(in srgb,var(--site-accent) 7%,var(--site-surface)))}
/* Every design continues across Services, About, Gallery and Contact. */
.customer-template-01 .public-page{background:radial-gradient(circle at 92% 7%,color-mix(in srgb,var(--site-accent) 12%,transparent),transparent 28%)}.customer-template-01 .page-about .split{grid-template-columns:minmax(0,.72fr) minmax(460px,1.28fr);align-items:center}.customer-template-01 .page-about .about-page-media{border-radius:180px 26px 26px 26px}.customer-template-01 .page-services>.site-grid>.card:nth-child(2n){transform:translateY(26px)}
.customer-template-02 .public-page{padding-top:clamp(50px,6vw,90px);border-top:1px solid var(--site-ink)}.customer-template-02 .public-page>.eyebrow{font-weight:800;letter-spacing:.18em;text-transform:uppercase}.customer-template-02 .page-about .split{grid-template-columns:minmax(0,.7fr) minmax(480px,1.3fr);padding-top:clamp(28px,4vw,56px);border-top:1px solid var(--site-ink)}.customer-template-02 .page-gallery{max-width:none;padding-inline:0}.customer-template-02 .page-gallery>.eyebrow,.customer-template-02 .page-gallery>h1{padding-inline:var(--site-gutter)}.customer-template-02 .page-gallery>.gallery-grid{gap:1px;background:var(--site-ink)}.customer-template-02 .page-contact .split>.editor{border-width:3px 1px 1px}
.customer-template-03 .public-page{background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--site-accent) 13%,transparent),transparent 34%)}.customer-template-03 .public-page>.eyebrow{letter-spacing:.2em;text-transform:uppercase}.customer-template-03 .page-about .about-page-media{border-color:color-mix(in srgb,var(--site-accent) 50%,var(--site-line));box-shadow:var(--site-shadow)}.customer-template-03 .page-contact .split>.editor{background:linear-gradient(145deg,var(--site-surface),color-mix(in srgb,var(--site-accent) 10%,var(--site-surface)))}
.customer-template-04 .public-page{max-width:1440px}.customer-template-04 .public-page>h1{font-weight:500}.customer-template-04 .page-about .split{grid-template-columns:minmax(420px,1.05fr) minmax(0,.95fr);align-items:end}.customer-template-04 .page-about .about-page-media{order:-1;border:0;border-radius:0}.customer-template-04 .page-gallery>.gallery-grid{gap:6px}.customer-template-04 .page-gallery .machina-gallery-item:nth-child(4n+1){grid-column:span 7;aspect-ratio:7/5}.customer-template-04 .page-gallery .machina-gallery-item:nth-child(4n+2){grid-column:span 5;aspect-ratio:5/7}.customer-template-04 .page-contact .card,.customer-template-04 .page-contact .panel{border-width:1px 0;border-radius:0}
.customer-template-05 .public-page{max-width:1480px}.customer-template-05 .public-page>.eyebrow{display:inline-flex;padding:8px 12px;background:var(--site-accent);color:#fff;font-weight:800}.customer-template-05 .page-about .about-page-media{padding:10px;background:#fff;box-shadow:var(--site-shadow)}.customer-template-05 .page-contact .split>.editor{border-top:7px solid var(--site-accent);box-shadow:var(--site-shadow)}
.customer-template-06 .public-page>.eyebrow,.customer-template-06 .public-page>h1,.customer-template-06 .public-page>.lead{text-align:center;margin-inline:auto}.customer-template-06 .page-about .split{grid-template-columns:1fr;justify-items:center;text-align:center}.customer-template-06 .page-about .split>div:first-child{max-width:900px}.customer-template-06 .page-about .about-page-media{width:min(100%,1040px);border-radius:360px 360px 34px 34px}.customer-template-06 .page-contact .split>.editor{border-radius:34px 34px 170px 34px}.customer-template-06 .page-gallery .machina-gallery-item:nth-child(odd){border-radius:180px 180px 34px 34px}
.customer-template-07 .public-page{border-bottom:2px solid var(--site-ink)}.customer-template-07 .public-page>.eyebrow{display:inline-block;padding:7px 10px;background:var(--site-ink);color:var(--site-bg);font-weight:900;text-transform:uppercase}.customer-template-07 .page-about .split{align-items:stretch;gap:0;border:2px solid var(--site-ink)}.customer-template-07 .page-about .split>div:first-child{padding:clamp(28px,4vw,60px)}.customer-template-07 .page-about .about-page-media{border:0;border-inline-start:2px solid var(--site-ink)}.customer-template-07 .page-gallery>.gallery-grid{gap:0;border:2px solid var(--site-ink)}.customer-template-07 .page-contact .card,.customer-template-07 .page-contact .panel{border:2px solid var(--site-ink);border-radius:0}
.customer-template-08 .public-page{margin-block:clamp(24px,4vw,62px);padding:clamp(38px,6vw,92px);border-radius:clamp(30px,4vw,60px);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--site-accent) 9%,#fff))}.customer-template-08 .page-about .about-page-media{border:0;border-radius:50% 50% 28px 50%;box-shadow:var(--site-shadow)}.customer-template-08 .page-contact .split>.editor{border:0;box-shadow:var(--site-shadow)}
.customer-template-09 .public-page{max-width:1380px}.customer-template-09 .public-page>.eyebrow{padding-bottom:12px;border-bottom:1px solid var(--site-ink);font-weight:700;text-transform:uppercase}.customer-template-09 .page-about .split{grid-template-columns:minmax(0,.68fr) minmax(480px,1.32fr);align-items:start}.customer-template-09 .page-about .about-page-media{border:0;border-radius:0}.customer-template-09 .page-services>.site-grid,.customer-template-09 .page-contact .split{border-top:4px double var(--site-ink)}.customer-template-09 .page-contact .card,.customer-template-09 .page-contact .panel{border-width:0 0 1px;border-radius:0;background:transparent}
.customer-template-10 .public-page{background:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--site-accent) 17%,transparent),transparent 34%)}.customer-template-10 .page-about .about-page-media{border-color:color-mix(in srgb,var(--site-accent) 55%,var(--site-line));box-shadow:var(--site-shadow)}.customer-template-10 .page-gallery{max-width:none;padding-inline:0}.customer-template-10 .page-gallery>.eyebrow,.customer-template-10 .page-gallery>h1{padding-inline:var(--site-gutter)}.customer-template-10 .page-gallery>.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--site-gutter);padding-bottom:20px}.customer-template-10 .page-gallery .machina-gallery-item{flex:0 0 min(80vw,980px);height:clamp(360px,55vw,700px);aspect-ratio:auto;scroll-snap-align:center}.customer-template-10 .page-contact .split>.editor{background:linear-gradient(145deg,var(--site-surface),color-mix(in srgb,var(--site-accent) 8%,var(--site-surface)))}
@media(max-width:1100px){.customer-site .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-site .home-about{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:44px}.customer-template-08 .site-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-template-08 .site-grid>.card,.customer-template-08 .site-grid>.card:nth-child(4n+1){grid-column:span 2}}
/* Phone and small tablet: overlays become document flow; no content overlap. */
@media(max-width:800px){.customer-site .customer-site-nav{align-items:flex-start;flex-direction:column;gap:6px;padding-block:15px}.customer-site .customer-site-brand{max-width:100%}.customer-site .customer-site-links{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}.customer-site .customer-site-links::-webkit-scrollbar{display:none}.customer-site .customer-site-links>a{flex:0 0 auto;padding:8px 9px}.customer-site .site-hero,.customer-template-01 .hero-studio,.customer-template-04 .hero-gallery-led,.customer-template-05 .hero-professional,.customer-template-08 .hero-bento,.customer-template-09 .hero-journal{grid-template-columns:1fr;min-height:0}.customer-site .site-hero h1,.customer-site .public-page h1{font-size:clamp(42px,11vw,68px);line-height:1;letter-spacing:-.055em}.customer-site .site-hero-media{min-height:clamp(300px,72vw,520px)}.customer-site .home-about,.customer-site .split{grid-template-columns:1fr;gap:34px}.customer-site .site-grid{grid-template-columns:1fr}.customer-site .section-heading{grid-template-columns:auto 1fr;align-items:start}.customer-site .section-heading>.text-action{grid-column:2}.customer-site .gallery-grid{grid-template-columns:1fr}.customer-site .gallery-grid>img,.customer-site .gallery-grid>.machina-gallery-item,.customer-site .gallery-grid>.machina-gallery-add,.customer-site .gallery-grid>img:nth-child(5n+1),.customer-site .gallery-grid>.machina-gallery-item:nth-child(5n+1){grid-column:auto;min-height:0;aspect-ratio:4/3}.customer-site .customer-site-footer{align-items:flex-start;flex-direction:column}.customer-site .customer-site-footer-legal{text-align:start}.customer-template-01 .hero-studio .site-hero-media,.customer-template-01 .home-about .about-media{border-radius:24px}.customer-template-01 .home-services .card:nth-child(2){margin:0}.customer-template-02 .hero-editorial h1{font-size:clamp(48px,13vw,78px)}.customer-template-03 .hero-cinema,.customer-template-10 .hero-panorama{display:flex;width:100%;min-height:0;margin:0;padding:0;flex-direction:column}.customer-template-03 .hero-cinema .site-hero-media,.customer-template-10 .hero-panorama .site-hero-media{order:-1;width:100%;min-height:clamp(320px,72vw,520px);border-radius:0}.customer-template-03 .hero-cinema>.shell,.customer-template-10 .hero-panorama>.shell{display:block;width:100%;padding:0 var(--site-gutter)}.customer-template-03 .hero-cinema .hero-copy,.customer-template-10 .hero-panorama .hero-copy{max-width:none;margin:0;padding:38px 0;background:none;backdrop-filter:none;border-radius:0}.customer-template-04 .hero-gallery-led .site-hero-media{min-height:clamp(420px,120vw,660px)}.customer-template-04 .home-gallery-grid>*:nth-child(3n+2){margin:0}.customer-template-06 .hero-boutique .site-hero-media,.customer-template-06 .home-about .about-media{border-radius:34px}.customer-template-07 .hero-atelier .site-hero-media{min-height:clamp(320px,72vw,520px)}.customer-template-08 .hero-bento{margin:18px;padding:28px 22px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--site-accent) 10%,#fff))}.customer-template-08 .hero-bento:before{display:none}.customer-template-08 .site-grid{grid-template-columns:1fr}.customer-template-08 .site-grid>.card,.customer-template-08 .site-grid>.card:nth-child(4n+1){grid-column:auto}.customer-template-09 .site-grid>.card{grid-template-columns:1fr}.customer-template-10 .home-gallery-grid>*{flex-basis:86vw;height:clamp(280px,72vw,500px)}}
@media(max-width:800px){.customer-site .about-page-media{min-height:clamp(300px,82vw,520px)}.customer-template-01 .page-about .split,.customer-template-02 .page-about .split,.customer-template-04 .page-about .split,.customer-template-06 .page-about .split,.customer-template-09 .page-about .split{grid-template-columns:1fr}.customer-template-01 .page-services>.site-grid>.card:nth-child(2n){transform:none}.customer-template-02 .page-gallery,.customer-template-10 .page-gallery{width:100%;margin:0}.customer-template-04 .hero-gallery-led .site-hero-media{aspect-ratio:4/3}.customer-template-04 .page-about .about-page-media{order:0}.customer-template-04 .page-gallery .machina-gallery-item:nth-child(4n+1),.customer-template-04 .page-gallery .machina-gallery-item:nth-child(4n+2){grid-column:auto;aspect-ratio:4/3}.customer-template-07 .page-about .split{grid-template-columns:1fr;gap:0}.customer-template-07 .page-about .about-page-media{border-inline-start:0;border-top:2px solid var(--site-ink)}.customer-template-08 .public-page{margin:18px;padding:42px 22px}.customer-template-10 .page-gallery .machina-gallery-item{flex-basis:88vw;height:clamp(280px,78vw,500px)}}
@media(max-width:520px){.customer-site{--site-gutter:18px}.customer-site .hero-actions{width:100%;align-items:stretch;flex-direction:column}.customer-site .hero-actions .btn,.customer-site .hero-actions .text-action{width:100%}.customer-site .hero-actions .text-action{justify-content:center}.customer-site .section{padding-block:68px}.customer-site .section-heading{gap:8px 12px}.customer-site .site-grid>.card{min-height:210px}.customer-template-08 .hero-bento{margin-inline:10px}}
[dir="rtl"] .customer-site :is(h1,h2,h3,.customer-site-brand){letter-spacing:normal;line-height:1.12}[dir="rtl"] .customer-site .customer-site-footer-legal{text-align:start}@media(hover:none),(pointer:coarse){.customer-site .btn:hover{transform:none}.customer-site .btn,.customer-site .customer-site-links a{min-height:48px}}@media(prefers-reduced-motion:reduce){.customer-site *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports(height:100dvh){.customer-site .public-page{min-height:72dvh}}