:root{--padding-horizontal:4.7vw;--padding-top:7rem}@media (min-width:992px){:root{--padding-top:9.375rem}}body{color:#f1f1f1}
.header.header--compact{box-shadow:none}.blue-bkg{background:rgba(34,50,66,.5)}.main{position:relative;width:100%;overflow:hidden}
.main::before{content:"";position:fixed;inset:0;width:100vw;height:100vh;background:url("../img/bg/art-line.svg") no-repeat right 0;background-size:70vh;opacity:.2;pointer-events:none;z-index:0}
.intro,.designs{position:relative;z-index:1}.intro{padding:1rem var(--padding-horizontal) 3.5rem}.intro__inner{margin:0;background:rgba(34,50,66,.5);max-width:90ch}.intro__title{font-size:clamp(34px,3.73vw,3.5rem);color:var(--color-brand);font-weight:700;margin-bottom:1rem}.intro__subtitle{font-size:clamp(18px,2vw,1.5rem);font-weight:600;margin-bottom:1rem}.intro__lead{font-size:clamp(14px,1.33vw,1rem)}
.designs{width:90%;max-width:60rem;padding:4vw 0;margin:auto;background:var(--color7);color:#223242}.designs__inner{padding:16px;text-align:center}.hint{font-size:clamp(18px,1.86vw,1.625rem);font-weight:700;color:var(--color16);text-align:center;padding:0 .5rem}.designs__box{display:grid;grid-template-columns:minmax(0,1fr)}.designs__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;background:#FDFEE0;padding-bottom:2rem}.designs__tab{position:relative;display:flex;align-items:flex-end;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:5px;overflow:hidden;text-align:center;min-height:200px;padding:.625rem}
.designs__tab:nth-child(1){background-image:url("../img/cakes/cakeatelier-cph-cake-classic-2.webp")}
.designs__tab:nth-child(2){background-image:url("../img/cakes/cakeatelier-cph-petal-crown-cake-4.webp")}
.designs__tab:nth-child(3){background-image:url("../img/workshops/cakeatelier-cph-creative-floral-blue-cake.webp")}
.designs__tab:nth-child(4){background-image:url("../img/cakes/cakeatelier-cph-classic-heart-cake-6.webp")}
.designs__tab::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(34,50,66,.65) 0%,rgba(34,50,66,.3) 38%,rgba(34,50,66,.24) 62%,rgba(34,50,66,.22) 100%)}.designs__tab:hover,.designs__tab:focus-visible{transform:translateY(-.25rem)}
.designs__tab:focus-visible,.closing__faq-link:focus-visible,.btn:focus-visible,.designs__panel-close:focus-visible{outline:.125rem solid var(--color16);outline-offset:.125rem}.design-tab__title{z-index:3;padding:0;font-size:.8125rem;line-height:1.15;text-shadow:0 .0625rem .1875rem rgba(0,0,0,.38);color:#fff;font-weight:700}
.designs__panel{position:relative;padding:1.25rem 1rem 1rem 1rem;background:#f2f3cf;margin-top:1rem;scroll-margin-top:5rem}.designs__panel-close{display:block;width:2.375rem;min-width:2.375rem;height:2.375rem;margin:0 0 0 auto;cursor:pointer}.designs__panel-close svg{display:block;width:100%;height:100%}.designs__panel-close use{width:100%;height:100%}.designs__panel-title{margin:.75rem 0;font-weight:900;text-transform:uppercase;font-size:1.2rem}.panel-title--classic{color:#8C824F}
.panel-title--artistic{color:var(--color12)}.panel-title--floral{color:#CD6F60}.panel-title--heart{color:#cb4b76}.panel__text{color:#223242;text-align:left;padding:1.5rem 0;font-size:.875rem}.panel__text p{margin-bottom:0.75rem}.panel__text em{font-weight:600}.designs__panel-gallery{display:block;columns:2;column-gap:.75rem}.designs__panel-item{-webkit-column-break-inside:avoid;break-inside:avoid;margin:0 0 .75rem 0;position:relative}.designs__panel-item::after{content:"";position:absolute;inset:0;background:rgba(34,50,66,.22);pointer-events:none}.designs__panel-img{display:block;width:100%;height:100%;object-fit:cover}.designs__panel-item.fx-gallery{opacity:0;transform:translate3d(0,1.875rem,0)}.designs__panel-item.fx-gallery.fx-gallery-run{animation:fxFadeUp .7s ease forwards;animation-delay:calc(var(--gallery-i,0)*.08s)}
.closing{width:100%;font-weight:500;padding:2rem 1rem;border-top:1px solid var(--color16);position:relative;z-index:10}.closing__text{font-size:clamp(20px,2.35vw,1.5rem);color:var(--color16);font-weight:700}.closing__note{margin:1rem 0;font-size:clamp(14px,1.7vw,1rem);line-height:1.7;color:var(--color12);width:100%}.closing__cta{text-align:center}.faq-wrap{width:max-content;max-width:100%;display:flex;flex-wrap:wrap;margin:auto;font-size:.875rem}.closing__faq-link{margin:0 auto;color:var(--color16);text-decoration:underline;display:block;padding:.5rem 1rem;width:max-content;text-underline-offset:.2em}.closing__faq-link:hover,.closing__faq-link:focus,.closing__faq-link:focus-visible,.closing__faq-link:active{opacity:.7}
.footer{position:relative;z-index:3}.footer::before{content:"";display:block;width:100%;height:.0625rem;background:var(--color-brand);opacity:.9;position:absolute;top:0;left:0}
.btn--primary{margin-bottom:1rem}.btn--primary:hover,.btn--primary:active{background:transparent;color:var(--color16);text-shadow:none}
@media (min-width:450px){
.designs__inner{padding:clamp(16px,2vw,32px)}.designs__tab{min-height:240px}.designs__tab::before{background:rgba(34,50,66,.22)}.design-tab__title{font-size:.8rem;text-shadow:none;padding:9px 6px;border-radius:5px;line-height:1.2;font-weight:600}.designs__tab:nth-child(1) .design-tab__title{background:#f7edba;color:#000}.designs__tab:nth-child(2) .design-tab__title{background:var(--color12);color:#fff}.designs__tab:nth-child(3) .design-tab__title{background:#ecb4ac;color:#000}.designs__tab:nth-child(4) .design-tab__title{background:#C8416E;color:#fff}.closing{padding:2rem}}
@media (min-width:768px){
.main::before{opacity:.8}.hero__hint{margin:4rem}.designs__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.designs__tab{min-height:320px;background-position:bottom}.designs__panel-gallery{columns:3}} 
@media (min-width:992px){
.intro{padding-bottom:6rem}.designs{width:clamp(960px,65vw,calc(100% - 32px));min-width:0;max-width:none}.designs__panel-title{font-size:1.5rem}.designs__tabs{gap:16px}.design-tab__title{padding:9px 10px;font-size:1rem}.panel__text{font-size:1rem}.designs__panel-gallery{columns:4}}
@media (min-width:1600px){.intro__title{font-size:3rem}.designs__tab{background-position:center}}
@media (hover:hover){.designs__tab{transition:transform .25s ease}}
@media (prefers-reduced-motion:reduce){.designs__panel-item.fx-gallery,.designs__panel-item.fx-gallery.fx-gallery-run,.designs__tab{transition:none!important;transform:none!important}.designs__panel-item.fx-gallery,.designs__panel-item.fx-gallery.fx-gallery-run{opacity:1!important;animation:none!important}}