@charset "UTF-8";.portfolio-grid-container{margin:min(30px,3vw) 0;padding:0 min(30px,3vw);width:100%}.portfolio-grid-container #portfolio-filters{display:grid;gap:5px;grid-template-columns:repeat(4,minmax(auto,1fr));grid-template-rows:auto;margin:0 auto;max-width:400px;overflow-x:auto;padding:3px;width:100%}.portfolio-grid-container #portfolio-filters button{background:none;background:transparent;border:none;border-radius:5px;box-shadow:0 0 3px 0 rgba(0,0,0,.239);color:#a4a2a2;cursor:pointer;min-width:-moz-min-content;min-width:min-content;overflow:hidden;padding:4px 5px;transition:color .2s;width:100%}.portfolio-grid-container #portfolio-filters button span{display:block;margin:auto;width:-moz-min-content;width:min-content}.portfolio-grid-container #portfolio-filters button{position:relative}.portfolio-grid-container #portfolio-filters button:before{background:var(--selectedBackground);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;z-index:-1}@media (hover:hover){.portfolio-grid-container #portfolio-filters button:hover{color:#000}.portfolio-grid-container #portfolio-filters button:hover:before{opacity:1}}.portfolio-grid-container #portfolio-filters button:focus-visible{color:#000}.portfolio-grid-container #portfolio-filters button:focus-visible:before{opacity:1}@media (min-width:700px){.portfolio-grid-container #portfolio-filters{gap:10px;max-width:900px}.portfolio-grid-container #portfolio-filters button{padding:6px 10px}.portfolio-grid-container #portfolio-filters button span{display:inline}}.portfolio-grid-container #portfolio-filters button:not([data-product]){--selectedBackground:linear-gradient(45deg,var(--colour-pink-mid),var(--colour-pink-light))}.portfolio-grid-container:not([data-filters-product]) #portfolio-filters button:not([data-product]){color:#000}.portfolio-grid-container:not([data-filters-product]) #portfolio-filters button:not([data-product]):before{opacity:1}.portfolio-grid-container[data-filters-product=celebration-cake] #portfolio-filters button[data-product=celebration-cake]{color:#000}.portfolio-grid-container[data-filters-product=celebration-cake] #portfolio-filters button[data-product=celebration-cake]:before{opacity:1}.portfolio-grid-container[data-filters-product=wedding-cake] #portfolio-filters button[data-product=wedding-cake]{color:#000}.portfolio-grid-container[data-filters-product=wedding-cake] #portfolio-filters button[data-product=wedding-cake]:before{opacity:1}.portfolio-grid-container[data-filters-product=cupcakes] #portfolio-filters button[data-product=cupcakes]{color:#000}.portfolio-grid-container[data-filters-product=cupcakes] #portfolio-filters button[data-product=cupcakes]:before{opacity:1}.portfolio-grid-container .portfolio-grid{margin-top:min(30px,3vw);min-height:100vh;position:relative;width:100%}.portfolio-grid-container .portfolio-grid .grid-item{background:#ececec;border:none;cursor:pointer;height:-moz-min-content;height:min-content;opacity:0;overflow:hidden;padding:0;position:absolute;transition:opacity .3s}.portfolio-grid-container .portfolio-grid .grid-item img{display:block;height:100%;opacity:0;transition:transform .7s;width:100%}@media (hover:hover){.portfolio-grid-container .portfolio-grid .grid-item img:hover{transform:scale(1.2)}}.portfolio-grid-container .portfolio-grid .grid-item img{transition:transform .7s,opacity .3s}.portfolio-grid-container .portfolio-grid .grid-item{display:none}.portfolio-grid-container .portfolio-grid .grid-item.filtered{display:block}.portfolio-grid-container .portfolio-grid.grid-initialised .grid-item,.portfolio-grid-container .portfolio-grid.grid-initialised .grid-item.image-loaded img{opacity:1}#portfolio-modal{background:rgba(0,0,0,.902);bottom:0;color:#fff;display:none;grid-template-rows:min-content 1fr;left:0;position:fixed;right:0;top:0;z-index:200}#portfolio-modal .close-button-container{display:flex;justify-content:flex-end;padding:20px}#portfolio-modal .close-button-container #modal-close{background:none;border:1px solid #fff;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s}@media (hover:hover){#portfolio-modal .close-button-container #modal-close:hover{border-color:#f7cac9;color:#f7cac9}}#portfolio-modal .scrollable-container{height:100%;max-height:100%;overflow-y:auto}#portfolio-modal .scrollable-container .container{display:flex;flex-direction:column;gap:50px;justify-content:center;min-height:100%;padding:0 5vw 20px}@media only screen and (max-width:800px){#portfolio-modal .scrollable-container .container{gap:30px}}#portfolio-modal .scrollable-container .container .images{align-items:center;display:flex;flex-direction:column;justify-content:center}#portfolio-modal .scrollable-container .container .images #selected-image{aspect-ratio:var(--aspect-ratio);background:#000;border:1px solid #f7cac9;overflow:hidden;width:min(100%,60vh * var(--aspect-ratio))}#portfolio-modal .scrollable-container .container .images #selected-image img,#portfolio-modal .scrollable-container .container .images #selected-image video{display:block;height:100%;margin:auto;-o-object-fit:cover;object-fit:cover;width:100%}#portfolio-modal .scrollable-container .container .images #thumbs{display:flex;gap:15px;height:80px;justify-content:center;margin-top:20px;max-width:100%;overflow-x:auto;overflow-y:hidden}#portfolio-modal .scrollable-container .container .images #thumbs button{background:#000;border:none;cursor:pointer;height:100%;overflow:hidden;padding:0}#portfolio-modal .scrollable-container .container .images #thumbs button.video-thumb{position:relative}#portfolio-modal .scrollable-container .container .images #thumbs button.video-thumb:before{background:rgba(0,0,0,.82);border-radius:100%;content:"";display:block;height:36px;left:calc(50% - 18px);position:absolute;top:calc(50% - 18px);width:36px}#portfolio-modal .scrollable-container .container .images #thumbs button.video-thumb:after{border-bottom:8px solid transparent;border-left:10px solid hsla(0,0%,100%,.82);border-top:8px solid transparent;content:"";height:0;left:calc(50% - 3.33333px);position:absolute;top:calc(50% - 8px);width:0}#portfolio-modal .scrollable-container .container .images #thumbs button img{border:1px solid #fff;height:100%;width:100%}#portfolio-modal .scrollable-container .container .text{display:flex;flex-direction:column;justify-content:center;text-align:center}#portfolio-modal .scrollable-container .container .text h2{color:#f7cac9;font-size:3em;margin:0}#portfolio-modal .scrollable-container .container .text #testimonial blockquote{font-style:italic;font-weight:400;margin:0;padding:15px;position:relative;quotes:"“" "”";text-align:center}#portfolio-modal .scrollable-container .container .text #testimonial blockquote:after,#portfolio-modal .scrollable-container .container .text #testimonial blockquote:before{color:#fff;font-family:Licorice,cursive;font-size:300%;position:absolute}#portfolio-modal .scrollable-container .container .text #testimonial blockquote:before{content:open-quote;left:0;top:0}#portfolio-modal .scrollable-container .container .text #testimonial blockquote:after{bottom:0;content:close-quote;line-height:0px;right:0}#portfolio-modal .scrollable-container .container .text #testimonial span{display:block;padding-right:10px;text-align:right}#portfolio-modal .scrollable-container .container .text #testimonial{font-size:90%}@media only screen and (min-width:1200px){#portfolio-modal .scrollable-container .container{flex-direction:row}#portfolio-modal .scrollable-container .container .images{max-width:40vw}#portfolio-modal .scrollable-container .container .images #selected-image{width:min(40vw,60vh * var(--aspect-ratio))}#portfolio-modal .scrollable-container .container .text{max-width:36vw}}#portfolio-modal .scrollable-container .container.title-only{flex-direction:column}#portfolio-modal .scrollable-container .container.title-only .images,#portfolio-modal .scrollable-container .container.title-only .text{max-width:none}:root{--portfolio-scroll:0px}body.portfolio-modal-open{overflow:hidden;position:fixed;top:var(--portfolio-scroll);width:100%}body.portfolio-modal-open #portfolio-modal{display:grid}