/* Visual direction adapted from the user-provided reference. */
@font-face{font-family:Cormorant;src:url('./cormorant-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('./cormorant-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url('./cormorant-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
body.reference{--ink:#f6f2e9;--muted:#b7b1a5;--blue:#d1ae50;--blue-hover:#e2c16b;--paper:#100f0d;--line:#f6f2e924;--white:#1b1915;background:#100f0d;color:var(--ink);font-size:15px}
.reference ::selection{background:#d1ae50;color:#100f0d}.reference .wrap{width:min(1120px,calc(100% - 64px))}.reference .section{padding:96px 0;border-top:1px solid var(--line)}
.reference h1,.reference h2,.reference .service-card h3,.reference .model-title h3,.reference .process-step h3{font-family:Cormorant,Georgia,serif;font-weight:400;letter-spacing:-1.3px;line-height:1.08}
.reference h2{font-size:54px}.reference .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500;color:var(--blue);margin-bottom:21px}.reference .eyebrow:before{width:5px;height:5px;border-radius:50%}.reference .lead{color:var(--muted);font-size:15px;line-height:1.9}
.reference .btn{border-radius:999px;min-height:51px;padding:13px 24px;font-size:12px;font-weight:600}.reference .btn-primary{background:var(--blue);color:#17150e;border-color:var(--blue)}.reference .btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.reference .btn-outline{background:transparent;border-color:#f6f2e92b;color:var(--ink)}.reference .btn-outline:hover{border-color:var(--blue);color:var(--blue);background:#d1ae5009}.reference .text-link{color:var(--blue);font-weight:500;font-size:12px}.reference .skip{background:#100f0d;color:var(--ink);border-color:var(--blue)}
.reference .site-header{border:0;background:transparent;backdrop-filter:none;padding-top:16px;height:96px}.reference .header-inner{position:relative;height:68px;border:1px solid var(--line);border-radius:999px;background:#11100de8;backdrop-filter:blur(16px);padding:0 19px;box-shadow:0 12px 30px #00000024;gap:24px}.reference .brand{gap:10px}.reference .brand-mark{background:var(--blue);color:#15130d;border-radius:10px;width:35px;height:35px;font-size:13px}.reference .brand strong{font:400 24px/1.1 Cormorant,Georgia,serif;letter-spacing:0}.reference .brand small{color:#a69e8c;letter-spacing:1.5px;font-size:7px;margin-top:5px}.reference .nav{gap:23px}.reference .nav a{color:var(--muted);font-size:12px;font-weight:400}.reference .nav a:hover,.reference .nav a[aria-current]{color:var(--blue)}.reference .nav a:after{display:none}.reference .header-contact{font-size:11px;min-height:41px;padding:10px 18px;gap:9px}.reference .header-contact svg{width:16px;height:16px}
.reference .hero{background:#100f0d;border:0;position:relative}.reference .hero-inner{grid-template-columns:1.15fr .95fr;gap:24px;min-height:705px;padding-top:40px;padding-bottom:76px;align-items:center}.reference .hero .eyebrow{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:9px;letter-spacing:1.1px;margin-bottom:24px;line-height:1.8}.reference .hero h1{font-size:73px;line-height:1.04;letter-spacing:-1.7px;max-width:650px}.reference .hero h1 span{color:var(--blue)}.reference .hero .lead{font-size:15px;margin-top:25px;max-width:470px;color:var(--muted)}.reference .hero-actions{margin-top:30px;gap:12px}.reference .hero-actions .btn{font-size:11px;padding:13px 19px}.reference .hero-note{font-size:10px;color:#aaa290;margin-top:25px;gap:7px}.reference .hero-note svg{color:var(--blue)}
.reference .hero-art{width:540px;height:460px;transform:scale(.92);transform-origin:center;left:-16px}.reference .hero-art:before{background-image:radial-gradient(#8d783e .8px,transparent .8px);opacity:.2;inset:-40px -40px}.reference .desktop-device{border-color:#34312a;box-shadow:0 25px 65px #0009}.reference .desktop-base{background:#5d574b}.reference .desktop-base:before{background:#484237}.reference .phone-device{border-color:#34312a;box-shadow:0 22px 40px #0007}.reference .phone-notch{background:#34312a}.reference .hero-art-tag{background:#1d1b16;border-color:#51462d;color:var(--ink);box-shadow:0 12px 32px #0004}.reference .hero-art-tag .tag-icon{background:#d1ae5017;color:var(--blue)}.reference .hero-art-tag span span{color:#b8af9c!important}
.reference .about-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.reference .about-copy h2{font-size:54px;max-width:none}.reference .about-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:21px}.reference .about-info{display:grid;gap:14px;margin-top:4px}.reference .info-row{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--line);background:#f6f2e907;padding:23px 24px;border-radius:17px;min-height:105px}.reference .info-icon{color:var(--blue);margin-top:3px}.reference .info-icon svg{width:20px;height:20px}.reference .info-label{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}.reference .info-row p,.reference .info-row a{font-size:14px;color:var(--ink);margin:0;line-height:1.7}.reference .info-row a{display:flex;align-items:center;gap:12px}.reference .info-row a svg{width:15px;height:15px;color:var(--blue)}.reference .info-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.reference .profile-signature{display:flex;align-items:center;gap:17px;margin-top:30px}.reference .portrait-frame{aspect-ratio:1;width:67px;height:67px;background:#d1ae5013;border:1px solid #d1ae5044;border-radius:50%;flex-shrink:0}.reference .portrait-frame:before,.reference .portrait-frame:after{display:none}.reference .portrait-monogram{font:400 27px Cormorant,Georgia,serif;color:var(--blue);letter-spacing:0}.reference .profile-signature strong{display:block;font:400 25px Cormorant,Georgia,serif;line-height:1.3}.reference .profile-signature span:not(.portrait-monogram){display:block;font-size:10px;color:var(--muted);margin-top:3px}
.reference .section-head{display:block;margin-bottom:38px}.reference .section-head h2{max-width:820px;font-size:54px}.reference .section-head .lead{max-width:610px;font-size:14px;margin-top:20px}.reference .services{background:#100f0d}.reference .service-grid{gap:18px}.reference .service-card{background:#f6f2e907;border:1px solid var(--line);border-radius:20px;padding:29px;min-height:345px;box-shadow:0 15px 30px #0002}.reference .service-card:hover{border-color:#d1ae5070;transform:translateY(-3px)}.reference .service-top{margin-bottom:26px}.reference .service-top>svg{color:var(--blue);width:28px;height:28px}.reference .service-top>span{color:#9d8d65;font-size:11px}.reference .service-card h3{font-size:32px;line-height:1.12;margin-bottom:15px}.reference .service-card p{font-size:13px;line-height:1.9;color:var(--muted)}.reference .service-card .text-link{border-color:var(--line)!important;font-size:12px;padding-top:19px}
.reference .models .section-head .lead{max-width:600px}.reference .models-meta{color:#a79f8f;font-size:11px;margin-bottom:27px}.reference .models-meta .pill{color:var(--blue);background:#d1ae5012;border:1px solid #d1ae5035;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:500}.reference .models-grid{gap:20px}.reference .model-card{border:1px solid var(--line);border-radius:20px;background:#f6f2e906;overflow:hidden}.reference .model-preview{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 17px 0;height:245px;background:#2b2923}.reference .model-preview.aura{background:#2a2523}.reference .model-preview.brisa{background:#222a2d}.reference .model-preview:hover{transform:none;box-shadow:none}.reference .mini-window{transition:transform .3s}.reference .model-preview:hover .mini-window{transform:translateY(-5px)}.reference .model-info{padding:24px 23px 18px}.reference .model-info .model-type{color:#b9a16a;font-size:8px;letter-spacing:1.2px;margin:0 0 12px}.reference .model-title{flex-wrap:wrap;gap:8px}.reference .model-title h3{font-size:29px;line-height:1.15}.reference .model-title>span{border-color:#f6f2e91a;background:#f6f2e905;color:#a59e91;border-radius:4px;font-size:8px;font-weight:400;padding:3px 6px}.reference .model-info p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 19px}.reference .model-actions .btn{font-size:11px;min-height:45px;padding:11px 15px}.reference .model-actions .style-btn{color:var(--blue);font-size:10px;min-height:40px}.reference .models-note{font-size:10px;color:#a69e8d;line-height:1.8;margin-top:28px}
.reference .benefits-layout{grid-template-columns:.85fr 1.35fr;gap:75px}.reference .benefits-intro h2{font-size:48px;max-width:350px}.reference .benefits-intro .lead{font-size:14px;margin:24px 0}.reference .benefits-grid{gap:34px 30px}.reference .benefit h3{font-size:14px;color:#e8e0d2;font-weight:500;letter-spacing:0}.reference .benefit p{font-size:12px;color:var(--muted);line-height:1.9}.reference .benefit>svg{color:var(--blue);width:21px;height:21px}
.reference .process{background:#191713;color:var(--ink)}.reference .process .eyebrow{color:var(--blue)}.reference .process .section-head .lead{color:var(--muted)}.reference .process-grid{gap:30px;margin-top:42px}.reference .process-step{border-color:#d1ae503d;padding-top:23px}.reference .step-number{color:var(--blue);font-size:12px;margin-bottom:24px}.reference .step-number svg{color:#7b7057}.reference .process-step h3{font-size:29px;line-height:1.15}.reference .process-step p{font-size:12px;color:var(--muted);line-height:1.95}
.reference .faq{background:#100f0d}.reference .faq-layout{display:block;max-width:920px}.reference .faq-intro h2{font-size:54px;max-width:none}.reference .faq-intro p{max-width:none;font-size:14px;margin:20px 0}.reference .faq-intro h2 br{display:none}.reference .faq-intro .text-link{font-size:12px}.reference .faq-list{margin-top:35px}.reference .faq-list details,.reference .faq-list details:first-child{border:1px solid var(--line);border-radius:16px;background:#f6f2e906;margin-bottom:12px;padding:0 22px}.reference .faq-list summary{font-size:14px;font-weight:500;padding:21px 32px 21px 0}.reference .faq-list summary:after{color:var(--blue);right:0;top:17px}.reference .faq-list details p{color:var(--muted);font-size:13px;padding-bottom:22px}.reference .faq-list details[open]{border-color:#d1ae5066}
.reference .contact-layout{display:block}.reference .contact-copy{max-width:none;text-align:center;padding:58px 42px;border:1px solid var(--line);border-radius:26px;background:#f6f2e907}.reference .contact-copy .eyebrow{justify-content:center}.reference .contact-copy h2{font-size:66px;max-width:720px;margin:auto}.reference .contact-copy>.lead{max-width:570px;font-size:15px;margin:24px auto 28px}.reference .contact-copy .contact-footnote{justify-content:center;color:var(--muted);font-size:10px;margin-top:17px}.reference .contact-copy .btn{font-size:13px;padding:14px 28px}.reference .contact-number{font-size:14px;letter-spacing:1px;color:var(--blue);margin-top:18px}.reference .contact-form{margin:40px auto 0;max-width:740px;padding:34px;background:#f6f2e906;border-color:var(--line);border-radius:20px}.reference .form-heading{font:400 34px Cormorant,Georgia,serif;letter-spacing:-.4px;line-height:1.2}.reference .form-description{font-size:12px;color:var(--muted);margin:13px 0 25px}.reference .field{margin-bottom:19px}.reference .field label{color:#e5ddce;font-size:11px;font-weight:500;margin-bottom:8px}.reference .field input,.reference .field select,.reference .field textarea{background:#13120f;border-color:#f6f2e926;border-radius:10px;color:var(--ink);font-size:14px;min-height:48px;padding:12px 14px}.reference .field textarea{min-height:118px}.reference .field input::placeholder,.reference .field textarea::placeholder{color:#8f887a}.reference .form-privacy{color:#9f9787;font-size:10px;margin-top:16px;line-height:1.8}
.reference .site-footer{border-color:var(--line);padding:35px 0}.reference .footer-tagline{color:var(--muted)}.reference .footer-bottom{border-color:var(--line);color:#a69e8e;font-size:10px}.reference .footer-bottom a{color:var(--blue)}.reference .footer-top .brand strong{font-size:23px}.reference .footer-top .brand small{font-size:7px}.reference .footer-top .brand-mark{border-radius:9px;background:var(--blue);color:#15130d}.reference .floating-whatsapp{background:#25d366;color:#071c0f;box-shadow:0 6px 24px #0005;border-color:#100f0d;width:53px;height:53px}.reference .floating-whatsapp svg{stroke-width:1.7;width:24px;height:24px}
.reference .contact-dialog{background:#1d1b16;color:var(--ink);border:1px solid var(--line)}.reference .dialog-close{color:var(--ink);background:#f6f2e90b;border:1px solid var(--line)}.reference .dialog-inner h2{font-size:35px;padding-right:22px}.reference .dialog-inner>p{color:var(--muted)}.reference .message-preview{background:#100f0d;color:var(--ink);border-color:var(--line);font-size:13px;border-radius:10px}.reference .dialog-actions .btn{font-size:11px}.reference .dialog-status{color:#c9bea7}.reference .contact-unavailable{background:#d1ae5015;color:#dccda7!important}.reference .dialog-kicker{color:var(--blue)}
@media(min-width:1500px){.reference .hero-inner{min-height:750px}.reference .hero h1{font-size:78px}}
@media(max-width:1199px){.reference .hero h1{font-size:65px}.reference .hero-inner{min-height:690px;gap:15px}.reference .hero-art{transform:scale(.8);left:-35px}.reference .header-inner{gap:18px}.reference .nav{gap:19px}.reference .header-contact{font-size:10px;padding:10px 14px}.reference .hero-actions .btn{font-size:10px;padding:13px 16px}.reference .about-wrap{gap:55px}.reference .service-card{padding:26px}.reference .model-info{padding:23px 18px 16px}.reference .model-title h3{font-size:27px}.reference .model-preview{height:230px;padding-inline:13px}.reference .benefits-layout{gap:45px}}
@media(max-width:950px){.reference .wrap{width:calc(100% - 48px)}.reference .header-contact{display:none}.reference .hero-inner{grid-template-columns:1fr 1fr;min-height:650px}.reference .hero h1{font-size:57px}.reference .hero .lead{font-size:13px}.reference .hero-art{transform:scale(.63);left:-51px}.reference .hero .eyebrow{font-size:7px;letter-spacing:.9px;padding:7px 10px}.reference .hero-note{font-size:9px}.reference .hero-actions{gap:9px}.reference .hero-actions .btn{padding:12px 14px;font-size:10px}.reference .about-wrap{gap:40px}.reference .section{padding:78px 0}.reference h2,.reference .section-head h2,.reference .about-copy h2{font-size:46px}.reference .about-copy p{font-size:13px}.reference .info-row{padding:20px;gap:12px}.reference .info-row p,.reference .info-row a{font-size:13px}.reference .info-row small{font-size:10px}.reference .service-card{padding:23px}.reference .service-card h3{font-size:28px}.reference .service-card p{font-size:12px}.reference .model-preview{height:208px;padding:17px 9px 0}.reference .model-info{padding:19px 15px 13px}.reference .model-title h3{font-size:24px}.reference .model-info p{font-size:11px}.reference .model-actions .btn{font-size:10px;padding:10px 12px}.reference .model-actions .style-btn{font-size:9px}.reference .benefits-layout{grid-template-columns:.8fr 1.2fr;gap:35px}.reference .benefits-intro h2{font-size:41px}.reference .benefits-intro .lead{font-size:13px}.reference .benefits-grid{gap:27px 23px}.reference .benefit h3{font-size:13px}.reference .benefit p{font-size:11px}.reference .process-grid{gap:22px}.reference .process-step h3{font-size:25px}.reference .process-step p{font-size:11px}.reference .contact-copy h2{font-size:59px}}
@media(max-width:700px){.reference .wrap{width:calc(100% - 36px)}.reference .section{padding:64px 0}.reference .site-header{height:91px;padding-top:13px}.reference .header-inner{height:64px;padding:0 14px}.reference .brand-mark{width:31px;height:32px;font-size:12px;border-radius:9px}.reference .brand strong{font-size:24px}.reference .brand small{font-size:6px;letter-spacing:1.25px}.reference .menu-toggle{background:#f6f2e906;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:39px;height:39px}.reference .menu-toggle svg{width:19px;height:19px}.reference .nav{position:absolute;top:calc(100% + 9px);left:0;right:0;background:#1b1915;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 18px 40px #0006;gap:0}.reference .nav a{font-size:13px;color:#d4cbb9;padding:12px 9px}.reference .nav .mobile-contact{background:var(--blue);color:#17150e;border-radius:999px;margin-top:7px;padding:13px}.reference .hero-inner{display:flex;gap:16px;min-height:0;padding-top:32px;padding-bottom:48px;align-items:stretch}.reference .hero h1{font-size:58px;line-height:1.04;letter-spacing:-1.5px;max-width:530px}.reference .hero .eyebrow{font-size:7px;letter-spacing:.8px;line-height:1.8;padding:7px 10px;margin-bottom:22px;max-width:100%;gap:7px}.reference .hero .lead{font-size:14px;line-height:1.9;margin-top:23px}.reference .hero-actions{margin-top:25px;gap:10px}.reference .hero-actions .btn{min-height:49px;font-size:10px;padding:13px 16px}.reference .hero-note{font-size:8px;line-height:1.8;margin-top:22px}.reference .hero-art{transform:none;left:0;width:100%;height:316px;max-width:460px;margin:4px auto 0}.reference .hero-art-tag{font-size:8px;padding:10px 12px;border-radius:12px;bottom:6px}.reference .hero-art:before{inset:0 -30px;opacity:.15}.reference .desktop-device{border-color:#37332b}.reference .phone-device{border-color:#37332b}.reference h2,.reference .section-head h2,.reference .about-copy h2{font-size:44px;line-height:1.08;letter-spacing:-1px}.reference .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.reference .about-wrap{grid-template-columns:1fr;gap:31px}.reference .about-copy p{font-size:14px;line-height:1.9;margin-top:20px}.reference .about-info{gap:12px;margin-top:0}.reference .info-row{padding:21px;min-height:0;border-radius:16px;gap:14px}.reference .info-row p,.reference .info-row a{font-size:14px}.reference .info-row small{font-size:11px}.reference .info-label{font-size:9px}.reference .profile-signature{margin-top:26px;gap:15px}.reference .profile-signature strong{font-size:26px}.reference .profile-signature span:not(.portrait-monogram){font-size:10px}.reference .portrait-frame{width:61px;height:61px}.reference .portrait-monogram{font-size:26px}.reference .section-head{margin-bottom:29px}.reference .section-head .lead{font-size:14px;margin-top:20px}.reference .section-head h2 br{display:none}.reference .service-grid{gap:15px}.reference .service-card{padding:27px;min-height:0;border-radius:19px}.reference .service-card h3{font-size:33px;margin-bottom:14px}.reference .service-top{margin-bottom:24px}.reference .service-card p{font-size:14px;margin-bottom:19px}.reference .service-card .text-link{font-size:12px;min-height:46px;padding-top:17px}.reference .models-meta{font-size:10px;gap:10px;line-height:1.9}.reference .models-meta .pill{font-size:7px;padding:5px 8px;white-space:nowrap}.reference .models-grid{gap:24px}.reference .model-preview{height:274px;padding:22px 18px 0}.reference .model-info{padding:24px 23px 18px}.reference .model-info .model-type{font-size:8px}.reference .model-title{flex-wrap:wrap;gap:8px}.reference .model-title h3{font-size:32px}.reference .model-title>span{font-size:8px;padding:4px 7px}.reference .model-info p{font-size:13px;margin-top:15px;line-height:1.9}.reference .model-actions .btn{font-size:12px;min-height:46px;padding:11px 17px}.reference .model-actions .style-btn{font-size:11px;min-height:42px}.reference .models-note{font-size:10px;margin-top:25px}.reference .benefits-layout{display:block}.reference .benefits-intro h2{font-size:44px;max-width:400px}.reference .benefits-intro .lead{font-size:14px;max-width:440px;margin:20px 0}.reference .benefits-intro .text-link{font-size:12px}.reference .benefits-grid{gap:30px 22px;margin-top:34px}.reference .benefit h3{font-size:14px}.reference .benefit p{font-size:12px}.reference .benefit{grid-template-columns:21px 1fr;gap:10px}.reference .process-grid{grid-template-columns:1fr 1fr;gap:31px 24px;margin-top:35px}.reference .process-step{padding-top:20px}.reference .step-number{margin-bottom:20px;font-size:11px}.reference .process-step h3{font-size:29px}.reference .process-step p{font-size:12px;line-height:1.9}.reference .faq-intro h2{font-size:44px;max-width:410px}.reference .faq-intro p{font-size:14px}.reference .faq-list{margin-top:29px}.reference .faq-list details{padding:0 18px;border-radius:15px}.reference .faq-list summary{font-size:13px;padding:21px 30px 21px 0;line-height:1.7}.reference .faq-list details p{font-size:13px;padding-right:8px}.reference .contact-copy{padding:38px 22px;border-radius:23px}.reference .contact-copy h2{font-size:47px;letter-spacing:-1px;max-width:470px}.reference .contact-copy>.lead{font-size:14px;line-height:1.9;margin:22px auto 25px}.reference .contact-copy .btn{font-size:12px;padding:13px 22px}.reference .contact-number{font-size:13px;margin-top:19px}.reference .contact-copy .contact-footnote{font-size:9px;align-items:flex-start;max-width:250px;margin:18px auto 0;line-height:1.8}.reference .contact-copy .contact-footnote svg{margin-top:2px}.reference .contact-form{margin-top:25px;padding:25px 22px;border-radius:19px}.reference .form-heading{font-size:33px}.reference .form-description{font-size:12px;line-height:1.85;margin-bottom:24px}.reference .field label{font-size:11px}.reference .field input,.reference .field textarea{font-size:16px;padding:12px;min-height:48px;border-radius:8px}.reference .field-row{gap:13px}.reference .contact-form .btn{font-size:11px;padding:14px 13px;gap:8px}.reference .form-privacy{font-size:9px}.reference .footer-top .brand strong{font-size:24px}.reference .footer-tagline{font-size:10px;max-width:160px}.reference .footer-bottom{font-size:9px}.reference .site-footer{padding-bottom:38px}.reference .floating-whatsapp{width:48px;height:48px;right:14px;bottom:16px}.reference .dialog-inner h2{font-size:34px}.reference .message-preview{font-size:14px}.reference .dialog-actions .btn{font-size:11px}}
@media(max-width:359px){.reference .wrap{width:calc(100% - 32px)}.reference .hero h1{font-size:50px}.reference .hero .eyebrow{font-size:6px;letter-spacing:.6px;padding:7px 8px}.reference .hero-actions{align-items:flex-start}.reference .hero-actions .btn{min-height:47px}.reference .hero-note{font-size:8px}.reference .hero-art{height:286px}.reference .desktop-base{top:279px}.reference .hero-art-tag{font-size:7px;padding:9px}.reference .hero-art-tag .tag-icon{display:none}.reference .model-preview{height:245px;padding-inline:13px}.reference .model-title h3{font-size:29px}.reference .model-info{padding-inline:20px}.reference .benefits-grid{grid-template-columns:1fr}.reference .benefit p{font-size:13px}.reference .benefit h3{font-size:15px}.reference .process-grid{gap:28px 19px}.reference .process-step h3{font-size:26px}.reference .contact-copy h2{font-size:41px}.reference .contact-form{padding:24px 19px}.reference .contact-form .btn{font-size:10px}.reference .field-row{grid-template-columns:1fr}.reference .hero .lead{font-size:14px}}
.reference .contact-dialog::backdrop{background:#080703bd;backdrop-filter:blur(4px)}
.reference .services,.reference .faq{border-bottom:0}
@media(min-width:701px) and (max-width:950px){
 .reference .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-top:37px;padding-bottom:55px;min-height:0}
 .reference .hero-copy{max-width:720px}
 .reference .hero h1{font-size:70px;line-height:1.04;max-width:710px;letter-spacing:-1.5px}
 .reference .hero .eyebrow{font-size:9px;letter-spacing:1.2px}
 .reference .hero .lead{font-size:15px;max-width:580px}
 .reference .hero-actions .btn{font-size:12px;padding:14px 23px}
 .reference .hero-note{font-size:10px}
 .reference .hero-art{left:0;width:540px;height:445px;transform:scale(.95);margin:0 auto;transform-origin:top center}
}
/* Bespoke GU monogram: vector outlines with an interlaced crossing. */
.reference .brand .brand-mark,.reference .footer-top .brand .brand-mark{width:46px;height:46px;background:transparent;border-radius:0;padding:0;letter-spacing:0}
.reference .brand-mark .gu-logo{display:block;width:100%;height:100%;object-fit:contain}
.reference .portrait-monogram .gu-logo{width:50px;height:50px;display:block}
@media(max-width:700px){.reference .brand .brand-mark,.reference .footer-top .brand .brand-mark{width:40px;height:40px}.reference .portrait-monogram .gu-logo{width:46px;height:46px}}
@media(max-width:359px){.reference .brand .brand-mark,.reference .footer-top .brand .brand-mark{width:34px;height:34px}.reference .header-inner{gap:12px}}
