/* Artevia V15: supplied light core, current project previews, responsive finish. */
html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}img{max-width:100%}
.hero{overflow:clip;background:linear-gradient(106deg,#fafaf9 0%,#f6f6f4 35%,#dededc 49%,#9c9d9c 68%,#262928 89%,#171b1a 100%)}
[data-theme=dark] .hero{background:radial-gradient(ellipse at 74% 52%,#303331 0%,#171a18 32%,#0d0e0e 70%)}
.hero h1,[data-theme=dark] .hero h1{font-family:inherit}
.hero:after{content:"";position:absolute;z-index:-1;inset:58% -15% -35% -10%;background:radial-gradient(ellipse at 64% 38%,#fff5,transparent 49%);filter:blur(22px);pointer-events:none}
.scene .orb{left:21%;top:21%;width:61%;filter:drop-shadow(0 18px 24px #0002)}
[data-artevia-sphere] .av-sphere-art{width:100%;height:100%;inset:0;transform:none}
[data-artevia-sphere] .av-sphere-float{mask-image:none;-webkit-mask-image:none;animation:core-float 12s ease-in-out infinite}
[data-artevia-sphere] img{transform:none;transform-origin:center;mask-image:none;-webkit-mask-image:none;filter:grayscale(1)}
[data-artevia-sphere] .sphere-hit{display:none}
.scene-card.chromas{left:2%;top:0;width:44%;--rx:4deg;--ry:-18deg;--rz:-9deg}
.scene-card.veloria{left:59%;top:6%;width:40%;--rx:4deg;--ry:18deg;--rz:9deg}
.scene-card.akiro{left:53%;top:56%;width:45%;--rx:5deg;--ry:-16deg;--rz:-8deg}
.web-card img{aspect-ratio:16/10;object-fit:cover}.scene-card.akiro img{object-position:65% 50%}
.scene-paused .av-sphere-float,.motion-off .av-sphere-float{animation-play-state:paused}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
/* Live preview is clipped to its viewport; only the surrounding project link is interactive. */
.project-stage{border:1px solid var(--line);background:#faf9f6;isolation:isolate;line-height:0;max-width:100%;border-radius:12px}
#portfolioShowcase{display:block;position:absolute;inset:0;border:0;max-width:none;aspect-ratio:auto;transform-origin:top left;pointer-events:none;user-select:none}
.portfolio-open{position:absolute;inset:0;z-index:2;display:block}
.portfolio-open:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}
.portfolio-nav{z-index:3}.portfolio-layout{min-width:0}.portfolio-meta{min-width:0}
.hero-copy .actions{flex-wrap:wrap}.hero-copy .actions a{white-space:normal;text-align:center}
/* WAAPI owns reveal state. Content stays visible when scripting or motion is unavailable. */
#homeView [data-reveal]{opacity:1;transform:none}
@media(min-width:761px){.scene{height:78%;top:13%}.hero-copy{width:43%}.hero .principles{max-width:60vw}}
@media(min-width:761px) and (max-width:1100px){.scene .orb{left:15%;top:26%;width:73%}.scene-card.akiro{left:45%;top:60%;width:51%}.hero-copy .actions{flex-direction:column;align-items:flex-start}.hero-copy{top:23%;width:43%}}
@media(max-width:760px){.hero{background:linear-gradient(155deg,#fafaf8 0%,#f6f6f3 38%,#d6d8d4 57%,#6c7470 77%,#272d29 100%)}.scene{aspect-ratio:1.06;margin-top:32px}.scene .orb{left:23%;top:19%;width:59%}.scene-card.chromas{left:4%;top:3%;width:42%}.scene-card.veloria{left:61%;top:9%;width:36%}.scene-card.akiro{left:47%;top:55%;width:48%}.hero-bottom .principles{color:#202622;background:#f7f7f2d9;padding:9px 12px;border-radius:20px}.hero-copy .actions{align-items:stretch}.hero-copy .actions a{min-height:48px}.hero h1{overflow-wrap:normal;word-break:normal}.portfolio-layout{padding-inline:0}.project-stage{grid-column:1/-1;grid-row:1}.portfolio-nav{top:45%}.portfolio-meta{max-width:none;padding-inline:0}.hero-bottom{padding-top:5px}.principles{flex-wrap:wrap}}
@media(max-width:600px){.project-stage{max-width:390px;width:100%;margin:auto;border-radius:18px}.portfolio-nav{width:40px;height:40px}.portfolio-meta{margin-top:24px}.hero-copy .actions .pill{flex:1 1 auto}.hero .principles{gap:9px;font-size:8px}.principles span+span:before{margin-right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.av-sphere-float{animation:none!important}}
@media(prefers-reduced-motion:no-preference){.scene{animation:scene-enter 1400ms cubic-bezier(.2,.7,.2,1) both}@keyframes scene-enter{from{opacity:0}to{opacity:1}}}
/* V16 · real hero miniatures and preloaded project crossfades */
.hero-preview-window{position:relative;display:block;width:100%;overflow:clip;background:#0b0b0b;filter:grayscale(1);transition:filter .75s ease}
.hero-preview-window iframe,.portfolio-frame{position:absolute;inset:0;border:0;max-width:none;transform-origin:top left;pointer-events:none}
.web-card:is(:hover,:focus-visible) .hero-preview-window{filter:grayscale(0)}
#heroScene:has(.web-card:is(:hover,:focus-visible)) .ground-glow{opacity:.55;background:radial-gradient(ellipse,#cf173833,transparent 68%);transition:opacity .8s}
.project-stage .portfolio-frame{opacity:0;transition:opacity .65s cubic-bezier(.2,.7,.2,1);z-index:0;visibility:visible}
.project-stage .portfolio-frame.is-current{opacity:1;z-index:1}
.project-stage .portfolio-open{z-index:3}
#kontaktai{min-height:100svh;padding:110px 0 80px;display:flex;align-items:center;scroll-margin-top:0}
#kontaktai .contact-grid{display:flex;flex-direction:column;align-items:center;width:min(100% - 48px,1000px);gap:36px}
#kontaktai .contact-heading{text-align:center;width:100%;max-width:780px}
#kontaktai .contact-heading .kicker{display:flex;justify-content:center;align-items:center;gap:19px;margin:0 0 26px;font-family:var(--av-ui);font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.03em}
#kontaktai .contact-heading .index{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;min-width:58px;padding:0;margin:0;border:1px solid var(--line);border-radius:50%;font-size:32px;font-weight:600;line-height:1;letter-spacing:-.06em}
#kontaktai .contact-heading h2{font-size:clamp(36px,4.4vw,64px);line-height:1.12;letter-spacing:-.045em;margin:0}
#kontaktai .contact-heading p:not(.kicker){font-size:18px;line-height:1.65;max-width:58ch;margin:20px auto 0}
#kontaktai .contact-form{width:min(100%,720px);text-align:center}
#kontaktai .field{margin-bottom:18px}#kontaktai .field label{font-size:14px;margin-bottom:9px;color:var(--muted)}
#kontaktai .field input,#kontaktai .field textarea{border:1px solid var(--line);background:var(--panel,#ffffff05);border-radius:12px;font-size:16px;transition:border-color .2s,box-shadow .2s}
#kontaktai .field input{height:56px;padding:15px 18px}
#kontaktai .field textarea{height:160px;min-height:160px;padding:18px;text-align:left;resize:vertical;line-height:1.6}
#kontaktai label[for=briefMessage]{display:block;text-align:center;margin:22px 0 12px}
#kontaktai .field :is(input,textarea):focus{outline:none!important;border-color:#898b88;box-shadow:0 0 0 2px #969b9614!important}
#kontaktai .field :is(input,textarea)[aria-invalid=true]{border-color:#d56168}
#kontaktai .contact-hint{text-align:left;font-size:13px;line-height:1.5;margin:-5px 0 18px}
#kontaktai .contact-submit{width:100%;min-height:56px;font-size:16px;padding:16px 28px}
#kontaktai .form-honesty{font-size:13px;line-height:1.65;max-width:55ch;margin:20px auto 0}
#kontaktai .contact-direct{margin-top:30px;font-size:15px;gap:14px 26px;justify-content:center}
#kontaktai .contact-location{font-size:12px;margin-top:18px}
@media(max-width:600px){#kontaktai{padding:100px 0 65px}#kontaktai .contact-grid{width:calc(100% - 36px);gap:30px}#kontaktai .contact-heading p:not(.kicker){font-size:16px}#kontaktai .field-pair{grid-template-columns:1fr}#kontaktai .contact-direct{font-size:14px;flex-wrap:wrap}#kontaktai .contact-heading .kicker{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero-preview-window,.project-stage .portfolio-frame{transition:none}}
@media(min-width:761px){#kontaktai{padding:90px 0 60px}#kontaktai .contact-grid{gap:28px}#kontaktai .contact-heading{margin:0}#kontaktai .contact-heading h2{font-size:clamp(42px,4vw,58px)}#kontaktai .contact-heading .kicker{margin-bottom:20px}#kontaktai .field-pair{grid-template-columns:1fr 1fr 1fr;gap:14px}#kontaktai .contact-heading p:not(.kicker){margin-top:16px;max-width:66ch}#kontaktai .field textarea{height:140px;min-height:140px}#kontaktai .form-honesty{margin-top:16px}#kontaktai .contact-direct{margin-top:24px}}
#kontaktai .contact-heading{margin-bottom:0}

@media(max-width:760px){#kontaktai .contact-heading .kicker{font-size:32px}}

/* Silver offer: one clear message, optional details. */
#eskizas .silver-offer{padding:clamp(26px,5vw,64px);color:#172738;background:linear-gradient(125deg,#f5f8fc 0%,#c3cfdd 24%,#e7edf5 48%,#a1b2c6 78%,#d9e2ed 100%);border:1px solid #edf4ffb3;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 16px 44px #0002}
#eskizas .offer-first{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-.045em;text-align:center;max-width:21ch;margin:0 auto 40px;font-weight:500}
#eskizas .offer-decision{display:flex;justify-content:space-between;align-items:center;gap:28px;max-width:760px;margin:0 auto 40px}
#eskizas .offer-decision>p{color:#172738;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0}
#eskizas .offer-price{display:flex;flex-direction:column;text-align:center;gap:5px;flex-shrink:0}
#eskizas .offer-price strong{font-size:76px;line-height:1;font-weight:500;letter-spacing:-.06em}#eskizas .offer-price small{font-size:32px}#eskizas .offer-price span{font-size:14px}
#eskizas .free-steps{margin:0 0 30px;padding:24px 0;border-block:1px solid #233b5538;gap:24px}#eskizas .free-steps li{color:#172738}#eskizas .free-steps li>span:first-child{color:#50647c}
#eskizas .v6-offer-cta{display:flex;justify-content:center;width:min(100%,500px);margin:0 auto;padding:18px 24px;background:linear-gradient(135deg,#263d57,#142436);border:1px solid #142436;color:#fff;border-radius:10px;box-shadow:0 6px 18px #152b4526;font-size:16px}
#eskizas .offer-info{margin:22px auto 0;max-width:700px;text-align:center;font-size:14px;color:#263b51}#eskizas .offer-info summary{cursor:pointer;list-style:none;padding:8px}#eskizas .offer-info summary::-webkit-details-marker{display:none}#eskizas .offer-info summary>span:first-child{margin-right:7px}#eskizas .offer-info[open]>div{animation:offer-details .25s ease-out}#eskizas .offer-info p{line-height:1.7;margin:14px 0 0}
@keyframes offer-details{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:600px){#eskizas .offer-decision{gap:20px;margin-bottom:28px}#eskizas .offer-price strong{font-size:60px}#eskizas .offer-price span{font-size:12px}#eskizas .offer-first{margin-bottom:32px}#eskizas .free-steps{grid-template-columns:1fr;gap:18px}}
#heroScene .web-card{transition:transform .28s ease-out,box-shadow .25s ease-out;backface-visibility:hidden}
.hero-preview-window{transition:filter .2s ease-out}
@media(prefers-reduced-motion:reduce){#eskizas .offer-info[open]>div{animation:none}}

/* Centered offer hierarchy and readable disclosure. */
#eskizas .offer-first{max-width:none;font-size:clamp(28px,3.3vw,52px);margin-bottom:16px;text-wrap:balance}
#eskizas .offer-decision{flex-direction:column;text-align:center;gap:26px;margin-bottom:32px;max-width:none}
#eskizas .offer-decision>p{font-size:clamp(28px,3.3vw,52px);color:#172738}
#eskizas .offer-info summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;color:#172738;font-size:14px;font-weight:500}
#eskizas .offer-info summary svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#eskizas .offer-info summary>span:first-child{margin:0}
#eskizas .offer-info p{color:#263b51;opacity:1;font-size:15px;line-height:1.7}
#eskizas .offer-info summary:focus-visible{outline:2px solid #263b51;outline-offset:3px;border-radius:6px}
@media(min-width:1000px){#eskizas .offer-first{white-space:nowrap}}
/* Dark chrome offer: silver reflections on a graphite base. */
#eskizas .silver-offer{color:#f5f6f8;background:radial-gradient(ellipse at 12% 0%,#ffffff82 0%,#bbc5d044 17%,transparent 43%),radial-gradient(ellipse at 98% 92%,#e6edf075 0%,#84919c32 22%,transparent 49%),linear-gradient(122deg,#101318 0%,#3e4752 19%,#919aa4 29%,#333b46 37%,#11151c 53%,#080b10 70%,#414b57 91%,#171c24 100%);border:1px solid #d9e3ee73;box-shadow:inset 0 1px 0 #ffffffa1,inset 0 -1px 0 #9daabb4d,0 20px 65px #0005}
#eskizas .silver-offer .offer-first,#eskizas .silver-offer .offer-decision>p{color:#fff;text-shadow:0 2px 14px #0007}
#eskizas .silver-offer .offer-price{color:#fff;text-shadow:0 1px 8px #0008}
#eskizas .silver-offer .offer-price strong{background:linear-gradient(160deg,#fff 15%,#d2dbe4 48%,#fff 60%,#b4c2d0 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
#eskizas .silver-offer .free-steps{border-color:#e1e9f033}
#eskizas .silver-offer .free-steps li{color:#f2f5f9}#eskizas .silver-offer .free-steps li>span:first-child{color:#c6d0dc}
#eskizas .silver-offer .v6-offer-cta{color:#111823;background:linear-gradient(120deg,#fff 0%,#d5dde7 35%,#fafcff 60%,#aab9ca 100%);border-color:#ffffffa6;box-shadow:inset 0 1px 0 #fff,0 8px 24px #0005}
#eskizas .silver-offer .offer-info{color:#e2e7ed}#eskizas .silver-offer .offer-info summary{color:#f1f4f8}#eskizas .silver-offer .offer-info p{color:#e2e7ed}#eskizas .silver-offer .offer-info summary:focus-visible{outline-color:#e2e7ed}

/* V17: compact mobile navigation and complete first-screen composition. */
.av-brand-logo{color:var(--ink);mix-blend-mode:normal!important;filter:none!important;background:none}
.menu-languages{display:flex!important;justify-content:center;gap:18px;padding:18px 0;margin-top:16px;border-top:1px solid var(--line)}
.menu-languages button{min-width:44px;min-height:44px;font-size:16px}
@media(max-width:760px){
 .header-controls>.languages{display:none!important}
 .site-header .header-inner{height:68px;min-height:68px;padding:10px 16px;gap:12px}
 .site-header .header-controls{gap:10px;flex-shrink:0;margin-left:auto}
 .site-header .icon-button{width:44px!important;height:44px!important;min-width:44px;min-height:44px;max-height:44px;aspect-ratio:1;flex:0 0 44px;padding:0;border-radius:50%}
 .site-header .av-brand-logo{width:clamp(120px,34vw,160px)}
 .hero{height:auto;min-height:0;max-height:none}
 .hero .hero-inner{height:auto;min-height:0;width:100%;padding-bottom:12px}
 .hero .hero-copy{position:relative;top:auto;left:auto;max-width:none;width:100%;padding:88px 20px 0}
 .hero-copy>.kicker{display:none}
 .hero h1{font-size:clamp(32px,8.8vw,44px);line-height:1.05;max-width:16ch;margin:0 0 12px}
 .hero .hero-subtitle{font-size:clamp(16px,4.4vw,20px);line-height:1.35;margin:0 0 18px}
 .hero .actions{gap:10px;margin:0;display:flex;flex-wrap:nowrap}
 .hero .actions .pill{font-size:12px;padding:10px 12px;min-height:44px;flex:1;line-height:1.3}
 .hero #heroScene{display:block;position:relative;left:auto;top:auto;width:min(100%,430px);height:auto;aspect-ratio:1.2;margin:16px auto 0;transform:none}
 .hero .scene .orb{left:21%;top:16%;width:59%}
 .hero .scene-card.chromas{left:5%;top:2%;width:40%}
 .hero .scene-card.veloria{left:60%;top:7%;width:35%}
 .hero .scene-card.akiro{left:43%;top:55%;width:46%}
 .hero .hero-bottom{display:none}
 .footer .footer-top{display:flex;flex-direction:column;align-items:center;gap:30px}
 .footer .wordmark{display:block;margin:0 auto;width:190px}
 .footer .av-brand-logo{width:190px;height:auto;max-width:100%}
 .footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 24px;text-align:center}
 .footer .footer-bottom{text-align:center;align-items:center}
}
@media(max-width:760px) and (max-height:700px){
 .hero .hero-copy{padding-top:82px}
 .hero h1{font-size:32px;margin-bottom:9px}
 .hero .hero-subtitle{font-size:16px;margin-bottom:12px}
 .hero #heroScene{width:min(100%,350px);margin-top:12px}
}

@media(max-width:760px){#siteHeader .av-brand-logo{width:clamp(120px,34vw,160px)}}

/* V19: transparent vector wordmark and compact, centered mobile navigation. */
#menuTitle{outline:none;margin:0;line-height:1}
#menuDialog .dialog-head{padding:20px 24px;gap:18px}
#menuDialog .av-brand-logo{width:160px;max-width:100%;height:auto}
#menuDialog .menu-links{padding:18px 26px;gap:0;text-align:center}
#menuDialog .menu-links a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:13px 8px;font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(22px,6vw,28px);line-height:1.25;letter-spacing:-.035em;border:0;color:var(--ink);border-radius:12px;transition:background .2s,color .2s}
#menuDialog .menu-links a:hover{background:var(--surface)}
#menuDialog .menu-links a:focus{outline:none;box-shadow:none}
#menuDialog .menu-links a:focus-visible{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
#menuDialog .menu-languages{margin:0 24px;padding:14px 0;gap:24px}
#menuDialog .dialog-head .icon-button{width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;aspect-ratio:1}
@media(max-height:650px){#menuDialog .dialog-head{padding:14px 20px}#menuDialog .menu-links{padding-block:8px}#menuDialog .menu-links a{min-height:44px;padding-block:8px;font-size:22px}#menuDialog .menu-languages{padding-block:8px}}

.portfolio-poster{display:none}
#menuDialog .menu-foot{text-align:center;display:flex;justify-content:center}
@media(max-width:760px){
 .project-stage{height:auto!important;aspect-ratio:1363/936}
 .project-stage .portfolio-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .project-stage iframe{display:none!important}
}

/* Lightweight hero: retain the card transform/float/pointer system unchanged. */
.hero-preview-window{aspect-ratio:1440/900;filter:none;transition:none}
.hero-preview-window>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;object-position:center;pointer-events:none;user-select:none;transition:opacity .2s ease-out}
.hero-preview-window>[data-preview-state=default]{opacity:1}
.hero-preview-window>[data-preview-state=hover]{opacity:0}
.web-card:focus-visible .hero-preview-window>[data-preview-state=hover]{opacity:1}
.web-card:focus-visible .hero-preview-window>[data-preview-state=default]{opacity:0}
@media(hover:hover){.web-card:hover .hero-preview-window>[data-preview-state=hover]{opacity:1}.web-card:hover .hero-preview-window>[data-preview-state=default]{opacity:0}}
/* A still poster bridges loading; the previous live document is destroyed. */
.project-stage .portfolio-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.project-stage.has-live-preview .portfolio-poster{opacity:0}
@media(prefers-reduced-motion:reduce){.hero-preview-window>img,.project-stage .portfolio-poster{transition:none}}

/* Desktop poster and live document share the same 1440x900 viewport. */
@media(min-width:761px){.project-stage .portfolio-poster{object-fit:fill;height:auto;aspect-ratio:1440/900}.project-stage .portfolio-frame,.project-stage .portfolio-poster{transition:none}}