@font-face{font-family:Coolvetica;src:url(/font/Coolvetica%20Rg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--white:#fff;--black:#000;--red:#a51e1e;--edge:20px;--safe-b: calc(env(safe-area-inset-bottom,0px) + 74px) ;--col:720px}@media(min-width:900px){:root{--edge:32px;--safe-b:40px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--black);font-family:Coolvetica,system-ui,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.chrome{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--edge);pointer-events:none}.chrome>*{pointer-events:auto}.wordmark{font-variation-settings:"wdth" 62,"wght" 900;font-size:20px;line-height:.95;letter-spacing:.02em;text-shadow:0 1px 20px rgba(0,0,0,.55)}@media(min-width:900px){.wordmark{font-size:26px}}.wordmark:hover{color:var(--red)}.burger{border:0;background:none;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.burger span{display:block;width:26px;height:2px;background:var(--white);box-shadow:0 1px 10px #0000008c}.door{position:relative;display:block;overflow:hidden;background:#111}.door.full{height:100svh;min-height:520px}.door.full .shot{position:absolute;inset:0}.door.native .shot{aspect-ratio:3/2}.door.native.tall .shot{aspect-ratio:3/4}@media(min-width:1100px){.doors{display:grid;grid-template-columns:1fr 1fr;height:88svh;min-height:640px}.doors .door{height:100%}.doors .door.full{height:100%;min-height:0}.doors .door.native .shot{aspect-ratio:auto;height:100%}.doors .door .label{bottom:var(--edge)}.doors .door.native.pos-dogs img{object-position:50% 45%}}@media(min-width:900px){.door.native.tall .shot{aspect-ratio:16/9}}.veil{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,.12) 55%,transparent)}.top-veil{position:absolute;inset:0 0 auto;height:20%;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.label{position:absolute;left:var(--edge);font-variation-settings:"wdth" 75,"wght" 800;font-size:22px;letter-spacing:.045em;text-transform:uppercase}.door.full .label{bottom:var(--safe-b)}.door.native .label{bottom:calc(var(--edge) + 4px)}@media(min-width:900px){.label{font-size:28px}}.door:hover .label{color:var(--red)}.pos-c img{object-position:50% 30%}.pos-dogs img{object-position:55% 50%}.signup{display:grid}.signup .shot{aspect-ratio:3/2;overflow:hidden}.signup .shot img{object-position:48% 40%}.signup .inner{padding:72px var(--edge) 80px;order:-1}.signup .inner>*{max-width:560px}@media(min-width:900px){.signup{grid-template-columns:1fr 1fr;align-items:stretch;min-height:72svh}.signup .shot{aspect-ratio:auto;height:100%}.signup .inner{display:flex;flex-direction:column;justify-content:center;padding:104px var(--edge) 112px;order:0}}.signup h2{margin:0 0 18px;font-weight:400;font-variation-settings:"wdth" 75,"wght" 900;font-size:36px;letter-spacing:.04em;text-transform:uppercase}@media(min-width:900px){.signup h2{font-size:52px}}.signup .blurb{margin:0 0 36px;font-size:15px;line-height:1.65;color:#cfcfcf;max-width:56ch}.signup form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;width:100%;max-width:560px}.signup .field{flex:1 1 240px;display:flex;flex-direction:column;gap:8px}.signup label{font-size:12px;letter-spacing:.02em;color:#8a8a8a}.signup input{appearance:none;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.32);padding:0 0 10px;color:var(--white);font:inherit;font-size:16px;border-radius:0}.signup input::placeholder{color:#5c5c5c}.signup input:focus{outline:none;border-bottom-color:var(--white)}.signup input[aria-invalid=true]{border-bottom-color:var(--red)}.signup button{border:0;background:none;padding:0 0 10px;cursor:pointer;color:var(--white);font:inherit;font-variation-settings:"wdth" 75,"wght" 800;font-size:16px;letter-spacing:.045em;text-transform:uppercase}.signup button:hover{color:var(--red)}.signup .note{margin:18px 0 0;font-size:13px;line-height:1.5;min-height:20px}.signup .note.bad{color:var(--red)}.signup .note.good{color:#cfcfcf}.about{display:grid}.about .shot{aspect-ratio:3/4;overflow:hidden}.about .shot img{width:100%;height:100%;object-fit:cover}.about .text{padding:72px var(--edge) 80px}.about .text>*{max-width:660px}@media(min-width:900px){.about{grid-template-columns:1fr 1fr;align-items:stretch}.about .shot{aspect-ratio:auto;height:100%}.about .text{display:flex;flex-direction:column;justify-content:center}}.about h2{margin:0 0 36px;font-variation-settings:"wdth" 75,"wght" 900;font-size:36px;letter-spacing:.04em;text-transform:uppercase;font-weight:400}@media(min-width:900px){.about h2{font-size:52px}.about .text{padding:104px var(--edge) 112px}}.about h2 a:hover{color:var(--red)}.about p{margin:0 0 18px;font-size:15px;line-height:1.65;color:#cfcfcf;max-width:56ch}.about p:last-child{margin-bottom:0}.menu{position:fixed;inset:0;z-index:40;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:var(--edge);transform:translateY(-100%);visibility:hidden}.menu.open{transform:none;visibility:visible}.menu a{font-variation-settings:"wdth" 75,"wght" 800;font-size:clamp(30px,9vw,56px);line-height:1.15;text-transform:uppercase;letter-spacing:.02em}.menu a:hover{color:var(--red)}.menu .secondary{margin-top:auto;display:flex;flex-wrap:wrap;gap:18px}.menu .secondary a{font-variation-settings:"wdth" 100,"wght" 400;font-size:13px;letter-spacing:.02em;text-transform:none;color:#8a8a8a}.menu .secondary a:hover{color:var(--white)}.close{position:absolute;top:var(--edge);right:var(--edge);border:0;background:none;color:var(--white);font:inherit;font-size:26px;line-height:1;cursor:pointer;padding:6px}.foot{padding:var(--s5,56px) var(--edge) var(--edge);color:#8a8a8a;font-size:12px}.foot a{color:#8a8a8a}.foot a:hover{color:var(--white)}.foot{text-align:center}.foot .row{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:36px;justify-content:center}body.shop{background:var(--white);color:var(--black)}body.shop .wordmark{text-shadow:none}body.shop .burger span{background:var(--black);box-shadow:none}body.shop .foot,body.shop .foot a{color:#6a6a6a}body.shop .foot a:hover{color:var(--black)}.catalog{padding:calc(var(--edge) + 72px) var(--edge) 96px}@media(min-width:900px){.catalog{padding:calc(var(--edge) + 88px) var(--edge) 140px}}.catalog-head{margin:0 0 36px;text-align:center}@media(min-width:900px){.catalog-head{margin:0 0 52px}}.catalog-head h1{margin:0 0 8px;font-weight:400;font-size:22px;letter-spacing:.08em;text-transform:uppercase}@media(min-width:900px){.catalog-head h1{font-size:26px}}.catalog-head p{margin:0;font-size:13px;line-height:1.55;color:#6a6a6a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 12px}.card.wide{grid-column:span 2}.card{display:block;min-width:0}.card .shot{aspect-ratio:3/4;overflow:hidden;background:#f2f2f2}.card.wide .shot{aspect-ratio:3/2}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr);gap:52px 18px}}.card .meta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 0 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase}@media(min-width:900px){.card .meta{font-size:13px;padding-top:16px}}.card .price{color:#6a6a6a}.card:hover .name{color:var(--red)}.pos-bag img,.pos-shorts img{object-position:50% 70%}.pos-jacket img{object-position:50% 45%}@media(prefers-reduced-motion:no-preference){.menu{transition:transform .38s cubic-bezier(.4,0,.2,1),visibility .38s}.label,.menu a,.foot a,.wordmark,.about h2 a,.signup button,.card .name{transition:color .15s}.signup input{transition:border-color .15s}}
