*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:Work Sans,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}::selection{background:var(--ink);color:var(--on-ink)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:var(--ink);color:var(--on-ink);padding:.5rem 1rem}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.section{padding:3.5rem 0}@media(min-width:1024px){.section{padding:5rem 0}}.bg-surface{background:var(--surface)}.bg-bg{background:var(--background)}.border-y{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.display{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:.95;letter-spacing:-.01em;margin:0}.display em{font-style:italic}.eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--muted);margin:0}.muted{color:var(--muted)}.h-xl{font-size:clamp(3.5rem,9vw,6rem)}.h-lg{font-size:clamp(3rem,6vw,3.75rem)}.h-md{font-size:clamp(2rem,4vw,2.5rem)}.section-head{display:flex;flex-direction:column;gap:1.25rem;border-bottom:1px solid var(--line);padding-bottom:1.75rem}@media(min-width:768px){.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.section-head .eyebrow{letter-spacing:.08em;font-weight:800;font-size:.75rem}.section-head h2{margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:0;cursor:pointer;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;padding:.9rem 1.6rem;transition:background .2s,color .2s,transform .2s,border-color .2s;white-space:nowrap}.btn svg{width:1rem;height:1rem}.btn--editorial{background:var(--ink);color:var(--on-ink)}.btn--editorial:hover{background:var(--brand)}.btn--quiet{background:transparent;border-color:var(--foreground);color:var(--foreground)}.btn--quiet:hover{background:var(--ink);color:var(--on-ink)}.btn--xl{padding:1.15rem 2.2rem}.btn--sm{padding:.55rem 1rem;font-size:.65rem}.btn--block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--icon{padding:.55rem;background:transparent;border:0;position:relative}.btn--icon svg{width:1.3rem;height:1.3rem}.link-underline{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid currentColor;padding-bottom:.2rem}.announcement{background:var(--ink);color:var(--on-ink);font-size:.68rem;font-weight:700;text-transform:uppercase;text-align:center;padding:.55rem 1rem;letter-spacing:.08em}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--background) 95%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;height:4rem}.logo{display:flex;align-items:center;gap:.5rem;min-width:0}.logo-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.375rem;background:var(--ink);color:var(--on-ink);font-weight:900;font-size:.85rem;flex-shrink:0}.logo-text{font-weight:900;text-transform:uppercase;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo img{max-height:2.5rem;width:auto}.nav-desktop{display:none;justify-content:center;gap:1.25rem}.nav-desktop>li{position:relative;list-style:none}.nav-desktop a{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-desktop a:hover,.nav-desktop a[aria-current]{color:var(--foreground)}.nav-desktop .dropdown{display:none;position:absolute;top:100%;left:-1rem;min-width:13rem;background:var(--surface-raised);border:1px solid var(--line);padding:.75rem 1rem;margin:0;box-shadow:0 20px 40px -20px #00000040}.nav-desktop li:hover .dropdown,.nav-desktop li:focus-within .dropdown{display:grid;gap:.6rem}.nav-desktop .dropdown li{list-style:none}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.menu-toggle{display:inline-flex}@media(min-width:1024px){.nav-desktop{display:flex;margin:0;padding:0}.menu-toggle{display:none}}.cart-count{position:absolute;right:-.2rem;top:-.2rem;min-width:1.25rem;height:1.25rem;border-radius:999px;background:var(--brand);color:var(--on-ink);font-size:.65rem;font-weight:900;display:grid;place-items:center;padding:0 .25rem}.mobile-menu{position:fixed;inset:6.25rem 0 auto 0;z-index:30;background:var(--background);border-bottom:1px solid var(--line);padding:1.25rem 1rem;box-shadow:0 30px 60px -30px #0000004d;opacity:0;transform:translateY(-.75rem);pointer-events:none;transition:all .25s;max-height:calc(100vh - 6.25rem);overflow-y:auto}.mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:.8rem 0;font-family:"Instrument Serif",serif;font-size:1.6rem}.mobile-menu .sub a{font-family:inherit;font-size:.9rem;padding-left:1rem;color:var(--muted)}@media(min-width:1024px){.mobile-menu{display:none}}.hero{border-bottom:1px solid var(--line);padding:2rem 0}@media(min-width:1024px){.hero{padding:4rem 0}}.hero-grid{display:grid;gap:2.5rem}@media(min-width:1024px){.hero-grid{grid-template-columns:5fr 7fr;align-items:center}}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem;order:2}@media(min-width:1024px){.hero-copy{order:1}}.hero-copy p.lead{max-width:28rem;font-size:1.1rem;line-height:1.75;color:var(--muted);margin:0}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.hero-media{order:1;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.hero-media{grid-template-columns:2fr 1fr;align-items:end}}@media(min-width:1024px){.hero-media{order:2}}.hero-media .frame:nth-child(2){display:none}@media(min-width:640px){.hero-media .frame:nth-child(2){display:block}}.frame{background:var(--stone);padding:.75rem;transition:transform .3s}.frame-inner{display:grid;place-items:center;background:var(--surface-raised);overflow:hidden}.frame-inner img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.ratio-4-5{aspect-ratio:4/5}.ratio-3-4{aspect-ratio:3/4}.ratio-1{aspect-ratio:1}.hover-lift:hover .frame,.hover-lift:hover.frame{transform:translateY(-4px)}.hover-lift:hover .frame-inner img{transform:scale(1.02)}.shadow{box-shadow:0 30px 60px -35px #1e140a59}.value-bar{background:var(--surface);border-bottom:1px solid var(--line)}.value-grid{display:grid}@media(min-width:768px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.value-grid{grid-template-columns:repeat(4,1fr)}}.value-item{padding:1.5rem 0;border-top:1px solid var(--line)}.value-item:first-child{border-top:0}@media(min-width:768px){.value-item{border-top:0;padding:1.5rem}.value-item+.value-item{border-left:1px solid var(--line)}}.value-item svg{width:1.25rem;height:1.25rem;color:#3f7a55}.value-item h3{margin:1rem 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.value-item p{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted)}.collection-grid{display:grid;gap:2.5rem 1.5rem;margin-top:2.5rem}@media(min-width:768px){.collection-grid{grid-template-columns:repeat(3,1fr)}.collection-grid>.collection-card:nth-child(3n+2){padding-top:2rem}}.collection-card{display:flex;flex-direction:column;gap:1.25rem;text-align:center}.collection-card h3{font-size:2.25rem;margin:.5rem 0 0}.collection-card p{max-width:20rem;margin:.75rem auto 0;font-size:.875rem;line-height:1.6;color:var(--muted)}.collection-card .eyebrow{font-size:.65rem;letter-spacing:.18em}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1rem;margin-top:2.5rem}@media(min-width:768px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 1.75rem}}.product-card{display:flex;flex-direction:column;gap:1rem;text-align:center}.product-card h3{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .price{margin:.25rem 0 0;font-family:"Instrument Serif",serif;font-style:italic;font-size:1.15rem;color:var(--muted)}.product-card .price s{margin-left:.35rem;opacity:.7}.product-card .card-actions{margin-top:.75rem}.badge{display:inline-block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;background:var(--ink);color:var(--on-ink);padding:.25rem .5rem}.empty-state{padding:4rem 0;text-align:center;color:var(--muted);font-size:.9rem}.center-cta{display:flex;justify-content:center;margin-top:2.5rem}.split{display:grid;gap:2.5rem}@media(min-width:1024px){.split{grid-template-columns:repeat(12,1fr);align-items:center}.split>.split-media{grid-column:span 6}.split>.split-copy{grid-column:8/span 5}.split.reverse>.split-media{order:2;grid-column:7/span 6}.split.reverse>.split-copy{order:1;grid-column:1/span 5}}.split-copy p{max-width:32rem;line-height:1.75;color:var(--muted)}.split-copy h2{margin-top:1rem}.discovery-grid{display:grid;gap:3rem}@media(min-width:1024px){.discovery-grid{grid-template-columns:1fr 1fr}}.cards-2{display:grid;gap:.75rem;margin-top:1.75rem}@media(min-width:640px){.cards-2{grid-template-columns:1fr 1fr}}.discovery-card{display:block;border:1px solid var(--line);background:var(--background);padding:1.25rem;transition:transform .2s}.discovery-card:hover{transform:translateY(-2px)}.discovery-card h3{font-size:1.9rem;margin:0}.discovery-card p{margin:.5rem 0 0;font-size:.875rem;line-height:1.6;color:var(--muted)}.discovery-card .go{display:inline-flex;align-items:center;gap:.25rem;margin-top:1.25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.discovery-card .go svg{width:.75rem;height:.75rem}.steps{display:grid;gap:.75rem;margin-top:2rem;counter-reset:s}@media(min-width:768px){.steps{grid-template-columns:repeat(5,1fr)}}.step{border:1px solid var(--line);background:var(--surface-raised);padding:1.25rem}.step span{font-size:.65rem;font-weight:800;letter-spacing:.18em;color:var(--muted)}.step h3{margin:.5rem 0 0;font-size:1.6rem}.review-empty{border:1px dashed var(--line);padding:2.5rem;text-align:center;margin-top:2rem;color:var(--muted)}.stars{display:flex;justify-content:center;gap:.2rem;margin-bottom:.75rem}.stars svg{width:1.1rem;height:1.1rem}.newsletter{background:var(--ink);color:var(--on-ink)}.newsletter .eyebrow,.newsletter p{color:color-mix(in srgb,var(--on-ink) 70%,transparent)}.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:1.75rem;max-width:32rem}.newsletter-form input{min-width:0;border:1px solid color-mix(in srgb,var(--on-ink) 30%,transparent);background:transparent;padding:.9rem 1rem;color:var(--on-ink)}.newsletter .btn--editorial{background:var(--on-ink);color:var(--ink)}.form-msg{margin-top:.75rem;font-size:.875rem}.faq-list{margin-top:2rem;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:1.25rem 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;font-family:"Instrument Serif",serif;font-size:1.5rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:1.25rem;height:1.25rem;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list .answer{margin-top:.75rem;color:var(--muted);line-height:1.7;max-width:48rem}.site-footer{border-top:1px solid var(--line);padding:3rem 0}.footer-grid{display:grid;gap:2.5rem}@media(min-width:1024px){.footer-grid{grid-template-columns:1.1fr 1.9fr}}.footer-cols{display:grid;gap:2rem}@media(min-width:640px){.footer-cols{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}.footer-cols h2{font-size:.85rem;font-weight:900;text-transform:uppercase;margin:0}.footer-cols ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.footer-cols a{font-size:.875rem;color:var(--muted)}.footer-cols a:hover{color:var(--foreground)}.footer-bottom{display:flex;flex-direction:column;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--muted)}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-bottom p{margin:0}.socials{display:flex;gap:1rem;margin-top:1.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--muted)}.page-head{border-bottom:1px solid var(--line);padding-bottom:2rem}.page-head h1{margin-top:.5rem}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-top:1.5rem}.toolbar select{border:1px solid var(--line);background:var(--surface-raised);padding:.6rem .8rem;font-size:.8rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters details{position:relative}.filters summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:.55rem .9rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:var(--surface-raised)}.filters .filter-panel{position:absolute;z-index:10;top:110%;left:0;min-width:14rem;background:var(--surface-raised);border:1px solid var(--line);padding:1rem;display:grid;gap:.5rem;font-size:.85rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem;font-size:.85rem}.pagination a,.pagination span{padding:.5rem .8rem;border:1px solid var(--line)}.pagination .current{background:var(--ink);color:var(--on-ink)}.product-layout{display:grid;gap:2.5rem}@media(min-width:1024px){.product-layout{grid-template-columns:1fr 1fr}}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.75rem}.thumbs button{border:0;background:var(--stone);padding:.25rem;cursor:pointer;aspect-ratio:1}.thumbs button[aria-current=true]{outline:2px solid var(--foreground)}.thumbs img{width:100%;height:100%;object-fit:contain}.product-info h1{font-size:clamp(2.25rem,4vw,3rem);line-height:1.05}.product-price{font-size:1.5rem;font-weight:600;margin:1rem 0 0}.product-price s{font-size:1rem;color:var(--muted);margin-left:.5rem;font-weight:400}.option-group{margin-top:1.5rem;border:0;padding:0}.option-group legend{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.option-values{display:flex;flex-wrap:wrap;gap:.5rem}.option-values input{position:absolute;opacity:0;pointer-events:none}.option-values label{border:1px solid var(--foreground);padding:.55rem 1rem;font-size:.8rem;cursor:pointer;transition:all .15s}.option-values input:checked+label{background:var(--ink);color:var(--on-ink)}.option-values input:focus-visible+label{outline:2px solid var(--foreground);outline-offset:2px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);margin-top:1.5rem}.qty button{border:0;background:transparent;width:2.5rem;height:2.75rem;cursor:pointer;font-size:1.1rem}.qty input{width:3rem;text-align:center;border:0;background:transparent;height:2.75rem;-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.availability{margin-top:.75rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.availability.in{color:#3f7a55}.availability.out{color:#a0442c}.rte{line-height:1.75;color:var(--muted);margin-top:2rem}.rte a{text-decoration:underline}.rte img{height:auto}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12111066;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}.drawer{position:fixed;inset:0 0 0 auto;width:100%;max-width:28rem;background:var(--background);z-index:61;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s;border-left:1px solid var(--line)}body.cart-open .drawer{transform:none}body.cart-open .drawer-overlay{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:2rem}.drawer-body{flex:1;overflow-y:auto;padding:1.25rem;display:grid;gap:1rem;align-content:start}.drawer-foot{padding:1.25rem;border-top:1px solid var(--line);display:grid;gap:1rem}.line-item{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:1rem;align-items:start}.line-item .thumb{background:var(--stone);padding:.25rem;aspect-ratio:1}.line-item .thumb img{width:100%;height:100%;object-fit:contain}.line-item h4{margin:0;font-size:.875rem;font-weight:600}.line-item .opts{font-size:.75rem;color:var(--muted);margin:.15rem 0 0}.line-item .lp{font-size:.875rem;font-weight:600;margin:.25rem 0 0}.line-item .controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.mini-qty{display:flex;align-items:center;gap:.25rem}.mini-qty button{width:1.75rem;height:1.75rem;border:1px solid var(--line);background:transparent;cursor:pointer}.remove{border:0;background:transparent;cursor:pointer;font-size:.7rem;text-decoration:underline;color:var(--muted)}.subtotal{display:flex;justify-content:space-between;font-weight:600}.subtotal strong{font-size:1.15rem}.drawer-empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.is-loading{opacity:.55;pointer-events:none}.cart-table{display:grid;gap:1.25rem;margin-top:2rem}.cart-summary{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem;display:grid;gap:1rem;justify-items:end}.cart-summary textarea{width:100%;max-width:28rem;border:1px solid var(--line);background:var(--surface-raised);padding:.75rem}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field input,.field textarea{border:1px solid var(--line);background:var(--surface-raised);padding:.8rem 1rem}.narrow{max-width:32rem;margin:0 auto}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%,-150%);background:var(--surface-raised);border:1px solid var(--line);padding:.8rem 1.2rem;z-index:80;font-size:.875rem;box-shadow:0 20px 40px -20px #0000004d;transition:transform .3s}.toast.show{transform:translate(-50%)}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:1.5rem}.search-form input{border:1px solid var(--line);background:var(--surface-raised);padding:.9rem 1rem;min-width:0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/urban-outline.css.map */