:root{--paper:#f5f3ec;--ink:#1f2522;--accent:#d75737;--muted:#686b63;--line:#d9d9ce;--font:Arial,Helvetica,sans-serif;--display:Georgia,'Times New Roman',serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:400}h1,h2{font-family:var(--display)}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-90px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}.wrap{width:min(calc(100% - 96px),var(--max));margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:22px}.demo-bar{background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.7px;padding:9px 0}.demo-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-bar a{opacity:.85}.demo-bar a:hover{opacity:1;text-decoration:underline}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.nav-wrap{min-height:99px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1}.brand-main{font-family:var(--display);font-size:33px;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:3.6px;text-transform:uppercase;margin-top:8px}.nav-links{display:flex;gap:29px;align-items:center}.nav-links>a{font-size:12px}.nav-links>a[aria-current='page']{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:15px 23px;font-size:12px;font-weight:600;line-height:1.4;border-radius:0}.button:hover{background:var(--accent);border-color:var(--accent);color:white}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--ink);color:var(--paper)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.small{padding:12px 18px}.arrow{font-size:19px;line-height:1}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.hero{padding:58px 0 63px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.hero-copy{padding:35px 0}.hero h1{font-size:clamp(56px,6.5vw,94px);letter-spacing:-3.5px;margin-bottom:27px}.hero h1 em{font-weight:400}.hero p{max-width:380px;font-size:15px;line-height:1.85;margin-bottom:32px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-photo{position:relative;height:570px}.hero-photo>img{width:100%;height:100%}.photo-tag{position:absolute;left:-22px;bottom:27px;background:var(--paper);padding:16px 22px;font-size:11px;box-shadow:0 4px 35px #0000000d;letter-spacing:.6px}.hero-note{margin-top:35px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.hero-note:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent)}.section{padding:100px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:45px}.section-top h2{font-size:clamp(38px,4.4vw,60px);letter-spacing:-2px;max-width:600px}.section-top p{font-size:13px;max-width:290px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1fr 100px 30px;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.service-num{font-size:11px;color:var(--muted)}.service-row h3{font-family:var(--display);font-size:26px}.service-row p{font-size:12px;margin-top:8px}.service-price{font-size:23px;text-align:right}.service-row button{border:0;background:none;color:var(--ink);font-size:22px;transition:transform .2s}.service-row button:hover{transform:translateX(4px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.split img{width:100%;height:500px}.split h2{font-size:clamp(40px,4.6vw,66px);letter-spacing:-2px;margin-bottom:25px}.split p{font-size:14px;margin-bottom:22px}.muted-section{background:#e9e9df}.dark-section{background:var(--ink);color:var(--paper)}.dark-section p{color:#c1c4bc}.dark-section .eyebrow{color:#b8c0ad}.dark-section .button.outline{border-color:var(--paper);color:var(--paper)}.dark-section .button.outline:hover{background:var(--paper);color:var(--ink)}.hours-list{border-top:1px solid var(--line)}.hours-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.hours-row span:last-child{color:var(--muted)}.hours-note{margin-top:19px;font-size:11px}.visit{text-align:center;padding:100px 0}.visit h2{font-size:clamp(50px,7.5vw,108px);letter-spacing:-3px}.visit p{margin:25px auto 30px;max-width:450px;font-size:14px}.contact-meta{display:flex;justify-content:center;gap:35px;font-size:12px;margin-top:40px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);padding:28px 0}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer p,.site-footer a{font-size:10px}.footer-links{display:flex;gap:20px}.subhero{padding:75px 0 65px}.subhero h1{font-size:clamp(48px,6.6vw,90px);letter-spacing:-3px;max-width:900px}.subhero p{max-width:570px;margin-top:25px;font-size:14px}.subhero+.section{padding-top:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{border-top:1px solid var(--line);padding:24px 0}.feature h3{font-family:var(--display);font-size:27px;margin:16px 0}.feature p{font-size:13px}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.gallery img{height:390px;width:100%}.gallery figure{margin:0}.gallery figcaption{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:13px}.gallery figure:nth-child(2){margin-top:55px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.contact-info h2{font-size:35px;margin-bottom:23px}.contact-info p{font-size:13px;margin-bottom:25px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}.field label{font-size:11px}.field input,.field select,.field textarea{width:100%;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:0;padding:13px;min-width:0}.field textarea{resize:vertical;min-height:110px}.form-note{font-size:11px}.form-result{grid-column:1/-1;padding:18px;background:#e3eadb;font-size:13px}.faq-list{max-width:850px}.faq-list details{border-top:1px solid var(--line);padding:25px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-family:var(--display);font-size:25px;cursor:pointer}.faq-list p{font-size:14px;margin-top:18px;max-width:700px}dialog{border:0;background:var(--paper);color:var(--ink);padding:42px;max-width:470px;width:calc(100% - 40px);box-shadow:0 15px 100px #0004}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog .close-dialog{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px}dialog h2{font-family:var(--display);font-size:36px;margin-bottom:18px}dialog p{font-size:14px;margin-bottom:25px}dialog .eyebrow{margin-bottom:15px}.dialog-label{display:block;font-size:12px;margin:20px 0 7px}dialog select{width:100%;padding:12px;background:transparent;border:1px solid var(--line);margin-bottom:20px}dialog .button{width:100%}.no-scroll{overflow:hidden}.barber{--paper:#f2f0e6;--ink:#242722;--accent:#df5836;--muted:#65685e;--line:#d1d3c7;--display:Impact,'Arial Narrow',Arial,sans-serif}.barber .brand-main{font-size:35px;font-weight:900;letter-spacing:-1px}.barber h1{text-transform:uppercase;font-size:clamp(64px,7.2vw,105px);line-height:.96;letter-spacing:-3px}.barber h1 em{font-style:normal;color:var(--accent)}.barber .hero-photo{height:565px}.barber .hero-photo img{filter:saturate(.55);object-position:52% center}.barber .photo-tag{background:var(--accent);color:white;left:auto;right:-18px;bottom:35px;transform:rotate(-4deg);font-family:var(--display);font-size:23px;line-height:1.1;padding:20px 26px}.barber .section-top h2,.barber .split h2,.barber .visit h2{text-transform:uppercase;letter-spacing:-1px}.barber .service-row h3{font-family:Arial,sans-serif;font-size:21px;font-weight:600}.barber .hero{border-bottom:1px solid var(--line)}.barber .services-section{padding:80px 0}.barber .about-art{background:var(--accent);aspect-ratio:1.08;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--paper);position:relative;overflow:hidden}.barber .about-art:before{content:'';position:absolute;inset:30px;border:1px solid #ffffff60}.barber .about-art strong{font-family:var(--display);font-size:clamp(70px,8vw,115px);line-height:.95;font-weight:400;transform:rotate(-5deg)}.barber .visit{background:var(--ink);color:var(--paper)}.barber .visit p{color:#c0c3ba}.barber .visit .eyebrow{color:#e47c5f}.barber .visit .button{background:var(--accent);border-color:var(--accent);color:white}.salon{--paper:#f7f5ed;--ink:#253e36;--accent:#647450;--muted:#69756c;--line:#d7ddd1;--display:Georgia,'Times New Roman',serif}.salon .hero-photo{border-radius:230px 230px 0 0;overflow:hidden;height:570px}.salon .hero-photo img{object-position:55% center}.salon .photo-tag{left:20px;bottom:25px;background:#f7f5edeb}.salon .hero h1{font-size:clamp(60px,6.5vw,94px)}.salon .hero h1 em{color:#6b7c54}.salon .muted-section{background:#e7eadc}.salon .brand-main{font-size:34px}.salon .button{border-radius:40px}.salon .split img{border-radius:220px 220px 0 0}.beauty{--paper:#f9f1e9;--ink:#4b1e2b;--accent:#94576c;--muted:#856d71;--line:#ddcbd0;--display:Georgia,'Times New Roman',serif}.beauty .brand-main{font-size:28px;letter-spacing:3px}.beauty .brand-sub{font-size:8px;letter-spacing:4.4px}.beauty .site-header{border-color:#dccbd0}.beauty .hero{background:var(--ink);padding:0;color:var(--paper)}.beauty .hero-grid{gap:0;grid-template-columns:1.07fr 1fr;min-height:650px}.beauty .hero-copy{padding:65px 45px 65px 0}.beauty .hero h1{font-size:clamp(65px,6.8vw,98px);line-height:1.04;letter-spacing:-4px}.beauty .hero h1 em{color:#d7b6b9}.beauty .hero p{color:#d5bfc4;max-width:340px}.beauty .hero-photo{height:650px}.beauty .hero-photo img{object-position:53% center}.beauty .hero .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.beauty .hero .text-link{color:var(--paper)}.beauty .hero .eyebrow{color:#d9bec5}.beauty .hero-note{color:#d5bfc4}.beauty .hero-note:before{background:#d4afb4}.beauty .photo-tag{left:-35px;bottom:33px;background:var(--paper);color:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:17px;max-width:180px}.beauty .muted-section{background:#eadbdb}.beauty .visit h2{font-style:italic}.beauty .service-row h3{font-size:28px}.beauty .feature{padding-top:28px}.beauty .hero .wrap{max-width:1320px}.beauty .gallery img{filter:saturate(.75)}
/* Portfolio */
.portfolio{--paper:#f4f3ee;--ink:#252923;--muted:#71766b;--accent:#617349;--line:#d9ddd1;--display:Georgia,'Times New Roman',serif}.portfolio-header{padding:28px 0;border-bottom:1px solid var(--line)}.portfolio-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-logo{font-size:12px;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:10px;font-weight:700}.portfolio-logo i{display:block;width:20px;height:20px;background:var(--ink);border-radius:50% 50% 0 50%;transform:rotate(-30deg)}.portfolio-header p{font-size:11px}.portfolio-hero{padding:66px 0 42px;display:flex;justify-content:space-between;gap:40px;align-items:end}.portfolio-hero h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-2.6px;max-width:800px}.portfolio-hero h1 em{color:#788567}.portfolio-hero p{max-width:280px;font-size:13px}.portfolio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 0 65px}.template-card{border:1px solid var(--line);background:#fcfbf7;overflow:hidden}.card-preview{position:relative;display:block;overflow:hidden;height:290px;background:#e8e6dc}.card-preview:after{content:'Ver muestra ↗';color:#252923;position:absolute;left:18px;bottom:17px;background:#fffc;padding:9px 13px;font-size:11px;backdrop-filter:blur(8px);transition:background .2s}.card-preview:hover:after{background:white}.card-preview .mini-brand{position:absolute;left:24px;top:22px;z-index:1;font-size:15px;letter-spacing:1px}.card-preview img{width:56%;height:100%;margin-left:auto;transition:transform .5s}.card-preview:hover img{transform:scale(1.04)}.mini-copy{position:absolute;left:24px;top:87px;font-size:40px;line-height:.95;letter-spacing:-1px;z-index:1;width:57%}.barber-preview{background:#edeade;color:#262923}.barber-preview .mini-brand,.barber-preview .mini-copy{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900}.barber-preview .mini-copy em{font-style:normal;color:#dc5735}.barber-preview img{filter:saturate(.4);object-position:52% center;mask-image:linear-gradient(to right,transparent,black 22%)}.salon-preview{background:#e6eadc;color:#283f35}.salon-preview .mini-brand{font-family:Georgia,serif;font-size:23px}.salon-preview .mini-copy{font-family:Georgia,serif;font-size:40px;line-height:1.05;top:87px}.salon-preview img{width:57%;height:90%;margin-top:10%;border-radius:100px 100px 0 0;object-position:57% center}.beauty-preview{background:#4b1e2b;color:#fff0e8}.beauty-preview .mini-brand{font-family:Georgia,serif;font-size:14px;letter-spacing:3px}.beauty-preview .mini-copy{font-family:Georgia,serif;font-size:39px;line-height:1.08;top:85px}.beauty-preview img{width:55%;filter:saturate(.75);mask-image:linear-gradient(to right,transparent,black 24%)}.card-content{padding:23px}.card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.card-top h2{font:24px/1.1 Georgia,serif;letter-spacing:-.6px}.card-top strong{font-size:25px;font-weight:400}.card-tag{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;margin-top:8px}.card-description{font-size:12px;margin:21px 0}.card-features{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:8px;font-size:11px}.card-features li:before{content:'↳';margin-right:9px;color:var(--muted)}.card-content .button{display:flex;justify-content:space-between;width:100%;padding:13px 16px}.portfolio-foot{padding:28px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.portfolio-foot p{font-size:11px;max-width:570px}.portfolio-foot a{font-size:11px;text-decoration:underline}.badge{font-size:9px;background:#e7eadf;color:#465938;padding:5px 8px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:13px}.pricing-note{font-size:11px;color:var(--muted);margin-bottom:23px}.plan-box{background:#e8eadf;padding:30px;margin-top:35px}.plan-box h3{font-family:Georgia,serif;font-size:25px;margin-bottom:14px}.plan-box p{font-size:13px;margin-bottom:15px}.bullet-list{padding-left:18px;font-size:13px;color:var(--muted)}.bullet-list li{margin-bottom:8px}.photo-credits{font-size:10px;margin-top:20px}
@media(min-width:1600px){.wrap{width:min(calc(100% - 160px),var(--max))}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav-links{gap:18px}.hero-grid{gap:4%}.hero-photo,.barber .hero-photo,.salon .hero-photo{height:490px}.hero h1{font-size:65px}.barber h1{font-size:76px}.beauty .hero h1{font-size:75px}.beauty .hero-photo,.beauty .hero-grid{height:590px;min-height:590px}.beauty .hero-copy{padding-right:25px}.portfolio-cards{gap:15px}.card-preview{height:250px}.mini-copy,.salon-preview .mini-copy,.beauty-preview .mini-copy{font-size:33px;left:18px}.card-content{padding:19px}.card-top h2{font-size:21px}.card-top strong{font-size:23px}.portfolio-hero{align-items:start}.split{gap:7%}.split img{height:430px}.gallery img{height:310px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.demo-bar{font-size:9px}.demo-bar .wrap>span:last-child{display:none}.nav-wrap{min-height:80px}.brand-main{font-size:28px}.brand-sub{font-size:8px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:24px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.nav-links>a{font-size:14px}.hero{padding:34px 0 40px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:10px 0 0}.hero h1{font-size:65px;letter-spacing:-2.5px;max-width:500px}.barber h1{font-size:77px;max-width:450px}.hero p{font-size:14px;margin-bottom:25px;max-width:420px}.hero .eyebrow{margin-bottom:20px}.hero-note{margin-top:26px}.hero-photo,.barber .hero-photo,.salon .hero-photo{height:390px;max-width:100%}.barber .photo-tag{right:10px;font-size:21px}.salon .hero-photo{height:420px;border-radius:200px 200px 0 0}.section{padding:65px 0}.section-top{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.section-top h2{font-size:43px;letter-spacing:-1.2px}.section-top p{max-width:100%}.eyebrow{margin-bottom:17px}.service-row{grid-template-columns:25px 1fr 65px 20px;gap:12px;padding:22px 0}.service-row h3,.barber .service-row h3{font-size:19px}.service-row p{font-size:11px}.service-price{font-size:21px}.split{grid-template-columns:1fr;gap:35px}.split h2{font-size:45px}.split img{height:370px}.split.reverse-mobile>div{order:-1}.hours-list{margin-top:5px}.visit{padding:68px 0}.visit h2{font-size:64px;letter-spacing:-2px}.contact-meta{gap:18px;flex-direction:column}.site-footer .wrap{align-items:start;flex-direction:column;gap:14px}.site-footer p{max-width:450px}.subhero{padding:50px 0}.subhero h1{font-size:57px;letter-spacing:-2px}.grid3{grid-template-columns:1fr;gap:10px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery img{height:240px}.gallery figure:nth-child(2){margin-top:25px}.gallery figure:last-child{grid-column:1/-1}.gallery figure:last-child img{height:300px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form{gap:17px;grid-template-columns:1fr}.field{grid-column:1/-1}.faq-list summary{font-size:22px}.beauty .hero-grid{height:auto;min-height:0;grid-template-columns:1fr}.beauty .hero-copy{padding:43px 0 35px}.beauty .hero h1{font-size:72px;letter-spacing:-3px}.beauty .hero-photo{height:440px}.beauty .photo-tag{left:18px;bottom:20px;font-size:16px}.beauty .hero-note{margin-bottom:0}.beauty .hero .wrap{width:100%}.beauty .hero-copy{margin:0 20px}.beauty .hero-photo img{object-position:center 39%}.portfolio-header{padding:21px 0}.portfolio-header p{display:none}.portfolio-hero{padding:44px 0 32px;display:block}.portfolio-hero h1{font-size:49px;letter-spacing:-2px}.portfolio-hero p{margin-top:24px;max-width:400px}.portfolio-cards{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.card-preview{height:310px}.mini-copy,.salon-preview .mini-copy,.beauty-preview .mini-copy{font-size:48px;left:25px;top:93px}.card-top h2{font-size:27px}.card-top strong{font-size:29px}.card-content{padding:24px}.card-description,.card-features{font-size:13px}.portfolio-foot{flex-direction:column;gap:20px}.barber .services-section{padding:60px 0}.barber .about-art{aspect-ratio:1.2}.barber .about-art strong{font-size:87px}.beauty .visit h2{font-size:59px}dialog{padding:35px 25px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.barber h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(60px,6.3vw,92px);line-height:1.02;letter-spacing:-4px}.barber .about-art strong{font-weight:900;font-size:clamp(64px,6vw,87px)}@media(max-width:760px){.barber h1{font-size:62px;letter-spacing:-3px}.barber .about-art strong{font-size:70px}}

/* Villamar Group agency identity and small-business mission. */
.portfolio{--ink:#101820;--accent:#245bff;--muted:#646d76;--line:#d9dee4}
.portfolio-header{background:#fff;padding:9px 0}
.portfolio-logo{display:block;flex-shrink:0;line-height:0}
.portfolio-logo img{width:155px;height:auto;object-fit:contain}
.portfolio-header p{font-size:10px;letter-spacing:1.5px}
.portfolio-nav{display:flex;align-items:center;gap:28px}
.portfolio-nav a{font-size:12px;line-height:1.4}
.portfolio-nav a:last-child{color:#245bff}
.portfolio-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-hero h1 em{color:#245bff}
.portfolio-intro{max-width:300px}
.portfolio-intro p{max-width:none}
.portfolio-intro .text-link{display:inline-block;color:#245bff;margin-top:18px}
.portfolio-help{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding:64px;background:#101820;color:#fff;margin:0 0 62px;scroll-margin-top:30px}
.portfolio-help .eyebrow{color:#a8bcff;font-size:10px;letter-spacing:1.8px}
.portfolio-help h2{font-size:clamp(34px,3.8vw,49px);letter-spacing:-1.7px;line-height:1.12;margin-bottom:28px}
.portfolio-help h2 em{color:#a8bcff;font-style:normal}
.portfolio-help p{color:#cad1dc;font-size:14px;line-height:1.85}
.help-intro>p+p{margin-top:17px}
.help-signoff{display:block;font-size:11px;color:#fff;margin-top:28px;letter-spacing:.3px}
.help-examples article{display:grid;grid-template-columns:26px 1fr;gap:18px;padding:25px 0;border-top:1px solid #ffffff28}
.help-examples article:first-child{padding-top:23px}
.help-number{font-size:10px;color:#a8bcff;padding-top:4px}
.help-examples h3{font:500 20px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.3px;margin-bottom:11px}
.help-examples article p{font-size:13px;line-height:1.75}
.help-examples .help-next{border-top:1px solid #ffffff28;padding-top:20px;font-size:11px;color:#a8bcff}
.portfolio-footer-brand{display:block;font-size:11px;letter-spacing:1.8px;margin-bottom:13px}
@media(max-width:1050px){.portfolio-header p{display:none}.portfolio-help{gap:38px;padding:42px}.portfolio-help h2{font-size:39px}}
@media(max-width:760px){.portfolio-header{padding:8px 0}.portfolio-logo img{width:126px}.portfolio-header .wrap{gap:14px}.portfolio-nav{gap:18px}.portfolio-nav a{font-size:11px}.portfolio-intro{max-width:400px}.portfolio-intro p{margin-top:24px}.portfolio-intro .text-link{margin-top:15px}.portfolio-help{grid-template-columns:1fr;gap:32px;padding:34px 25px;margin-bottom:42px}.portfolio-help h2{font-size:37px;letter-spacing:-1.3px}.portfolio-help p{font-size:14px}.help-examples h3{font-size:19px}.help-examples article{gap:12px;padding:22px 0}.help-signoff{line-height:1.7}}
@media(max-width:360px){.portfolio-nav{gap:12px}.portfolio-nav a{font-size:10px}.portfolio-logo img{width:110px}.portfolio-help{padding:30px 20px}.portfolio-help h2{font-size:32px}}

/* Native language links work without JavaScript. */
.portfolio-tools{display:flex;align-items:center;gap:26px}
.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #d9dee4;border-radius:3px;flex-shrink:0}
.language-switch a{display:block;padding:5px 8px;font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.7px;color:#646d76}
.language-switch a[aria-current="page"]{background:#101820;color:#fff}
.language-switch a:hover{color:#245bff;background:#eef2ff}
html[lang="en"] .card-preview:after{content:'View demo ↗'}
html[lang="pt-BR"] .card-preview:after{content:'Ver modelo ↗'}
@media(max-width:1180px){.portfolio-header> .wrap>p{display:none}}
@media(max-width:760px){.portfolio-tools{flex-direction:column;align-items:flex-end;gap:9px}.portfolio-tools .portfolio-nav{gap:15px}.portfolio-tools .portfolio-nav a{font-size:10px}.language-switch a{padding:4px 8px}.portfolio-header .wrap{min-height:88px}}
@media(max-width:360px){.portfolio-tools .portfolio-nav{gap:10px}.portfolio-tools .portfolio-nav a{font-size:9px}}

/* Agency inquiries use the owner's business email. */
.portfolio-intro .portfolio-quote{display:flex;justify-content:space-between;margin-top:20px}
.portfolio-contact{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;background:#e9edf5;padding:48px 64px;margin:0 0 60px;scroll-margin-top:30px}
.portfolio-contact>div{min-width:0}
.portfolio-contact .eyebrow{font-size:10px;letter-spacing:1.7px;color:#245bff}
.portfolio-contact h2{font-size:clamp(34px,3.5vw,46px);letter-spacing:-1.5px;margin-bottom:22px}
.portfolio-contact p{font-size:13px;line-height:1.8;max-width:410px}
.portfolio-contact-email{display:block;font-size:clamp(18px,2vw,25px);letter-spacing:-.5px;color:#101820;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:6px;margin-bottom:23px}
.portfolio-contact-actions .button{min-width:245px;justify-content:space-between}
.portfolio-contact .portfolio-contact-note{font-size:11px;margin-top:16px;max-width:340px}
@media(max-width:1050px){.portfolio-contact{gap:38px;padding:42px}}
@media(max-width:760px){.portfolio-contact{grid-template-columns:1fr;gap:30px;padding:34px 25px;margin-bottom:42px}.portfolio-contact h2{font-size:38px}.portfolio-contact-email{font-size:19px}.portfolio-contact-actions .button{width:100%;min-width:0}.portfolio-contact p{max-width:none}.portfolio-contact .portfolio-contact-note{margin-top:15px}}

/* Prominent agency services and finite cover animations. */
.portfolio-hero{padding-bottom:62px}
.agency-services{padding:0 0 85px;scroll-margin-top:30px}
.agency-section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}
.agency-section-heading .eyebrow{color:#245bff;font-size:10px;margin-bottom:16px}
.agency-section-heading h2{font-size:clamp(38px,4vw,52px);letter-spacing:-1.7px;line-height:1.08}
.agency-section-heading h2 em{color:#245bff;font-style:normal}
.agency-section-heading>p{max-width:340px;font-size:13px;line-height:1.8}
.agency-service-grid{display:grid;grid-template-columns:1fr;gap:20px}
.agency-service{padding:29px 28px 25px;background:#fff;border:1px solid #d9dee4;display:flex;flex-direction:column;min-width:0}
.agency-service-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px;color:#245bff}
.agency-service-top svg{width:34px;height:36px}
.agency-service-top>span{font-size:10px;letter-spacing:1px}
.agency-service h3{font:500 29px/1.12 Arial,Helvetica,sans-serif;letter-spacing:-1px;min-height:65px}
.agency-service>p{font-size:13px;line-height:1.75;margin:15px 0 20px;min-height:68px}
.agency-service ul{padding:0;margin:0 0 28px;list-style:none;font-size:12px;display:grid;gap:8px}
.agency-service li:before{content:'↳';margin-right:10px;color:#245bff}
.agency-service-bottom{margin-top:auto;border-top:1px solid #d9dee4;padding-top:19px}
.agency-service-bottom strong{display:block;font-weight:500;font-size:15px;margin-bottom:14px}
.agency-service-bottom>a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;min-height:32px}
.agency-service-bottom>a:hover{text-decoration:underline;text-underline-offset:5px}
.agency-service-primary{background:#245bff;border-color:#245bff;color:#fff}
.agency-service-primary .agency-service-top,.agency-service-primary li:before{color:#fff}
.agency-service-primary>p{color:#e4ebff}
.agency-service-primary .agency-service-bottom{border-color:#ffffff50}
.agency-service-primary .agency-service-bottom strong{font-size:24px;letter-spacing:-.5px}
.portfolio-samples{scroll-margin-top:30px}
.portfolio-samples .agency-section-heading{padding-top:5px}
.portfolio .card-top h3{font:28px/1.1 Georgia,serif;letter-spacing:-.7px}
.portfolio .card-top strong{font-size:28px}
.template-card{transition:box-shadow .4s ease,border-color .4s ease,transform .55s ease}
.template-card:hover,.template-card:focus-within{border-color:#a9b8dd;box-shadow:0 16px 35px #1018200e}
.portfolio .card-preview img{transition:transform .65s cubic-bezier(.2,.7,.3,1);transform:translate3d(0,0,0) scale(1.03)}
.portfolio .card-preview:hover img,.portfolio .card-preview:focus-visible img{transform:translate3d(var(--cover-x,0px),var(--cover-y,0px),0) scale(1.08)}
.card-preview .mini-copy{transition:transform .5s ease}
.card-preview:hover .mini-copy{transform:translateY(-4px)}
.portfolio-hero h1{animation:agency-rise .8s ease both}
.portfolio-intro{animation:agency-rise .8s .1s ease both}
.motion-enabled [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease var(--reveal-delay,0ms),transform .6s ease var(--reveal-delay,0ms)}
.motion-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.motion-enabled .template-card.is-visible .card-preview img{animation:cover-arrive 1.2s ease}
.hero-copy{animation:agency-rise .8s ease both}
.hero-photo>img{animation:demo-photo-in 1s ease both}
@keyframes agency-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes cover-arrive{from{transform:translate3d(4px,0,0) scale(1.13)}to{transform:translate3d(0,0,0) scale(1.03)}}
@keyframes demo-photo-in{from{opacity:.25}to{opacity:1}}
@media(min-width:761px){.service-row{padding:30px 0}.barber .service-row h3{font-size:24px}.service-price{font-size:26px}.agency-service-primary{display:grid;grid-template-columns:1.2fr 1fr .7fr;column-gap:35px;padding:30px 32px}.agency-service-primary .agency-service-top{grid-column:1/-1;margin-bottom:20px}.agency-service-primary h3{grid-column:1;grid-row:2;min-height:0}.agency-service-primary>p{grid-column:1;grid-row:3;min-height:0;margin-bottom:0}.agency-service-primary ul{grid-column:2;grid-row:2/4;margin:0;padding-top:4px}.agency-service-primary .agency-service-bottom{grid-column:3;grid-row:2/4;border-top:0;border-left:1px solid #ffffff50;padding:0 0 0 26px;margin-top:0}}
@media(max-width:1050px){.agency-service{padding:26px 22px}.agency-service h3{font-size:26px}.agency-service-grid{gap:15px}.agency-service>p{min-height:92px}}
@media(max-width:760px){.portfolio-hero{padding-bottom:48px}.agency-services{padding-bottom:60px}.agency-section-heading{display:block;margin-bottom:25px}.agency-section-heading h2{font-size:40px;letter-spacing:-1.5px}.agency-section-heading>p{margin-top:20px;max-width:440px}.agency-service-grid{grid-template-columns:1fr;gap:16px}.agency-service{padding:27px}.agency-service h3{font-size:30px;min-height:0}.agency-service>p{min-height:0;margin-bottom:20px}.agency-service-top{margin-bottom:19px}.agency-service ul{margin-bottom:23px}.portfolio .card-top h3{font-size:29px}.portfolio-samples .agency-section-heading{padding-top:0}}
@media(prefers-reduced-motion:reduce){.motion-enabled [data-reveal]{opacity:1;transform:none;transition:none}.portfolio .card-preview img,.portfolio .card-preview:hover img,.portfolio .card-preview:focus-visible img,.card-preview:hover .mini-copy{transform:none}.portfolio-hero h1,.portfolio-intro,.hero-copy,.hero-photo>img{animation:none}}

/* A calm, dimensional agency cover with clear project expectations. */
.portfolio{--paper:#f4f6fb;background:radial-gradient(ellipse 70% 600px at 100% 900px,#245bff08,transparent 75%),var(--paper)}
.portfolio-cover{position:relative;isolation:isolate;overflow:hidden;color:#f7f9ff;background:radial-gradient(ellipse 70% 130% at 90% 5%,#245bff42,transparent 70%),radial-gradient(ellipse 50% 100% at 5% 100%,#1b53962b,transparent 70%),linear-gradient(115deg,#071426,#101f3b);border-bottom:1px solid #244877}
.portfolio-cover:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b7ccff0b 1px,transparent 1px),linear-gradient(90deg,#b7ccff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(100deg,transparent,#000 70%)}
.portfolio-cover .portfolio-hero{position:relative;align-items:center;padding-top:78px;padding-bottom:78px;gap:75px}
.portfolio-cover .portfolio-hero>div:first-child{flex:1;min-width:0}
.portfolio-cover .eyebrow{color:#b5c9f7;font-size:10px;letter-spacing:1.8px}
.portfolio-cover h1{font-size:clamp(48px,5.5vw,76px);line-height:1.07;letter-spacing:-2.8px;max-width:800px;color:#fff}
.portfolio-cover h1 em{color:#9db8ff}
.portfolio-cover .portfolio-intro{flex:0 0 310px;max-width:310px}
.portfolio-cover .portfolio-intro>p{color:#c8d3e9;font-size:14px;line-height:1.85}
.portfolio-cover .portfolio-quote{background:#245bff;border-color:#5c85ff;color:#fff;padding:16px 21px;margin-top:25px}
.portfolio-cover .portfolio-quote:hover{background:#3b6cff;border-color:#7d9eff}
.portfolio-cover .text-link{color:#c2d3ff}
.hero-trust{display:flex;flex-wrap:wrap;gap:9px 21px;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff24;max-width:620px}
.hero-trust span{color:#d8e3f9;font-size:11px;line-height:1.7}
.hero-trust span:before{content:'•';color:#81a5ff;margin-right:7px}
.portfolio-cover+.wrap>.agency-services{padding-top:65px}
.samples-note{font-size:11px;letter-spacing:.2px;margin:-8px 0 24px;color:#646d76}
.portfolio-samples .portfolio-cards{padding-bottom:30px}
.project-conditions{background:#fff;border:1px solid #d9dee4;padding:32px 35px;margin:0 0 75px}
.project-conditions .eyebrow{color:#245bff;font-size:10px;margin-bottom:12px}
.project-conditions h3{font:500 27px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.6px}
.project-conditions dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 45px;margin:27px 0 0}
.project-conditions dl>div{border-top:1px solid #e3e7ef;padding-top:17px}
.project-conditions dt{font-size:13px;font-weight:600;margin-bottom:9px}
.project-conditions dd{font-size:12px;line-height:1.85;color:#646d76;margin:0;max-width:480px}
.agency-process{padding:0 0 75px;scroll-margin-top:30px}
.process-steps{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.process-steps li{border-top:1px solid #bdc9e2;padding-top:22px}
.process-number{display:block;font-size:12px;color:#245bff;margin-bottom:20px;letter-spacing:1px}
.process-steps h3{font:500 21px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.4px;margin-bottom:12px}
.process-steps p{font-size:13px;line-height:1.8}
.agency-about{display:grid;grid-template-columns:.6fr 1fr;align-items:center;gap:75px;padding:46px;background:#fff;border:1px solid #d9dee4;margin:0 0 65px;scroll-margin-top:30px}
.agency-about-mark{max-width:310px;margin:auto}
.agency-about-mark img{width:100%;height:auto;object-fit:contain}
.agency-about .eyebrow{color:#245bff;font-size:10px;margin-bottom:17px}
.agency-about h2{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin-bottom:23px}
.agency-about h2 em{font-style:normal;color:#245bff}
.agency-about p{font-size:13px;line-height:1.85;margin-bottom:16px}
.agency-about .text-link{color:#245bff;display:inline-block;margin-top:9px}
@media(max-width:1050px){.portfolio-cover .portfolio-hero{gap:40px;padding-top:65px;padding-bottom:65px}.portfolio-cover h1{font-size:61px}.portfolio-cover .portfolio-intro{flex-basis:280px;max-width:280px}.agency-about{gap:40px;padding:35px}.process-steps{gap:20px}.process-steps h3{font-size:19px}}
@media(max-width:760px){.portfolio-cover .portfolio-hero{display:block;padding-top:45px;padding-bottom:46px}.portfolio-cover h1{font-size:49px;letter-spacing:-1.9px}.portfolio-cover .eyebrow{font-size:9px;letter-spacing:1.1px;line-height:1.8}.portfolio-cover .portfolio-intro{max-width:440px;margin-top:26px}.portfolio-cover .portfolio-intro>p{margin-top:0}.portfolio-cover .portfolio-quote{margin-top:23px}.hero-trust{gap:6px 14px;margin-top:25px;padding-top:18px}.hero-trust span{font-size:10px}.portfolio-cover+.wrap>.agency-services{padding-top:46px}.project-conditions{padding:27px 24px;margin-bottom:48px}.project-conditions h3{font-size:25px}.project-conditions dl{grid-template-columns:1fr;gap:20px;margin-top:22px}.samples-note{line-height:1.7;margin-top:-7px}.agency-process{padding-bottom:50px}.process-steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:28px}.process-steps h3{font-size:20px}.process-steps p{font-size:12px}.process-number{margin-bottom:15px}.agency-about{grid-template-columns:1fr;gap:25px;padding:30px 25px;margin-bottom:45px}.agency-about-mark{width:190px}.agency-about h2{font-size:35px}.agency-about p{font-size:13px}}
@media(max-width:360px){.portfolio-cover h1{font-size:43px}.process-steps{grid-template-columns:1fr}.agency-about h2{font-size:31px}}

/* Readable agency typography, clear language controls and live project inquiries. */
.portfolio{--muted:#414e60;font-size:17px}
.portfolio-header .wrap{gap:25px}
.portfolio-nav{gap:16px}
.portfolio-nav a{font-size:16px;font-weight:700;min-height:44px;display:flex;align-items:center;padding:7px 3px;color:#142238}
.portfolio-tools{gap:24px}
.language-switch{border:2px solid #b3c2df;padding:4px;gap:4px;border-radius:8px;background:#f5f7fc}
.language-switch a{font-size:15px;font-weight:700;letter-spacing:0;min-height:42px;min-width:78px;padding:10px 12px;text-align:center;border-radius:4px;color:#35465e}
.language-switch a[aria-current="page"]{background:#245bff;color:#fff}
.portfolio .button,.portfolio .text-link{font-size:15px;font-weight:700}
.portfolio-cover .portfolio-intro>p{font-size:17px;line-height:1.75;font-weight:500;color:#e0e8f8}
.hero-trust span{font-size:14px;font-weight:600}
.hero-call-link{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:18px;color:#fff;font-size:15px;font-weight:700;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.hero-call-link svg{width:24px;height:24px;flex-shrink:0}
.portfolio .agency-section-heading>p{font-size:17px;line-height:1.75;font-weight:500;max-width:390px;color:#414e60}
.portfolio .agency-section-heading h2{font-weight:600}
.agency-section-heading .eyebrow,.project-conditions .eyebrow,.agency-about .eyebrow,.portfolio-contact .eyebrow,.portfolio-help .eyebrow{font-size:12px;font-weight:800}
.portfolio .agency-service h3{font-size:34px;font-weight:700;min-height:0}
.portfolio .agency-service>p{font-size:17px;font-weight:500;line-height:1.75;min-height:0}
.portfolio .agency-service ul{font-size:16px;font-weight:600;gap:12px}
.portfolio .agency-service-bottom>a{font-size:16px;min-height:44px}
.agency-service-primary>p{color:#fff}
.portfolio .card-top h3{font-size:30px;font-weight:600}
.portfolio .card-description{font-size:16px;line-height:1.75;font-weight:500}
.portfolio .card-features{font-size:15px;line-height:1.75;font-weight:500}
.portfolio .card-tag,.portfolio .badge{font-size:12px;font-weight:700}
.samples-note{font-size:14px;font-weight:500}
.project-conditions dt{font-size:16px;font-weight:700}
.project-conditions dd{font-size:16px;line-height:1.75;font-weight:400;color:#414e60}
.portfolio-help p,.help-examples article p{font-size:16px;line-height:1.8;color:#e0e7f2}
.help-examples h3{font-size:23px;font-weight:700}
.help-signoff,.help-examples .help-next{font-size:14px;line-height:1.7}
.process-steps h3{font-size:23px;font-weight:700}
.process-steps p,.agency-about p,.portfolio-contact p{font-size:16px;line-height:1.8;font-weight:400}
.portfolio-foot p,.portfolio-foot a,.portfolio-contact .portfolio-contact-note{font-size:14px;line-height:1.75}
.project-inquiry{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;padding:55px 0 75px;scroll-margin-top:28px;border-top:1px solid #bdc9e2}
.project-inquiry .eyebrow{color:#245bff;font-size:12px;font-weight:800}
.project-inquiry h2{font-size:clamp(34px,3.3vw,47px);line-height:1.15;letter-spacing:-1.3px;font-weight:600;margin-bottom:24px}
.project-inquiry h2 em{color:#245bff;font-style:normal}
.inquiry-intro>p{font-size:17px;line-height:1.8;max-width:440px}
.inquiry-steps{list-style:none;padding:0;margin:30px 0;counter-reset:inquiry}
.inquiry-steps li{position:relative;padding:20px 0 20px 43px;border-top:1px solid #d9dee4;counter-increment:inquiry}
.inquiry-steps li:before{content:'0' counter(inquiry);position:absolute;left:0;top:21px;font-size:14px;font-weight:700;color:#245bff}
.inquiry-steps strong{font-size:18px;font-weight:700}
.inquiry-steps p{font-size:16px;line-height:1.7;margin-top:7px}
.inquiry-call{padding:28px;background:#e8eefc;border:1px solid #c5d3f1}
.inquiry-calendar{display:block;margin-bottom:17px;color:#245bff}
.inquiry-calendar svg{width:34px;height:34px}
.inquiry-call h3{font:700 24px/1.2 Arial,Helvetica,sans-serif;margin-bottom:15px}
.inquiry-call p{font-size:16px;line-height:1.75}
.inquiry-call .button{margin-top:22px;background:#fff;min-height:48px}
.inquiry-call .call-note{font-size:14px;font-weight:600;margin-top:15px;color:#354a70}
.inquiry-surface{min-width:0;background:#fff;border:1px solid #bdc9e2;box-shadow:0 12px 40px #14234008;align-self:start}
.inquiry-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf1fa;border-bottom:1px solid #bdc9e2}
.inquiry-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:20px 14px;min-height:66px;color:#344763;background:transparent;border:0;border-bottom:3px solid transparent;font:700 16px/1.4 Arial,Helvetica,sans-serif}
.inquiry-tabs button svg{width:23px;height:23px;flex-shrink:0}
.inquiry-tabs button[aria-selected="true"]{background:#fff;border-bottom-color:#245bff;color:#1745d7}
.inquiry-tabs button:hover{background:#e4ebfa}
.inquiry-panel{padding:32px}
.inquiry-panel[hidden]{display:none}
.inquiry-panel-note{font-size:15px;line-height:1.75;margin-bottom:26px}
.inquiry-panel-note strong{display:block;margin-top:8px;color:#233759}
.inquiry-loading{font-size:16px;line-height:1.7;padding:20px 0;min-height:90px}
.inquiry-form{margin:0}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}
.inquiry-field{min-width:0;padding:0;margin:0;border:0}
.inquiry-field-wide{grid-column:1/-1}
.inquiry-field-label{display:block;font-size:16px;font-weight:700;line-height:1.55;color:#15253b;margin-bottom:9px}
.inquiry-field legend{padding:0;float:left;width:100%}
.inquiry-field legend+.inquiry-choices{clear:both}
.inquiry-field input:not([type="checkbox"]):not([type="radio"]),.inquiry-field select,.inquiry-field textarea{font:400 16px/1.5 Arial,Helvetica,sans-serif;width:100%;min-width:0;min-height:49px;padding:12px 13px;border:1px solid #9dacbf;border-radius:4px;background:#fff;color:#142338}
.inquiry-field textarea{min-height:128px;resize:vertical}
.inquiry-field input::placeholder,.inquiry-field textarea::placeholder{color:#65758a;opacity:1}
.inquiry-field [aria-invalid="true"]{border-color:#a02132!important}
.inquiry-field input:disabled,.inquiry-field select:disabled,.inquiry-field textarea:disabled{opacity:.7}
.inquiry-field-help{font-size:14px;line-height:1.6;margin-top:7px;color:#4a5a70}
.inquiry-field-error{font-size:14px;line-height:1.6;color:#a02132;margin-top:7px;font-weight:600}
.inquiry-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.inquiry-choice,.inquiry-consent{display:flex;align-items:flex-start;gap:11px;font-size:15px;font-weight:500;line-height:1.65;color:#263a55;cursor:pointer}
.inquiry-choice{border:1px solid #d4ddea;border-radius:4px;padding:12px}
.inquiry-choice input,.inquiry-consent input{width:20px;height:20px;flex-shrink:0;margin:2px 0 0;accent-color:#245bff}
.inquiry-consent{margin:0}
.inquiry-form-actions{display:flex;gap:12px;margin-top:27px}
.inquiry-form-actions .button{min-height:50px;flex:1;justify-content:center;background:#245bff;border-color:#245bff;color:#fff}
.inquiry-form-actions .button.outline{background:transparent;color:#142338;border-color:#9dacbf}
.inquiry-form-actions .button:disabled{opacity:.6;cursor:wait}
.inquiry-form-actions [hidden]{display:none}
.inquiry-form-message{font-size:15px;line-height:1.6;color:#a02132;font-weight:600;margin-top:22px}
.inquiry-progress{font-size:14px;font-weight:600;margin-bottom:20px;color:#245bff}
.inquiry-privacy{font-size:14px;line-height:1.75;padding:0 32px 28px;color:#4a5a70}
.inquiry-success{padding:15px 0;outline:none}
.inquiry-success h3{font:700 29px/1.2 Arial,Helvetica,sans-serif;margin:12px 0 20px}
.inquiry-success p{font-size:17px;line-height:1.85;white-space:pre-line}
.inquiry-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1400px){.portfolio-header>.wrap>p{display:none}}
@media(max-width:1050px){.portfolio-tools{gap:18px}.portfolio-nav{gap:12px}.portfolio-nav a{font-size:15px}.project-inquiry{gap:30px}.inquiry-panel{padding:25px}.inquiry-privacy{padding-left:25px;padding-right:25px}.inquiry-fields{grid-template-columns:1fr}.inquiry-field{grid-column:1/-1}}
@media(max-width:760px){.portfolio-header .wrap{display:flex;flex-wrap:wrap;gap:12px 10px;padding-top:5px;padding-bottom:8px}.portfolio-logo img{width:132px}.portfolio-tools{display:contents}.language-switch{margin-left:auto}.language-switch a{font-size:14px;min-width:76px;padding:10px 11px}.portfolio-tools .portfolio-nav{order:3;width:100%;justify-content:space-between;gap:10px;border-top:1px solid #e0e6f0;padding-top:6px}.portfolio-tools .portfolio-nav a{font-size:14px;min-height:44px;font-weight:700}.portfolio-cover .portfolio-intro>p{font-size:17px}.portfolio-cover .eyebrow{font-size:11px}.hero-trust span{font-size:13px}.portfolio .agency-section-heading>p{font-size:17px}.portfolio .agency-service h3{font-size:31px}.portfolio .agency-service>p{font-size:17px}.portfolio .agency-service ul{font-size:16px;margin-top:10px}.portfolio .agency-service-bottom>a{font-size:16px}.project-conditions dd{font-size:16px}.process-steps{gap:28px;grid-template-columns:1fr}.process-steps h3{font-size:23px}.process-steps p{font-size:16px}.project-inquiry{grid-template-columns:1fr;gap:32px;padding:40px 0 50px}.project-inquiry h2{font-size:38px}.inquiry-steps{margin-bottom:24px}.inquiry-call{padding:25px}.inquiry-panel{padding:25px 20px}.inquiry-tabs button{font-size:15px;padding:17px 10px;gap:7px;min-height:65px}.inquiry-privacy{padding:0 20px 24px}.inquiry-fields{gap:22px}.inquiry-choices{grid-template-columns:1fr}.portfolio .card-features{font-size:15px}.agency-about p,.portfolio-contact p{font-size:16px}.portfolio .button{min-height:48px}.portfolio-foot p{font-size:14px}}
@media(max-width:360px){.portfolio-logo img{width:112px}.language-switch a{min-width:69px;padding:10px 8px}.portfolio-tools .portfolio-nav a{font-size:13px}.project-inquiry h2{font-size:34px}.inquiry-tabs button{font-size:14px}}
@media(max-width:760px){.project-inquiry{display:flex;flex-direction:column;gap:25px}.inquiry-intro{display:contents}.inquiry-intro>.eyebrow{order:0;margin-bottom:0}.inquiry-intro>h2{order:1;margin-bottom:0}.inquiry-intro>p{order:2}.inquiry-surface{order:3;width:100%;align-self:stretch}.inquiry-steps{order:4;margin:0}.inquiry-call{order:5}}

/* Screenshots of the owner's Base44 projects, with links to full-size images. */
.portfolio-work{padding:12px 0 70px;scroll-margin-top:30px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.work-card{min-width:0;background:#fff;border:1px solid #c8d3e6;border-radius:9px;overflow:hidden;box-shadow:0 10px 35px #15274508}
.work-card-heading{padding:28px 28px 24px}
.work-card-heading .eyebrow{font-size:11px;font-weight:700;letter-spacing:1px;color:#245bff;line-height:1.6}
.work-card-heading h3{font:700 28px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.6px;color:#14233c;margin:10px 0 13px}
.work-card-heading p{font:500 16px/1.75 Arial,Helvetica,sans-serif;color:#35465e;margin:0}
.work-image{position:relative;display:block;overflow:hidden;background:#111e32;border-block:1px solid #d8dfec}
.work-image img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover;transition:transform .25s ease}
.work-image>span{position:absolute;right:16px;bottom:16px;padding:10px 14px;background:#fff;color:#162e56;border-radius:5px;font:700 13px/1.5 Arial,Helvetica,sans-serif;box-shadow:0 3px 12px #0002}
.work-image:hover img{transform:scale(1.025)}
.work-detail{display:flex;align-items:center;gap:22px;padding:20px 25px;background:#f7f9fd;min-height:120px;color:#245bff}
.work-detail img{display:block;width:145px;height:100px;object-fit:cover;object-position:top;border:1px solid #cbd5e8;border-radius:4px}
.work-detail>span{font:600 13px/1.6 Arial,Helvetica,sans-serif}
.work-detail strong{display:block;font-size:17px;color:#18304f;margin-bottom:7px}
.work-detail:hover>span{text-decoration:underline;text-underline-offset:4px}
.work-note{font:500 14px/1.75 Arial,Helvetica,sans-serif;color:#4b5c74;margin:22px 0 0}
.work-card a:focus-visible{outline:3px solid #245bff;outline-offset:-4px}
@media(max-width:760px){.portfolio-work{padding-bottom:48px}.work-grid{grid-template-columns:1fr;gap:24px}.work-card-heading{padding:24px}.work-card-heading h3{font-size:26px}.work-card-heading p{font-size:16px}.work-detail{padding:18px 20px;gap:18px}.work-detail img{width:115px;height:80px}.work-image>span{font-size:12px;padding:9px 12px}.work-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-image img{transition:none}.work-image:hover img{transform:none}}

/* A useful first impression: visitors can try their business name and a visual style. */
.web-experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px 48px;padding:42px 42px 0;background:radial-gradient(ellipse at 0 0,#356dff,transparent 65%),linear-gradient(130deg,#245bff,#112f8c);color:#fff;border:1px solid #3769ed;border-radius:10px;overflow:hidden;box-shadow:0 18px 45px #173fba12}
.experience-copy{padding-top:9px;min-width:0}
.experience-eyebrow{display:block;font:700 11px/1.7 Arial,Helvetica,sans-serif;letter-spacing:1.4px;color:#d7e5ff;margin-bottom:19px}
.experience-copy>h3{font:700 clamp(32px,3.3vw,46px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-1.8px;margin:0 0 24px;color:#fff}
.experience-copy>h3 em{font-style:normal;color:#c4d8ff}
.experience-copy>p{font:500 16px/1.8 Arial,Helvetica,sans-serif;max-width:380px;color:#ecf2ff;margin-bottom:25px}
.experience-benefits{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.experience-benefits li{display:flex;align-items:flex-start;gap:13px;padding-top:15px;border-top:1px solid #ffffff36}
.experience-benefits li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#ffffff15;border:1px solid #ffffff30;border-radius:50%;font:600 10px/1 Arial,Helvetica,sans-serif;color:#e7efff}
.experience-benefits h4{font:700 15px/1.4 Arial,Helvetica,sans-serif;margin:0 0 5px;color:#fff}
.experience-benefits p{font:400 14px/1.7 Arial,Helvetica,sans-serif;color:#e2ebff;margin:0}
.experience-visual{min-width:0;align-self:center}
.experience-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.experience-controls>span{font:700 10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:1.1px;white-space:nowrap;color:#dbe7ff}
.experience-style-options{display:flex;gap:4px;padding:4px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff0c}
.experience-style{font:600 12px/1.4 Arial,Helvetica,sans-serif;color:#fff;min-height:39px;padding:9px 13px;border:0;background:transparent;border-radius:5px;cursor:pointer;white-space:nowrap}
.experience-style[aria-pressed=true]{color:#1645c6;background:#fff;box-shadow:0 2px 7px #061f6d26}
.experience-style:hover{background:#ffffff24}
.experience-style[aria-pressed=true]:hover{background:#fff}
.experience-browser{--preview-paper:#eef0e5;--preview-ink:#283f35;--preview-accent:#48664d;display:block;position:relative;margin:0;overflow:hidden;border:5px solid #fff;border-radius:10px;background:var(--preview-paper);color:var(--preview-ink);box-shadow:0 15px 45px #061b6659}
.experience-browser[data-preview-theme=barber]{--preview-paper:#eee9dc;--preview-ink:#233c33;--preview-accent:#233c33}
.experience-browser[data-preview-theme=beauty]{--preview-paper:#f5e8e4;--preview-ink:#562f40;--preview-accent:#6b3249}
.experience-browser-top{height:29px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font:400 9px/1 Arial,Helvetica,sans-serif;color:#617086;background:#f5f7fc;border-bottom:1px solid #dce3ed}
.experience-browser-top>span:first-child{color:#b6c1d0;font-size:8px;letter-spacing:3px}
.experience-demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 17px;border-bottom:1px solid #283f3512;min-height:68px}
.experience-demo-header>strong{font:600 19px/1.25 Georgia,serif;letter-spacing:.3px;max-width:65%;overflow-wrap:anywhere}
.experience-demo-header>span{font:500 7px/1.6 Arial,Helvetica,sans-serif;flex-shrink:0;white-space:nowrap}
.experience-demo-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:254px}
.experience-demo-copy{padding:27px 13px 24px 19px;align-self:center;min-width:0}
.experience-demo-copy>span:first-child{font:700 7px/1.6 Arial,Helvetica,sans-serif;letter-spacing:1px;display:block;margin-bottom:15px}
.experience-demo-copy h4{font:500 clamp(25px,2.7vw,36px)/1.05 Georgia,serif;letter-spacing:-1.1px;margin:0 0 15px;color:var(--preview-ink)}
.experience-demo-copy>p{font:400 9px/1.7 Arial,Helvetica,sans-serif;color:var(--preview-ink);max-width:165px;margin:0 0 18px}
.experience-demo-cta{display:inline-block;background:var(--preview-accent);color:#fff;padding:11px 13px;font:600 8px/1.3 Arial,Helvetica,sans-serif}
.experience-demo-hero>img{display:block;width:100%;height:100%;min-height:254px;max-height:330px;object-fit:cover;object-position:center 35%;margin:0}
.experience-browser[data-preview-theme=salon] .experience-demo-hero>img{border-radius:120px 120px 0 0;padding-top:12px}
.experience-demo-footer{padding:17px 18px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #283f351a;font:600 8px/1.6 Arial,Helvetica,sans-serif}
.experience-demo-footer>span:last-child{font-weight:400;max-width:35%;text-align:right}
.experience-personalize{margin-top:21px}
.experience-personalize>label{display:block;font:700 14px/1.5 Arial,Helvetica,sans-serif;color:#fff;margin-bottom:9px}
.experience-personalize>input{display:block;width:100%;padding:13px 14px;border:1px solid #ffffff8a;border-radius:6px;background:#fff;color:#142b4d;font:400 16px/1.5 Arial,Helvetica,sans-serif;min-height:48px;box-sizing:border-box}
.experience-personalize>input::placeholder{color:#5b6c86;opacity:1}
.experience-personalize>p{font:400 12px/1.7 Arial,Helvetica,sans-serif;color:#d7e4ff;margin-top:9px}
.experience-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -42px;padding:25px 32px;border-top:1px solid #ffffff2b;background:#091f6826}
.experience-bottom>p{font:700 19px/1.5 Arial,Helvetica,sans-serif;color:#fff;margin:0}
.experience-bottom>div{display:flex;align-items:center;gap:25px}
.experience-explore{font:600 14px/1.5 Arial,Helvetica,sans-serif;color:#e4edff;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.experience-explore:hover{text-decoration:underline}
.experience-bottom .button{background:#fff;color:#1743bf;border:1px solid #fff;gap:22px;white-space:nowrap;font-size:14px;padding:13px 17px;border-radius:5px}
.experience-bottom .button:hover{background:#eaf0ff}
.web-experience button:focus-visible,.web-experience input:focus-visible,.web-experience a:focus-visible{outline:3px solid #d5e5ff;outline-offset:4px}
/* Give SOLÉ text and photography their own columns, with aligned package content below. */
.portfolio .salon-preview{display:grid;grid-template-columns:47% 53%;isolation:isolate}
.portfolio .salon-preview .mini-brand{left:21px;top:20px;max-width:42%;font-size:23px}
.portfolio .salon-preview .mini-copy{grid-column:1;grid-row:1;position:relative;left:auto;top:auto;width:auto;margin:75px 8px 56px 21px;align-self:center;font:400 clamp(26px,2.35vw,33px)/1.08 Georgia,serif;letter-spacing:-1.3px}
.portfolio .salon-preview img{grid-column:2;grid-row:1;align-self:end;width:100%;height:calc(100% - 30px);margin:0;object-fit:cover;object-position:57% 35%;border-radius:100px 100px 0 0;transform:none;animation:none}
.portfolio .salon-preview:hover img,.portfolio .salon-preview:focus-visible img{transform:scale(1.025);transform-origin:bottom right}
.portfolio .template-card{display:flex;flex-direction:column}
.portfolio .card-content{flex:1;display:flex;flex-direction:column}
.portfolio .card-content>.badge{align-self:flex-start;min-height:25px}
.portfolio .card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:66px;align-items:start}
.portfolio .card-top h3{font-size:28px;line-height:1.15}
.portfolio .card-top strong{font-size:27px;line-height:1.2;white-space:nowrap}
.portfolio .card-description{margin:17px 0 20px;min-height:84px}
.portfolio .card-content>.button{margin-top:auto}
@media(min-width:761px) and (max-width:1100px){.portfolio-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio .salon-preview .mini-copy{font-size:32px}}
@media(max-width:1050px){.web-experience{gap:30px;padding:32px 30px 0;grid-template-columns:.9fr 1.1fr}.experience-bottom{margin:0 -30px;padding:22px 27px}.experience-controls{align-items:flex-start;flex-direction:column;gap:8px}.experience-style-options{align-self:stretch}.experience-style{flex:1;padding:8px 10px}.experience-copy>h3{font-size:36px}.experience-demo-header>span{font-size:6px}.experience-demo-header>strong{font-size:17px;max-width:58%}.experience-demo-hero{min-height:250px}.experience-demo-copy{padding-left:15px}.experience-demo-copy h4{font-size:28px}.experience-demo-hero>img{min-height:250px}.experience-bottom>div{gap:18px}.experience-bottom>p{font-size:17px}}
@media(max-width:760px){.web-experience{grid-template-columns:1fr;padding:28px 23px 0;gap:31px}.experience-copy{padding:0}.experience-copy>h3{font-size:38px;letter-spacing:-1.5px}.experience-copy>p{font-size:16px;max-width:none}.experience-benefits{gap:13px}.experience-controls{gap:11px}.experience-controls>span{font-size:11px}.experience-style-options{width:100%}.experience-style{min-height:44px;font-size:13px}.experience-demo-header{padding:17px 13px;min-height:62px}.experience-demo-header>strong{font-size:19px}.experience-demo-header>span{font-size:6px}.experience-demo-copy{padding:23px 11px 23px 13px}.experience-demo-copy h4{font-size:29px}.experience-demo-copy>span:first-child{font-size:6px;letter-spacing:.6px}.experience-demo-copy>p{font-size:9px}.experience-demo-hero>img{min-height:260px;max-height:310px}.experience-demo-footer{padding:14px 12px;font-size:7px;gap:8px}.experience-personalize>p{font-size:12px}.experience-bottom{display:block;margin:0 -23px;padding:24px 23px}.experience-bottom>p{font-size:19px;margin-bottom:15px}.experience-bottom>div{flex-direction:column;align-items:stretch;gap:12px}.experience-bottom .button{display:flex;justify-content:space-between;font-size:14px}.experience-explore{font-size:14px}.portfolio .salon-preview .mini-copy{font-size:30px;margin-left:22px;margin-right:6px}.portfolio .card-description{min-height:0}.portfolio .card-top{min-height:65px}.portfolio .card-top h3{font-size:28px}.portfolio .card-content{padding:24px}}
@media(max-width:380px){.web-experience{padding:25px 19px 0}.experience-bottom{margin:0 -19px;padding:22px 19px}.experience-demo-header>strong{font-size:17px}.experience-demo-header>span{font-size:5px}.experience-demo-copy h4{font-size:25px}.experience-demo-copy>span:first-child{font-size:5px}.experience-demo-copy>p{font-size:8px}.experience-demo-hero>img{min-height:240px}.experience-demo-hero{min-height:240px}.portfolio .salon-preview .mini-copy{font-size:28px;letter-spacing:-1px;margin-left:19px}}
@media(prefers-reduced-motion:reduce){.portfolio .salon-preview:hover img,.portfolio .salon-preview:focus-visible img{transform:none}}

/* A shorter, image-led portfolio. Details remain available on demand. */
.portfolio-cover .portfolio-intro>p{font-size:21px;line-height:1.5;max-width:300px}
.web-experience{grid-template-columns:.65fr 1.35fr;align-items:center;gap:35px;padding-bottom:38px}
.experience-copy{align-self:center;padding:0}
.experience-copy>h3{font-size:clamp(35px,3.6vw,51px);line-height:1.08;margin-bottom:32px}
.experience-eyebrow{font-size:10px;margin-bottom:17px}
.experience-benefits{gap:20px;margin:0 0 24px}
.experience-benefits li{border:0;align-items:center;padding:0;gap:13px}
.experience-benefits li>svg{width:36px;height:36px;flex-shrink:0;padding:7px;box-sizing:content-box;background:#ffffff12;border:1px solid #ffffff2b;border-radius:12px;color:#d8e7ff}
.experience-benefits li>span{display:block;width:auto;height:auto;border:0;background:none;border-radius:0;font:600 16px/1.5 Arial,Helvetica,sans-serif;color:#fff}
.experience-copy>.experience-explore{width:fit-content;font-size:14px}
.experience-demo-copy>p{display:none}
.experience-demo-hero{min-height:280px}
.experience-demo-hero>img{min-height:280px}
.experience-personalize{margin-top:18px}
.experience-personalize>label{font-size:13px}
.experience-personalize>div{display:flex;gap:10px;align-items:stretch}
.experience-personalize input{min-width:0;flex:1;border:1px solid #b4c8f5;border-radius:6px;background:#fff;color:#132848;font:400 16px/1.5 Arial,Helvetica,sans-serif;padding:12px 13px}
.experience-personalize .button{border:1px solid #fff;border-radius:6px;background:#fff;color:#1a45c8;white-space:nowrap;gap:14px;font-size:13px;padding:12px 15px}
.work-card-heading{padding:23px 26px}
.work-card-heading h3{margin:7px 0 0}
.work-detail{padding:15px 24px;min-height:100px}
.work-detail img{width:120px;height:75px}
.portfolio .card-top{min-height:62px}
.package-details{margin:12px 0 24px;border-block:1px solid #d5deec;color:#294263}
.package-details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:48px;font:600 14px/1.5 Arial,Helvetica,sans-serif}
.package-details>summary::-webkit-details-marker{display:none}
.package-details>summary>span{font-size:20px;font-weight:400;transition:transform .2s}
.package-details[open]>summary>span{transform:rotate(45deg)}
.package-details .card-features{margin:4px 0 20px;font-size:14px}
.concise-conditions{padding:0;border:1px solid #c6d3e8;border-radius:6px;background:#edf2fb;margin-top:30px}
.concise-conditions>summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:58px;padding:16px 23px;list-style:none;font:600 15px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;color:#1d3659}
.concise-conditions>summary::-webkit-details-marker{display:none}
.concise-conditions>summary>span{font-size:25px;font-weight:400}
.concise-conditions[open]>summary>span{transform:rotate(45deg)}
.concise-conditions dl{padding:0 23px 23px;margin-top:0}
.concise-conditions dd{font-size:14px}
.concise-process{padding:4px 0 55px}
.concise-process>.eyebrow{color:#245bff}
.concise-process .process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.concise-process .process-steps>li{padding:23px;border:1px solid #ccd7e8;border-radius:7px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:12px}
.simple-step-icon{display:grid;place-items:center;width:46px;height:46px;background:#eaf0ff;border-radius:12px;color:#245bff}
.simple-step-icon svg{width:25px;height:25px}
.simple-step-number{font:600 11px/1.5 Arial,Helvetica,sans-serif;color:#64748d;align-self:center}
.concise-process .process-steps h3{grid-column:1/-1;margin:0;font-size:19px;letter-spacing:-.4px}
.project-inquiry{gap:45px;padding-top:45px}
.inquiry-call{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;margin-top:28px}
.inquiry-calendar{margin:0;display:grid;place-items:center}
.inquiry-calendar svg{width:28px;height:28px}
.inquiry-call .button{margin:0;flex:1;justify-content:space-between;font-size:13px;padding:10px}
.inquiry-call .call-note{width:100%;font-size:12px;margin:0}
.inquiry-privacy{font-size:12px;line-height:1.6}
.compact-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:30px 0;border-top:1px solid #cbd5e5}
.compact-contact>div{display:grid;gap:7px}
.compact-contact strong{font:700 18px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.5px;color:#183052}
.compact-contact>div>span{font:500 12px/1.5 Arial,Helvetica,sans-serif;color:#52627b}
.compact-contact>a{font:600 14px/1.6 Arial,Helvetica,sans-serif;color:#245bff;display:flex;align-items:center;gap:9px;min-height:44px}
.compact-contact svg{width:21px;height:21px}
.portfolio-foot{padding-top:18px}
.portfolio-foot p,.portfolio-foot a{font-size:12px;line-height:1.7}
.portfolio details>summary:focus-visible{outline:3px solid #245bff;outline-offset:3px}
@media(max-width:1050px){.web-experience{grid-template-columns:.65fr 1.35fr;gap:25px}.experience-copy>h3{font-size:36px}.experience-benefits li>svg{width:27px;height:27px;padding:6px}.experience-benefits li>span{font-size:14px}.experience-personalize>div{flex-direction:column}.experience-personalize .button{justify-content:space-between}.concise-process .process-steps{gap:12px}.concise-process .process-steps>li{padding:20px 16px}.concise-process .process-steps h3{font-size:17px}}
@media(max-width:760px){.portfolio-cover .portfolio-intro>p{font-size:19px;margin-top:0}.web-experience{grid-template-columns:1fr;padding:25px 22px;gap:24px}.experience-copy>h3{font-size:34px;line-height:1.06;margin:0 0 20px}.experience-copy>h3 br{display:none}.experience-copy>h3 em{display:block}.experience-eyebrow{margin-bottom:12px}.experience-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.experience-benefits li{display:grid;justify-items:start;gap:8px}.experience-benefits li>svg{width:23px;height:23px;padding:7px;border-radius:9px}.experience-benefits li>span{font-size:12px;line-height:1.4}.experience-copy>.experience-explore{display:none}.experience-controls{margin-bottom:11px;gap:8px}.experience-controls>span{font-size:10px}.experience-demo-hero{min-height:250px}.experience-demo-hero>img{min-height:250px}.experience-personalize>div{flex-direction:column}.experience-personalize .button{justify-content:space-between;min-height:46px;font-size:14px}.experience-personalize>label{font-size:13px}.work-card-heading{padding:20px}.work-card-heading h3{font-size:24px}.work-card-heading .eyebrow{font-size:10px}.work-detail{padding:13px 20px}.work-detail img{width:105px;height:67px}.work-detail strong{font-size:16px}.concise-process .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.concise-process .process-steps>li{padding:20px}.concise-process .process-steps h3{font-size:17px}.concise-conditions>summary{font-size:14px;padding:15px 18px}.concise-conditions dl{padding:0 18px 20px}.inquiry-call{padding:18px;margin-top:5px;width:100%;box-sizing:border-box}.compact-contact{display:grid;gap:13px;padding:24px 0}.compact-contact>a{font-size:13px}.portfolio-foot{gap:13px}.project-inquiry .inquiry-intro>h2{font-size:38px}.project-inquiry .inquiry-intro>p{font-size:16px}}

/* Keep all three language names readable on small screens. */
@media(max-width:600px){
  .portfolio-header .wrap{justify-content:center}
  .portfolio-logo{margin-right:auto}
  .language-switch{width:100%;margin-left:0;justify-content:stretch}
  .language-switch a{flex:1;min-width:0;padding:10px 8px}
}