/* Completed layouts and responsive components. */
:root { --muted: #a0a5b4; }
body { color:#f7f7f4; }
h1,h2,h3 { overflow-wrap:break-word; }
img { max-width:100%; }
[id] { scroll-margin-top:100px; }
[hidden] { display:none!important; }
a:focus-visible,button:focus-visible { outline:3px solid #aaa7ff; outline-offset:5px; }
.skip-link { position:fixed;top:-100px;left:16px;z-index:2000;padding:12px 20px;background:#fff;color:#111; }
.skip-link:focus { top:12px; }
.header-inner { gap:20px; }
.header-actions { display:flex;align-items:center;gap:16px; }
.logo { flex-shrink:0;white-space:nowrap; }
.logo::before { flex-shrink:0; }
.instagram-link { display:grid;place-items:center;width:44px;height:44px; }
.nav { gap:24px; }
.nav a[aria-current=page] { color:#aaa7ff; }
.menu-button { flex-shrink:0;width:44px;height:44px; }
.button-outline { color:#fff;border-color:#414451; }
.button { white-space:normal; }
.section-heading h2,.about-content h1,.about-content h2 { color:#f7f7f4; }
.section-heading h2 em,.about-content h1 em,.about-content h2 em { color:#9993ff; }
.about-content h1 { font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:18px 0 26px; }
.about-number { opacity:.12; }
.about-points { border-color:#343744; }
.hero-grid,.offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hero-content,.hero-visual,.offer-grid>* { min-width:0; }
.offer-section { background:#0a0c10;padding-top:70px; }
.offer-form-wrapper { min-width:0; }
.contact-form input,.contact-form select,.contact-form textarea { min-width:0;max-width:100%;font-size:16px; }
.contact-form label { font-size:12px;font-weight:700;color:#e4e4ff;margin-bottom:-8px; }
.contact-form ::placeholder { color:#c2c4d8;opacity:1; }
.form-help { font-size:12px;color:#c5c7e5;margin:0;line-height:1.6; }
.contact-form .form-status { opacity:1;text-align:left;margin:0; }
.form-status a { text-decoration:underline; }
.services-grid>a { min-width:0; }
.service-card { height:100%; }
.portfolio-section { padding:90px 0; }
.work-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 30px; }
.work-toolbar .portfolio-filters { margin:0;display:flex;gap:8px;flex-wrap:wrap; }
.portfolio-filters button { min-height:44px;border:1px solid #333743;color:#bfc3ce;background:transparent;border-radius:30px;padding:10px 20px;font-size:13px; }
.portfolio-filters button.active { background:#aaa3ff;color:#111122;border-color:#aaa3ff; }
.portfolio-filters button span { margin-left:7px;opacity:.65; }
.work-count { font-size:12px;color:#a0a5b4; }
.work-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px; }
.work-card { min-width:0; }
.work-link { display:block; }
.work-image { position:relative;overflow:hidden;background:#191c25;border-radius:12px;aspect-ratio:1.25; }
.work-image img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s; }
.work-card:nth-child(1) .work-image img,.work-card:nth-child(4) .work-image img { object-position:center; }
.work-link:hover img { transform:scale(1.035); }
.work-index { position:absolute;left:20px;top:20px;font-size:10px;letter-spacing:.13em;background:rgba(10,12,16,.82);color:#fff;border:1px solid #ffffff30;border-radius:30px;padding:8px 12px; }
.work-open { position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#f2f0e9;color:#14151e;font-size:25px;transition:background .2s; }
.work-link:hover .work-open { background:#aaa3ff; }
.work-info { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0;border-bottom:1px solid #2a2d36; }
.work-category { font-size:11px;color:#b4abc9; }
.work-info h3 { font-size:24px;letter-spacing:-.035em;margin:6px 0 0;color:#f7f7f4; }
.work-detail { font-size:11px;color:#acb0bf;white-space:nowrap; }
.work-detail span { margin-left:10px; }
.work-hero { padding-top:35px; }
.breadcrumb { display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#969cab;margin-bottom:62px; }
.breadcrumb a:hover { color:#fff; }
.work-hero-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:end;padding-bottom:64px; }
.work-hero h1 { font-size:clamp(42px,5.5vw,78px);font-weight:700;letter-spacing:-.055em;line-height:1.04;margin:22px 0 0; }
.work-hero h1 em,.project-cta h2 em,.not-found em { color:#aaa3ff; }
.work-intro p { font-size:15px;line-height:1.8;color:#a9aebd;margin:20px 0 26px; }
.small-cross { font-size:46px;line-height:1;color:#aaa3ff; }
.text-link { font-size:13px;font-weight:600;color:#e1e0ef;display:inline-flex;align-items:center;gap:18px;min-height:44px; }
.text-link:hover { color:#aaa3ff; }
.work-meta { border-top:1px solid #33343e;border-bottom:1px solid #33343e;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:10px;letter-spacing:.13em;color:#9398a6; }
.work-section { padding-top:42px;padding-bottom:100px; }
.portfolio-page { background:radial-gradient(ellipse at 90% 0%,#21203855,transparent 38%); }
.project-cta { display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:70px;padding-bottom:70px;border-top:1px solid #30333e; }
.project-cta h2 { font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:20px 0; }
.project-cta p { color:#a9aebd;font-size:14px;max-width:450px; }
.project-cta .button { flex-shrink:0; }
.detail-page { padding:35px 0 0; }
.project-heading { display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px; }
.project-heading h1,.service-heading h1,.not-found h1 { font-size:clamp(36px,6vw,76px);letter-spacing:-.045em;line-height:1.1;margin:18px 0 0; }
.project-heading p { color:#a9aebd;font-size:14px; }
.project-photo { margin:0; }
.project-photo img { display:block;width:100%;max-height:760px;object-fit:contain;border-radius:12px;background:#13161f; }
.project-photo figcaption { padding:15px 0;color:#999fae;font-size:12px;border-bottom:1px solid #30333e; }
.project-description { display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:50px 0; }
.project-description p { color:#a9aebd;line-height:1.8; }
.detail-page>.project-cta { margin-top:60px; }
.service-heading { margin-bottom:45px; }
.service-heading>p { font-size:24px;color:#aaa3ff; }
.page-content { margin:0;max-width:850px;font-size:17px; }
.page-content h2,.page-content h3 { color:#f7f7f4;line-height:1.3; }
.page-content figure { max-width:100%; }
.service-note { margin-top:40px;padding:32px;background:#171a25;border:1px solid #2c3040;border-radius:12px;max-width:850px; }
.service-note p { color:#b1b7c8;line-height:1.8; }
.contact-info-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px; }
.contact-card { padding:28px;border:1px solid #282c38;background:#141722;border-radius:12px; }
.contact-card h3 { font-size:16px;margin:10px 0;color:#fff; }
.contact-card p,.contact-card a { font-size:14px;color:#b1b7c8;overflow-wrap:anywhere;line-height:1.7; }
.contact-card .contact-symbol { color:#aaa3ff;font-size:24px; }
.map-panel { display:grid;grid-template-columns:1fr 1fr;min-height:260px;border:1px solid #2d3040;border-radius:14px;overflow:hidden;margin-bottom:60px;background:#141722; }
.map-copy { padding:38px; }
.map-copy h3 { font-size:26px;letter-spacing:-.025em;margin:14px 0; }
.map-copy p { color:#a9aebd;font-size:14px; }
.map-art { position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;background-color:#1b1e2b;background-image:linear-gradient(35deg,transparent 44%,#363a4d 44%,#363a4d 47%,transparent 47%),linear-gradient(115deg,transparent 44%,#363a4d 44%,#363a4d 47%,transparent 47%),linear-gradient(0deg,transparent 65%,#303448 65%,#303448 69%,transparent 69%); }
.map-pin { text-align:center;padding:22px;border:1px solid #9891fc66;border-radius:16px;background:#10121ecc;box-shadow:0 0 70px #8075ff33; }
.map-pin strong { display:block;color:#b8b1ff;font-size:25px; }.map-pin span { display:block;font-size:11px;letter-spacing:.13em;margin-top:7px; }
.footer-grid a.logo { display:flex; }
.footer-grid>div:first-child>p { color:#9ca2b1; }
.footer-bottom { padding-bottom:90px; }
.floating-whatsapp { animation:none;left:auto;right:22px;width:52px;height:52px;bottom:22px; }
.not-found { padding-bottom:100px; }.not-found p { max-width:600px;color:#a9aebd;margin:30px 0; }
@media(max-width:1100px) {
 .header-inner{gap:12px}.nav{gap:15px}.header-actions{gap:5px}.header-button{padding:12px}.logo{font-size:15px}
}
@media(max-width:900px) {
 .hero-grid,.offer-grid{grid-template-columns:minmax(0,1fr)}
 .header-actions{margin-left:auto}.nav{max-height:calc(100dvh - 80px);overflow:auto}
 .work-hero-grid{grid-template-columns:1fr;gap:30px}.work-intro{max-width:520px}.small-cross{display:none}
 .contact-info-grid{grid-template-columns:1fr}.project-cta{align-items:flex-start}
 .no-js .nav{display:flex;position:static}.no-js .header-inner{height:auto;flex-wrap:wrap}
}
@media(max-width:600px) {
 .header-inner{gap:8px;height:70px}.logo{font-size:13px;gap:4px}.logo:before{width:29px;height:29px;margin-right:4px}.instagram-link{width:36px}.header-actions{gap:0}
 .hero h1{font-size:clamp(30px,8.4vw,46px);overflow-wrap:anywhere}.hero-features{gap:16px}
 .offer-box{padding:40px 18px}.offer-form-wrapper{padding:20px 14px}.offer-grid{gap:24px}.offer-content h2{font-size:30px;overflow-wrap:anywhere}
 .work-grid{grid-template-columns:minmax(0,1fr);gap:28px}.work-image{aspect-ratio:1.15}.work-info h3{font-size:23px}.work-detail{font-size:10px}
 .work-hero{padding-top:25px}.breadcrumb{margin-bottom:40px}.work-hero-grid{padding-bottom:30px}.work-hero h1{font-size:42px}.work-intro p{font-size:14px}
 .work-meta{font-size:9px;flex-wrap:wrap}.work-section{padding-top:28px;padding-bottom:55px}.work-toolbar{gap:8px}.portfolio-filters button{padding:10px 14px;font-size:12px}
 .project-cta{flex-direction:column;gap:20px;padding-top:45px;padding-bottom:45px}.project-heading{flex-direction:column;align-items:flex-start;gap:15px}
 .project-description{grid-template-columns:1fr;gap:5px;padding:30px 0}.project-description h2{margin:0}.project-photo img{max-height:500px}
 .map-panel{grid-template-columns:1fr}.map-copy{padding:25px}.map-art{min-height:200px}.contact-card{padding:24px}.service-note{padding:24px}
 .about-visual{width:100%}.about-number{right:0}.about-points{gap:16px}.page-content{font-size:16px}.detail-page .breadcrumb{margin-bottom:35px}
}
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important} }
/* Managed assets and WordPress navigation. */
.logo.has-image::before{display:none}.site-logo-image{width:auto;height:auto;max-height:45px;max-width:185px;object-fit:contain}.managed-hero-image,.managed-about-image{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:16px}.service-card h3{color:#fff}.service-card p{color:#a0a4b2}.service-card-image{height:160px;margin-bottom:22px;overflow:hidden;border-radius:8px}.service-card-image img{width:100%;height:100%;object-fit:cover}.service-cover{margin-bottom:40px;max-width:850px}.managed-menu{display:flex;list-style:none;gap:20px;padding:0;flex-wrap:wrap}.managed-menu li{margin:0}.managed-menu .current-menu-item>a{color:var(--seller-highlight)}.work-image:empty{background:linear-gradient(130deg,#26243e,#131620)}.admin-bar .header{top:32px}@media(max-width:900px){.managed-menu{flex-direction:column;gap:6px;width:100%}.managed-menu a{display:block}}@media(max-width:782px){.admin-bar .header{top:46px}}@media(max-width:600px){.site-logo-image{max-width:155px;max-height:38px}.admin-bar .header{top:0}}
.work-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(24px,3vw,44px);font-weight:700;text-align:center;padding:30px;background:radial-gradient(at top right,#4a3e7766,transparent),#171b27;color:#b7aaff}
/* Original Seller Reklam brand and imported content. */
.logo.has-image{background:transparent;padding:7px 12px;border-radius:8px;line-height:0;box-sizing:border-box}.logo.has-image .site-logo-image{width:116px;max-width:116px;height:54px;max-height:54px;object-fit:contain}.footer .logo.has-image{display:inline-flex;width:auto}
.source-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding-top:60px;padding-bottom:85px}.source-feature-image{overflow:hidden;border-radius:16px;background:#171923}.source-feature-image img{display:block;width:100%;height:auto;max-height:510px;object-fit:cover}.source-feature-copy h2{font-size:clamp(30px,3.6vw,49px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 25px}.source-feature-copy h2 em{color:var(--seller-highlight,#aaa3ff)}.source-feature-copy p{font-size:15px;color:#afb4c4;line-height:1.85}.source-feature-reverse .source-feature-image{order:2}.promo-photo img{aspect-ratio:1;object-position:center 65%}.source-values{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:70px;padding-bottom:70px}.source-values article{padding:34px;border:1px solid #2e3040;border-radius:12px;background:#141720}.source-values h2{font-size:27px;line-height:1.2;letter-spacing:-.03em}.source-values p{color:#aeb4c5;line-height:1.8}.hero .managed-hero-image{height:550px;width:100%;object-fit:cover;object-position:center;border:1px solid #ffffff18}.service-card{display:flex;flex-direction:column}.service-card .service-card-image{flex-shrink:0}.service-card .service-icon{align-self:flex-start}.work-image img{object-position:center 40%}
@media(max-width:900px){.source-feature{gap:30px}.hero .managed-hero-image{height:520px;max-height:70vh}.source-values{gap:16px}.source-values article{padding:25px}}
@media(max-width:600px){.logo.has-image{padding:5px 9px}.logo.has-image .site-logo-image{width:103px;max-width:103px;height:48px;max-height:48px}.source-feature{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:28px}.source-feature-reverse .source-feature-image{order:0}.source-feature-copy h2{font-size:33px}.source-values{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px}.hero .managed-hero-image{height:400px}.source-feature-image img{max-height:370px}}
.about-editor-content{padding-top:75px}.about-editor-content .page-content{max-width:none}.about-editor-content .wp-block-video{margin:30px 0 0}.about-editor-content video{display:block;width:100%;max-height:620px;background:#11141d;border:1px solid #303444;border-radius:14px;object-fit:contain}.about-editor-content figcaption{font-size:12px;color:#9ba3b8;margin-top:12px}
.service-image-art{display:grid;place-items:center;background:radial-gradient(ellipse at center,#6250c133,transparent 70%),linear-gradient(135deg,#222136,#171b29);border:1px solid #42405755;color:#a89ce8}.service-image-art svg{width:100px;height:100px}.service-card:nth-child(2n) .service-image-art{color:#88a5ec}

/* Real map preview with a keyboard-accessible external destination. */
.map-google{background:#e9ece8;isolation:isolate;min-height:300px}.map-google iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.map-open-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:18px;color:#fff;text-decoration:none}.map-open-overlay span{background:#171b2e;padding:10px 16px;border-radius:30px;font-size:12px;box-shadow:0 3px 15px #0003}.map-open-overlay:hover span{background:#4038bd}.map-open-overlay:focus-visible{outline:4px solid #9187ff;outline-offset:-5px}
