:root{--cream:#f8f5ec;--ink:#253d30;--muted:#647063;--honey:#b76a14;--line:#dcded0;--yellow:#efd58c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc7b22;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(60px,6.4vw,94px);line-height:1.02}h2{font-size:clamp(39px,4.2vw,60px);line-height:1.08}h1 em,h2 em{font-weight:400;color:var(--honey)}h3{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.025em}p{line-height:1.75}.wrap{max-width:1280px;width:90%;margin:auto}.announcement{height:33px;background:var(--ink);color:var(--cream);padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}.announcement span{letter-spacing:.04em}.header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(248,245,236,.97);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:29px;letter-spacing:.13em;line-height:1}.brand-symbol{font-size:44px;color:var(--honey);font-family:Georgia,serif}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:.18em;margin-top:7px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav a:hover{color:var(--honey)}.nav-call{padding:13px 20px;border:1px solid var(--ink);border-radius:3px;display:flex;gap:22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;padding-top:45px;padding-bottom:50px;gap:35px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.7;margin-bottom:25px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--honey);border-radius:50%;margin-right:6px}.intro{max-width:385px;font-size:15px;color:#5b675a;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{background:var(--ink);color:var(--cream);border-radius:3px;display:inline-flex;gap:27px;align-items:center;padding:18px 23px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#3d5945;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;gap:13px;padding:8px 0;border-bottom:1px solid #adb3a3}.origin{display:flex;gap:13px;align-items:center;font-size:11px;margin-top:40px}.origin small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.origin-icon{font-size:32px;color:var(--honey)}.hero-art{height:535px;background:#ece7d8;position:relative;overflow:hidden;border-radius:48% 48% 4px 4px;display:flex;align-items:center;justify-content:center}.sun-disc{position:absolute;width:370px;height:370px;border-radius:50%;background:#e5c778;top:85px;box-shadow:0 0 100px #f6e4a9}.art-caption{position:absolute;top:50px;font-size:9px;letter-spacing:.2em;z-index:2}.seal{position:absolute;right:21px;top:105px;width:104px;height:104px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9px;line-height:1.4;letter-spacing:.12em;transform:rotate(14deg);z-index:3;background:#f1e7c6}.seal span{font-size:24px}.seal b{font-size:9px;font-weight:400}.jar{width:210px;position:relative;filter:drop-shadow(9px 21px 12px #56330b30)}.hero-jar{width:225px;transform:rotate(-9deg);margin-top:55px}.lid{height:39px;margin:0 4px;position:relative;z-index:2;border-radius:11px 11px 5px 5px;background:repeating-linear-gradient(90deg,#ac8c43 0px,#d5bb77 2px,#c9aa61 4px,#e6d29a 6px);border-top:5px solid #e2cd93;border-bottom:5px solid #9a742c;box-shadow:inset 15px 0 20px #fff5,inset -10px 0 20px #5b421530}.glass{height:279px;margin-top:-4px;border-radius:27px 27px 35px 35px;background:linear-gradient(90deg,#975819 0%,#d89020 8%,#f5ca52 21%,#d78f16 47%,#bb710b 77%,#edbb39 92%,#a96012);border:2px solid #bb8b3999;box-shadow:inset 5px 0 4px #fff6,inset -5px -7px 4px #773d2444,inset 0 6px 4px #ffecb777;position:relative;display:flex;align-items:center}.glass:after{content:'';position:absolute;left:9px;top:24px;width:7px;height:83%;border-radius:50%;background:linear-gradient(#fff7,#fff0)}.jar-label{background:#faf5dd;width:100%;padding:20px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#2d4130;border-top:1px solid #e6d9ac;border-bottom:1px solid #e6d9ac;box-shadow:inset 10px 0 10px #af89331a,inset -10px 0 10px #af893326}.label-flower{font-size:31px;color:#a46919;line-height:1;margin-bottom:9px}.jar-label small{font-size:7px;letter-spacing:.18em}.jar-label strong{font-family:Georgia,serif;letter-spacing:.12em;font-weight:400;font-size:33px;margin:3px 0 8px}.jar-label i{font-family:Georgia,serif;font-size:18px}.label-rule{width:25px;height:1px;background:#bda46d;margin:14px}.art-footnote{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.07em}.art-footnote span:last-child{font-style:italic;letter-spacing:0}.sprig{position:absolute;width:120px;height:255px;bottom:20px;border-left:2px solid #7b7c44;transform:rotate(-28deg);left:58px;border-radius:50%}.sprig:before,.sprig:after{content:'';position:absolute;width:60px;height:20px;background:#8c915980;border-radius:100% 0 100% 0;transform:rotate(35deg);left:-39px;top:75px;box-shadow:0 55px #8c915960,0 105px #8c915960}.sprig:after{left:4px;top:45px;transform:rotate(-15deg)}.sprig-right{left:auto;right:-13px;transform:rotate(32deg);bottom:23px}.values{display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;font-size:11px;letter-spacing:.05em}.values i{font-style:normal;color:var(--honey);font-size:22px}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading>p{max-width:365px;font-size:13px;color:var(--muted);padding-bottom:4px}.section-heading .eyebrow{margin-bottom:16px}.filters{display:flex;gap:9px;margin:37px 0 27px}.filter{border:1px solid #d9dbce;border-radius:30px;background:transparent;padding:10px 19px;font-size:11px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter span{margin-left:10px;font-size:9px;opacity:.65}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:38px 24px}.product{grid-column:span 2;min-width:0}.product[hidden]{display:none}.product-visual{height:310px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.pale{background:#ede6d4}.gold{background:#ead6ad}.sage{background:#dde3d6}.product-number{position:absolute;left:19px;top:18px;font-size:9px;letter-spacing:.1em}.visual-note{position:absolute;right:13px;bottom:12px;font-size:7px;letter-spacing:.15em;color:#636b58}.small-jar{width:142px;transition:transform .4s}.small-jar .lid{height:27px;border-top-width:3px;border-bottom-width:3px}.small-jar .glass{height:180px;border-radius:19px 19px 25px 25px}.small-jar .jar-label{padding:12px 3px}.small-jar .jar-label strong{font-size:24px;margin-bottom:7px}.small-jar .jar-label i{font-size:13px}.small-jar .label-flower{font-size:24px;margin-bottom:6px}.small-jar .jar-label small{font-size:6px}.meadow .glass{background:linear-gradient(90deg,#773708,#b97014 12%,#de9e2e 24%,#a7580c 66%,#d78c16 90%,#88430a)}.meadow .jar-label{background:#e8ead8}.product:hover .small-jar{transform:rotate(-5deg) translateY(-4px)}.product-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.product-title>span{font-size:10px;color:#6d766a}.product p{font-size:12px;color:var(--muted)}.product-link{margin-top:20px;padding-bottom:11px;border-bottom:1px solid #cfd2c5;display:flex;justify-content:space-between;font-size:11px}.product-link:hover{color:var(--honey)}.bottle{width:94px;filter:drop-shadow(7px 15px 9px #27332033)}.dropper{height:60px;width:44px;margin:auto;background:repeating-linear-gradient(90deg,#202923 0px,#3c4237 3px,#262d25 5px);border-radius:17px 17px 3px 3px;border-bottom:8px solid #1e271f}.bottle-body{height:132px;border-radius:19px 19px 10px 10px;background:linear-gradient(90deg,#321b09,#834d1b 23%,#482207 72%,#8a591b 92%,#382310);padding-top:28px;box-shadow:inset 4px 0 4px #e8b67a55}.bottle-body .jar-label{padding:10px 2px}.bottle-body .label-flower{font-size:17px;margin-bottom:3px}.bottle-body strong{font-size:20px}.bottle-body i{font-size:13px}.compact-product{grid-column:span 3;display:grid;grid-template-columns:88px 1fr;gap:24px;border-top:1px solid var(--line);padding-top:30px}.mini-symbol{height:100px;display:grid;place-items:center;background:#eae5d7;font-size:48px;color:#a7762e;border-radius:50% 50% 3px 3px}.compact-product .eyebrow{font-size:8px;margin-bottom:8px}.compact-product h3{font-size:23px;margin-bottom:10px}.catalog-note{font-size:10px;color:var(--muted);margin-top:26px}.story{background:#e9eddf;padding:75px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-art{height:450px;background:#dce2cd;position:relative;overflow:hidden;border-radius:48% 48% 2px 2px;display:flex;align-items:center;justify-content:center}.story-orbit{position:absolute;border:1px solid #a6af8c;border-radius:50%;width:330px;height:330px}.orbit-two{width:390px;height:390px}.story-art>p{position:absolute;bottom:27px;font-size:9px;text-align:center;letter-spacing:.19em}.story-star{position:absolute;color:#66794b;font-size:44px;background:#dce2cd}.star-one{top:85px;right:60px}.star-two{bottom:110px;left:38px;font-size:32px}.hive{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-35px;transform:rotate(-5deg);filter:drop-shadow(6px 12px 0px #6d77421c)}.hive span{height:38px;background:#c5a55c;border:1px solid #9f803f;display:block;border-radius:40px;width:225px;margin-top:-2px;box-shadow:inset 0 6px #dbc181}.hive span:nth-child(1){width:100px;border-radius:60px 60px 20px 20px;height:53px}.hive span:nth-child(2){width:145px}.hive span:nth-child(3){width:180px}.hive span:nth-child(4){width:210px}.hive b{position:absolute;bottom:0;left:95px;width:38px;height:54px;background:#3d4a30;border-radius:35px 35px 0 0}.story-copy h2{font-size:47px}.story-copy>p:not(.eyebrow){font-size:13px;color:#596451;max-width:435px;margin-top:22px}.story-copy .text-link{margin-top:19px}.signature{font:italic 25px Georgia,serif;margin-top:28px;display:flex;gap:30px;align-items:center}.signature span{font-size:32px;color:#a77825}.ordering{display:grid;grid-template-columns:1fr 1fr;gap:90px}.ordering ol{list-style:none;margin:0;padding:0}.ordering li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.ordering li:first-child{padding-top:0}.ordering li>span{font:italic 23px Georgia,serif;color:var(--honey)}.ordering h3{font-size:23px;margin-bottom:6px}.ordering p:not(.eyebrow){font-size:12px;color:var(--muted)}.contact{padding:75px 0;background:var(--ink);color:var(--cream)}.contact .eyebrow{color:#c5cebb}.contact h2 em{color:#e6c178}.contact-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #53664f;padding-bottom:44px;gap:30px}.contact-phone{font:42px Georgia,serif;letter-spacing:-.03em}.contact-phone>span{font:32px Arial,sans-serif;margin-left:15px;color:#e6c178}.contact-phone small{display:block;font:11px Arial,sans-serif;letter-spacing:0;color:#c7cebf;margin-top:15px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding-top:42px}.contact-details>div{margin-bottom:29px}.contact-details>div>span{font-size:9px;letter-spacing:.16em;display:block;margin-bottom:12px;color:#c3cbb9}.contact-details a{font-size:18px;overflow-wrap:anywhere}.contact-details p{font-size:19px}.contact-details .directions{font-size:11px;display:inline-block;border-bottom:1px solid #7c8b6d;padding-bottom:6px;margin-top:14px}.contact-details .visit-note{font-size:11px;color:#c4cdb9;max-width:260px}.map{min-width:0;border-radius:3px;overflow:hidden;background:#dce2cd}.map iframe{border:0;width:100%;height:270px;display:block;background:#dce2cd}.map>a{display:flex;justify-content:space-between;gap:15px;padding:15px 18px;font-size:10px;background:#e9eddf;color:var(--ink)}footer{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:25px;align-items:center}footer .brand{font-size:23px}footer .brand-symbol{font-size:34px}footer .brand small{font-size:6px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}.mobile-call{display:none}.skip{position:fixed;left:15px;top:-70px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}@media(min-width:1450px){.header{padding-left:max(5%,calc((100vw - 1280px)/2));padding-right:max(5%,calc((100vw - 1280px)/2))}}@media(max-width:1050px){.hero{gap:20px;min-height:580px}.hero-art{height:470px}.hero-actions{gap:17px;align-items:flex-start;flex-direction:column}.hero-jar{width:205px}.seal{right:12px;top:90px;width:88px;height:88px;font-size:8px}.sun-disc{width:310px;height:310px}.story-grid,.ordering{gap:45px}.story-copy h2{font-size:40px}.contact-phone{font-size:33px}.contact-grid{gap:35px}.product-visual{height:275px}.hero .eyebrow{font-size:8px}}@media(max-width:760px){html{scroll-padding-top:85px}.announcement{font-size:8px;height:29px}.announcement span{font-size:8px;letter-spacing:0}.header{padding:15px 5%}.brand{font-size:25px}.brand-symbol{font-size:37px}.brand small{font-size:7px}.menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid #cdd1c2;background:transparent;padding:10px 13px;border-radius:3px;font-size:11px}.header nav{gap:0;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:10px 5% 20px;display:flex;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.js .header nav{display:none}.js .header nav.open{display:flex}.header nav a{padding:15px;font-size:14px}.header nav a.nav-call{justify-content:space-between;margin-top:5px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:30px;gap:32px}.hero h1{font-size:65px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.intro{font-size:14px;max-width:390px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.button{padding:16px 18px;gap:20px;font-size:11px}.text-link{font-size:10px;gap:8px}.origin{margin-top:25px}.hero-art{height:440px;max-width:480px;width:100%;justify-self:center}.hero-jar{width:200px;margin-top:40px}.hero-jar .glass{height:245px}.seal{right:30px;top:95px}.art-caption{top:37px}.values{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:18px 10px;padding:21px 5%;font-size:10px}.values i{display:none}.section{padding-top:60px;padding-bottom:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading>p{font-size:12px;max-width:390px}.section-heading>p br{display:none}.product-grid{grid-template-columns:1fr 1fr;gap:30px 17px}.product{grid-column:span 1}.product-visual{height:235px}.small-jar{width:113px}.small-jar .glass{height:151px}.small-jar .lid{height:23px}.small-jar .jar-label strong{font-size:20px}.small-jar .jar-label i{font-size:11px}.small-jar .label-flower{font-size:20px}.product h3{font-size:22px}.product-title>span{display:none}.product p{font-size:11px}.product-link{font-size:10px}.compact-product{display:flex;flex-direction:column;gap:15px}.compact-product .mini-symbol{width:65px;height:70px;font-size:37px}.compact-product:last-child{grid-column:span 2;flex-direction:row;gap:22px}.compact-product:last-child .mini-symbol{flex-shrink:0}.product-number{left:12px;top:12px}.visual-note{font-size:6px}.catalog-note{font-size:9px}.story{padding:50px 0}.story-grid{grid-template-columns:1fr;gap:35px}.story-art{height:340px}.story-orbit{width:265px;height:265px}.orbit-two{width:305px;height:305px}.hive{transform:rotate(-5deg) scale(.85);margin-top:-30px}.star-one{top:70px}.story-copy h2{font-size:40px}.story-copy h2 br:last-child{display:none}.ordering{grid-template-columns:1fr;gap:35px}.contact{padding:55px 0 40px}.contact-top{flex-direction:column;align-items:flex-start;gap:30px;padding-bottom:30px}.contact-phone{font-size:35px}.contact-grid{grid-template-columns:1fr;gap:15px;padding-top:30px}.contact-details a{font-size:17px}.contact-details .visit-note{max-width:100%}.map iframe{height:260px}footer{flex-wrap:wrap;padding-bottom:95px;gap:20px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto;font-size:9px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-between;align-items:center;background:var(--ink);color:var(--cream);padding:18px 5% calc(18px + env(safe-area-inset-bottom));font-size:11px;border-top:1px solid #617252}.mobile-call span{color:#ebce88}}@media(max-width:370px){.hero h1{font-size:57px}.hero-actions{gap:12px}.button{gap:12px;padding:15px 12px}.text-link{font-size:9px}.hero-art{height:405px}.seal{right:15px}.filter{padding:10px 14px}.product-visual{height:220px}.contact-phone{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.header,.announcement,.filters,.hero-art,.story-art,.mobile-call,.map,footer{display:none}.hero,.story-grid,.contact-grid,.ordering{display:block}.hero{min-height:auto}.contact{background:white;color:black}.section,.story,.contact{padding:25px 0}.product{break-inside:avoid}.product-visual{height:180px}.contact h2 em{color:inherit}}

/* Fotografije proizvoda i sažet prikaz sadržaja. */
.hero{min-height:520px;gap:55px}.hero h1{font-size:clamp(52px,5.6vw,78px)}.hero .intro+.intro{margin-top:12px}.hero-photo{margin:0;background:#e9e4d7;padding:40px 28px 22px;border-radius:4px;align-self:center}.hero-photo img{display:block;width:100%;height:auto;border-radius:4px;max-width:440px;margin:auto}.hero-photo figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:9px;letter-spacing:.08em}.photo-visual{height:auto;aspect-ratio:350/220;background:#e9e4d7}.photo-visual img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}.product{grid-column:auto}.product-title h3{font-size:25px}.about-neutral{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-neutral>div>p:not(.eyebrow){font-size:14px;color:#596451;margin-bottom:15px}.about-neutral .text-link{margin-top:8px}.contact-top h2{font-size:60px}
@media(max-width:1050px){.hero{gap:25px}.hero-photo{padding:25px 20px 20px}.product-title h3{font-size:23px}}
@media(max-width:760px){.hero{min-height:0;gap:30px;padding-top:36px}.hero h1{font-size:57px}.hero-photo{padding:23px 20px 18px;width:100%;max-width:480px;justify-self:center}.hero-photo figcaption{font-size:8px;margin-top:17px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.product-title{margin-top:16px}.product-title h3{font-size:22px}.about-neutral{grid-template-columns:1fr;gap:24px}.contact-top h2{font-size:45px}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr;gap:34px}.product-title h3{font-size:25px}.product p{font-size:12px}.product-link{font-size:12px}.hero h1{font-size:53px}.photo-visual{max-width:100%}}

/* Jednostavan portfolio: predstavljanje, galerija proizvoda i kontakt. */
.hero{min-height:450px;padding-top:48px;padding-bottom:48px}.hero .intro{max-width:350px}.hero-actions{margin-top:24px}.products.section{padding-top:48px;padding-bottom:65px;border-top:1px solid var(--line)}.products .section-heading{margin-bottom:30px}.products h2{font-size:42px}.product-grid{row-gap:28px}.product-title{margin-bottom:0}.contact{padding-top:55px;padding-bottom:50px}.contact-top{padding-bottom:30px}.contact-top h2{font-size:48px}.contact-grid{padding-top:30px}.contact-details>div:last-child{margin-bottom:0}footer{padding-bottom:30px}
@media(max-width:760px){.hero{padding-top:32px;padding-bottom:36px;gap:25px}.hero-photo{padding:16px}.hero-photo figcaption{margin-top:12px}.products.section{padding-top:35px;padding-bottom:45px}.products h2{font-size:35px}.product-grid{gap:28px 18px}.contact{padding:40px 0}.contact-top{gap:22px}.contact-top h2{font-size:38px}footer{padding-bottom:25px}}