:root{--t-butterscotch: #F7AF47;--t-charcoal: #181716;--t-chocolate: #83502E;--t-pine: #06362D;--t-tofu: #FFF6E4;--t-tofu---10: #E6DDCD;--t-tofu---20: #CCC5B6;--u-viewport-scale:calc(100vw - 375px) / (1440 - 375);font-size:1rem}@view-transition{navigation: auto;}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{position:relative;background-color:var(--t-tofu);color:var(--t-charcoal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}@media (min-width: 48rem){body{display:grid;min-height:100vh}}body[data-navigation-active]{overflow:hidden}h1,h2,h3,h4{font-weight:inherit}img,picture{display:block}input,button,textarea,select{font:inherit}a{color:var(--t-charcoal);text-decoration:none}button{all:unset;box-sizing:border-box;cursor:pointer;touch-action:manipulation}[x-cloak]{display:none!important}.u-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.o-heading{font-family:Borel,sans-serif;font-optical-sizing:auto;font-variant-ligatures:contextual;font-weight:400;line-height:1}.o-heading--1{font-size:calc(3.4375rem + (65 - 55) * var(--u-viewport-scale))}.o-image{flex:1;opacity:0;transition:opacity .3s}.o-image[data-crop=true]{object-fit:cover}.o-image[data-crop=false]{object-fit:contain}.o-image.has-loaded{opacity:1}.o-paragraph{font-family:Rubik,sans-serif}.o-paragraph--1{font-size:calc(1.5rem + (26 - 24) * var(--u-viewport-scale))}.o-paragraph--2{font-size:calc(1rem + (18 - 16) * var(--u-viewport-scale))}.o-paragraph--3{font-size:calc(.875rem + (16 - 14) * var(--u-viewport-scale))}.o-paragraph--4{font-size:calc(.75rem + (14 - 12) * var(--u-viewport-scale))}.o-slider{display:flex;width:100%;align-content:flex-start;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.c-auth{display:grid;gap:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem);padding:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem) calc(1.875rem + (60 - 30) * var(--u-viewport-scale));align-items:flex-start}@media (min-width: 48rem){.c-auth{gap:6.25rem;width:46.875rem;height:100%;margin-inline:auto;padding-inline:0;grid-template-columns:auto 1fr;align-items:center}}.c-auth__header{display:flex;justify-content:center}.c-auth__logo{display:block;width:calc(13.375rem + (256 - 214) * var(--u-viewport-scale))}.c-auth__form{display:grid;align-items:center}@media (min-width: 48rem){.c-auth__form .c-form__errors{position:absolute;top:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem);left:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem);right:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem)}}.c-button{display:inline-block;padding:1.75ch 3ch;border-radius:4ch;background-color:var(--t-pine);color:#fff;text-align:center}@media (hover: hover){.c-button{transition:background-color .3s}.c-button:hover{background-color:var(--t-pine)}}.c-dog{display:grid;gap:clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem);padding:0 calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) calc(.625rem + (16 - 10) * var(--u-viewport-scale))}@media (min-width: 48rem){.c-dog{padding:calc(1.875rem + (60 - 30) * var(--u-viewport-scale));padding-left:35vw}}.c-dog__header{position:relative;padding-top:calc(clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem)/2);text-align:center}@media (min-width: 48rem){.c-dog__header{position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;width:35vw;padding:0 calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) 10ch}}.c-dog__overview{max-width:25ch;margin-inline:auto;color:var(--t-chocolate)}.c-dog__overview span{white-space:nowrap}.c-dog__logo{display:inline-flex;margin:0 auto 2ch}.c-dog__logo svg{display:block;width:10ch;height:auto;color:var(--t-chocolate)}@media (min-width: 48rem){.c-dog__logo{position:absolute;bottom:calc(1.875rem + (60 - 30) * var(--u-viewport-scale));left:50%;transform:translate(-50%);margin-bottom:0}}.c-dog__back-button{position:absolute;top:2ch;left:2ch}@media (min-width: 48rem){.c-dog__back-button{position:fixed}}.c-dog__back-button svg{width:4ch;height:4ch;color:var(--t-chocolate)}.c-dog .c-portrait{margin-bottom:calc(clamp(3.125rem,calc(1.875rem + (60 - 30) * var(--u-viewport-scale)) * 1.5,5rem) / 1.5)}.c-dog .c-gallery{margin-inline:calc(0px - (1.875rem + (60 - 30) * var(--u-viewport-scale) - (.625rem + (16 - 10) * var(--u-viewport-scale))))}@media (min-width: 48rem){.c-dog .c-gallery{margin-inline:0}}.c-form{display:grid;gap:calc(1.875rem + (60 - 30) * var(--u-viewport-scale))}@media (min-width: 48rem){.c-form{gap:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2)}}.c-form__errors{display:grid;gap:1ch;margin:0;padding:2ch;list-style:none;border-radius:2ch;border:solid 2px var(--t-chocolate);color:var(--t-chocolate);font-weight:500;text-align:center}.c-form__fields{display:grid;gap:1px}.c-form__fields input{all:unset;box-sizing:border-box;padding:2ch;background-color:#fff}.c-form__fields input:first-child{border-radius:2ch 2ch 0 0}.c-form__fields input:last-child{border-radius:0 0 2ch 2ch}.c-form__fields input::placeholder{color:var(--t-chocolate)}.c-form__actions{display:grid}.c-gallery{display:grid;gap:calc(.625rem + (16 - 10) * var(--u-viewport-scale));grid-template-columns:repeat(2,1fr)}@media (min-width: 75rem){.c-gallery{grid-template-columns:repeat(3,1fr)}}.c-gallery__image{display:flex;aspect-ratio:3/2;overflow:hidden;background-color:var(--t-tofu---10);cursor:pointer}.c-gallery__image:first-child{grid-column:1/-1}.c-gallery__image .o-image{pointer-events:none}.c-icon-button{display:inline-flex;width:calc(2.8125rem + (55 - 45) * var(--u-viewport-scale));aspect-ratio:1/1;border:solid 1px var(--t-tofu---10);border-radius:100%}.c-icon-button svg{margin:auto;width:auto;height:35%;overflow:visible}.c-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-bottom:calc(4.0625rem + (180 - 65) * var(--u-viewport-scale));background-color:var(--t-tofu);opacity:0;pointer-events:none;z-index:50;transition:opacity .3s}.c-modal.is-active{opacity:1;pointer-events:all;overscroll-behavior:contain}@media (min-width: 48rem){.c-modal{display:grid;grid-template-columns:8fr 4fr;align-items:center;padding-bottom:0}}@media (min-width: 75rem){.c-modal{grid-template-columns:10fr 4fr}}.c-modal__header{padding:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2)}@media (min-width: 48rem){.c-modal__header{position:absolute;top:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2);right:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2);padding:unset}}.c-modal__slider-wrapper{overflow:hidden}@media (min-width: 48rem){.c-modal__slider-wrapper{padding:calc(1.875rem + (60 - 30) * var(--u-viewport-scale));padding-right:0}}.c-modal__slider{background-color:var(--t-tofu---10)}.c-modal__slider .o-image{pointer-events:none}.c-modal__slide{display:flex;min-width:100%;max-width:100%;aspect-ratio:3/2}.c-modal__content{flex:1;padding:calc(1.875rem + (60 - 30) * var(--u-viewport-scale));overflow:auto}.c-modal__content p+p{margin-top:1ch;color:var(--t-chocolate)}.c-modal__content .c-button{display:block;margin-top:2.5ch}.c-modal__footer{position:fixed;bottom:0;left:0;right:0;display:flex;gap:2ch;align-items:center;padding:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2);padding-bottom:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2 + env(safe-area-inset-bottom,0));background-color:var(--t-tofu);box-shadow:0 0 20px #83502e1a}@media (min-width: 48rem){.c-modal__footer{position:absolute;bottom:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2);right:calc((1.875rem + (60 - 30) * var(--u-viewport-scale)) / 2);left:auto;padding:unset;background-color:unset;box-shadow:unset}}.c-modal__footer-label{margin-inline:auto;font-variant-numeric:tabular-nums}.c-portrait{position:relative;width:calc(12.5rem + (300 - 200) * var(--u-viewport-scale));margin-inline:auto}.c-portrait__frame{display:block;color:var(--t-butterscotch);overflow:visible}.c-portrait__photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:auto;aspect-ratio:1/1;border-radius:100%}