/* Dibia V7.3.5: shared structural templates for the Studio iframe + exported/public pages. */
body.dbx-active{margin:0!important;background:#f7f8f8!important;overflow-x:hidden}
body.dbx-active > :not(.dbx-root):not(.dbx-preview-badge):not(script):not(style){display:none!important}
.dbx-root{--dbx-primary:#247baf;--dbx-dark:#162e44;--dbx-accent:#e1b468;--dbx-button:#247baf;--dbx-button-text:white;color:var(--dbx-dark);font:16px/1.58 var(--dbx-body-font,system-ui,-apple-system,Segoe UI,sans-serif);background:#fff;min-height:100vh;isolation:isolate;}
.dbx-root *{box-sizing:border-box}.dbx-root a{color:inherit;text-decoration:none}.dbx-root h1,.dbx-root h2,.dbx-root h3,.dbx-root p{margin:0}.dbx-root h1,.dbx-root h2{font-family:var(--dbx-heading-font,inherit);letter-spacing:-.055em;line-height:1.06}.dbx-root h1{font-size:clamp(3.2rem,6.2vw,6.9rem);font-weight:750}.dbx-root h2{font-size:clamp(2.2rem,3.5vw,4.5rem)}.dbx-root h3{font-size:clamp(1.25rem,1.5vw,1.8rem)}.dbx-root p{line-height:1.8;max-width:63ch}.dbx-shell{max-width:1680px;margin:auto}.dbx-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,5vw,75px);min-height:95px;background:#fff;position:relative;z-index:2}.dbx-header nav,.dbx-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(10px,1.7vw,29px)}.dbx-header nav a{font-size:.85rem;font-weight:650;opacity:.78}.dbx-header nav a[aria-current],.dbx-header nav a:hover{opacity:1;color:var(--dbx-primary)}.dbx-brand{display:inline-flex;align-items:center;gap:12px;white-space:normal;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:850;letter-spacing:-.04em}.dbx-brand-symbol{color:var(--dbx-primary);font-size:1.7rem}.dbx-header-cta{border:1px solid currentColor;border-radius:7px;font-size:.83rem;font-weight:720;padding:10px 20px;white-space:nowrap}.dbx-header-cta span{margin-left:7px}.dbx-kicker{display:inline-block;font-size:.72rem;letter-spacing:.21em;font-weight:830;text-transform:uppercase;color:var(--dbx-primary);margin-bottom:25px}.dbx-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:520px;background:#fbfaf8}.dbx-hero-copy{padding:clamp(40px,7vw,105px) clamp(24px,6vw,96px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:18px}.dbx-hero-copy h1{max-width:14ch}.dbx-hero-copy p{font-size:clamp(1rem,1.3vw,1.15rem);max-width:49ch;color:#475466}.dbx-visual{position:relative;min-height:420px;overflow:hidden}.dbx-visual>img{width:100%;height:100%;object-fit:cover}.dbx-button{--dbx-corner:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dbx-button);color:var(--dbx-button-text)!important;border:2px solid var(--dbx-button);border-radius:var(--dbx-corner);padding:13px 22px;font-weight:750;font-size:.9rem;line-height:1.2;cursor:pointer;transition:transform .2s,box-shadow .2s}.dbx-button:hover{filter:brightness(1.06)}.dbx-art{position:absolute;inset:0;background:linear-gradient(125deg,var(--dbx-primary),var(--dbx-dark));overflow:hidden;color:#ffffffef}.dbx-art-grid{position:absolute;inset:-40%;opacity:.2;background-image:linear-gradient(#fff4 1px,transparent 1px),linear-gradient(90deg,#fff4 1px,transparent 1px);background-size:47px 47px;transform:rotate(-14deg)}.dbx-symbol{position:absolute;display:block;line-height:1;font-size:clamp(6rem,18vw,19rem);font-weight:400}.dbx-one{left:14%;top:5%;color:var(--dbx-accent)}.dbx-two{right:5%;bottom:0;opacity:.45}.dbx-three{left:7%;bottom:-18%;opacity:.35}.dbx-art-caption{position:absolute;bottom:20px;right:28px;font-size:.68rem;letter-spacing:.24em;opacity:.8}.dbx-section{padding:clamp(45px,6vw,92px) clamp(24px,6vw,96px)}.dbx-section-heading{display:flex;flex-direction:column;gap:20px;max-width:820px;margin-bottom:35px}.dbx-section-heading p{color:#53606c}.dbx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dbx-card{padding:26px;min-height:230px;background:white;border:1px solid #e5e6e6;border-radius:13px;display:flex;flex-direction:column;gap:16px}.dbx-card p{font-size:.92rem;color:#607080}.dbx-card-top{display:flex;justify-content:space-between;align-items:start}.dbx-card-mark{display:grid;place-items:center;width:57px;height:57px;border-radius:16px;background:color-mix(in srgb,var(--dbx-primary) 14%,white);font-size:2.25rem;color:var(--dbx-primary)}.dbx-card-num{font-size:.7rem;color:#77828c;letter-spacing:.15em;font-weight:900}.dbx-card-photo{width:90px;height:90px;object-fit:cover;border-radius:11px}.dbx-feature{background:#f4f6f5}.dbx-story{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;background:white;align-items:center}.dbx-story>div:first-child{display:flex;flex-direction:column;align-items:start;gap:22px}.dbx-story-art{height:240px;border-radius:12px;background:linear-gradient(125deg,var(--dbx-primary),var(--dbx-dark));display:flex;flex-direction:column;justify-content:center;align-items:center;color:white}.dbx-story-art b{font-size:6rem;font-weight:400;line-height:1;color:var(--dbx-accent)}.dbx-story-art span{font-size:.72rem;letter-spacing:.22em}.dbx-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f4f6f5}.dbx-details{display:grid;gap:0}.dbx-details>div{padding:23px 0;border-bottom:1px solid #ccd3d5;overflow-wrap:anywhere}.dbx-details small{display:block;color:var(--dbx-primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}.dbx-bottom-cta{padding:clamp(50px,7vw,105px) clamp(24px,6vw,96px);display:flex;flex-direction:column;align-items:start;gap:24px;background:var(--dbx-dark);color:white}.dbx-bottom-cta>span{color:var(--dbx-accent);font-size:.7rem;letter-spacing:.2em}.dbx-bottom-cta h2{max-width:14ch}.dbx-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:30px clamp(24px,6vw,96px);font-size:.85rem;background:#fff}.dbx-footer small{color:#667481}.dbx-preview-badge{position:fixed;bottom:15px;left:15px;z-index:999;background:#111;color:#fff;font:700 12px sans-serif;padding:10px;border-radius:10px}
/* Each of five archetypes has different structure on all page types, not only a palette. */
.dbx-root[data-archetype=canvas]{background:#f9f5ed}.dbx-root[data-archetype=canvas] .dbx-hero{display:flex;flex-direction:column;position:relative;min-height:660px;text-align:center;justify-content:center}.dbx-root[data-archetype=canvas] .dbx-hero-copy{position:relative;z-index:1;align-items:center;padding-block:90px 70px}.dbx-root[data-archetype=canvas] h1{max-width:13ch}.dbx-root[data-archetype=canvas] .dbx-hero-copy p{text-align:center}.dbx-root[data-archetype=canvas] .dbx-visual{height:220px;min-height:220px;margin:0 7% 50px;overflow:hidden}.dbx-root[data-archetype=canvas] .dbx-cards{grid-template-columns:1fr 1fr}.dbx-root[data-archetype=canvas] .dbx-card:first-child{grid-row:span 2;justify-content:space-between;min-height:430px;background:var(--dbx-dark);color:white}.dbx-root[data-archetype=canvas] .dbx-story{grid-template-columns:1fr 1fr;direction:rtl}.dbx-root[data-archetype=canvas] .dbx-story>*{direction:ltr}.dbx-root[data-archetype=canvas] .dbx-info{grid-template-columns:1fr}.dbx-root[data-archetype=canvas] .dbx-section-heading{text-align:center;margin-inline:auto;align-items:center}.dbx-root[data-archetype=canvas] .dbx-section-heading p{text-align:center}
.dbx-root[data-archetype=editorial]{font-family:Georgia,'Times New Roman',serif}.dbx-root[data-archetype=editorial] .dbx-header nav,.dbx-root[data-archetype=editorial] .dbx-button,.dbx-root[data-archetype=editorial] .dbx-kicker{font-family:system-ui,sans-serif}.dbx-root[data-archetype=editorial] .dbx-hero{grid-template-columns:1.55fr .45fr;background:#fff;min-height:620px}.dbx-root[data-archetype=editorial] .dbx-hero-copy{padding-right:4%}.dbx-root[data-archetype=editorial] h1{font-size:clamp(4rem,8vw,10rem);font-weight:500;max-width:13ch}.dbx-root[data-archetype=editorial] .dbx-visual{min-height:620px}.dbx-root[data-archetype=editorial] .dbx-art-grid{background-size:18px 18px}.dbx-root[data-archetype=editorial] .dbx-cards{grid-template-columns:1.4fr .8fr .8fr;gap:0}.dbx-root[data-archetype=editorial] .dbx-card{border-radius:0;border:0;border-bottom:1px solid #cfd2d4;background:transparent}.dbx-root[data-archetype=editorial] .dbx-feature{background:#f6f3ec}.dbx-root[data-archetype=editorial] .dbx-story{grid-template-columns:1fr 1fr}.dbx-root[data-archetype=editorial] .dbx-info{grid-template-columns:1.2fr .8fr}
.dbx-root[data-archetype=gallery]{background:#f7f8f7}.dbx-root[data-archetype=gallery] .dbx-hero{grid-template-columns:1fr 1fr;padding:35px;gap:18px;min-height:650px;background:#e7e9ea}.dbx-root[data-archetype=gallery] .dbx-hero-copy{background:white;align-items:flex-start;padding:55px}.dbx-root[data-archetype=gallery] .dbx-visual{border-radius:18px;min-height:545px}.dbx-root[data-archetype=gallery] .dbx-art{background:var(--dbx-primary)}.dbx-root[data-archetype=gallery] .dbx-cards{grid-template-columns:repeat(6,1fr)}.dbx-root[data-archetype=gallery] .dbx-card{grid-column:span 2;border-radius:16px;box-shadow:0 16px 30px #0000000a}.dbx-root[data-archetype=gallery] .dbx-card:nth-child(4n+1){grid-column:span 3}.dbx-root[data-archetype=gallery] .dbx-card:nth-child(4n+2){grid-column:span 3}.dbx-root[data-archetype=gallery] .dbx-story-art{border-radius:40% 8% 8% 8%}.dbx-root[data-archetype=gallery] .dbx-info{grid-template-columns:.8fr 1.2fr}
.dbx-root[data-archetype=immersive]{background:#101929;color:white}.dbx-root[data-archetype=immersive] .dbx-header{background:var(--dbx-dark);color:white}.dbx-root[data-archetype=immersive] .dbx-hero{position:relative;grid-template-columns:1fr;min-height:730px;color:white;background:var(--dbx-dark);overflow:hidden}.dbx-root[data-archetype=immersive] .dbx-hero-copy{position:relative;z-index:1;width:min(860px,87%);padding:110px clamp(24px,6vw,96px)}.dbx-root[data-archetype=immersive] h1{max-width:12ch;font-size:clamp(4rem,8vw,9.5rem)}.dbx-root[data-archetype=immersive] .dbx-hero-copy p{color:#ffffffc9}.dbx-root[data-archetype=immersive] .dbx-visual{position:absolute;inset:0;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000 90%)}.dbx-root[data-archetype=immersive] .dbx-feature{background:#151f2e}.dbx-root[data-archetype=immersive] .dbx-card{background:#253246;color:white;border:1px solid #4b5766}.dbx-root[data-archetype=immersive] .dbx-card p{color:#c6d0d9}.dbx-root[data-archetype=immersive] .dbx-section-heading p{color:#bec7d0}.dbx-root[data-archetype=immersive] .dbx-story{background:#111a29;grid-template-columns:1fr 1fr}.dbx-root[data-archetype=immersive] .dbx-info{background:#172338}.dbx-root[data-archetype=immersive] .dbx-footer{background:#101929;color:white}.dbx-root[data-archetype=immersive] .dbx-story-art{background:var(--dbx-primary)}
/* Industry-specific typographic and art direction adds independent character to each archetype. */
.dbx-industry-care .dbx-card,.dbx-industry-care .dbx-art{border-radius:45px 45px 10px 45px}.dbx-industry-care .dbx-art-grid{background-size:92px 92px;transform:rotate(30deg)}.dbx-industry-care h1,.dbx-industry-care h2{font-family:Georgia,'Times New Roman',serif;font-weight:500}.dbx-industry-saas-tech .dbx-art{background:radial-gradient(circle at 80% 20%,var(--dbx-accent),transparent 38%),linear-gradient(140deg,var(--dbx-dark),var(--dbx-primary))}.dbx-industry-saas-tech .dbx-art-grid{background-size:27px 27px;opacity:.33}.dbx-industry-saas-tech .dbx-card{border:1px solid #94a5c34d}.dbx-industry-creative-agency .dbx-kicker{letter-spacing:.35em}.dbx-industry-creative-agency .dbx-art{background:linear-gradient(105deg,var(--dbx-primary) 47%,var(--dbx-accent) 47%,var(--dbx-accent) 63%,var(--dbx-dark) 63%)}.dbx-industry-creative-agency .dbx-card{border-radius:1px}.dbx-industry-e-commerce-boutique h1,.dbx-industry-e-commerce-boutique h2{font-family:Georgia,serif;font-weight:500}.dbx-industry-e-commerce-boutique .dbx-art{background:linear-gradient(145deg,var(--dbx-accent),var(--dbx-primary))}.dbx-industry-e-commerce-boutique .dbx-card{border-radius:3px}.dbx-industry-clinic .dbx-art{background:linear-gradient(160deg,var(--dbx-primary),var(--dbx-dark))}
/* Hero choices override archetype defaults visibly. */
.dbx-root .dbx-hero.dbx-hero-centered{display:flex;flex-direction:column;text-align:center}.dbx-root .dbx-hero.dbx-hero-centered .dbx-hero-copy{align-items:center;padding:85px 25px 60px;max-width:1100px;margin-inline:auto}.dbx-root .dbx-hero.dbx-hero-centered .dbx-hero-copy p{text-align:center}.dbx-root .dbx-hero.dbx-hero-centered .dbx-visual{position:relative;inset:auto;width:84%;height:260px;min-height:260px;margin:0 auto 45px;opacity:1;mask-image:none}.dbx-root .dbx-hero.dbx-hero-minimal{display:grid;grid-template-columns:1.7fr .3fr;text-align:left}.dbx-root .dbx-hero.dbx-hero-minimal .dbx-hero-copy{align-items:flex-start;padding:80px 5vw}.dbx-root .dbx-hero.dbx-hero-minimal .dbx-visual{position:relative;inset:auto;opacity:1;mask-image:none}.dbx-root .dbx-hero.dbx-hero-overlap{display:grid;grid-template-columns:1fr;position:relative;min-height:620px}.dbx-root .dbx-hero.dbx-hero-overlap .dbx-hero-copy{position:relative;z-index:1;background:color-mix(in srgb,#fff 91%,transparent);margin:7% 28% 7% 5%;padding:45px;align-items:flex-start}.dbx-root .dbx-hero.dbx-hero-overlap .dbx-visual{position:absolute;inset:0 0 0 40%;opacity:1;mask-image:none}.dbx-root .dbx-hero.dbx-hero-fullbleed{display:grid;grid-template-columns:1fr;position:relative;min-height:690px;background:var(--dbx-dark);color:white}.dbx-root .dbx-hero.dbx-hero-fullbleed .dbx-hero-copy{z-index:1;position:relative;padding:90px 8vw;width:75%;align-items:flex-start}.dbx-root .dbx-hero.dbx-hero-fullbleed .dbx-hero-copy p{color:#fffc}.dbx-root .dbx-hero.dbx-hero-fullbleed .dbx-visual{position:absolute;inset:0;opacity:.24;mask-image:none}.dbx-root .dbx-hero.dbx-hero-asymmetric{display:grid;grid-template-columns:1.3fr .7fr;transform:none}.dbx-root .dbx-hero.dbx-hero-asymmetric .dbx-hero-copy{padding:75px 7vw;align-items:flex-start}.dbx-root .dbx-hero.dbx-hero-asymmetric .dbx-visual{min-height:550px;transform:skewX(-7deg) translateX(30px);opacity:1;mask-image:none}
/* Header design and tactile button treatments. */
.dbx-root[data-menu=floating] .dbx-header{border-radius:0 0 32px 32px;margin:12px 18px;box-shadow:0 12px 30px #101c312a;background:white;color:var(--dbx-dark)}.dbx-root[data-menu=underline] .dbx-header{border-bottom:3px solid var(--dbx-primary)}.dbx-root[data-menu=underline] .dbx-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.dbx-root[data-menu=pills] .dbx-header nav a{background:color-mix(in srgb,var(--dbx-primary) 13%,white);padding:8px 14px;border-radius:999px;color:var(--dbx-dark)}.dbx-root[data-menu=dark] .dbx-header{background:#111725;color:white}.dbx-root[data-menu=minimal] .dbx-header{border-bottom:1px solid #ddd;letter-spacing:.07em;background:#fff;color:#151b22}.dbx-root[data-radius=sharp] .dbx-button{border-radius:2px!important}.dbx-root[data-radius=rounded] .dbx-button{border-radius:17px!important}.dbx-root[data-radius=pill] .dbx-button{border-radius:99px!important}.dbx-root[data-button="1"] .dbx-button{background:transparent;color:var(--dbx-button)!important}.dbx-root[data-button="2"] .dbx-button{background:color-mix(in srgb,var(--dbx-button) 16%,white);color:var(--dbx-button)!important;border:1px solid var(--dbx-button)}.dbx-root[data-button="3"] .dbx-button{border-radius:999px}.dbx-root[data-button="4"] .dbx-button{background:transparent;color:var(--dbx-button)!important;border:0;border-bottom:2px solid var(--dbx-button);border-radius:0}.dbx-root[data-button="5"] .dbx-button{background:color-mix(in srgb,var(--dbx-button) 65%,transparent);backdrop-filter:blur(12px);border-color:#ffffff7a}.dbx-root[data-button="6"] .dbx-button{box-shadow:0 7px 0 color-mix(in srgb,var(--dbx-button) 55%,black),0 18px 22px #0003;transform:translateY(-3px)}.dbx-root[data-button="7"] .dbx-button{box-shadow:inset 0 3px 3px #fff8,inset 0 -6px 3px #0003,0 6px 0 #0005}.dbx-root[data-button="8"] .dbx-button{background-image:linear-gradient(180deg,#fffa -20%,transparent 50%,#0003);box-shadow:inset 0 2px 1px #fff8,0 8px 18px #0004}.dbx-root[data-button="9"] .dbx-button{box-shadow:6px 6px 15px #0003,-4px -4px 12px #fffb;border:1px solid #fff8}
@media(max-width:850px){.dbx-root .dbx-header{flex-wrap:wrap}.dbx-root .dbx-header nav{order:3;width:100%;justify-content:center}.dbx-root .dbx-header-cta{margin-left:auto}.dbx-root .dbx-hero,.dbx-root[data-archetype=gallery] .dbx-hero,.dbx-root[data-archetype=editorial] .dbx-hero,.dbx-root .dbx-hero.dbx-hero-minimal,.dbx-root .dbx-hero.dbx-hero-asymmetric{grid-template-columns:1fr;display:flex;flex-direction:column}.dbx-root .dbx-hero-copy{padding:55px 30px}.dbx-root .dbx-visual{min-height:260px;height:280px;transform:none!important}.dbx-root .dbx-cards,.dbx-root[data-archetype=editorial] .dbx-cards,.dbx-root[data-archetype=gallery] .dbx-cards{grid-template-columns:1fr 1fr}.dbx-root[data-archetype=gallery] .dbx-card{grid-column:auto!important}.dbx-root .dbx-story,.dbx-root .dbx-info{grid-template-columns:1fr}.dbx-root .dbx-hero.dbx-hero-overlap .dbx-hero-copy{margin:6%;background:white}.dbx-root .dbx-hero.dbx-hero-fullbleed .dbx-hero-copy{width:90%}}
@media(max-width:540px){.dbx-root h1{font-size:clamp(2.7rem,12vw,4rem)!important}.dbx-root h2{font-size:2.2rem}.dbx-root .dbx-header{padding:15px 20px}.dbx-root .dbx-header nav{justify-content:flex-start;gap:15px;overflow:auto}.dbx-root .dbx-header nav a{white-space:nowrap}.dbx-root .dbx-header-cta{display:none}.dbx-root .dbx-hero-copy{padding:55px 24px!important}.dbx-root .dbx-cards,.dbx-root[data-archetype=canvas] .dbx-cards,.dbx-root[data-archetype=editorial] .dbx-cards,.dbx-root[data-archetype=gallery] .dbx-cards{grid-template-columns:1fr}.dbx-root[data-archetype=canvas] .dbx-card:first-child{grid-row:auto;min-height:260px}.dbx-root .dbx-section{padding:48px 24px}.dbx-root .dbx-visual{height:240px;min-height:240px}.dbx-root .dbx-bottom-cta{padding:60px 24px}.dbx-root .dbx-footer{flex-direction:column;align-items:start}}
/* Contrasting text when an immersive theme switches to a light overlap card. */
.dbx-root[data-archetype=immersive] .dbx-hero.dbx-hero-overlap .dbx-hero-copy{color:var(--dbx-dark)}
.dbx-root[data-archetype=immersive] .dbx-hero.dbx-hero-overlap .dbx-hero-copy p{color:#475466}

/* V7.3.8: honour safe rich-text styling on themed public page sections. */
.dbx-root .dbx-rich-content{max-width:100%;min-width:0;overflow-wrap:anywhere;line-height:1.65;}
.dbx-root .dbx-rich-content>*{max-width:100%;}
.dbx-root .dbx-rich-content a{color:var(--dbx-primary);text-underline-offset:3px;}
.dbx-root .dbx-rich-content :is(ul,ol){padding-inline-start:1.5em;}
