:root { --rose:#c8748a; --rose-dark:#8f4960; --rose-ink:#682f42; --gold:#c9a84c; --sage:#8a9e7a; --cream:#fdf6ee; --paper:#fffaf5; --ink:#3a2020; --muted:#795e5f; --line:rgba(90,47,58,.16); --shadow:0 20px 65px rgba(75,34,46,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.65 Lato,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.32; background-image:radial-gradient(rgba(86,44,49,.08) .55px, transparent .55px); background-size:8px 8px; z-index:-1; }
a { color:inherit; text-decoration:none; } button { font:inherit; } .container { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.skip-link { position:fixed; left:16px; top:-50px; z-index:100; padding:10px 14px; background:var(--ink); color:#fff; border-radius:5px; }.skip-link:focus { top:16px; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid transparent; background:rgba(253,246,238,.8); backdrop-filter:blur(14px); transition:border .2s,box-shadow .2s; }.site-header.scrolled { border-color:var(--line); box-shadow:0 6px 30px rgba(71,32,43,.06); }.nav-wrap { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }.brand { display:flex; align-items:center; gap:10px; width:max-content; }.brand-mark { width:37px; height:37px; display:grid; place-items:center; border:1px solid var(--gold); border-radius:50%; color:var(--rose-dark); font:700 13px/1 Lato,sans-serif; letter-spacing:-1px; }.brand-copy { display:grid; line-height:1; gap:5px; }.brand-copy strong { font:600 25px/1 'Cormorant Garamond',serif; letter-spacing:-.4px; }.brand-copy small { font-size:7px; font-weight:900; letter-spacing:1.6px; color:var(--rose-dark); }.main-nav { display:flex; align-items:center; gap:28px; font-size:12px; font-weight:700; letter-spacing:.55px; }.main-nav a:not(.nav-cta) { color:#66494c; }.main-nav a:not(.nav-cta):hover { color:var(--rose-dark); }.nav-cta { color:#fff; background:var(--rose-dark); border-radius:3px; padding:10px 17px; box-shadow:0 5px 12px rgba(143,73,96,.2); }.nav-toggle { display:none; border:0; background:none; padding:8px; }.nav-toggle i { display:block; width:24px; height:2px; margin:5px; background:var(--rose-dark); }
.section { padding:110px 0; }.hero { min-height:620px; display:grid; align-items:center; padding-top:70px; overflow:hidden; background:linear-gradient(120deg,#fcf5ed 0%,#f9e9e5 52%,#f5dfe1 100%); }.hero-grid { display:grid; grid-template-columns:1.07fr .93fr; align-items:center; gap:52px; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--rose-dark); font-size:10px; font-weight:900; letter-spacing:2px; text-transform:uppercase; }.eyebrow span:first-child { width:27px; height:1px; background:var(--gold); }.hero h1,.section-heading h2,.platform h2 { margin:0; font:600 clamp(53px,7vw,84px)/.92 'Cormorant Garamond',serif; letter-spacing:-2.6px; }.hero-credential { margin:22px 0 12px; color:var(--rose-dark); font-weight:700; font-size:14px; letter-spacing:.2px; }.hero-description { max-width:520px; margin:0; color:#63474b; font-size:18px; line-height:1.65; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:12px 22px; border-radius:3px; font-size:12px; font-weight:900; letter-spacing:.45px; transition:transform .16s ease,box-shadow .16s ease,background .16s ease; }.button:hover { transform:translateY(-2px); }.button:active { transform:scale(.98); }.button-primary { color:#fff; background:var(--rose-dark); box-shadow:0 10px 24px rgba(143,73,96,.24); }.button-quiet { border:1px solid rgba(143,73,96,.4); color:var(--rose-dark); }.hero-art { position:relative; min-height:420px; }.art-halo { position:absolute; top:24px; right:2%; width:330px; height:330px; border-radius:50%; background:radial-gradient(circle at 36% 35%,#f8d9cf,rgba(232,177,174,.22) 48%,transparent 69%); }.portrait-card { position:absolute; right:10%; bottom:2px; width:286px; height:374px; overflow:hidden; border-radius:145px 145px 8px 8px; background:linear-gradient(162deg,#8f4960,#562838); box-shadow:var(--shadow); }.portrait-card::after { content:""; position:absolute; inset:12px; border:1px solid rgba(255,242,224,.45); border-radius:135px 135px 3px 3px; }.portrait-face { position:absolute; left:83px; top:78px; width:130px; height:170px; border:1.5px solid #f6d6c2; border-radius:54% 46% 56% 44% / 42% 45% 55% 58%; transform:rotate(13deg); }.portrait-face::before { content:""; position:absolute; width:82px; height:65px; left:-29px; top:-20px; border-top:1.5px solid #f6d6c2; border-radius:60%; transform:rotate(-23deg); }.portrait-face::after { content:""; position:absolute; width:68px; height:48px; right:-40px; top:55px; border-top:1.5px solid #f6d6c2; border-radius:50%; transform:rotate(-35deg); }.portrait-line { position:absolute; border:1.5px solid rgba(246,214,194,.9); border-radius:50%; }.line-one { width:210px; height:284px; left:39px; top:39px; transform:rotate(-25deg); border-left:0;border-bottom:0; }.line-two { width:248px; height:146px; left:13px; bottom:30px; transform:rotate(11deg); border-left:0;border-bottom:0; }.art-note { position:absolute; left:34px; bottom:42px; color:#f9dfcd; font-size:8px; line-height:1.5; font-weight:900; letter-spacing:1.9px; }.art-caption { position:absolute; right:0; bottom:-6px; transform:rotate(-90deg) translateY(42px); transform-origin:right bottom; color:var(--rose-dark); font:italic 18px/1 'Cormorant Garamond',serif; }
.formation { background:#fff; }.section-heading { max-width:650px; margin-bottom:50px; }.section-heading h2 { font-size:clamp(42px,5vw,61px); line-height:.95; letter-spacing:-1.8px; }.section-heading h2 em { color:var(--rose-dark); font-weight:500; }.section-heading > p:last-child { margin:20px 0 0; color:var(--muted); }.formation-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.formation-card { min-height:260px; padding:29px 25px; background:#fff; }.formation-icon { display:grid; place-items:center; width:38px; height:38px; color:var(--gold); border:1px solid rgba(201,168,76,.55); border-radius:50%; font:700 11px Lato,sans-serif; }.formation-card h3 { margin:24px 0 10px; font:600 25px/1.1 'Cormorant Garamond',serif; }.formation-card p { min-height:92px; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }.formation-card small { display:block; margin-top:16px; color:var(--rose-dark); font-size:10px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; }
.services { background:var(--cream); }.section-heading-split { display:flex; max-width:none; align-items:end; justify-content:space-between; gap:40px; }.section-heading-split > p { width:min(370px,100%); margin:0 0 5px!important; }.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.service-card { position:relative; min-height:260px; padding:26px; overflow:hidden; border:1px solid rgba(143,73,96,.15); background:rgba(255,255,255,.66); transition:transform .2s,box-shadow .2s,border .2s; }.service-card:hover { transform:translateY(-5px); border-color:rgba(143,73,96,.35); box-shadow:var(--shadow); }.service-card.featured { background:var(--rose-dark); color:#fff8f1; }.service-card.featured::after { content:""; position:absolute; right:-45px; bottom:-65px; width:170px; height:170px; border:1px solid rgba(255,241,216,.22); border-radius:50%; }.service-category { display:block; color:var(--rose-dark); font-size:10px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; }.featured .service-category { color:#f2d68f; }.service-badge { float:right; margin-top:-4px; padding:5px 8px; background:#f1d48e; color:#5d3640; font-size:8px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }.service-card h3 { max-width:220px; margin:30px 0 12px; font:600 31px/1 'Cormorant Garamond',serif; }.service-card p { min-height:64px; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }.featured p { color:rgba(255,248,241,.8); }.service-price { position:absolute; left:26px; bottom:24px; color:var(--gold); font-size:11px; font-weight:900; letter-spacing:1px; }.featured .service-price { color:#f2d68f; }.loading,.content-error { grid-column:1/-1; padding:22px; color:var(--muted); border:1px dashed var(--line); }
.differentials { background:#fff; }.differentials-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }.differentials-list { border-top:1px solid var(--line); }.differential { display:grid; grid-template-columns:56px 1fr; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); }.differential-number { color:var(--gold); font:600 23px/1 'Cormorant Garamond',serif; }.differential h3 { margin:0 0 7px; font:600 26px/1 'Cormorant Garamond',serif; }.differential p { margin:0; color:var(--muted); font-size:13px; }
.physical-clinic { background:#f5ede6; }.physical-clinic-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; }.physical-art { position:relative; min-height:330px; overflow:hidden; background:linear-gradient(145deg,#d9b5a1,#9f644e); }.physical-art::before { content:""; position:absolute; inset:21px; border:1px solid rgba(255,250,242,.5); }.physical-art p { position:absolute; z-index:2; bottom:30px; left:31px; margin:0; color:#fff8ef; font-size:9px; font-weight:900; letter-spacing:2px; }.arch { position:absolute; display:block; border:1px solid rgba(255,247,235,.75); border-bottom:0; border-radius:190px 190px 0 0; }.arch-back { width:258px; height:286px; left:25%; top:69px; }.arch-front { width:172px; height:231px; left:39%; top:118px; border-color:rgba(255,247,235,.45); }.physical-copy h2 { margin:0; font:600 clamp(42px,5vw,61px)/.95 'Cormorant Garamond',serif; letter-spacing:-1.8px; }.physical-copy h2 em { color:var(--rose-dark); font-weight:500; }.physical-copy > p:not(.eyebrow) { max-width:580px; margin:21px 0; color:var(--muted); }.physical-copy ul { display:grid; gap:10px; padding:0; margin:0; list-style:none; }.physical-copy li { display:flex; gap:11px; color:#62464a; font-size:13px; }.physical-copy li::before { content:""; flex:0 0 7px; width:7px; height:7px; margin-top:8px; border-radius:50%; background:var(--gold); }
.platform { padding:82px 0; background:var(--cream); }.platform-panel { position:relative; display:grid; grid-template-columns:.35fr .65fr; gap:30px; min-height:460px; overflow:hidden; padding:70px 86px; color:#fff7ee; background:linear-gradient(126deg,#5d2c3d,#8d4860 56%,#b76f7c); }.platform-panel::before { content:""; position:absolute; left:-150px; bottom:-180px; width:510px; height:510px; border:1px solid rgba(255,244,232,.16); border-radius:50%; }.platform-panel::after { content:""; position:absolute; right:-120px; top:-180px; width:380px; height:380px; border:1px solid rgba(255,244,232,.14); border-radius:50%; }.platform-mark { position:relative; z-index:1; display:grid; align-self:center; place-items:center; width:142px; height:142px; margin:auto; border:1px solid rgba(246,220,169,.7); border-radius:50%; }.platform-mark::before { content:""; position:absolute; inset:9px; border:1px solid rgba(246,220,169,.3); border-radius:50%; }.platform-mark span { color:#f3d992; font:600 46px 'Cormorant Garamond',serif; letter-spacing:-5px; }.platform-copy { position:relative; z-index:1; }.eyebrow.light { color:#f3d992; }.eyebrow.light span:first-child { background:#f3d992; }.platform h2 { font-size:53px; }.platform-copy > p { max-width:600px; margin:20px 0; color:rgba(255,248,239,.85); }.platform-copy ul { display:grid; grid-template-columns:repeat(2,1fr); gap:9px 22px; padding:0; margin:23px 0 30px; list-style:none; }.platform-copy li { display:flex; gap:10px; font-size:12px; }.platform-copy li::before { content:""; flex:0 0 6px; height:6px; margin-top:7px; border:1px solid #f3d992; border-radius:50%; }.button-platform { color:#682f42; background:#f7dd9a; }.disabled { opacity:.72; cursor:not-allowed; pointer-events:none; }
.appointment { background:var(--paper); }.appointment-grid { display:grid; grid-template-columns:1fr .9fr; gap:100px; align-items:center; }.appointment-card { padding:35px; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); }.card-kicker { margin:0; color:var(--rose-dark); font-size:9px; font-weight:900; letter-spacing:1.5px; }.appointment-card h3 { margin:12px 0 9px; font:600 38px/1 'Cormorant Garamond',serif; }.appointment-card > p { margin:0 0 22px; color:var(--muted); font-size:13px; }.contact-option { display:flex; align-items:center; gap:13px; margin-top:10px; padding:14px 12px; border:1px solid var(--line); transition:border .2s, background .2s; }.contact-option:not(.contact-disabled):hover { border-color:var(--rose); background:#fff8f7; }.contact-option b { margin-left:auto; color:var(--rose-dark); }.contact-icon { display:grid; flex:0 0 35px; place-items:center; width:35px; height:35px; border-radius:50%; color:#fff; background:var(--rose-dark); font-size:10px; font-weight:900; }.contact-option strong,.contact-option small { display:block; }.contact-option strong { font-size:13px; }.contact-option small { color:var(--muted); font-size:11px; }.contact-disabled { opacity:.55; cursor:not-allowed; }.contact-details { display:grid; gap:3px; margin-top:23px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }.contact-details p { margin:0; }
.site-footer { padding:55px 0 25px; color:#f8ede4; background:#3a2020; }.footer-top { display:grid; grid-template-columns:1fr 1.1fr auto; gap:30px; align-items:center; padding-bottom:35px; }.brand-footer .brand-mark { border-color:#dcbf7a; color:#dcbf7a; }.brand-footer .brand-copy strong { color:#fff8f1; }.brand-footer .brand-copy small { color:#e6cb8d; }.footer-address { display:grid; gap:4px; font-size:12px; }.footer-address strong { font:600 24px/1 'Cormorant Garamond',serif; }.footer-address span { color:rgba(249,237,229,.68); }.footer-platform { padding:10px 0; color:#e6cb8d; font-size:11px; font-weight:900; }.footer-bottom { display:flex; justify-content:space-between; gap:28px; padding-top:21px; border-top:1px solid rgba(249,237,229,.15); color:rgba(249,237,229,.6); font-size:10px; }.footer-bottom p { max-width:48%; margin:0; }.whatsapp-float { position:fixed; right:25px; bottom:25px; z-index:8; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.7); border-radius:50%; color:#fff; background:#5a9d62; box-shadow:0 8px 20px rgba(42,96,50,.3); font-size:13px; font-weight:900; transition:transform .2s; }.whatsapp-float:hover { transform:translateY(-3px); }
.reveal { animation:rise .65s cubic-bezier(.23,1,.32,1) both; } @keyframes rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal { animation:none; }.button,.service-card { transition:none; } }
@media (max-width:800px) { .section { padding:76px 0; }.nav-wrap { min-height:66px; }.nav-toggle { display:block; }.main-nav { position:absolute; left:0; right:0; top:66px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px 20px 20px; border-bottom:1px solid var(--line); background:var(--cream); box-shadow:0 14px 25px rgba(71,32,43,.1); }.main-nav.open { display:flex; }.main-nav a { padding:12px 4px; }.nav-cta { margin-top:7px; text-align:center; }.hero { min-height:auto; padding:85px 0 68px; }.hero-grid,.differentials-layout,.appointment-grid,.physical-clinic-grid { grid-template-columns:1fr; gap:46px; }.hero h1 { font-size:61px; }.hero-art { min-height:350px; }.portrait-card { right:12%; width:248px; height:324px; }.art-halo { right:0; width:295px; height:295px; }.formation-grid { grid-template-columns:repeat(2,1fr); }.services-grid { grid-template-columns:repeat(2,1fr); }.section-heading-split { display:block; }.section-heading-split > p { margin-top:20px!important; }.platform-panel { grid-template-columns:1fr; min-height:0; padding:57px 30px; }.platform-mark { width:112px; height:112px; margin:0; }.platform h2 { font-size:45px; }.physical-art { min-height:270px; }.footer-top { grid-template-columns:1fr; }.footer-bottom { display:block; }.footer-bottom p { max-width:none; margin-bottom:11px; } }
@media (max-width:510px) { .container { width:min(100% - 32px,1120px); }.hero h1 { font-size:54px; }.hero-description { font-size:16px; }.hero-actions { display:grid; grid-template-columns:1fr; }.button { width:100%; }.portrait-card { right:5%; }.formation-grid,.services-grid { grid-template-columns:1fr; }.formation-card { min-height:0; }.formation-card p { min-height:0; }.section-heading h2 { font-size:43px; }.section-heading { margin-bottom:35px; }.platform-copy ul { grid-template-columns:1fr; }.appointment-card { padding:26px 20px; }.whatsapp-float { right:16px; bottom:16px; } }

/* Configurações opcionais: os botões só são renderizados quando o JSON possui link HTTPS válido. */
.service-card .service-price { position:static; }
.service-footer { position:absolute; right:26px; bottom:19px; left:26px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.payment-link { padding:7px 10px; border:1px solid rgba(143,73,96,.34); color:var(--rose-dark); background:#fff; font-size:9px; font-weight:900; letter-spacing:.5px; text-transform:uppercase; transition:background .16s ease,color .16s ease; }
.payment-link:hover { color:#fff; background:var(--rose-dark); }.featured .payment-link { border-color:#f2d68f; color:#6c3346; background:#f2d68f; }
.platform-copy ul { margin-bottom:22px; }.google-ai-slot { max-width:620px; margin:0 0 22px; padding:14px 16px; border-left:2px solid #f3d992; background:rgba(255,255,255,.08); }.google-ai-slot p { margin:0; }.google-ai-label { margin-bottom:4px!important; color:#f3d992!important; font-size:9px; font-weight:900; letter-spacing:1.4px; }.google-ai-link { display:inline-block; margin-top:9px; color:#f3d992; font-size:11px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }

/* A logo oficial complementa a arte abstrata sem depender de CDN externo. */
.hero-logo { position:absolute; z-index:2; right:19%; bottom:29px; width:166px; padding:8px; border-radius:8px; background:rgba(255,255,255,.92); box-shadow:0 14px 30px rgba(56,29,37,.25); }
@media (max-width:800px) { .hero-logo { right:17%; bottom:22px; width:148px; } }

.service-card { min-height:318px; }.service-card p { min-height:0; margin-bottom:76px; }.service-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }.service-whatsapp { padding:7px 10px; border:1px solid rgba(143,73,96,.34); color:var(--rose-dark); background:transparent; font-size:9px; font-weight:900; letter-spacing:.5px; text-transform:uppercase; transition:background .16s ease,color .16s ease; }.service-whatsapp:hover { color:#fff; background:var(--rose-dark); }.featured .service-whatsapp { border-color:#f2d68f; color:#f2d68f; }.featured .service-whatsapp:hover { color:#6c3346; background:#f2d68f; }
@media (max-width:510px) { .service-footer { right:20px; left:20px; }.service-actions { gap:5px; }.service-whatsapp,.payment-link { padding:7px 8px; font-size:8px; } }


/* Navegação em abas: reduz a rolagem sem remover conteúdo, links ou edição via JSON. */
.section-tabs { padding:30px 0 0; background:var(--paper); }
.tabs-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.tabs-intro .eyebrow { margin:0; }
.tabs-intro > p:last-child { margin:0; color:var(--muted); font-size:12px; }
.site-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:20px; border:1px solid var(--line); background:var(--line); }
.site-tabs button { min-height:56px; padding:12px 16px; border:0; color:#65494e; background:#fff; font-size:11px; font-weight:900; letter-spacing:1.15px; text-transform:uppercase; cursor:pointer; transition:background .16s ease,color .16s ease,box-shadow .16s ease; }
.site-tabs button:hover { color:var(--rose-dark); background:#fff8f5; }
.site-tabs button[aria-selected="true"] { color:#fff7ee; background:var(--rose-dark); box-shadow:inset 0 -3px 0 var(--gold); }
.site-tabs button:focus-visible,.main-nav a:focus-visible,.button:focus-visible,.contact-option:focus-visible,.whatsapp-float:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.tab-panel[hidden] { display:none; }

/* Marca isolada: a composição abstrata anterior foi removida para a logo ser a protagonista. */
.hero { position:relative; isolation:isolate; }
.hero::before,.hero::after { position:absolute; z-index:-1; width:46vw; max-width:660px; height:1px; content:""; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(182,141,49,.34),transparent); transform:rotate(-18deg); }
.hero::before { top:20%; right:-13%; }
.hero::after { bottom:11%; left:-17%; transform:rotate(16deg); }
.hero-logo-stage { position:relative; display:grid; min-height:398px; place-items:center; isolation:isolate; }
.hero-logo-stage::before { position:absolute; z-index:-1; width:330px; height:330px; content:""; border:1px solid rgba(201,168,76,.28); border-radius:50%; }
.hero-logo-stage::after { position:absolute; z-index:-1; width:258px; height:258px; content:""; border:1px solid rgba(143,73,96,.13); border-radius:50%; }
.hero-logo { position:relative; z-index:2; right:auto; bottom:auto; display:block; width:min(100%,286px); padding:14px; border:1px solid rgba(201,168,76,.42); border-radius:3px; background:rgba(255,250,245,.97); box-shadow:0 20px 48px rgba(77,39,48,.14); }
.gold-thread { position:absolute; z-index:1; display:block; pointer-events:none; border:1px solid rgba(181,139,44,.34); border-radius:999px; }
.thread-one { width:314px; height:172px; transform:rotate(-24deg); }
.thread-two { width:364px; height:214px; transform:rotate(48deg); border-color:rgba(181,139,44,.18); }
.thread-three { width:210px; height:334px; transform:rotate(26deg); border-color:rgba(181,139,44,.16); }

@media (max-width:800px) { .tabs-intro { display:block; }.tabs-intro .eyebrow { margin-bottom:8px; }.site-tabs { margin-top:16px; }.hero-logo-stage { min-height:344px; }.hero-logo-stage::before { width:288px; height:288px; }.hero-logo-stage::after { width:222px; height:222px; }.hero-logo { width:min(100%,248px); }.thread-one { width:276px; height:150px; }.thread-two { width:308px; height:190px; }.thread-three { height:290px; } }
@media (max-width:510px) { .section-tabs { padding-top:22px; }.tabs-intro > p:last-child { font-size:11px; }.site-tabs { grid-template-columns:repeat(2,1fr); }.site-tabs button { min-height:52px; font-size:10px; }.hero-logo-stage { min-height:300px; margin-top:-9px; }.hero-logo-stage::before { width:250px; height:250px; }.hero-logo-stage::after { width:194px; height:194px; }.hero-logo { width:216px; padding:11px; }.thread-one { width:238px; height:127px; }.thread-two { width:270px; height:165px; }.thread-three { width:165px; height:252px; } }