/* Zaključni vizualni popravki: ohranjen obstoječi slog, izboljšane fotografije in odzivnost. */
body{animation:page-enter .32s ease both;transition:opacity .22s ease,transform .22s ease}
body.page-leaving{opacity:0;transform:translateY(8px)}
@keyframes page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
:where(a,button,input,textarea):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.menu-toggle{width:46px;height:46px;place-items:center;position:relative;cursor:pointer}
.menu-toggle span{position:absolute;margin:0;transition:transform .25s ease,opacity .2s ease}
.menu-toggle span:first-child{transform:translateY(-4px)}
.menu-toggle span:last-child{transform:translateY(4px)}
.site-header.open .menu-toggle span:first-child{transform:rotate(45deg)}
.site-header.open .menu-toggle span:last-child{transform:rotate(-45deg)}
.hero-photo{grid-template-columns:minmax(520px,48%) minmax(0,52%)}
.hero-image{grid-column:2}
.hero-image-finished img{object-position:50% 46%}
.hero-image:after{inset:0 0 0 48%;background:linear-gradient(90deg,rgba(23,25,22,.52),transparent 22%)}
.hero-panel{max-width:780px;padding-right:clamp(32px,5vw,78px)}
.hero-note{border-top:1px solid var(--line);border-left:1px solid var(--line)}
.home-page .mobile-arrow{display:none}
.service-editorial{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:22px;align-items:stretch}
.service-editorial .service-feature{overflow:hidden}
.service-main{display:grid;grid-template-rows:minmax(520px,1fr) auto}
.service-main img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:50% 48%}
.service-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.service-side .service-feature{display:grid;grid-template-columns:44% 56%;min-height:0}
.service-side .service-feature img{width:100%;height:100%;object-fit:cover}
.service-side .service-feature>div{display:flex;flex-direction:column;justify-content:flex-end;padding:25px}
.crop-shower{object-position:50% 37%}.crop-fireplace{object-position:50% 44%}.crop-finished{object-position:50% 47%}.crop-marble{object-position:52% 43%}.crop-stone{object-position:50% 57%}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,250px);gap:18px}
.portfolio-grid .work-shot{width:100%;height:100%;min-width:0}
.portfolio-fireplace{grid-column:1/8!important;grid-row:1/3!important}
.portfolio-shower{grid-column:8/13!important;grid-row:1/3!important}
.portfolio-finished{grid-column:1/7!important;grid-row:3/4!important}
.portfolio-stone{grid-column:7/10!important;grid-row:3/4!important}
.portfolio-process{grid-column:10/13!important;grid-row:3/4!important}
.portfolio-grid .work-shot img{width:100%;height:100%;object-fit:cover}
.reason-grid article{min-height:190px}.reason-grid b{display:block;max-width:220px}.reason-grid p{max-width:270px}
.price-group{overflow:hidden}.price-group td:first-child{width:72%;padding-right:14px;overflow-wrap:anywhere}.price-group td:last-child{width:28%}
.form-card .button{min-width:230px}.contact-cards a{min-height:78px}.map-link{min-height:74px}
.services-page .sv-also .text-link svg,.contact-grid .map-link svg,.contact-grid .form-card .button svg{flex:none;vertical-align:middle}
.reveal{transform:translateY(12px);transition:opacity .58s ease,transform .58s ease}
@media(max-width:1100px){.service-editorial{grid-template-columns:1.1fr .9fr}.service-side .service-feature{grid-template-columns:1fr}.service-side .service-feature img{height:220px}.service-side .service-feature>div{padding:20px 24px 24px}.service-main{grid-template-rows:minmax(500px,1fr) auto}}
@media(max-width:1000px){
 body.menu-open{overflow:hidden}.menu-toggle{display:grid}
 .site-header.open nav{max-height:calc(100dvh - 88px);overflow:auto;gap:0;padding:16px clamp(24px,7vw,70px) 26px;box-shadow:0 18px 35px rgba(23,25,22,.12)}
 .site-header.open nav a{width:100%;min-height:50px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.site-header.open nav a:after{display:none}.site-header.open nav a.active{color:var(--gold)}
 .hero-photo{grid-template-columns:1fr}.hero-image:after{inset:0;background:linear-gradient(0deg,rgba(23,25,22,.56),transparent 46%)}.hero-image-finished img{object-position:50% 44%}
 .service-editorial{grid-template-columns:1fr}.service-main{grid-template-rows:520px auto}.service-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.service-side .service-feature{display:block}.service-side .service-feature img{height:310px}
 .portfolio-grid{grid-template-rows:repeat(3,210px)}
}
@media(max-width:768px){
 .hero-panel{max-width:680px}.hero-panel h1{font-size:clamp(2.85rem,8vw,4rem)}.service-main{grid-template-rows:460px auto}.service-side .service-feature img{height:270px}
 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:470px 340px 250px 250px;gap:12px}
 .portfolio-fireplace{grid-column:1/3!important;grid-row:1/2!important}.portfolio-shower{grid-column:1/2!important;grid-row:2/3!important}.portfolio-stone{grid-column:2/3!important;grid-row:2/3!important}.portfolio-finished{grid-column:1/3!important;grid-row:3/4!important}.portfolio-process{grid-column:1/3!important;grid-row:4/5!important}
 .reason-grid article{min-height:0}.price-group td:first-child{width:68%}.price-group td:last-child{width:32%}
}
@media(max-width:620px){
 .site-header.open nav{top:76px;max-height:calc(100dvh - 76px)}.hero-image{height:48vh;min-height:360px}.hero-panel{padding:48px 24px 56px}.hero-panel h1{font-size:clamp(2.5rem,11vw,3.2rem);line-height:1.01}.hero-panel p{font-size:1rem;margin:24px 0}.hero-panel .button{padding:13px 16px}
 .service-main{grid-template-rows:410px auto}.service-side{grid-template-columns:1fr}.service-side .service-feature img{height:340px}.service-feature>div,.service-side .service-feature>div{padding:22px 22px 26px}
 .portfolio-grid{grid-template-rows:410px 300px 230px 230px;gap:10px}.portfolio-grid .work-shot span{display:none}.work .section-head p{margin:0}
 .price-group td{line-height:1.4;padding-top:12px;padding-bottom:12px}.price-group td:first-child{width:66%;padding-right:10px}.price-group td:last-child{width:34%;padding-left:8px}.form-card .button{min-width:0}.mobile-call{box-shadow:0 -8px 24px rgba(23,25,22,.14)}
 .contact-grid .form-card{display:none}
}
@media(max-width:400px){
 .section{padding-left:20px;padding-right:20px}.hero-panel{padding-left:20px;padding-right:20px}.hero-panel h1{font-size:clamp(2.25rem,11.5vw,2.6rem)}.hero-note{padding-left:20px;padding-right:20px}
 .portfolio-grid{grid-template-columns:1fr;grid-template-rows:380px 390px 280px 230px 270px;gap:10px}.portfolio-fireplace,.portfolio-shower,.portfolio-finished,.portfolio-stone,.portfolio-process{grid-column:1/2!important}.portfolio-fireplace{grid-row:1/2!important}.portfolio-shower{grid-row:2/3!important}.portfolio-finished{grid-row:3/4!important}.portfolio-stone{grid-row:4/5!important}.portfolio-process{grid-row:5/6!important}
 .page-hero h1,.section h2,.cta h2{font-size:clamp(2.1rem,11vw,2.45rem)}.price-group{padding:20px 14px}.price-group td{font-size:.86rem}.price-group td:first-child{width:64%}.price-group td:last-child{width:36%}.contact-cards strong{font-size:clamp(1.15rem,6.5vw,1.45rem);overflow-wrap:anywhere}
}
/* Samo mobilna domača stran: hero in tri storitve v zaporedju fotografija/besedilo. */
@media(max-width:620px){
 .home-page .hero-photo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;isolation:isolate;background:var(--ink) url('assets/projects/project-04.jpg') 52% 55%/cover no-repeat}
 .home-page .hero-photo::before{content:'';position:absolute;inset:0;background:rgba(23,25,22,.5);z-index:1;pointer-events:none}
 .home-page .hero-panel{grid-column:1;grid-row:1;align-self:stretch;max-width:none;min-width:0;padding:76px clamp(22px,5.5vw,24px) 68px;background:transparent;position:relative;z-index:2}
 .home-page .hero-panel h1{font-size:clamp(2.25rem,10vw,2.8rem);line-height:1.08;max-width:16ch}
 .home-page .hero-panel p{margin:26px 0 30px}
 .home-page .hero-image{display:none}
 .home-page .hero-note{grid-column:1;grid-row:2;position:relative;z-index:2}
 .home-page .service-main{display:flex;flex-direction:column}
 .home-page .service-main img{flex:none;width:100%;height:340px;min-height:0;object-fit:cover}
 .home-page .service-editorial .service-feature>div{position:static;background:#fff;color:var(--ink)}
 .home-page .desktop-arrow{display:none}
 .home-page .mobile-arrow{display:block;flex:none;width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}body.page-leaving{opacity:1;transform:none}}

/* Storitve: enotna uredniška kompozicija. */
.services-page .sv-hero{display:grid;grid-template-columns:44% 56%;min-height:620px;background:var(--ink);color:#fff}
.services-page .sv-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(40px,7vw,105px)}
.services-page .sv-hero h1{font:700 clamp(2.8rem,4.5vw,5.1rem)/1.04 var(--head);letter-spacing:-.055em;margin:0}
.services-page .sv-hero p{color:#c7c9c3;font-size:1.08rem;max-width:510px;margin:28px 0 34px}
.services-page .sv-hero-photo{min-width:0;overflow:hidden}.services-page .sv-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.services-page .sv-projects{background:var(--paper)}
.services-page .sv-projects .section-head p{max-width:430px;color:var(--muted)}
.services-page .sv-project-list{display:grid;gap:clamp(90px,11vw,155px)}
.services-page .sv-project{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr);grid-template-rows:auto minmax(0,1fr);gap:22px clamp(25px,5vw,80px);min-height:640px}
.services-page .sv-project-text{grid-column:2;grid-row:1;align-self:end}
.services-page .sv-project-text h3{font:700 clamp(1.9rem,3.1vw,3rem)/1.13 var(--head);letter-spacing:-.04em;margin:0 0 18px}
.services-page .sv-project-text p{color:var(--muted);margin:0 0 18px}
.services-page .sv-tags{display:block;color:var(--muted);font-size:.75rem;line-height:1.65;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.services-page .sv-project-photos{display:contents}
.services-page .sv-project-lead{grid-column:1;grid-row:1/3;height:clamp(630px,57vw,790px)}
.services-page .sv-project-detail{grid-column:2;grid-row:2;display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0;height:clamp(340px,35vw,470px)}
.services-page .sv-project:nth-child(2){grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr)}
.services-page .sv-project:nth-child(2) .sv-project-text,.services-page .sv-project:nth-child(2) .sv-project-detail{grid-column:1}
.services-page .sv-project:nth-child(2) .sv-project-lead{grid-column:2}
.services-page .sv-photo{display:block;width:100%;height:100%;border:0;padding:0;overflow:hidden;background:#ddd;cursor:zoom-in}
.services-page .sv-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.services-page .sv-photo:hover img{transform:scale(1.02)}
.services-page .sv-more{background:#e8e4da}
.services-page .sv-more .section-head{max-width:860px}
.services-page .sv-more-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);gap:clamp(30px,6vw,90px);align-items:start}
.services-page .sv-more-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:260px 200px;gap:12px}
.services-page .sv-more-photos .sv-photo:nth-child(1){grid-column:span 4;grid-row:span 2}
.services-page .sv-more-photos .sv-photo:nth-child(2){grid-column:span 2}
.services-page .sv-more-photos .sv-photo:nth-child(3),.services-page .sv-more-photos .sv-photo:nth-child(4){grid-column:span 1}
.services-page .sv-also{padding-top:3px}.services-page .sv-also h3{font-size:1.55rem;margin:0 0 22px}
.services-page .sv-also ul{padding:0;margin:0 0 26px;list-style:none;border-top:1px solid var(--line)}
.services-page .sv-also li{padding:11px 0;border-bottom:1px solid var(--line);font-weight:600}
@media(max-width:1100px){.services-page .sv-hero{min-height:540px}.services-page .sv-hero-copy{padding:clamp(35px,5vw,65px)}.services-page .sv-hero h1{font-size:clamp(2.6rem,4.7vw,4.2rem)}.services-page .sv-project{gap:18px 30px}.services-page .sv-project-lead{height:630px}.services-page .sv-more-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.9fr);gap:32px}.services-page .sv-more-photos{grid-template-rows:220px 180px}}
@media(max-width:700px){.services-page .sv-hero{display:flex;flex-direction:column;min-height:0}.services-page .sv-hero-copy{padding:58px 24px 44px}.services-page .sv-hero h1{font-size:clamp(2.5rem,9vw,3.6rem)}.services-page .sv-hero-photo{height:clamp(400px,100vw,560px)}.services-page .sv-project-list{gap:90px}.services-page .sv-project,.services-page .sv-project:nth-child(2){display:flex;flex-direction:column;min-height:0;gap:0}.services-page .sv-project-text{margin-bottom:25px}.services-page .sv-project-lead{height:clamp(360px,100vw,510px);margin-bottom:10px}.services-page .sv-project-detail{display:flex;flex-direction:column;height:auto;gap:10px}.services-page .sv-project-detail .sv-photo{height:clamp(250px,70vw,370px)}.services-page .sv-more-layout{grid-template-columns:1fr;gap:36px}.services-page .sv-more-photos{grid-template-rows:250px 180px}.services-page .sv-also{padding:0}.services-page .sv-also ul{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}}
@media(max-width:400px){.services-page .sv-hero-copy{padding-left:20px;padding-right:20px}.services-page .sv-hero h1{font-size:2.45rem}.services-page .sv-more-photos{grid-template-rows:200px 150px}.services-page .sv-also ul{grid-template-columns:1fr}}

.services-page .sv-more-photos{grid-column:1;grid-row:1}
.services-page .sv-expand{grid-column:1;grid-row:2;justify-self:start;display:inline-flex;align-items:center;gap:18px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:700 1rem var(--body);padding:12px 0;cursor:pointer;min-height:48px}
.services-page .sv-expand span{font-size:1.35rem;font-weight:400;line-height:1}
.services-page .sv-extra-outer{grid-column:1/-1;grid-row:3;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .38s ease,visibility .38s}
.services-page .sv-extra-outer.is-open{grid-template-rows:1fr;visibility:visible}
.services-page .sv-extra-photos{min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.services-page .sv-extra-photos .sv-photo{height:260px;margin-top:12px}
.services-page .sv-also{grid-column:2;grid-row:1/3}
@media(max-width:1100px){.services-page .sv-extra-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.services-page .sv-extra-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.services-page .sv-extra-photos{grid-template-columns:1fr}}
@media(max-width:700px){.services-page .sv-more-layout{gap:20px}.services-page .sv-more-photos{grid-row:1}.services-page .sv-expand{grid-row:2}.services-page .sv-extra-outer{grid-row:3}.services-page .sv-also{grid-column:1;grid-row:4;margin-top:20px}.services-page .sv-extra-photos{grid-template-columns:1fr}.services-page .sv-extra-photos .sv-photo{height:clamp(260px,75vw,370px)}}
@media(prefers-reduced-motion:reduce){.services-page .sv-extra-outer{transition:none}}