:root{--boter: #FFE7C2;--room: #FFF4E3;--bruin: #3C2115;--zacht: rgba(60, 33, 21, .62);--lijn: rgba(60, 33, 21, .18);--lijn-licht: rgba(255, 231, 194, .26);--serif: "Cormorant Garamond", Garamond, Georgia, serif;--kapitaal: "Cormorant SC", "Cormorant Garamond", Georgia, serif;--pad: clamp(10px, 1.1vw, 18px);--rond-s: 10px;--rond-m: 18px;--rond-l: clamp(20px, 2.4vw, 34px);--rond-xl: clamp(28px, 4vw, 60px);--zij: clamp(250px, 21vw, 340px);--kant: clamp(20px, 5vw, 72px);--lucht: clamp(68px, 11vh, 148px);--maat: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ffe7c2;background:var(--boter, #FFE7C2);color:#3c2115;color:var(--bruin, #3C2115);font-family:var(--serif);font-size:clamp(16px,.6vw + 14px,19px);font-weight:400;line-height:1.66;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}h1,h2,h3{margin:0;font-weight:400}:focus-visible{outline:2px solid var(--bruin);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reus{font-size:clamp(2.6rem,7vw,5.4rem);line-height:.96}.groot{font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1.08;font-weight:300}.mid{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.24}.etiket{display:block;margin:0 0 22px;font-family:var(--kapitaal);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--zacht)}.lood{font-size:1.05rem;color:var(--zacht);max-width:56ch}.klein{font-size:.88rem;color:var(--zacht)}.zij{position:fixed;top:var(--pad);left:var(--pad);bottom:var(--pad);width:var(--zij);z-index:40;background:#3c2115;background:var(--bruin, #3C2115);color:#ffe7c2;color:var(--boter, #FFE7C2);display:none;flex-direction:column;justify-content:space-between;padding:clamp(28px,3vw,44px) clamp(22px,2.4vw,36px);border-radius:var(--rond-xl);overflow:hidden auto;scrollbar-width:none}.zij::-webkit-scrollbar{display:none}.zij__spoor{display:none;position:fixed;top:calc(var(--pad) + var(--rond-xl));bottom:calc(var(--pad) + var(--rond-xl));left:calc(var(--pad) + var(--zij));width:0;z-index:41}@media(min-width:1024px){.zij__spoor{display:block}}.zij__gevuld{position:absolute;top:0;left:0;width:100%;height:var(--voortgang, 0%);transition:height .14s linear}.zij__knop{position:absolute;bottom:0;left:50%;width:42px;height:42px;border-radius:50%;transform:translate(-50%,50%);background:var(--boter, #FFE7C2);box-shadow:0 2px 12px #3c211559;display:grid;place-items:center}.zij__knop img{width:26px;height:auto;max-width:none;animation:draaien 90s linear infinite}.balk__spoor{position:absolute;left:var(--rond-m);right:var(--rond-m);bottom:0;height:0}.balk__gevuld{position:absolute;top:0;left:0;height:100%;width:var(--voortgang, 0%);transition:width .14s linear}.balk__knop{position:absolute;right:0;top:50%;width:30px;height:30px;border-radius:50%;transform:translate(50%,-50%);background:var(--boter, #FFE7C2);box-shadow:0 2px 10px #3c211559;display:grid;place-items:center}.balk__knop img{width:19px;height:auto;max-width:none;animation:draaien 90s linear infinite}.zij__logo{display:block;width:min(100%,210px);color:inherit}.zij__logo svg{width:100%;height:auto;fill:currentColor}.zij__manifest{font-size:.95rem;color:#ffe7c2b8;margin:24px 0 0;max-width:26ch}.zij__nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}.zij__nav a{display:flex;align-items:center;padding:6px 0;font-size:1.06rem;color:#ffe7c2bd;transition:color .25s ease}.zij__nav a:before{content:"";width:0;height:1px;margin-right:0;flex:none;background:var(--boter);transition:width .3s ease,margin-right .3s ease}.zij__nav a:hover,.zij__nav a.is-actief{color:#ffe7c2}.zij__nav a.is-actief:before{width:20px;margin-right:12px}.zij__voet{font-size:.88rem;color:#ffe7c294;display:grid;gap:5px}.zij__voet a:hover{color:#ffe7c2}@media(min-width:1024px){.zij{display:flex}.romp{margin-left:calc(var(--zij) + var(--pad) * 2)}}.balk{position:fixed;inset:0 0 auto 0;z-index:45;background:var(--bruin, #3C2115);color:var(--boter, #FFE7C2);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:0 0 var(--rond-m) var(--rond-m)}.balk__logo{display:block;width:116px}.balk__logo svg{width:100%;height:auto;fill:currentColor}.balk button{font-family:var(--kapitaal);letter-spacing:.22em;font-size:.8rem;text-transform:uppercase}@media(min-width:1024px){.balk{display:none}}.luik{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bruin, #3C2115);color:var(--boter, #FFE7C2);padding:78px 24px 40px;transform:translateY(-100%);border-radius:0 0 var(--rond-xl) var(--rond-xl);transition:transform .45s cubic-bezier(.4,0,.2,1);overflow-y:auto}.luik.is-open{transform:none}.luik a{display:block;font-size:clamp(1.7rem,7vw,2.3rem);padding:11px 0;border-bottom:1px solid var(--lijn-licht)}.luik__sluit{position:absolute;top:12px;right:18px;font-size:28px;line-height:1}.romp{padding-top:50px}@media(min-width:1024px){.romp{padding-top:0}}.vlak{position:relative;isolation:isolate;padding:var(--lucht) var(--kant)}.vlak:not(.bladen){overflow:hidden}.vlak--strak{padding-left:0;padding-right:0}.binnen{width:100%;max-width:var(--maat);margin-inline:auto}@media(min-width:1180px){.vlak:not(.vlak--strak){padding-left:calc(var(--kant) + 54px)}.vlak>.binnen>.etiket:first-child{position:absolute;left:var(--kant);top:calc(var(--lucht) + 4px);margin:0;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.38em;white-space:nowrap}}.bloem{position:absolute;pointer-events:none;z-index:0;width:clamp(170px,22vw,330px);opacity:.12;z-index:-1}.bloem--rechts{right:clamp(6px,1.5vw,26px);top:clamp(10px,3vh,48px)}.bloem--links{left:clamp(6px,1.5vw,26px);bottom:clamp(10px,3vh,48px);transform:scaleX(-1)}@media(max-width:760px){.bloem{display:none}}.open{position:relative;padding:var(--kant) var(--kant) 0}.open__doek{position:relative;width:100%;height:clamp(360px,62vh,780px);overflow:hidden;background:var(--bruin, #3C2115);border-radius:var(--rond-xl)}@media(min-width:1024px){.open__doek{height:clamp(420px,72vh,800px)}}.open__foto{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.open--kaal .open__doek{height:clamp(320px,56vh,620px)}@media(min-width:1024px){.open--kaal .open__doek{height:clamp(400px,66vh,720px)}}.open__snee{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.open__snee--staand{display:none}@media(max-width:760px){.open__snee--liggend{display:none}.open__snee--staand{display:block}}.open__onder{display:grid;gap:clamp(10px,2vw,36px);padding:clamp(18px,2.4vw,30px) 0 0;max-width:var(--maat);width:100%;align-items:start}@media(min-width:800px){.open__onder{grid-template-columns:max-content 1fr}}.open__zin{margin:0;font-size:clamp(1.05rem,1.3vw,1.25rem);max-width:46ch}.open__etiket{margin:0;white-space:nowrap;padding-top:8px}.manifest__zin{max-width:20ch}.manifest__kolommen{display:grid;gap:clamp(24px,3vw,44px);margin-top:clamp(36px,5vw,60px)}@media(min-width:720px){.manifest__kolommen{grid-template-columns:repeat(3,1fr)}}.manifest__kolom h3{font-family:var(--kapitaal);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}.manifest__kolom p{margin:0;font-size:.98rem;color:var(--zacht)}.beelden{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,14px)}.beelden figure{margin:0;grid-column:span 3}.beelden figure img,.beelden figure svg{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;background:var(--room);border-radius:var(--rond-l)}.beelden figcaption{font-family:var(--kapitaal);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zacht);padding-top:8px}@media(min-width:768px){.beelden figure:nth-child(6n+1){grid-column:span 2}.beelden figure:nth-child(6n+2){grid-column:span 4}.beelden figure:nth-child(6n+2) img{aspect-ratio:16/10}.beelden figure:nth-child(6n+3){grid-column:span 3}.beelden figure:nth-child(6n+4){grid-column:span 3}.beelden figure:nth-child(6n+5){grid-column:span 4}.beelden figure:nth-child(6n+5) img{aspect-ratio:16/10}.beelden figure:nth-child(6n+6){grid-column:span 2}}.merkgroep{margin-top:clamp(30px,4vw,52px)}.merkgroep__kop{font-family:var(--kapitaal);font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;color:var(--zacht);padding-bottom:10px;border-bottom:1px solid var(--lijn);margin:0}.merken{list-style:none;margin:0;padding:0}.merken li{border-bottom:1px solid var(--lijn)}.merken__rij{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(12px,3vw,40px);padding:clamp(10px,1.3vw,16px) 0;transition:padding-left .35s cubic-bezier(.2,.7,.3,1),color .35s ease}.merken__naam{font-size:clamp(1.4rem,3.2vw,2.6rem);line-height:1.06}.merken__soort{font-family:var(--kapitaal);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zacht);white-space:nowrap}@media(hover:hover){.merken__rij:hover{padding-left:clamp(10px,2vw,28px)}.merken__rij:hover .merken__naam{font-style:italic}}.merken__hint{margin-top:24px}.zweefbeeld{position:fixed;top:0;left:0;z-index:30;width:clamp(180px,17vw,250px);aspect-ratio:3/4;border-radius:var(--rond-l);pointer-events:none;opacity:0;overflow:hidden;transform:translate3d(-50%,-50%,0);transition:opacity .3s ease}.zweefbeeld.is-zichtbaar{opacity:1}.zweefbeeld img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s ease}.zweefbeeld img.is-boven{opacity:1}@media(max-width:900px),(hover:none){.zweefbeeld{display:none}}.portret{display:grid;gap:clamp(26px,4vw,60px);align-items:center}@media(min-width:860px){.portret{grid-template-columns:5fr 6fr}}.portret__beeld img,.portret__beeld svg{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--room);border-radius:var(--rond-xl)}.portret__citaat{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.3;margin:0 0 22px;font-style:italic}.portret__naam{font-family:var(--kapitaal);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--zacht);margin-top:26px}.diensten{display:grid;gap:1px;background:var(--lijn);border:1px solid var(--lijn);margin-top:clamp(30px,4vw,52px);border-radius:var(--rond-l);overflow:hidden}@media(min-width:760px){.diensten{grid-template-columns:repeat(3,1fr)}}.dienst{background:var(--boter, #FFE7C2);padding:clamp(24px,2.6vw,36px)}.dienst h3{font-size:1.5rem;margin-bottom:8px}.dienst p{margin:0;font-size:.98rem;color:var(--zacht)}.bezoek{display:grid;gap:clamp(32px,5vw,68px)}@media(min-width:860px){.bezoek{grid-template-columns:1fr 1fr}}.tijden{list-style:none;margin:22px 0 0;padding:0}.tijden li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--lijn);font-size:1rem}.tijden li.is-vandaag{font-style:italic}.tijden li.is-vandaag .dag:after{content:" (vandaag)";font-family:var(--kapitaal);font-style:normal;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.tijden .dag{color:var(--zacht)}.bezoek__adres{font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.32;margin:0}.contact{background:var(--bruin, #3C2115);color:var(--boter, #FFE7C2);border-radius:var(--rond-xl);margin:0 var(--kant) clamp(28px,4vw,56px);padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}@media(min-width:1180px){.contact.vlak:not(.vlak--strak){padding-left:clamp(24px,4vw,64px)}}.contact>.binnen>.etiket:first-child{position:static;writing-mode:horizontal-tb;transform:none;margin:0 0 22px;letter-spacing:.3em}.contact .etiket{color:#ffe7c299}.contact .lood{color:#ffe7c2c7}.contact__raster{display:grid;gap:clamp(34px,5vw,68px)}@media(min-width:860px){.contact__raster{grid-template-columns:1fr 1fr}}.veld{display:grid;gap:7px;margin-bottom:18px}.veld label{font-family:var(--kapitaal);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:#ffe7c2a6}.veld input,.veld textarea{background:#ffe7c20f;border:1px solid var(--lijn-licht);border-radius:999px;padding:13px 20px;color:inherit;font:inherit;font-size:1.02rem;width:100%}.veld textarea{min-height:120px;resize:vertical;border-radius:var(--rond-l)}.veld input:focus,.veld textarea:focus{outline:none;border-color:var(--boter)}.knop{display:inline-block;padding:12px 30px;border:1px solid currentColor;border-radius:999px;font-family:var(--kapitaal);font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;transition:background .3s ease,color .3s ease}.knop:hover{background:var(--boter);color:var(--bruin);border-color:var(--boter)}.knop--bruin{background:var(--bruin);color:var(--boter);border-color:var(--bruin)}.knop--bruin:hover{background:transparent;color:var(--bruin);border-color:var(--bruin)}.contact__gegevens{display:grid;gap:14px}.contact__gegevens a{font-size:clamp(1.25rem,2vw,1.7rem);word-break:break-word}.contact__gegevens a:hover{font-style:italic}.socials{font-family:var(--kapitaal);display:flex;flex-wrap:wrap;gap:18px;font-size:.84rem;letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.voet{background:transparent;color:var(--zacht);border-top:1px solid var(--lijn)}.voet__in{padding:22px var(--kant);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:.84rem;max-width:var(--maat);margin-inline:auto}.voet a:hover{color:var(--bruin)}.rte p{margin:0 0 16px}.rte h2{font-size:1.8rem;margin:32px 0 12px}.rte a{text-decoration:underline}.smal{max-width:720px}.komt-op{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.3,1)}.komt-op.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.komt-op{opacity:1;transform:none}}@keyframes ademen{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.17) translate3d(-1.6%,-1.2%,0)}}.open__foto{animation:ademen 30s ease-in-out infinite alternate;will-change:transform}.wipe{clip-path:inset(0 0 102% 0);opacity:0;transition:clip-path 1.1s cubic-bezier(.16,.84,.28,1),opacity .7s ease}.wipe.is-in{clip-path:inset(0 0 -2% 0);opacity:1}.band{overflow:hidden;padding:clamp(14px,1.6vw,22px) 0;margin:0 var(--kant);border-radius:999px;border:1px solid var(--lijn)}.band--bruin{background:var(--bruin, #3C2115);color:var(--boter, #FFE7C2);border-color:transparent}.band__spoor{display:flex;width:max-content;animation:schuiven var(--tempo, 52s) linear infinite}.band:hover .band__spoor{animation-play-state:paused}@keyframes schuiven{to{transform:translate3d(-50%,0,0)}}.band__reeks{display:flex;align-items:center}.band__item{display:flex;align-items:center;gap:clamp(24px,3vw,48px);padding-right:clamp(24px,3vw,48px);font-size:clamp(1.1rem,2.2vw,1.9rem);white-space:nowrap}.band__bloem{width:clamp(16px,1.6vw,22px);height:auto;opacity:.5;flex:none}.band--bruin .band__bloem{filter:invert(88%) sepia(18%) saturate(500%) hue-rotate(330deg);opacity:.6}@keyframes draaien{to{transform:rotate(360deg)}}.merken__rij{position:relative}.merken__rij:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--bruin);transition:width .5s cubic-bezier(.2,.7,.3,1)}@media(hover:hover){.merken__rij:hover:after{width:100%}}.beelden figure{will-change:transform}.beelden figure img{transition:transform .9s cubic-bezier(.2,.7,.3,1)}.beelden figure:hover img{transform:scale(1.04)}.dienst{transition:background .4s ease}.dienst:hover{background:var(--room, #FFF4E3)}@media(prefers-reduced-motion:reduce){.open__foto,.band__spoor,.zij__knop img,.balk__knop img{animation:none!important}.wipe{clip-path:none;opacity:1}.beelden figure{transform:none!important}}.gordijn{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bruin, #3C2115);display:grid;place-items:center;animation:gordijn-op .9s cubic-bezier(.76,0,.24,1) 1.9s forwards}.gordijn__logo{display:block;width:min(60vw,540px);color:var(--boter, #FFE7C2);clip-path:inset(0 100% 0 0);animation:schrijven 1.5s cubic-bezier(.5,0,.2,1) .25s forwards}.gordijn__logo svg{width:100%;height:auto;fill:currentColor}@keyframes schrijven{to{clip-path:inset(0 -2% 0 0)}}@keyframes gordijn-op{to{transform:translateY(-101%);visibility:hidden}}.gordijn--weg{display:none}.bladen{padding-bottom:clamp(40px,6vw,90px)}.bladen__etiket{padding:0 var(--kant) clamp(24px,3vw,44px)}.blad{margin:0 var(--kant) clamp(18px,2.5vw,34px);position:relative;border-radius:var(--rond-xl);overflow:hidden;background:var(--room, #FFF4E3);box-shadow:0 22px 50px -34px #3c2115d9}.blad img,.blad svg{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4 / 3}.blad figcaption{position:absolute;left:clamp(14px,1.6vw,26px);bottom:clamp(14px,1.6vw,26px);display:inline-flex;align-items:baseline;gap:12px;background:var(--boter, #FFE7C2);color:var(--bruin, #3C2115);border-radius:999px;padding:9px 20px;font-size:.92rem;line-height:1}.blad__merk{font-family:var(--kapitaal);font-size:.72rem;letter-spacing:.2em;color:var(--zacht)}@media(min-width:1024px){.blad{position:sticky;top:calc(var(--pad) + 4vh + var(--i) * 16px);height:clamp(340px,62vh,640px);margin-bottom:clamp(60px,9vh,110px)}.blad img,.blad svg{height:100%;aspect-ratio:auto}.blad:nth-child(odd){margin-right:calc(var(--kant) + 6%)}.blad:nth-child(2n){margin-left:calc(var(--kant) + 6%)}}@media(prefers-reduced-motion:reduce){.blad{position:relative;top:auto}}@media(prefers-reduced-motion:reduce){.gordijn{animation-delay:0s;animation-duration:.01s}.gordijn__logo{clip-path:none;animation:none}}.status{display:inline-flex;align-items:center;gap:9px;margin:0 0 6px;padding:7px 16px 7px 9px;border-radius:999px;border:1px solid var(--lijn);font-size:.88rem;line-height:1;background:transparent;color:var(--zacht)}.status--open{background:var(--bruin, #3C2115);border-color:var(--bruin, #3C2115);color:var(--boter, #FFE7C2)}.status__bloem{width:22px;height:auto;max-width:none;flex:none;animation:draaien 70s linear infinite}.status--open .status__bloem{filter:invert(92%) sepia(22%) saturate(480%) hue-rotate(330deg)}@media(prefers-reduced-motion:reduce){.status__bloem{animation:none}}.bestel{display:flex;gap:clamp(16px,2vw,28px);align-items:center;margin-top:clamp(30px,4vw,52px);padding:clamp(20px,2.4vw,30px);border:1px solid var(--lijn-licht);border-radius:var(--rond-l);background:#ffe7c20d}.bestel__bloem{width:clamp(34px,3vw,48px);height:auto;max-width:none;flex:none;filter:invert(92%) sepia(22%) saturate(480%) hue-rotate(330deg);opacity:.85;animation:draaien 120s linear infinite}.bestel__kop{font-size:clamp(1.15rem,1.7vw,1.45rem);margin:0 0 8px}.bestel__tekst{margin:0 0 18px;font-size:.96rem;color:#ffe7c2c7;max-width:62ch}.bestel__knoppen{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:600px){.bestel{flex-direction:column}}@media(prefers-reduced-motion:reduce){.bestel__bloem{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/fiore.css.map */