/* Uncover Creative — theme styles. Colors and fonts come from theme.json presets. */
:root{
  --uc-navy:var(--wp--preset--color--navy,#01356F);
  --uc-deep:var(--wp--preset--color--navy-deep,#0A2348);
  --uc-yellow:var(--wp--preset--color--yellow,#FFC502);
  --uc-gray:var(--wp--preset--color--gray,#9B9B9B);
  --uc-ink:var(--wp--preset--color--ink,#1B2430);
  --uc-slate:var(--wp--preset--color--slate,#566070);
  --uc-mist:var(--wp--preset--color--mist,#F2F4F7);
  --uc-line:#DDE2EA;
  --uc-radius:16px;
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Neutralise flow-layout margins inside our own grids */
.wp-block-group.uc-grid>*,.wp-block-group.uc-hero-grid>*,.wp-block-group.uc-about-grid>*,
.wp-block-group.uc-contact-grid>*,.wp-block-group.uc-foot-grid>*{margin-block:0}

/* ---------- Header ---------- */
.uc-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--uc-line);padding-block:14px}
.admin-bar .uc-header{top:32px}
@media (max-width:782px){.admin-bar .uc-header{top:46px}}
.uc-header-inner{gap:24px;align-items:center}
.uc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.uc-brand img{width:40px;height:auto;display:block}
.uc-wordmark{display:flex;flex-direction:column;line-height:1;margin:0}
.uc-wordmark b{font-weight:700;font-size:1.3rem;color:var(--uc-navy);letter-spacing:-.01em}
.uc-wordmark span{font-weight:300;font-size:.72rem;color:#6B6F75;letter-spacing:.34em;margin-top:4px}
.uc-nav{font-size:.95rem;font-weight:500;margin-left:auto}
.uc-nav .wp-block-navigation-item__content{color:var(--uc-ink);text-decoration:none}
.uc-nav .wp-block-navigation-item__content:hover{color:var(--uc-navy)}
.uc-nav .uc-lang .wp-block-navigation-item__content{border:1px solid var(--uc-line);border-radius:999px;padding:3px 10px;font-size:.8rem;letter-spacing:.06em}
.uc-header-cta{flex:none}
.uc-header-cta .wp-block-button__link{padding:.6em 1.2em;font-size:.92rem}
@media (max-width:600px){.uc-header-cta{display:none}}

/* ---------- Shared section pieces ---------- */
.uc-section{padding-block:clamp(64px,9vw,112px);margin-block:0}
main>.uc-section{margin-top:0}
.uc-section-head>*{max-width:44rem}
.uc-section-head{margin-bottom:clamp(28px,4vw,48px)}
.uc-eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--uc-navy);margin:0}
.uc-eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--uc-yellow);flex:none}
.uc-lead{font-size:var(--wp--preset--font-size--large,1.2rem);color:var(--uc-slate);line-height:1.6}
.uc-mark{background:linear-gradient(transparent 60%,var(--uc-yellow) 60%,var(--uc-yellow) 90%,transparent 90%);color:inherit;padding:0 .08em}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--uc-navy);border:2px solid var(--uc-navy)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--uc-navy);color:#fff}
.uc-grid{display:grid;gap:20px}
.uc-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.uc-card{background:#fff;border:1px solid var(--uc-line);border-radius:var(--uc-radius);padding:28px}
.uc-card>*{margin-block:0}
.uc-card>*+*{margin-top:.75rem}

/* ---------- Hero ---------- */
.uc-hero{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,104px)}
.uc-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center}
.uc-hero-copy>*{margin-block:0}
.uc-hero-copy>*+*{margin-top:1.4rem}
.uc-hero-title{text-wrap:balance}
.uc-hero-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9rem;color:var(--uc-slate)}
.uc-hero-facts li{display:flex;align-items:center;gap:8px}
.uc-hero-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--uc-gray)}
.uc-hero-visual>*{margin:0}
.uc-hero-art{width:100%;height:auto;display:block}
@media (max-width:860px){.uc-hero-grid{grid-template-columns:minmax(0,1fr)}.uc-hero-visual{max-width:360px}}

/* ---------- Services ---------- */
.uc-services{background:var(--uc-mist)}
.uc-card-feature{border-top:4px solid var(--uc-yellow)}
.uc-card-feature h3{font-size:1.2rem}
.uc-card-feature p:last-child{color:var(--uc-slate)}
.uc-tag{display:inline-block;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--uc-slate)}
.uc-svc-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 40px;margin-top:40px}
.uc-svc-row{border-top:1px solid #D3D9E2;padding-block:20px}
.uc-svc-row>*{margin-block:0}
.uc-svc-row h3{font-size:1.02rem}
.uc-svc-row p{color:var(--uc-slate);font-size:.95rem;margin-top:.35rem}

/* ---------- Process ---------- */
.uc-process{background:var(--uc-deep);color:#E6ECF5}
.uc-process h2,.uc-process h3{color:#fff}
.uc-process .uc-eyebrow{color:var(--uc-yellow)}
.uc-process h2{text-wrap:balance}
.uc-steps{gap:clamp(20px,3vw,40px)}
.uc-step{border-top:1px solid rgba(255,255,255,.22);padding-top:22px}
.uc-step>*{margin-block:0}
.uc-step>*+*{margin-top:.6rem}
.uc-step-num{font-size:2.6rem;font-weight:300;color:var(--uc-yellow);line-height:1;font-variant-numeric:tabular-nums}
.uc-step p:last-child{color:#B9C4D6}

/* ---------- About ---------- */
.uc-about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px);align-items:start}
.uc-about-copy>*{margin-block:0}
.uc-about-copy>*+*{margin-top:1.2rem}
.uc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2rem 0 0;padding-top:24px;border-top:1px solid var(--uc-line)}
.uc-facts div{display:flex;flex-direction:column-reverse;gap:2px}
.uc-facts dd{margin:0;font-size:2rem;font-weight:700;color:var(--uc-navy);line-height:1.1;font-variant-numeric:tabular-nums}
.uc-facts dt{font-size:.82rem;color:var(--uc-slate)}
.uc-why-list>*{margin-block:0}
.uc-why-title{margin-bottom:8px!important}
.uc-why{border-top:1px solid var(--uc-line);padding-block:16px}
.uc-why>*{margin-block:0}
.uc-why h4{font-size:1rem}
.uc-why p{color:var(--uc-slate);font-size:.95rem;margin-top:.3rem}
@media (max-width:860px){.uc-about-grid{grid-template-columns:minmax(0,1fr)}.uc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- FAQ ---------- */
.uc-faq-section{border-top:1px solid var(--uc-line)}
.uc-faq{max-width:860px}
.uc-faq>*{margin-block:0}
.uc-faq-item{border-bottom:1px solid var(--uc-line);padding-block:18px}
.uc-faq-item summary{cursor:pointer;font-weight:500;font-size:1.05rem;color:var(--uc-ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.uc-faq-item summary::-webkit-details-marker{display:none}
.uc-faq-item summary::after{content:"+";font-weight:300;font-size:1.5rem;line-height:1;color:var(--uc-navy);transition:transform .2s}
.uc-faq-item[open] summary::after{transform:rotate(45deg)}
.uc-faq-item p{color:var(--uc-slate);margin:.6rem 0 0;max-width:68ch}

/* ---------- Contact ---------- */
.uc-contact{background:var(--uc-mist)}
.uc-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,64px);align-items:start}
.uc-contact-info>*{margin-block:0}
.uc-contact-info>*+*{margin-top:1.2rem}
.uc-contact-list{list-style:none;padding:0;margin-bottom:0;display:grid;gap:16px}
.uc-contact-list li{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.uc-contact-list span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--uc-slate)}
.uc-contact-list a{font-weight:500}
.uc-map{display:block;width:100%;height:220px;border:0;border-radius:12px;margin-top:1.6rem}
.uc-form-card{padding:clamp(20px,4vw,36px)}
@media (max-width:860px){.uc-contact-grid{grid-template-columns:minmax(0,1fr)}}

/* Form */
.uc-form{display:grid;gap:14px}
.uc-form p{margin:0}
.uc-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.uc-field{display:flex;flex-direction:column;gap:6px}
.uc-field label{font-size:.85rem;font-weight:500}
.uc-form input,.uc-form select,.uc-form textarea{font:inherit;font-size:1rem;color:var(--uc-ink);background:#fff;border:1px solid #CBD2DC;border-radius:10px;padding:11px 13px;width:100%;box-sizing:border-box}
.uc-form textarea{resize:vertical;min-height:120px}
.uc-form input:focus,.uc-form select:focus,.uc-form textarea:focus{outline:none;border-color:var(--uc-navy);box-shadow:0 0 0 3px rgba(255,197,2,.45)}
.uc-form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.uc-form-foot button{border:0;cursor:pointer;background:var(--uc-navy);color:#fff;border-radius:999px;padding:.8em 1.6em;font:inherit;font-weight:500}
.uc-form-foot button:hover{background:var(--uc-deep)}
.uc-form-foot small{color:var(--uc-slate);font-size:.8rem}
.uc-form-notice{padding:12px 14px;border-radius:10px;font-size:.95rem}
.uc-form-notice.is-success{background:#E5F4EC;color:#1D5B3A}
.uc-form-notice.is-error{background:#FBE9E6;color:#8A2A1B}
.uc-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}

/* ---------- Portfolio pattern ---------- */
.uc-work>*{margin-block:0}
.uc-work>*+*{margin-top:.6rem}
.uc-work-img img{border-radius:12px;background:var(--uc-mist);width:100%}
.uc-work-meta{color:var(--uc-slate);font-size:.9rem}

/* ---------- Footer ---------- */
.uc-footer{background:var(--uc-deep);color:#C9D2E0;padding-block:56px 28px;margin-block:0}
.uc-foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.uc-foot-brand>*{margin-block:0}
.uc-wordmark-inverse b{color:#fff}
.uc-wordmark-inverse span{color:#A9B3C2}
.uc-foot-tag{margin-top:14px!important;max-width:30ch}
.uc-foot-links{list-style:none;padding:0;margin:0;display:grid;gap:8px;overflow-wrap:anywhere}
.uc-footer a{color:#fff;text-decoration:none}
.uc-footer a:hover{text-decoration:underline}
.uc-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.16);margin-top:40px!important;padding-top:20px;font-size:.85rem}
.uc-foot-bottom>*{margin:0}
@media (max-width:700px){.uc-foot-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Floating WhatsApp ---------- */
.uc-whatsapp{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(10,35,72,.25);transition:transform .2s}
.uc-whatsapp:hover{transform:scale(1.06);color:#fff}
.uc-whatsapp:focus-visible{outline:3px solid var(--uc-yellow);outline-offset:3px}

/* Plain pages */
.uc-page{padding-block:56px 80px}