/* Naslovnica v5: fotografija, stvarni radovi i jasne komercijalne ponude. */
.ws5-home { --ws5-navy:#06293f; --ws5-ink:#0a2435; --ws5-muted:#506576; --ws5-paper:#fbfcfa; box-sizing:border-box; color:var(--ws5-ink); font-size:1rem; line-height:1.55; }
.ws5-home *, .ws5-home *::before, .ws5-home *::after { box-sizing:border-box; }
.ws5-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.ws5-home h1,.ws5-home h2,.ws5-home h3,.ws5-home p { margin:0; }
.ws5-home h1,.ws5-home h2,.ws5-home h3 { color:inherit; font-weight:850; letter-spacing:0; }
.ws5-home h1 { max-width:760px; font-size:clamp(2.9rem,5vw,5.35rem); line-height:.98; }
.ws5-home h2 { max-width:850px; font-size:clamp(2rem,3.6vw,3.85rem); line-height:1.04; }
.ws5-home h3 { font-size:1.38rem; line-height:1.16; }
.ws5-kicker { display:inline-flex; align-items:center; margin:0 0 18px; color:#ffe08a; font-size:.78rem; font-weight:900; letter-spacing:.06em; line-height:1.1; text-transform:uppercase; }
.ws5-kicker--dark { color:#9c730d; }

.ws5-hero { position:relative; overflow:hidden; min-height:610px; padding:84px 0 78px; background-color:var(--ws5-navy); background-image:url('../assets/images/home/adriatic-webdesign-hero.png'); background-position:20% 48%; background-repeat:no-repeat; background-size:108% auto; color:#fff; animation:ws5-hero-drone 24s cubic-bezier(.42,0,.16,1) infinite alternate; will-change:background-position,background-size; }
.ws5-hero::before { position:absolute; z-index:0; inset:0; content:""; background:rgba(3,22,35,.62); }
.ws5-hero::after { display:none; }
.ws5-hero__inner { position:relative; z-index:1; display:flex; align-items:center; min-height:448px; }
.ws5-hero__copy { max-width:780px; animation:ws5-hero-copy-in .8s cubic-bezier(.2,.8,.2,1) both; }
.ws5-hero__mobile-media { display:none; }
.ws5-brand { display:inline-flex; align-items:center; gap:11px; margin-bottom:30px; color:rgba(255,255,255,.88); font-size:.79rem; font-weight:800; letter-spacing:.04em; line-height:1.28; text-transform:uppercase; }
.ws5-brand img { display:block; width:64px; height:64px; border:2px solid rgba(255,226,138,.82); border-radius:50%; object-fit:cover; box-shadow:0 10px 26px rgba(0,0,0,.35); }
.ws5-intro { max-width:640px; margin-top:24px!important; color:rgba(255,255,255,.9); font-size:clamp(1.04rem,1.45vw,1.24rem); }
.ws5-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.ws5-button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border:1px solid transparent; border-radius:4px; font-weight:900; line-height:1.1; text-align:center; text-decoration:none; transition:transform .2s ease,background-color .2s ease,border-color .2s ease; }
.ws5-button:hover,.ws5-button:focus { transform:translateY(-2px); text-decoration:none; }
.ws5-button--gold { color:#081d2b; background:#f0c652; box-shadow:0 14px 28px rgba(0,0,0,.22); }
.ws5-button--clear { border-color:rgba(255,255,255,.55); color:#fff; background:rgba(4,31,47,.28); }
.ws5-button--navy { margin-top:28px; color:#fff; background:var(--ws5-navy); }
.ws5-hero__note { margin-top:27px!important; color:rgba(255,255,255,.76); font-size:.92rem; }

@keyframes ws5-hero-drone {
	from { background-position:20% 48%; background-size:108% auto; }
	to { background-position:78% 58%; background-size:132% auto; }
}
@keyframes ws5-hero-copy-in {
	from { opacity:0; transform:translate3d(0,18px,0); }
	to { opacity:1; transform:translate3d(0,0,0); }
}
@media (prefers-reduced-motion:reduce) {
	.ws5-hero,.ws5-hero__copy { animation:none; }
	.ws5-hero { background-position:center; background-size:cover; }
}

.ws5-offers,.ws5-packages { padding:clamp(72px,8vw,112px) 0; background:var(--ws5-paper); }
.ws5-heading { margin-bottom:38px; }
.ws5-heading--split { display:grid; grid-template-columns:minmax(0,.7fr) minmax(260px,.3fr); gap:40px; align-items:end; max-width:none; }
.ws5-heading--split>p { max-width:380px; color:var(--ws5-muted); font-size:1.06rem; }
.ws5-heading--center { max-width:860px; margin-inline:auto; text-align:center; }
.ws5-offers__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(10,36,53,.18); border-bottom:1px solid rgba(10,36,53,.18); }
.ws5-offer { min-height:282px; padding:31px 32px; color:var(--ws5-ink); text-decoration:none; transition:background-color .2s ease,color .2s ease; }
.ws5-offer+.ws5-offer { border-left:1px solid rgba(10,36,53,.18); }
.ws5-offer:hover,.ws5-offer:focus { color:#fff; background:var(--ws5-navy); text-decoration:none; }
.ws5-offer i { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:34px; border:1px solid rgba(216,173,54,.72); color:#9a7111; font-size:1.16rem; }
.ws5-offer h3 { margin:0; }
.ws5-offer p { margin-top:13px; color:var(--ws5-muted); }
.ws5-offer span { display:block; margin-top:24px; color:#956b08; font-size:.89rem; font-weight:900; }
.ws5-offer:hover p,.ws5-offer:focus p { color:rgba(255,255,255,.78); }
.ws5-offer:hover span,.ws5-offer:focus span,.ws5-offer:hover i,.ws5-offer:focus i { color:#ffe18a; }

.ws5-gallery { padding:clamp(62px,7vw,90px) 0; background:#eef4f2; }
.ws5-carousel { max-width:1040px; margin-inline:auto; }
.ws5-gallery .ws3-carousel__viewport { overflow:hidden; border:1px solid rgba(10,36,53,.14); border-radius:6px; background:#fff; box-shadow:0 22px 52px rgba(10,36,53,.12); }
.ws5-gallery .ws3-carousel__track { align-items:stretch; }
.ws5-gallery #ws5-work-mini:checked~.ws3-carousel__viewport .ws3-carousel__track { transform:translateX(0); }
.ws5-gallery #ws5-work-start:checked~.ws3-carousel__viewport .ws3-carousel__track { transform:translateX(-100%); }
.ws5-gallery #ws5-work-pro:checked~.ws3-carousel__viewport .ws3-carousel__track { transform:translateX(-200%); }
.ws5-gallery #ws5-work-premium:checked~.ws3-carousel__viewport .ws3-carousel__track { transform:translateX(-300%); }
.ws5-gallery .ws3-case { display:grid; grid-template-columns:minmax(0,.66fr) minmax(270px,.34fr); min-width:100%; gap:0; padding:0; }
.ws5-gallery .ws3-case__image { min-height:320px; height:360px; border-radius:0; background:#102d3e; }
.ws5-gallery .ws3-case__image img { object-position:center top; }
.ws5-gallery .ws3-case__copy { display:flex; min-height:360px; height:auto; flex-direction:column; justify-content:center; padding:34px; border-radius:0; color:var(--ws5-ink); background:#fff; }
.ws5-gallery .ws3-case__copy span { color:#94700e; background:transparent; }
.ws5-gallery .ws3-case__copy h3 { margin-top:20px; }
.ws5-gallery .ws3-case__copy p { margin-top:14px; color:var(--ws5-muted); }
.ws5-gallery .ws3-case__copy a { margin-top:25px; color:var(--ws5-navy); font-weight:900; }
.ws5-gallery .ws3-carousel__controls { justify-content:center; margin-top:20px; }
.ws5-gallery .ws5-carousel__control { min-height:40px; padding:0 16px; border:1px solid rgba(10,36,53,.25); border-radius:999px; color:var(--ws5-navy); background:transparent; font:inherit; font-size:.84rem; font-weight:900; cursor:pointer; }
.ws5-gallery .ws5-carousel__control:hover,.ws5-gallery .ws5-carousel__control:focus { border-color:#f0c652; background:#fff8de; }
.ws5-gallery .ws5-carousel__control.is-active { color:#102534; border-color:#f0c652; background:#f0c652; }
.ws5-gallery #ws5-work-mini:checked~.ws3-carousel__controls label:nth-child(1),.ws5-gallery #ws5-work-start:checked~.ws3-carousel__controls label:nth-child(2),.ws5-gallery #ws5-work-pro:checked~.ws3-carousel__controls label:nth-child(3),.ws5-gallery #ws5-work-premium:checked~.ws3-carousel__controls label:nth-child(4) { color:#102534; border-color:#f0c652; background:#f0c652; }

.ws5-shop { padding:clamp(72px,8vw,112px) 0; background:#fff; }
.ws5-shop__grid { display:grid; grid-template-columns:minmax(0,.52fr) minmax(380px,.48fr); gap:clamp(45px,7vw,100px); align-items:center; }
.ws5-shop__grid>div>p:not(.ws5-kicker) { max-width:620px; margin-top:20px; color:var(--ws5-muted); font-size:1.1rem; }
.ws5-shop__steps { display:grid; gap:0; border-top:1px solid rgba(10,36,53,.16); }
.ws5-shop__steps div { display:grid; grid-template-columns:50px 1fr; column-gap:16px; padding:22px 0; border-bottom:1px solid rgba(10,36,53,.16); }
.ws5-shop__steps i { grid-row:span 2; color:#a67a13; font-size:1.35rem; padding-top:5px; }
.ws5-shop__steps strong { font-size:1.05rem; }
.ws5-shop__steps span { margin-top:4px; color:var(--ws5-muted); }

.ws5-banners { padding:clamp(68px,7vw,96px) 0; color:#fff; background:var(--ws5-navy); }
.ws5-banners__grid { display:grid; grid-template-columns:minmax(0,.55fr) minmax(320px,.45fr); gap:clamp(42px,7vw,100px); align-items:center; }
.ws5-banners h2 { max-width:630px; }
.ws5-banners__grid>div>p:not(.ws5-kicker) { max-width:600px; margin-top:20px; color:rgba(255,255,255,.78); font-size:1.08rem; }
.ws5-text-link { display:inline-flex; margin-top:26px; color:#ffe18a; font-weight:900; text-decoration:none; }
.ws5-text-link:hover { color:#fff; text-decoration:none; }
.ws5-banner-stack { position:relative; min-height:316px; }
.ws5-banner { position:absolute; display:flex; flex-direction:column; justify-content:flex-end; width:68%; min-height:158px; padding:20px; box-shadow:0 18px 38px rgba(0,0,0,.28); }
.ws5-banner span { margin-bottom:8px; color:#fee38d; font-size:.72rem; font-weight:900; letter-spacing:.06em; }
.ws5-banner strong { max-width:190px; font-size:1.15rem; line-height:1.14; }
.ws5-banner--one { top:0; left:0; background:#17646f; }
.ws5-banner--two { top:72px; right:0; background:#c49a2c; color:#0a2435; }
.ws5-banner--two span { color:#183c4b; }
.ws5-banner--three { bottom:0; left:10%; background:#274158; }

.ws5-packages { background:#f7f4ed; }
.ws5-packages__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:42px; border:1px solid rgba(10,36,53,.18); background:#fff; }
.ws5-package { min-height:240px; padding:27px; color:var(--ws5-ink); text-decoration:none; }
.ws5-package+.ws5-package { border-left:1px solid rgba(10,36,53,.18); }
.ws5-package span { color:#95700e; font-size:.76rem; font-weight:900; letter-spacing:.06em; }
.ws5-package h3 { margin-top:22px; }
.ws5-package p { margin-top:12px; color:var(--ws5-muted); }
.ws5-package:hover,.ws5-package:focus { background:#eff5f3; color:var(--ws5-ink); text-decoration:none; }
.ws5-package--premium { color:#fff; background:#15445c; }
.ws5-package--premium span { color:#ffe18a; }
.ws5-package--premium p { color:rgba(255,255,255,.78); }
.ws5-package--premium:hover,.ws5-package--premium:focus { color:#fff; background:#0c3149; }

.ws5-contact { padding:clamp(70px,8vw,106px) 0; color:#fff; background:#0c3149; }
.ws5-contact__inner { display:grid; grid-template-columns:minmax(0,.72fr) minmax(250px,.28fr); gap:clamp(38px,6vw,84px); align-items:center; }
.ws5-contact__actions { display:grid; justify-items:start; gap:10px; }
.ws5-contact__actions .ws5-button { margin-bottom:10px; }
.ws5-contact__actions>a:not(.ws5-button) { color:#fff; font-weight:800; text-decoration:none; }
.ws5-contact__actions>a:not(.ws5-button):hover { color:#ffe18a; }

.ws5-journal { padding:clamp(70px,8vw,108px) 0; background:#fff; }
.ws5-journal__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ws5-post { display:flex; min-width:0; flex-direction:column; }
.ws5-post__image { display:block; overflow:hidden; aspect-ratio:16 / 9; background:#dce8e6; }
.ws5-post__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.ws5-post:hover .ws5-post__image img { transform:scale(1.035); }
.ws5-post__date { margin-top:18px; color:#94700e; font-size:.78rem; font-weight:900; letter-spacing:.05em; }
.ws5-post h3 { margin-top:11px; font-size:clamp(1.2rem,1.65vw,1.55rem); }
.ws5-post h3 a { color:var(--ws5-ink); text-decoration:none; }
.ws5-post h3 a:hover { color:#17646f; }
.ws5-post>p:not(.ws5-post__date) { margin-top:12px; color:var(--ws5-muted); }
.ws5-post__link { display:inline-flex; width:max-content; margin-top:19px; color:var(--ws5-navy); font-size:.93rem; font-weight:900; text-decoration:none; }
.ws5-post__link:hover { color:#9a7111; }
.ws5-journal__all { color:var(--ws5-navy); }

.ws5-partners { padding:clamp(66px,7vw,96px) 0; background:#eef4f2; }
.ws5-partners__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ws5-partner { display:flex; min-height:318px; flex-direction:column; padding:26px; border:1px solid rgba(10,36,53,.15); background:#fff; }
.ws5-partner__logo { display:flex; align-items:center; justify-content:flex-start; height:64px; margin-bottom:22px; }
.ws5-partner__logo img { display:block; max-width:170px; max-height:54px; object-fit:contain; object-position:left center; }
.ws5-partner__label { color:#94700e; font-size:.76rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.ws5-partner h3 { margin-top:10px; }
.ws5-partner>p:not(.ws5-partner__label) { margin-top:12px; color:var(--ws5-muted); }
.ws5-partner>a { display:inline-flex; width:max-content; margin-top:auto; padding-top:22px; color:var(--ws5-navy); font-weight:900; text-decoration:none; }
.ws5-partner>a:hover { color:#9a7111; }
.ws5-partner--advertise { color:#fff; border-color:#15445c; background:#15445c; }
.ws5-partner--advertise .ws5-partner__label { color:#ffe18a; }
.ws5-partner--advertise>p:not(.ws5-partner__label) { color:rgba(255,255,255,.78); }
.ws5-partner--advertise>a { color:#ffe18a; }
.ws5-partner__placeholder { display:flex; align-items:center; justify-content:center; width:58px; height:58px; margin-bottom:28px; border:1px solid rgba(255,225,138,.7); color:#ffe18a; font-size:1.15rem; font-weight:900; }

@media (max-width:980px) {
 .ws5-heading--split,.ws5-shop__grid,.ws5-banners__grid,.ws5-contact__inner { grid-template-columns:1fr; }
 .ws5-offers__grid { grid-template-columns:1fr; }
 .ws5-offer+.ws5-offer { border-top:1px solid rgba(10,36,53,.18); border-left:0; }
 .ws5-offer { min-height:0; }
 .ws5-packages__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ws5-journal__grid,.ws5-partners__grid { grid-template-columns:1fr; }
 .ws5-package:nth-child(3) { border-left:0; border-top:1px solid rgba(10,36,53,.18); }
 .ws5-package:nth-child(4) { border-top:1px solid rgba(10,36,53,.18); }
}
@media (max-width:760px) {
 .ws5-wrap { width:calc(100% - 40px); }
 .ws5-hero { min-height:0; padding:30px 0 34px; background-color:#06293f; background-image:none; animation:none; }
 .ws5-hero::before { background:#06293f; }
 .ws5-hero__inner { display:block; min-height:0; }
 .ws5-brand { margin-bottom:14px; }
 .ws5-brand img { width:54px; height:54px; }
 .ws5-home h1 { font-size:clamp(1.95rem,8.6vw,2.35rem); line-height:1.04; }
 .ws5-home h2 { font-size:clamp(1.85rem,8.7vw,2.55rem); }
 .ws5-intro { margin-top:15px!important; font-size:.96rem; line-height:1.5; }
 .ws5-actions { display:grid; grid-template-columns:1fr; width:100%; margin-top:22px; }
 .ws5-hero__note { display:none; }
 .ws5-hero__mobile-media { position:relative; z-index:1; display:block; width:100%; margin:28px 0 0; overflow:hidden; }
 .ws5-hero__mobile-media img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; object-position:center; }
 .ws5-button { width:100%; }
 .ws5-offers,.ws5-packages,.ws5-shop,.ws5-banners,.ws5-gallery,.ws5-contact { padding:58px 0; }
	.ws5-journal,.ws5-partners { padding:58px 0; }
 .ws5-heading { margin-bottom:30px; }
 .ws5-offer { padding:25px 4px; }
 .ws5-offer i { margin-bottom:21px; }
 .ws5-gallery .ws3-case { grid-template-columns:1fr; }
 .ws5-gallery .ws3-case__image { height:205px; min-height:0; }
 .ws5-gallery .ws3-case__copy { min-height:255px; padding:25px; }
 .ws5-gallery .ws3-carousel__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .ws5-gallery .ws5-carousel__control { width:100%; padding:0 6px; }
 .ws5-shop__steps div { grid-template-columns:42px 1fr; }
 .ws5-banner-stack { min-height:280px; }
 .ws5-banner { width:76%; min-height:138px; padding:17px; }
 .ws5-banner--two { top:62px; }
 .ws5-packages__grid { grid-template-columns:1fr; }
 .ws5-package+.ws5-package,.ws5-package:nth-child(3),.ws5-package:nth-child(4) { border-top:1px solid rgba(10,36,53,.18); border-left:0; }
 .ws5-package { min-height:0; }
}