/* DEKA enhancements: local type, imagery, localization, real icons and motion. */
@font-face{font-family:Modam;src:url('/assets/fonts/Modam-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Modam;src:url('/assets/fonts/Modam-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Modam;src:url('/assets/fonts/Modam-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
.language-control{height:100%;display:flex;align-items:center;position:relative;gap:7px;min-width:87px;justify-content:center;padding:0 11px;border-left:1px solid var(--line);color:var(--muted);transition:background .2s,color .2s}
.language-control:hover{background:var(--bg-sunken);color:var(--ink)}
.language-control>svg{width:15px;height:15px;flex-shrink:0}
.language-control select{cursor:pointer;width:47px;min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--ink);font:600 10px var(--font-mono),monospace;appearance:none;-webkit-appearance:none;letter-spacing:.01em}
.language-control select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.language-control .language-chevron{width:10px;height:10px;pointer-events:none}
.language-control select option{background:var(--bg-raised);color:var(--ink)}
.theme-button svg,.menu-toggle svg{width:17px;height:17px;flex-shrink:0}
.menu-toggle svg{width:20px;height:20px}
.menu-toggle span{display:none}
.action svg,.header-cta svg,.text-link svg{width:15px;height:15px;flex-shrink:0}
.mini-visual-icon svg{width:23px;height:23px}
.device-button svg{width:14px;height:14px}
.responsive-pointer svg{width:37px;height:37px}
.eyebrow svg,.float-label svg{width:13px;height:13px}
.brand-name{white-space:nowrap}
.brand-symbol img{object-fit:contain}
.preview-art,.canvas-object{position:relative;overflow:hidden}
.preview-art img,.canvas-object img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:center}
.preview-art img{filter:saturate(.76)}
.canvas-object img{filter:saturate(.77);object-position:center}
.preview-title,.preview-caption,.canvas-hero-text{position:relative;z-index:2}
/* Photographic art direction. Every referenced image is downloaded as a local file. */
.forma-visual{background:linear-gradient(90deg,#dfd5c9ee 0%,#e7dfd3c5 48%,#ffffff08 88%),url('/assets/photos/template-forma.jpg') center 48%/cover}
.keystone-visual{background:linear-gradient(90deg,#d5d4c5b0 0%,#e7e4d166 70%),url('/assets/photos/template-keystone.jpg') center/cover}
.maison-visual{background:linear-gradient(90deg,#f3e6d3c9 0%,#f3e6d370 63%),url('/assets/photos/template-maison.jpg') center 40%/cover}
.orbit-visual{background:linear-gradient(95deg,#181d38e9 0%,#2528449c 55%,#25284419 100%),url('/assets/photos/template-orbit.jpg') center/cover}
.index-visual{background:linear-gradient(90deg,#e4e4dfdb 0%,#e4e4dfa8 60%,#e4e4df34 100%),url('/assets/photos/template-index.jpg') center/cover}
.flora-visual{background:linear-gradient(90deg,#e1d2ccee 0%,#e1d2cc77 80%),url('/assets/photos/template-flora.jpg') center/cover}
.forma-shape,.keybuilding,.maison-object,.orbit-orb,.flora-stem{display:none!important}
.index-image{background:url('/assets/photos/template-index.jpg') center/cover;border:1px solid #ffffff55}
.index-image b,.index-image span{display:none}
.maison-copy,.forma-text,.orbit-copy,.flora-copy,.keycopy,.index-visual>span{filter:drop-shadow(0 1px 4px #ffffff33)}
.styling-art{background-image:linear-gradient(90deg,color-mix(in srgb,var(--bg-sunken) 87%,transparent),color-mix(in srgb,var(--bg-sunken) 91%,transparent)),url('/assets/photos/template-maison.jpg');background-position:center;background-size:cover}
.motion-window{background-image:linear-gradient(#25283325,#25283325),url('/assets/photos/template-orbit.jpg');background-position:center;background-size:cover}
.motion-circle{background:transparent;border:2px solid var(--accent);box-shadow:0 0 0 20px color-mix(in srgb,var(--accent) 14%,transparent);backdrop-filter:blur(2px)}
.responsive-desktop .responsive-hero,.responsive-phone .responsive-hero{background-image:url('/assets/photos/feature-responsive.jpg');background-position:center;background-size:cover}
.shape-one{background:linear-gradient(#00000025,#00000020),url('/assets/photos/workflow-plan.jpg') center/cover}
.shape-two{background:linear-gradient(#00000024,#0000001d),url('/assets/photos/template-forma.jpg') center/cover}
.shape-three{background:linear-gradient(#00000027,#00000020),url('/assets/photos/template-maison.jpg') center/cover}
.step-graphic>span,.step-graphic>i{display:none!important}
.step-graphic:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff95;pointer-events:none}
.publish-graphic{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 75%,transparent),transparent),url('/assets/photos/editor-interior.jpg') center/cover}
.graphic-halo,.graphic-arrow{display:none}
.graphic-caption{background:var(--bg-raised);padding:10px;color:var(--ink);z-index:1}
.deka-motion-ready .site-header{will-change:auto}
#hero .hero-visual img{will-change:transform}
#template-dialog[hidden]{display:none!important}
.brand .themed-logo{filter:brightness(0)}
:root[data-theme=dark] .brand .themed-logo{filter:brightness(0) invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand .themed-logo{filter:brightness(0) invert(1)}}
@media(max-width:900px){.language-control{min-width:77px;padding:0 8px;gap:5px}.language-control select{width:44px}}
@media(max-width:720px){.header-actions .header-cta{display:none}.language-control{min-width:86px}}
@media(max-width:420px){.language-control{min-width:78px}.site-header .brand{padding-inline:12px}}
/* Persian + Arabic: apply the actual local Modam family to every piece of live UI copy. */
html[lang=fa],html[lang=ar]{--deka-rtl-font:Modam,Arial,sans-serif}
html[lang=fa] body,html[lang=ar] body{font-family:var(--deka-rtl-font);direction:rtl}
html[lang=fa] :is(h1,h2,h3,h4,p,span,a,button,summary,small,strong,b,em,label,select,option,figcaption,li,div),
html[lang=ar] :is(h1,h2,h3,h4,p,span,a,button,summary,small,strong,b,em,label,select,option,figcaption,li,div){font-family:var(--deka-rtl-font);letter-spacing:normal}
html[lang=fa] :is(.eyebrow,.action,.header-cta,.site-header .desktop-nav a,.section-ribbon,.hero-topline,.hero-footnote,.template-filter button,.footer-base,.footer-links .eyebrow),
html[lang=ar] :is(.eyebrow,.action,.header-cta,.site-header .desktop-nav a,.section-ribbon,.hero-topline,.hero-footnote,.template-filter button,.footer-base,.footer-links .eyebrow){font-family:var(--deka-rtl-font);letter-spacing:0}
html[lang=fa] :is(h1,h2,h3,.closing h2,.hero h1,.section-heading h2,.workflow-head h2,.faq-layout h2,.publish-intro h2) ,
html[lang=ar] :is(h1,h2,h3,.closing h2,.hero h1,.section-heading h2,.workflow-head h2,.faq-layout h2,.publish-intro h2){font-family:Modam,Arial,sans-serif;font-weight:700;line-height:1.35}
html[lang=fa] :is(h1 em,h2 em),html[lang=ar] :is(h1 em,h2 em){font-family:Modam,Arial,sans-serif;font-weight:600;font-style:normal;color:var(--accent-ink);font-size:.96em}
html[lang=fa] .hero h1,html[lang=ar] .hero h1{font-size:clamp(54px,5.4vw,79px);white-space:normal}
html[lang=fa] .section-heading h2,html[lang=ar] .section-heading h2{font-size:clamp(47px,5.8vw,78px)}
html[lang=fa] .closing h2,html[lang=ar] .closing h2{font-size:clamp(54px,7vw,91px)}
html[dir=rtl] .hero-copy{text-align:right}
html[dir=rtl] :is(.editor-shell,.hero-preview,.hero-floating-tool,.template-thumb,.feature-art,.preview-menu,.canvas-site,.workflow-step .step-graphic){direction:ltr}
html[dir=rtl] .hero-preview,html[dir=rtl] .hero-floating-tool,html[dir=rtl] .template-thumb{font-family:var(--font-archivo),Archivo,sans-serif}
html[dir=rtl] .hero-footnote{direction:rtl}
html[dir=rtl] .section-ribbon,html[dir=rtl] .hero-kicker,html[dir=rtl] .footer-base{flex-direction:row}
html[dir=rtl] .hero-buttons,html[dir=rtl] .closing-actions{justify-content:flex-start}
html[dir=rtl] .section-heading,html[dir=rtl] .faq-layout{text-align:right}
html[dir=rtl] .aside-line{margin-inline-start:0}
html[dir=rtl] .heading-aside{text-align:right}
html[dir=rtl] .section-heading h2{max-width:860px}
html[dir=rtl] .theme-button,html[dir=rtl] .menu-toggle,html[dir=rtl] .language-control{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .site-header .brand{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .language-control select{direction:rtl;text-align:right}
html[dir=rtl] .template-info,html[dir=rtl] .feature-card-bottom{text-align:right}
html[dir=rtl] .template-card{text-align:right}
html[dir=rtl] .template-controls{direction:rtl}
html[dir=rtl] .faq-items details p{padding:0 0 24px 30px}
html[dir=rtl] .faq-items summary{gap:16px}
html[dir=rtl] .footer-links>div{align-items:flex-start}
html[dir=rtl] .publish-intro{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .publish-row{text-align:right}
html[dir=rtl] .value-strip>div+div{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .value-strip small{grid-column:2}
html[dir=rtl] .closing{text-align:center}
html[dir=rtl] .mini-feature{text-align:right}
html[dir=rtl] .workflow-step{text-align:right}
html[dir=rtl] .workflow-step:first-child{padding-left:29px;padding-right:0}
html[dir=rtl] .workflow-step+.workflow-step{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] #dialog-preview{direction:ltr}
html[dir=rtl] .dialog-body{text-align:right}
@media(max-width:720px){
 html[dir=rtl] .value-strip>div+div{border-right:0}
 html[dir=rtl] .workflow-step:first-child{padding-left:0;padding-right:0}
 html[dir=rtl] .workflow-step+.workflow-step{border-right:0}
 html[dir=rtl] .publish-intro{border-left:0}
 html[lang=fa] .hero h1,html[lang=ar] .hero h1{font-size:clamp(46px,10.5vw,72px)}
 html[lang=fa] .section-heading h2,html[lang=ar] .section-heading h2{font-size:clamp(43px,10vw,65px)}
 html[lang=fa] .closing h2,html[lang=ar] .closing h2{font-size:clamp(47px,11vw,70px)}
}
@media(max-width:390px){.language-control select{width:42px}}
@media(prefers-reduced-motion:reduce){.motion-circle,.hero-preview,.template-thumb{animation:none!important;transition:none!important}}
/* Localized long headlines must wrap naturally on narrow phones. */
html[lang=de] .hero h1,html[lang=tr] .hero h1{white-space:normal}
@media(max-width:720px){html[lang=de] .hero h1{font-size:clamp(49px,10.5vw,73px)}html[lang=tr] .hero h1{font-size:clamp(50px,11vw,75px)}}
@media(max-width:420px){html[lang=de] .hero h1{font-size:clamp(45px,11.8vw,53px)}}
html[lang=fa] .eyebrow,html[lang=ar] .eyebrow{font-size:11px}
html[lang=fa] .hero-topline,html[lang=ar] .hero-topline{font-size:11px}
/* Sample editorial projects retain their own typography, independently from the UI language. */
html[lang=fa] [data-no-translate] .preview-title,html[lang=ar] [data-no-translate] .preview-title,
html[lang=fa] [data-no-translate] .canvas-hero h3,html[lang=ar] [data-no-translate] .canvas-hero h3{font-family:var(--font-archivo),Archivo,sans-serif}
html[lang=fa] [data-no-translate] .preview-title i,html[lang=ar] [data-no-translate] .preview-title i,
html[lang=fa] [data-no-translate] .canvas-hero h3 i,html[lang=ar] [data-no-translate] .canvas-hero h3 i{font-family:'Instrument Serif',serif}
/* Lucide owns the icon geometry; remove the earlier hand-built arrow pseudo glyph. */
.template-arrow::before,.template-arrow::after{content:none!important;display:none!important}
.template-arrow svg{width:16px;height:16px;stroke-width:1.7}
.faq-items summary svg{width:17px;height:17px;stroke-width:1.7}
.step-counter svg,.row-glyph svg{width:22px;height:22px;stroke-width:1.7}