:root{--navy:#1e292b;--cream:#faf8f4;--wood:#754e37;--line:#dcd4c8;--muted:#505a56}body{font-size:16px}.wrap{width:min(1280px,90%)}.bar{background:#232e2e}.bar .wrap{padding:7px 0}.nav{min-height:83px}.brand img{width:65px}.links a{font-size:.9rem}.btn,.btn.alt{border-radius:2px}.hero{position:relative;display:flex;align-items:end;min-height:clamp(485px,58vw,670px);background:#292b25;color:#fff;border-radius:0;isolation:isolate}.hero figure{position:absolute;inset:0;min-height:0;z-index:-2}.hero img{height:100%;object-position:center}.hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#191e1be8,#191e1b9c 45%,#191e1b19 85%);z-index:0}.hero .intro{max-width:650px;padding:clamp(26px,6vw,88px)}.hero h1{font-weight:400;font-size:clamp(2.9rem,6.4vw,6.2rem);line-height:.96}.hero p{color:#f1eee8;max-width:420px;margin-bottom:1.55rem}.hero .eyebrow{color:#eed3b4}.hero .btn{background:#f8f1e6;color:#212b29}.hero .btn.alt{background:transparent;color:white;border-color:#eee6da}.hero .btn:hover{background:#e6d4bb;color:#212b29}.hero figcaption{background:#242820df;color:white;border-radius:0}.section{padding:clamp(55px,8vw,100px) 0}.sectionhead{margin-bottom:23px}.eyebrow{letter-spacing:.16em}.filters button{border-radius:2px}.grid{gap:clamp(16px,2.5vw,35px)}.card{background:transparent;border:0;border-radius:0}.card img{aspect-ratio:1.65;background:#e9e1d4}.card .copy{padding:18px 0;border-bottom:1px solid var(--line)}.band{background:#efeae1}.service{padding:16px 0 6px}.service b{display:block;margin-bottom:8px}.service h3{font:600 1.45rem/1.1 Georgia,serif}.service p,.process p{color:var(--muted)}.process{margin-top:24px}form{border-radius:0;padding:clamp(16px,3vw,30px)}footer{background:#232e2e}@media(max-width:760px){.nav{padding-bottom:12px}.hero{min-height:510px}.hero figure:after{background:linear-gradient(0deg,#191e1bf5,#191e1b4d 86%)}.hero .intro{padding-bottom:54px}.hero img{height:100%;object-position:61% center}.hero figcaption{bottom:8px}.links{padding:0}}

/* Interior pages follow the same material palette as the entrance. */
.nav{min-height:112px;gap:24px}.brand{gap:11px}.brand img{width:94px;height:94px;object-fit:contain}.brand{font-size:1.02rem}.links a:hover{color:var(--wood);text-decoration:underline;text-underline-offset:6px}
section[id]{scroll-margin-top:16px}
#kuhinje .sectionhead{max-width:650px}.card .copy h3{font:600 1.52rem/1.12 Georgia,serif}.card .copy p{color:var(--muted)}.card .copy a{display:inline-block;text-underline-offset:4px}.card img{aspect-ratio:1.75}
.services-layout{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,1.5fr);gap:clamp(28px,7vw,100px);align-items:start}.services-intro p{max-width:30ch;margin-bottom:1.4em}.service-list{display:block}.service{display:grid;grid-template-columns:2.5rem 1fr;column-gap:10px;padding:20px 0 13px}.service b{grid-row:span 2}.service h3,.service p{grid-column:2}.service h3{margin-bottom:.35em}.service:last-child{border-bottom:1px solid #c8b49e}
#potek .process div{border-color:var(--line);padding:20px 0}.process h3{font:600 1.3rem/1.17 Georgia,serif}
#povprasevanje{background:#23312f;color:#fff}.contact{align-items:start;gap:clamp(24px,6vw,80px)}.contact>div p{max-width:40ch;color:#e2e2d9}.contact>div a{text-underline-offset:4px}.contact .eyebrow{color:#e2bfa1}.contact form{color:var(--navy);border:0}.contact form .btn{justify-self:start}
@media(max-width:760px){.nav{min-height:0;gap:10px}.brand img{width:76px;height:76px}.services-layout{grid-template-columns:1fr}.contact{grid-template-columns:1fr}}
@media(max-width:400px){.brand{font-size:.83rem;gap:6px}.brand img{width:64px;height:64px}}

.about{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,8vw,110px);align-items:start}
.about-intro p{max-width:50ch;color:var(--muted);margin:0 0 1.5rem}
.about-points article{padding:18px 0;border-top:1px solid var(--line)}
.about-points article:last-child{border-bottom:1px solid var(--line)}
.about-points h3{font:600 1.4rem/1.2 Georgia,serif}
.about-points p{margin:0;color:var(--muted)}
@media(max-width:760px){.about{grid-template-columns:1fr}}

.catalog-intro{display:grid;grid-template-columns:1.2fr minmax(220px,.65fr);gap:22px 48px;align-items:end;margin-bottom:24px}
.catalog-intro h2{margin:0}.catalog-intro p{margin:0;max-width:45ch}
.catalog-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--line);padding:13px 0 19px}
.catalog-bar .filters{margin:0}.catalog-bar small{color:var(--muted)}
.catalog-grid .card:not([hidden]){display:flex;flex-direction:column}
.catalog-grid .card>img{aspect-ratio:1.14;object-position:center 59%;height:auto}
.catalog-grid .copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.catalog-grid .copy>a{margin-top:auto;padding-top:12px}
.catalog-grid details{width:100%;color:var(--muted);font-size:.9rem}
.catalog-grid summary{cursor:pointer;width:fit-content}
.catalog-grid details img{margin-top:8px;aspect-ratio:1.75}
@media(max-width:760px){.catalog-intro{grid-template-columns:1fr;gap:10px}}

/* Private montage preview: access, contact and small-screen refinements. */
.hero .intro{max-width:800px;padding:clamp(26px,5vw,64px)}.hero figcaption{background:#23312f;color:#fff}
[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:#fff;color:#23312f;padding:12px}.skip-link:focus{top:12px}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{min-width:0;min-height:44px}input,textarea{font-size:16px}.contact form a{text-underline-offset:3px}.enquiry-review{border-top:1px solid #c9c0b3;padding-top:20px;display:grid;gap:12px}.enquiry-review textarea{font-weight:400}.enquiry-review .btn.alt{color:#23312f}.enquiry-review h3{font:600 1.5rem Georgia,serif}#form-status{font-size:.9rem;margin:0}#form-status:empty{display:none}.footer-layout{display:flex;justify-content:space-between;gap:24px;align-items:start}.legal{max-width:860px;padding:45px 0 70px}.legal h1{font-size:clamp(2rem,5vw,3.4rem)}.legal h2{font:600 1.45rem Georgia,serif;letter-spacing:0;margin:32px 0 12px}.legal p,.legal li{max-width:72ch}.preview-note{padding:12px 16px;border-left:3px solid #995e3c;background:#efeae1}
@media(max-width:760px){.links a{padding:8px 0;display:inline-block}.links{gap:8px 20px}.hero h1{font-size:clamp(2.7rem,12vw,4.5rem)}.footer-layout{flex-direction:column}.contact form{min-width:0}.hero .intro{padding:40px 24px 54px}.form-pair{grid-template-columns:1fr}.process{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.reference-intro{max-width:64ch;color:var(--muted)}.reference-grid{margin-top:28px}.reference-grid figure{margin:0;min-width:0}.reference-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.reference-grid a{display:block}.reference-grid figcaption{padding:16px 0;border-bottom:1px solid var(--line)}.reference-grid figcaption strong,.reference-grid figcaption span{display:block}.reference-grid figcaption span{color:var(--muted);font-size:.9rem;margin-top:5px}.reference-grid a:focus-visible{outline:3px solid var(--wood);outline-offset:5px}

/* Responsive review: keep the illustration label above the image shade. */
.hero figcaption{z-index:1}
@media(max-width:760px){.links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.footer-layout a{display:inline-flex;align-items:center;min-height:44px}}
