@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");:root{--color-primary: #adbe62;--color-primary-dark: #5a652a;--color-tertiary: #ff985c;--color-secondary: #ff985c;--color-secondary-dark: #d96f66;--color-primary-rgb: rgb(173, 190, 98);--color-primary-dark-rgb: rgb(90, 101, 42);--color-secondary-rgb: rgb(255, 152, 92);--color-secondary-dark-rgb: rgb(217, 111, 102);--color-white: #f6fff8;--color-black: #1a1d0c;--color-black-rgb: rgb(26, 29, 12);--color-grey-dark: #575a5e;--color-grey-light: #a7a2a9}@keyframes fromLeft{from{width:0;border-bottom:2px solid currentColor}to{width:100%;border-bottom:2px solid currentColor}}@keyframes fromBottom{from{opacity:0}to{transform:translateY(0);opacity:1}}@keyframes appear{from{opacity:0}to{opacity:1}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;padding:0}body{display:grid;grid-template-columns:1fr repeat(12, 1fr) 1fr;margin:0 auto;padding:0;box-sizing:border-box;font-size:1.6rem}body#home{grid-template-rows:[nav-start] minmax(min-content, 10vh) [nav-end header-start] 90vh [header-end]}body#gallery{grid-template-rows:minmax(auto, 10vh) min-content 1fr}::-moz-selection{color:var(--color-white);background-color:var(--color-primary)}::selection{color:var(--color-white);background-color:var(--color-primary)}.heading-primary{text-transform:uppercase}.heading-secondary{text-transform:uppercase;font-family:Roboto, Sans-serif;font-size:6rem;font-weight:300;letter-spacing:3px;color:var(--color-primary-dark);text-align:center;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center}.heading-secondary::after,.heading-secondary::before{content:"";width:100%;height:2px;border-color:currentColor;animation-name:fromLeft;animation-duration:1.2s;animation-delay:0.4s;animation-fill-mode:forwards}.heading-secondary::before{justify-self:end}.heading--gallery{text-align:center}.gallery{position:relative;grid-column:2 / 14;grid-row:2 / -1;margin-top:9rem;display:grid;height:100%}.gallery__header{grid-column:1 / -1;grid-row:1 / 2;text-align:center}.gallery__text{grid-row:2 / 3;font-family:Roboto, Sans-serif;font-weight:300;font-size:1.8rem;grid-column:3 / -3;opacity:0;transform:translateY(3rem);animation:fromBottom 0.5s ease-in-out 1s forwards;color:var(--color-black)}.gallery__images{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(2, min-content);grid-auto-rows:10rem;row-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;text-align:center}.gallery__figure{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(1)}.gallery__figure:hover img{transform:scale(1.02)}.gallery__figcaption{position:absolute;bottom:0;left:0;color:var(--color-primary);background-color:var(--color-black);transform:translateY(10rem);transform-origin:bottom;opacity:0;width:100%;transition:all 0.6s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.gallery__img-pos--1{grid-column:1 / 4;grid-row:3 / 7}.gallery__img-pos--2{grid-column:4 / -1;grid-row:3 / 7}.gallery__img-pos--3{grid-column:1 / -1;grid-row:7 / 12}.gallery__img-pos--4{grid-column:1 / -1;grid-row:12 / 16}.gallery__img-pos--5{grid-column:1 / 4;grid-row:16 / 22}.gallery__img-pos--6{grid-column:4 / 7;grid-row:16 / 22}.gallery__img{transition:all 1s ease-in-out;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;width:100%;height:100%}.gallery .bottom{-o-object-position:bottom;object-position:bottom}.gallery .middle{-o-object-position:50% 80%;object-position:50% 80%}.popup{position:fixed;grid-template-columns:5rem 1fr 5rem;grid-template-rows:6rem 1fr 8rem;display:none;opacity:1;top:0;left:0;width:100%;height:100%;z-index:2;color:var(--color-black);background-color:var(--color-white);animation-name:appear;animation-duration:0.8s;animation-fill-mode:reverse}.popup--visible{display:grid;animation-name:disappear;animation-duration:2s;animation-direction:forwards}.popup__menu{grid-column:1 / -1;grid-row:1 / 2;display:flex;align-items:center;padding:0 10rem}.popup__icon{width:2.4rem;height:2.4rem}.popup__figure{position:relative;grid-column:2 / 3;grid-row:2 / 3;margin:auto;overflow:hidden}.popup__img{margin:0 auto;height:calc(100vh - 16rem);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;box-shadow:0 10px 30px rgba(26,29,12,0.3);border-radius:5px}.popup__summary{background-color:rgba(26,29,12,0.4);background-color:rgba(90,101,42,0.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;border-radius:0 0 5px 5px;position:absolute;bottom:0;left:0;padding:2rem 2rem;color:white;font-family:Roboto, Sans-serif;font-weight:200;font-size:2.5rem;text-transform:uppercase;align-items:center;opacity:0;visibility:hidden;transform:translateY(2rem);transform-origin:bottom;transition:all 0.5s ease-in-out;z-index:1000}.popup__summary--visible{opacity:1;visibility:visible;transform:translateY(0)}.popup__title{display:flex;font-family:Roboto, Sans-serif;font-weight:200;font-size:2.5rem;text-transform:uppercase;flex-direction:column;align-items:center}.popup__title span{font-size:1.5rem}.popup__details{grid-column:3 / 12;grid-row:8 / 10}.display{display:none}.about{background-color:var(--color-white);padding:3rem;display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;grid-gap:3rem;color:var(--color-secondary)}@media only screen and (max-width: 37.5em){.about{grid-template-columns:1fr}}.about__figure{overflow:hidden;height:200px}.about__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;width:100%}.categories{background-color:var(--color-blacker);color:var(--color-secondary);justify-items:center;padding:3rem;display:grid;grid-gap:2rem;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(min-content, 30rem))}.categories__img{display:block;width:400px;height:300px}.footer{grid-column:1 / -1;grid-row:-1 / -1;margin-top:19rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;font-family:Roboto, Sans-serif;font-size:1.6rem;background-color:#cdebf2;background-color:#eff2e0}.footer__social{display:flex;gap:5px;margin-bottom:2rem}.footer__icon{width:4rem;height:4rem;fill:var(--color-black);display:block;transition:all 0.3s;opacity:1}.footer__icon:hover{fill:var(--color-blacker)}.footer__link{color:var(--color-primary);color:#68723b;text-transform:lowercase;text-decoration:none;letter-spacing:0.9px}.gear{background-color:darkslategrey}.header{grid-column:1 / -1;grid-row:2 / -1;height:100%;background-image:url("/web/img/bryggan.jpg")}.header__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.navigation{grid-column:1 / -1;grid-row:0 / 1;background-color:var(--color-white);display:grid;grid-template-columns:1fr repeat(10, 1fr) 1fr;justify-content:space-between;align-items:center;color:var(--color-black);box-shadow:0 5px 10px rgba(0,0,0,0.05);z-index:2;height:10vh}.navigation__logo{grid-column:2 / 7;grid-row:0 / 1;font-family:Roboto, Sans-serif;font-weight:400;letter-spacing:1.5px;font-size:2rem;text-transform:uppercase;color:var(--color-black);justify-self:left}.navigation__logo a,.navigation__logo span{transition:all 0.3s}.navigation__logo:hover a{color:var(--color-primary);transform:scale(1.05);text-shadow:0 3px 2px rgba(0,0,0,0.05)}.navigation__logo:hover span{color:var(--color-secondary)}.navigation__logo span{font-weight:300;font-size:1.5rem;letter-spacing:1px;text-decoration:none;text-transform:none}.navigation__nav{grid-column:7 / 12;grid-row:0 / 1;justify-self:right}.navigation__list{display:flex;list-style-type:none;gap:5rem;font-family:roboto;font-weight:400}.navigation__link{position:relative;color:currentColor;text-decoration:none}.navigation__link:hover,.navigation__link:active{color:var(--color-secondary)}.navigation__link--logo{text-decoration:none;color:currentColor;display:flex;flex-direction:column;align-items:center}.sidebar{background-color:darkslateblue}