.page-masthead{position:sticky;top:0;backdrop-filter:blur(12px);background:rgb(23 54 44 / .97)}
.page-main{overflow:clip}
.page-hero{position:relative;min-height:66svh;padding:clamp(5rem,10vw,10rem) var(--pad) clamp(4rem,8vw,8rem);display:grid;align-items:end;background:#e8e2d4;isolation:isolate}
.page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 84% 20%,rgb(212 183 124 / .28),transparent 42%)}
.page-hero__inner{width:min(100%,1280px);margin:auto}
.page-hero__eyebrow,.page-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--rust);font-weight:700}
.page-hero h1{max-width:14ch;margin:1.7rem 0 1.25rem;font:500 clamp(3.5rem,8vw,8rem)/.9 var(--serif);letter-spacing:-.06em;color:var(--ink)}
.page-hero h1 em{color:var(--rust)}
.page-hero__lead{max-width:56ch;margin:0;color:#647067;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}
.page-wrap{width:min(100%,1280px);margin:auto;padding-inline:var(--pad)}
.page-section{padding:clamp(4rem,8vw,8rem) 0}
.page-section--paper{background:#f5f1e7}
.page-section--green{background:var(--green);color:#f2ede1}
.page-section--green .page-kicker{color:#dfb776}
.page-section__heading{max-width:720px;margin-bottom:3rem}
.page-section__heading h2{font:500 clamp(2.7rem,5vw,5rem)/.96 var(--serif);letter-spacing:-.045em;margin:.8rem 0 1rem}
.page-section__heading p{max-width:55ch;color:#647067;line-height:1.7}
.page-section--green .page-section__heading p{color:#c5cec4}
.page-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.2rem,3vw,3rem);align-items:center}
.page-image{grid-column:span 6;overflow:hidden;border-radius:2px 120px 2px 2px;background:#c6bdab;min-height:480px}
.page-image img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center 34%}
.page-copy{grid-column:span 6;max-width:56ch}
.page-copy p{color:#647067;line-height:1.8}
.page-copy p+p{margin-top:1.1rem}
.page-copy h2{font:500 clamp(2.4rem,4.5vw,4.2rem)/.98 var(--serif);letter-spacing:-.04em}
.page-pullquote{padding:clamp(4rem,9vw,9rem) var(--pad);background:#c4aa78;color:var(--ink);text-align:center}
.page-pullquote blockquote{max-width:25ch;margin:0 auto;font:500 clamp(2.4rem,5.5vw,5.8rem)/1 var(--serif);letter-spacing:-.045em}
.page-pullquote p{margin:1.5rem 0 0;color:#4d5a4e;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}
.page-list{list-style:none;padding:0;margin:0;border-top:1px solid rgb(255 255 255 / .22)}
.page-list li{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;align-items:center;padding:1.35rem 0;border-bottom:1px solid rgb(255 255 255 / .22);font:500 clamp(1.2rem,2vw,1.7rem)/1.3 var(--serif)}
.page-list b{font:600 .66rem var(--sans);color:#dfb776;letter-spacing:.12em}
.page-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}
.page-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:1.8rem;padding:1rem 1.3rem;border-radius:40px;background:var(--rust);color:#fff;font-size:.75rem;font-weight:650}
.page-cta--quiet{background:transparent;color:var(--ink);border:1px solid rgb(32 59 48 / .28)}
.page-cta:hover{transform:translateY(-2px)}
.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.5rem)}
.page-card{min-width:0;padding:1rem 0 1.3rem;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.page-card__image{width:100%;height:clamp(220px,27vw,360px);object-fit:contain;object-position:center;margin-bottom:1.2rem;mix-blend-mode:multiply}
.page-card__tag{color:var(--rust);font-size:.61rem;letter-spacing:.13em;text-transform:uppercase}
.page-card h3{font:500 clamp(1.55rem,2.4vw,2.4rem)/1 var(--serif);letter-spacing:-.03em;margin:.7rem 0}
.page-card p{color:#647067;line-height:1.65;font-size:.84rem;max-width:38ch;flex:1}
.page-card__link{margin-top:1rem;padding-bottom:.35rem;border-bottom:1px solid #9ca393;font-size:.7rem;font-weight:700}
.page-card__link:hover{color:var(--rust)}
.page-card--feature{padding:1rem 1.4rem 1.5rem;background:var(--green);color:#f1ecdf;border:0;border-radius:2px 60px 2px 2px}
.page-card--feature p{color:#c5cec4}
.page-card--feature .page-card__image{height:340px;mix-blend-mode:normal;border-radius:2px;object-fit:contain}
.book-feature-art{grid-column:span 5;min-height:540px;background:#183a2f;display:grid;place-items:center}
.book-feature-art__cover{width:min(82%,390px);height:auto;min-height:0;object-fit:contain;filter:drop-shadow(18px 22px 18px rgba(0,0,0,.24))}
.book-feature-copy{grid-column:span 7}
.page-card--feature .page-card__link{border-color:#8d9b8e}
.page-contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,7vw,7rem);align-items:start}
.page-contact h2{font:500 clamp(2.6rem,5vw,4.8rem)/.98 var(--serif);letter-spacing:-.045em}
.page-contact__topics{list-style:none;padding:0;margin:2rem 0 0;border-top:1px solid var(--line)}
.page-contact__topics li{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;gap:1rem;align-items:center}
.page-contact__topics b{font-size:.65rem;color:var(--rust);letter-spacing:.12em}
.page-contact__form{display:grid;gap:1rem;padding:clamp(1.3rem,3vw,2.5rem);background:#e8e2d4;border-radius:2px 56px 2px 2px}
.page-contact__form label{display:grid;gap:.4rem;font-size:.69rem;letter-spacing:.04em;color:#536258}
.page-contact__form input,.page-contact__form select,.page-contact__form textarea{width:100%;padding:.85rem .9rem;border:1px solid rgb(32 59 48 / .25);border-radius:2px;background:#f8f5ed;color:var(--ink);font:inherit}
.page-contact__form textarea{min-height:150px;resize:vertical}
.page-contact__form input:focus,.page-contact__form select:focus,.page-contact__form textarea:focus{outline:2px solid var(--rust);outline-offset:2px}
.page-contact__form button{border:0;cursor:pointer;justify-self:start;font:inherit}
.page-contact__email{color:#647067;line-height:1.7}
.page-contact__email a{color:var(--rust);text-underline-offset:4px}
.page-media-feature{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:460px;background:var(--green);color:#f1ecdf;overflow:hidden;border-radius:2px 100px 2px 2px}
.page-media-feature__copy{padding:clamp(2rem,5vw,5rem);align-self:center}
.page-media-feature__copy h2{font:500 clamp(2.4rem,4vw,4.2rem)/1 var(--serif);margin:1rem 0}
.page-media-feature__copy p{color:#c5cec4;max-width:42ch;line-height:1.7}
.page-media-feature__visual{display:grid;place-items:center;background:radial-gradient(circle at 52% 44%,#496451,transparent 62%),#203b30}
.page-media-feature__visual span{font:500 clamp(5rem,10vw,10rem)/1 var(--serif);color:#d4b77c}
.page-media-feature .page-cta{background:#d4b77c;color:var(--ink)}
.page-legal{max-width:820px;margin:auto}
.page-legal p{color:#647067;line-height:1.85;margin:0 0 1.4rem}
.page-legal a{color:var(--rust);text-underline-offset:4px}
.page-ending{padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--green);color:#f1ecdf}
.page-ending__inner{width:min(100%,1280px);margin:auto;display:flex;align-items:end;justify-content:space-between;gap:2rem}
.page-ending h2{font:500 clamp(2.5rem,5vw,5rem)/.95 var(--serif);margin:1rem 0 0;max-width:14ch}
.page-ending__links{display:flex;flex-wrap:wrap;gap:.8rem}
.page-ending__links a{padding:.8rem 1rem;border:1px solid #728476;border-radius:40px;font-size:.7rem}
.page-ending__links a:hover{color:#dfb776;border-color:#dfb776}
.subpage-footer{grid-template-columns:.8fr 1.2fr 1fr 1.1fr}
.subpage-footer .footer__about>a{display:inline-block;margin-top:.3rem;color:#e2bd79;text-decoration:underline;text-underline-offset:4px;font-size:.7rem}
.subpage-footer nav::before{content:"Otvori";color:#d5bf8d;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem}
.subpage-footer nav.footer__social::before{content:"Prati i pridruži se"}
.subpage-footer nav.footer__social{justify-self:start}
.subpage-footer nav[aria-label="Projekti i stranice"]{justify-self:start}
.subpage-footer small{grid-column:1/-1}
@media(max-width:850px){.page-hero{min-height:56svh}.page-contact{grid-template-columns:1fr;gap:2rem}.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-feature-art,.book-feature-copy{grid-column:1/-1}.book-feature-art{min-height:460px}.subpage-footer{grid-template-columns:1fr 1fr}.subpage-footer .footer__name{grid-column:1;grid-row:1}.subpage-footer .footer__about{grid-column:2;grid-row:1}.subpage-footer nav[aria-label="Projekti i stranice"]{grid-column:1;grid-row:2}.subpage-footer nav.footer__social{grid-column:2;grid-row:2}.subpage-footer small{grid-row:3}}
@media(max-width:600px){.page-hero{min-height:62svh;padding-top:5rem}.page-hero h1{font-size:clamp(3.3rem,15vw,5.3rem)}.page-section{padding-block:4rem}.page-image,.page-copy{grid-column:1/-1}.page-image,.page-image img{min-height:360px}.book-feature-art{min-height:420px}.book-feature-art__cover{width:min(78%,340px)}.page-grid{gap:2rem}.page-card-grid{grid-template-columns:1fr;gap:1.5rem}.page-card__image{height:260px}.page-card--feature .page-card__image{height:280px}.page-contact__form{padding:1.2rem}.page-media-feature{grid-template-columns:1fr}.page-media-feature__visual{min-height:220px;grid-row:1}.page-media-feature__copy{grid-row:2}.page-ending__inner{display:block}.page-ending__links{margin-top:1.8rem}.subpage-footer{grid-template-columns:1fr 1fr;padding-top:3.5rem}.subpage-footer .footer__name{grid-column:1;grid-row:1}.subpage-footer .footer__about{grid-column:1/-1;grid-row:2}.subpage-footer nav[aria-label="Projekti i stranice"]{grid-column:1;grid-row:3}.subpage-footer nav.footer__social{grid-column:2;grid-row:3}.subpage-footer small{grid-row:4}}
@media(prefers-reduced-motion:reduce){.page-cta:hover{transform:none}}