/* Around: the real shop provides the detail; colour gives each chapter its place. */
@font-face{font-family:Quicksand;src:url('/media/fonts/quicksand-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
.around{--ink:#292626;--muted:#61505a;--orange:#dc4418;--paper:#fff;--line:#cba3b5;background:white;color:var(--ink)}
.around.window.fresh .preview-bar{background:#292626}
.around.window.fresh .site-header{background:white;height:88px}
.around.window.fresh .brand img{mix-blend-mode:normal}
.around.window.fresh .site-header{height:auto;min-height:112px;padding-block:12px}
.around .header-actions{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;margin-left:auto}
.around .header-socials{display:flex;gap:0}
.around .header-socials a{display:grid;place-items:center;width:44px;height:44px;color:#292626}
.around .header-socials svg{width:20px;height:20px}
.around .header-socials a:hover{color:#dc4418}
@media(min-width:1000px){.around .header-actions{flex-direction:row-reverse;gap:16px}.around.window.fresh .site-header{min-height:108px}.around .header-socials{gap:2px}}
@media(min-width:760px) and (max-width:1100px){.around.window.fresh .brand span{display:none}.around.window.fresh .site-header nav{gap:18px}}
.around.window.fresh .visit-link{background:#ffe783;border:0;color:#292626;font-weight:600}
@media(max-width:759px){
 .around.window.fresh .site-header{min-height:88px;padding:12px 16px;gap:8px}
 .around.window.fresh .brand{flex-shrink:0}
 .around.window.fresh .brand img{width:72px;height:auto}
 .around .header-socials a{width:36px;height:44px}
 .around.window.fresh .visit-link{white-space:nowrap;font-size:12px;padding:12px;min-height:44px}
}
.around.window.fresh .window-cover{display:block;background:white}
.around.window.fresh .window-cover .hero-image>img{height:390px;aspect-ratio:auto;object-position:50% 43%;filter:none}
.around.window.fresh .cover-copy{margin:-32px 18px 0;padding:27px 24px 30px;border-radius:0;background:#f7a8c8;color:#292626}
.around.window.fresh .cover-copy h1{font-size:clamp(45px,12.5vw,72px);line-height:.98;letter-spacing:-.035em}
.around.window.fresh .cover-copy .hero-intro{color:#49313e;font-size:16px;line-height:1.6;margin:20px 0 23px;max-width:380px}
.around.window.fresh .button{background:#dc4418;border-radius:4px;min-height:48px}
.around.window.fresh .button:hover{background:#b33411;transform:none}
.around.window.fresh .around-browse{display:block;text-align:center;margin-top:18px;font-size:14px;text-underline-offset:5px;padding:5px}
.around.window.fresh .arrival-strip{display:flex;justify-content:space-between;gap:18px;padding:24px 22px;font-size:12px;align-items:center}
.around.window.fresh .arrival-strip a{text-underline-offset:4px}
.around.window.fresh .discover{background:white;padding-top:35px}
.around.window.fresh .discover .categories{display:block;color:#61505a;max-width:400px;line-height:1.8;font-size:14px}
.around.window.fresh .categories span{color:#ab3919;margin-inline:3px}
.around.window.fresh .section-heading h2{font-size:clamp(43px,10.8vw,64px);line-height:1.04}
.around.window.fresh .photo-track figure{width:82vw;max-width:520px}
.around.window.fresh .photo-track img{aspect-ratio:3/4;border-radius:0}
.around.window.fresh .photo-track figcaption{font-size:14px;padding-top:13px}
.around.window.fresh .carousel-bottom{color:#61505a;font-size:12px}
.around.window.fresh .carousel-bottom>[role=status]{letter-spacing:0}
.around.window.fresh .carousel-overlay.slider-controls button{background:white;border:0;color:#292626;width:46px;height:46px;min-width:46px;box-shadow:0 2px 9px #0002}
.around.window.fresh .carousel-overlay.slider-controls button:hover:not(:disabled){background:#ffe783}
.around.window.fresh .carousel-overlay button:disabled{visibility:hidden}
.around.window.fresh .seasonal{background:#d3baf0;color:#292626}
.around.window.fresh .seasonal .carousel-bottom{color:#45374f}
.around.window.fresh .product-track figure{border:0;padding:0;width:75vw}
.around.window.fresh .product-track img{aspect-ratio:1;border-radius:0}
.around.window.fresh .product-track figcaption{font:500 17px/1.4 'DM Sans',sans-serif;letter-spacing:0}
.around.window.fresh .about{background:#ffe783;color:#292626;padding-block:48px}
.around.window.fresh .about h2{font-size:58px;max-width:330px;line-height:1}
.around.window.fresh .about-copy{font-size:16px;line-height:1.8}
.around.window.fresh .brands{background:white;padding-block:36px}
.around.window.fresh .brand-strip img{mix-blend-mode:normal}
.around.window.fresh .social{background:#f7a8c8;color:#292626}
.around.window.fresh .social-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:15px}
.around.window.fresh .social-grid a{flex:0 0 78%;scroll-snap-align:start;position:relative;display:block}
.around.window.fresh .social-grid img{border-radius:0;aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;display:block}
.around.window.fresh .social-grid .instagram-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;margin:0;border-radius:50%;background:rgba(0,0,0,.58);border:2px solid white;display:grid;place-items:center;pointer-events:none}
.around.window.fresh .social-grid .instagram-play{padding:0;box-sizing:border-box}
.around.window.fresh .social-grid .instagram-play::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid white;margin:0}
.around.window.fresh .social-grid a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.around.window.fresh .social-grid a>span{font-size:14px;line-height:1.5}
.around.window.fresh .snapshot-note{color:#5c374c}
.around .social-follow{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:26px auto 0;padding:6px 12px 6px 20px;background:white;border-radius:999px;color:#292626}
.around .social-follow>span{font-size:15px;font-weight:700;margin-right:8px;white-space:nowrap}
.around .social-follow a{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;color:inherit}
.around .social-follow svg{width:22px;height:22px}
.around .social-follow a:hover{background:#ffe783;color:#dc4418}
@media(max-width:350px){.around .social-follow{padding-inline:10px;gap:0}.around .social-follow>span{font-size:14px;margin-right:4px}}
.around.window.fresh .reviews{background:white;color:#292626}
.around.window.fresh .review-grid blockquote{font:400 26px/1.3 'Instrument Serif',Georgia,serif}
.around footer{background:#d3baf0;color:#292626}
.around.window.fresh .footer-grid h2{color:#292626}
.around.window.fresh .footer-brand img{mix-blend-mode:normal}
.around.window.fresh .footer-brand>img{height:auto;aspect-ratio:440/322;clip-path:url(#around-logo-outline)}
.around #holiday-note,.around.window.fresh .footer-bottom{color:#4b3b57}
.around.window.fresh .footer-bottom>span:last-child{color:#49313e}
.around.window.fresh .bottom-nav{border:0;background:white;box-shadow:0 -1px 9px #0001}
.around.window.fresh .bottom-nav a{border-radius:4px}
.around.window.fresh .bottom-nav a:last-child{background:#dc4418}
.around :focus-visible{outline:3px solid #43338f;outline-offset:4px}
@media(min-width:760px){
 .around.window.fresh .site-header{height:108px}
 .around.window.fresh .window-cover{padding:0 3vw 0}
 .around.window.fresh .window-cover .hero-image>img{height:640px;object-position:50% 48%}
 .around.window.fresh .cover-copy{width:570px;max-width:62%;margin:-300px 0 0 5vw;padding:38px 44px 40px}
 .around.window.fresh .cover-copy h1{font-size:76px}
 .around.window.fresh .cover-copy .hero-intro{font-size:17px;max-width:370px}
 .around.window.fresh .cover-copy .button{display:inline-flex;width:auto}
 .around.window.fresh .around-browse{display:inline-block;margin:0 0 0 18px;text-align:left}
 .around.window.fresh .arrival-strip{padding:24px 5vw;font-size:14px}
 .around.window.fresh .discover{padding-top:55px}
 .around.window.fresh .discover .section-heading>div{display:flex;justify-content:space-between;align-items:end;gap:70px;width:100%}
 .around.window.fresh .discover .categories{max-width:330px;margin:0}
 .around.window.fresh .photo-track figure{width:31vw}
 .around.window.fresh .product-track figure{width:27vw;max-width:420px}
 .around.window.fresh .section-heading h2{font-size:68px}
 .around.window.fresh .about{padding:80px 8vw;grid-template-columns:1fr 1.2fr;gap:10%}
 .around.window.fresh .about h2{font-size:84px}
 .around.window.fresh .about-copy{font-size:18px}
 .around.window.fresh .social-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;gap:25px}
 .around.window.fresh .review-grid blockquote{font-size:30px}
}
@media(min-width:1600px){.around.window.fresh .window-cover .hero-image>img{height:740px}.around.window.fresh .cover-copy{margin-top:-330px;width:630px}.around.window.fresh .cover-copy h1{font-size:86px}}
@media(prefers-reduced-motion:reduce){.around *{scroll-behavior:auto!important}}

/* A compact collage: one main photograph, a doorway and a small route card. */
.around .social-carousel{min-width:0}
.around.window.fresh .social-overlay{display:none}
@media(max-width:759px){
 .around.window.fresh .social-grid{scrollbar-width:none;padding-bottom:0}
 .around.window.fresh .social-grid::-webkit-scrollbar{display:none}
 .around.window.fresh .social-overlay{display:flex;inset-inline:10px}
 .around.window.fresh .social-overlay[hidden]{display:none}
}

.around.window.fresh .about{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 22px}
.around .about-story{min-width:0}
.around.window.fresh #about{margin-top:40px;scroll-margin-top:24px}
.around .visit-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid #bba34d}
.around .visit-facts p{margin:0;font-size:13px;line-height:1.5}
.around .visit-facts strong{display:block;font-size:16px;font-weight:600;margin-bottom:5px}
.around .visit-facts span{display:block;max-width:220px}
.around.window.fresh .about h2{font-size:54px;margin-bottom:22px;max-width:420px}
.around.window.fresh .about-copy{font-size:15px;line-height:1.75;max-width:500px}
.around.window.fresh .about-visit{margin-top:25px;background:transparent;color:#292626;border:1px solid #292626;border-radius:4px;padding:12px 23px;min-width:160px}
.around.window.fresh .about-visit:hover{background:#292626;color:#ffe783}
.around .visit-collage{display:grid;grid-template-columns:58% 42%;grid-template-rows:230px auto;position:relative;min-width:0;padding-bottom:8px}
.around .store-location{display:contents}
.around .about-scene{grid-column:1/-1;grid-row:1;margin:0;width:92%;min-width:0}
.around .about-scene>img{width:100%;height:230px;object-fit:cover;object-position:center;border-radius:0;border:6px solid white}
.around .store-outside{grid-column:2;grid-row:1/3;align-self:start;justify-self:end;margin:165px 2px 0 0;width:95%;z-index:1;transform:rotate(3deg);background:white;padding:5px}
.around .store-outside img{width:100%;height:auto;aspect-ratio:922/1230;object-fit:contain}
.around .store-map{grid-column:1;grid-row:2;align-self:start;width:116%;margin-top:-20px;background:white;padding:6px;position:relative;z-index:2;box-shadow:0 5px 15px #493f161a;min-width:0}
.around #store-live-map{height:170px;min-height:0;width:100%;z-index:0;background:#eee8d6}
.around .store-map-caption{padding:12px 6px 5px}
.around .store-map-caption h3{font:400 27px/1.1 'Instrument Serif',Georgia,serif;letter-spacing:-.02em}
.around .store-map-caption p{font-size:11px;margin-top:5px}
.around.window.fresh .store-map-caption .button{background:none;color:#292626;font-size:12px;min-height:40px;padding:8px 0 0;text-decoration:underline;text-underline-offset:4px;justify-content:start}
.around .jelly-map-pin{background:#dc4418;color:white;border:3px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 6px #0004}
.around #store-live-map .leaflet-control-attribution{font-size:8px}
@media(min-width:600px){
 .around .visit-collage{grid-template-rows:290px auto;max-width:650px}
 .around .about-scene>img{height:290px;border-width:8px}
 .around .store-outside{margin-top:195px;width:85%;padding:7px}
 .around .store-map{width:112%;margin-top:-24px;padding:8px}
 .around #store-live-map{height:185px}
}
@media(min-width:850px){
 .around .about-scene{transform:rotate(-3deg);transform-origin:55% 55%}
 .around .store-outside{transform:rotate(5deg)}
 .around.window.fresh #about{margin-top:64px}
 .around.window.fresh .about{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:6%;align-items:center;padding:58px 5vw}
 .around.window.fresh .about h2{font-size:65px}
 .around.window.fresh .about-copy{font-size:16px}
}

/* Client-approved typography and oval hero. Keep the photographic layout. */
.around.window.fresh{--body:Quicksand,sans-serif;font-family:var(--body);font-weight:500}
.around.window.fresh :is(h1,h2,h3){font-family:var(--body);font-weight:700;letter-spacing:-.035em;line-height:1.12}
.around.window.fresh .product-track figcaption,.around.window.fresh .review-grid blockquote{font-family:var(--body);font-weight:500}
.around.window.fresh .review-grid blockquote{font-size:21px;line-height:1.5}
.around.window.fresh .window-cover .hero-image>img{height:clamp(350px,90vw,410px)}
.around.window.fresh .cover-copy{width:calc(100% - 20px);max-width:570px;margin:-185px auto 0;border-radius:50%;padding:30px 32px;text-align:center}
.around.window.fresh .cover-copy h1{font-size:clamp(27px,7.7vw,36px);line-height:1.08}
.around.window.fresh .cover-copy .hero-intro{font-size:14px;line-height:1.5;max-width:290px;margin:15px auto 18px}
.around.window.fresh .cover-copy .button{display:inline-flex;width:auto;padding:12px 20px}
.around.window.fresh .around-browse{display:block;text-align:center;margin:9px auto 0;font-size:12px}
.around.window.fresh .section-heading h2,.around.window.fresh .brands h2,.around.window.fresh .about h2{font-size:clamp(32px,8.5vw,44px);line-height:1.15;max-width:none}
.around.window.fresh .brands .section-line{align-items:center;gap:24px}
.around.window.fresh .carousel-bottom{justify-content:flex-end}
.around.window.fresh .store-map-caption h3{font-size:23px}
@media(min-width:760px){
 .around.window.fresh .window-cover{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;padding-bottom:35px}
 .around.window.fresh .window-cover .hero-image{grid-area:1/1}
 .around.window.fresh .window-cover .hero-image>img{height:clamp(480px,calc(100svh - 180px),640px)}
 .around.window.fresh .cover-copy{grid-area:1/1;position:relative;z-index:1;width:650px;max-width:70%;margin:0 0 -35px 3vw;padding:30px 65px}
 .around.window.fresh .cover-copy h1{font-size:clamp(34px,3.4vw,48px)}
 .around.window.fresh .cover-copy .hero-intro{font-size:17px;max-width:370px}
 .around.window.fresh .around-browse{font-size:14px}
 .around.window.fresh .section-heading h2,.around.window.fresh .brands h2,.around.window.fresh .about h2{font-size:clamp(40px,4.2vw,60px)}
}