@font-face{font-family:'Imperial Script';src:url('assets/fonts/ImperialScript-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#537293;--blue:#8fafd0;--line:#cbdde9;--paper:#edf5fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--paper);background-image:radial-gradient(circle,#a8c6df44 1.2px,transparent 1.45px);background-size:31px 31px;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
button,a,input{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:1px dashed #668db6;outline-offset:5px}
[hidden]{display:none!important}
[id]{scroll-margin-top:114px}
.skip-link{position:fixed;top:8px;left:10px;padding:10px;background:#f5f9fc;z-index:1100;transform:translateY(-160%);font-size:12px}
.skip-link:focus{transform:translateY(0)}
.topline{background:#d8e8f4;color:#6b8ba9;text-align:center;padding:9px 12px;font-size:11px;letter-spacing:.3px}
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:89px;padding:0 6%;gap:25px;background:#edf5fbf5;backdrop-filter:blur(12px);border-bottom:1px solid #c9dceaaa}
.logo{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;padding:4px 0 8px}
.logo .brand-script{font:400 53px/1.02 'Imperial Script','Snell Roundhand',cursive;font-synthesis:none;letter-spacing:0;white-space:nowrap;color:#8aaccb}
.logo .brand-amp{display:inline;margin:0 .04em;vertical-align:baseline;font:inherit;letter-spacing:inherit;color:inherit}
.logo .brand-caption{margin-top:4px;color:#819db8;font:500 8px/1.3 'DM Sans',sans-serif;letter-spacing:2.2px}
.navlinks{display:flex;align-items:center;gap:25px}
.navlinks a{position:relative;display:inline-flex;padding:6px 1px;color:#6583a2;white-space:nowrap;font:400 13px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.05px}
.navlinks a:hover,.navlinks a.is-current{color:#355d88}
.icons{display:flex;gap:17px;align-items:center}
.icon{display:flex;align-items:center;gap:7px;padding:4px;color:#6c91b4}
.icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wishlist-toggle svg{width:24px;height:24px}
#count{font-size:10px;align-self:flex-start}
.search-box{position:sticky;top:89px;z-index:9;display:flex;align-items:center;gap:18px;padding:17px 6%;border-bottom:1px solid var(--line);background:#edf5fb;box-shadow:0 5px 12px #4f719811}
.search-box label{font:italic 19px 'Cormorant Garamond',Georgia,serif}
.search-box input{min-width:0;flex:1;border:0;border-bottom:1px solid #a8c3d9;background:transparent;padding:8px 2px;font-size:12px;outline-offset:4px}
.search-box input::placeholder{color:#9ab0c4}
.search-box button{font-size:24px;font-weight:400}
.shop-window{max-width:1170px;margin:0 auto;padding:33px 32px 28px}
.window-title{text-align:center;position:relative;margin:0 0 23px}
.tiny-star{display:block;margin-bottom:6px;font-size:22px;line-height:1;color:#92b0cd}
.eyebrow{margin:0 0 6px;color:#8a9fb5;font-size:11px;font-weight:400;letter-spacing:1px}
.window-title h1{font:400 36px/1.1 'Cormorant Garamond',Georgia,serif;color:#597c9f;letter-spacing:-.6px;margin:0 0 9px}
.window-title>p:last-child{font-size:13px;color:#8399af;line-height:1.7;margin:0}
.shelf-track{position:relative;display:flex;align-items:flex-start;gap:34px;overflow-x:auto;padding:12px 6px 15px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}
.shelf-track::-webkit-scrollbar{display:none}
.shelf-piece{flex:0 0 calc((100% - 68px)/3);min-width:0;text-align:center;scroll-snap-align:start;padding:0 2px}
.shelf-piece:nth-child(3n+2){padding-top:0}
.shelf-piece:nth-child(3n){padding-top:0}
.shelf-image{display:flex;align-items:center;justify-content:center;width:100%;height:225px;padding:0;background:transparent;border:0;box-shadow:none;transition:transform 220ms ease}
.shelf-image img{display:block;width:100%;max-width:230px;height:100%;aspect-ratio:auto;object-fit:contain}
.shelf-piece:nth-child(3n+1) .shelf-image{transform:none}
.shelf-piece:nth-child(3n+2) .shelf-image{transform:none}
.shelf-image:hover{transform:translateY(-4px)!important}
.shelf-name{display:block;padding:0;margin:14px auto 4px;font:500 21px/1.25 'Cormorant Garamond',Georgia,serif;letter-spacing:0;color:#5a7998}
.shelf-name:hover{text-decoration:underline;text-underline-offset:4px}
.shelf-detail{font-size:12px;color:#92a6b8}
.shelf-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:18px;color:#8ca4ba}
.shelf-caption{font:italic 15px 'Cormorant Garamond',Georgia,serif}
.shelf-controls{display:flex;align-items:center;gap:13px}
.shelf-controls>button{padding:6px;font-size:19px;line-height:1;color:#698dab}
.shelf-controls>button:disabled{opacity:.3;cursor:default}
.shelf-dots{display:flex;gap:8px;align-items:center}
.shelf-dots button{width:8px;height:8px;border:1px solid #a7bed3;border-radius:50%;background:none;padding:0}
.shelf-dots button.is-active{background:#87a8c8;border-color:#87a8c8}
.quiet-link{justify-self:end;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#7897b3}
.section{position:relative;max-width:1170px;margin:45px auto;padding:0 32px}
.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.heading h2{margin:0;color:#6283a3;font:400 29px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:-.3px}
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cat{position:relative;min-width:0;overflow:hidden;border-radius:2px;background:#d8e7f2}
.cat img{display:block;width:100%;height:205px;object-fit:cover;transition:transform 400ms ease}
.cat:hover img{transform:scale(1.025)}
.cat-label{position:absolute;bottom:11px;left:11px;right:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;background:#edf5fbea;color:#6383a0;font-size:12px}
.cat-label>span{font-size:14px}
.cat-label small{font-size:10px;line-height:1.6;letter-spacing:.1px;text-align:right;max-width:80px;color:#8ca5b9}
.coming-soon{scroll-margin-top:115px}
.catalogue{margin-top:53px}
.anchor-marker{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.preview-note{font:italic 16px 'Cormorant Garamond',Georgia,serif;color:#91a8bd}
.filters{display:flex;gap:19px;flex-wrap:wrap;align-items:center;margin:0 0 25px}
.filter{padding:5px 0;color:#8ca4b9;font-size:12px;border-bottom:1px solid transparent}
.filter.is-active{color:#577b9e;border-color:#9db9d1}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.card{min-width:0}
.photo{position:relative;overflow:hidden;background:#dfeaf3;aspect-ratio:1}
.product-photo-button{display:block;width:100%;height:100%;padding:0}
.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.card:hover .photo img{transform:scale(1.035)}
.card:nth-child(4) .photo img{object-position:center 45%}
.heart{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:#f1f7fce3;color:#799bb8;font-size:17px;line-height:1}
.heart.liked{color:#b78b9c}
.product-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin-top:11px}
.product-name{padding:0;text-align:left;font-size:12px;font-weight:400;line-height:1.6;color:#68849d}
.product-name:hover{text-decoration:underline;text-underline-offset:3px}
.launch-status{padding-top:2px;flex-shrink:0;color:#9aafc1;font-size:10px;line-height:1.6}
.swatches{display:flex;gap:5px;margin-top:6px}
.swatch{display:block;width:10px;height:10px;border:1px solid #c5d6e2;border-radius:50%}
.empty-collection{padding:30px 0;color:#8aa2b8;font-size:12px;text-align:center;line-height:1.8}
.footer{max-width:1170px;margin:20px auto 0;padding:32px;border-top:1px solid #c9dce9;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8aa2b8}
.footer .brand-script{font-size:40px}
.footer .brand-caption{font-size:10px;letter-spacing:1.7px}
.footer p{font:italic 16px 'Cormorant Garamond',Georgia,serif}
.footer nav{display:flex;gap:17px;font-size:11px}
.footer small{font-size:10px}
.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,15px);background:#6585a3;color:#f4f8fc;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:opacity 150ms ease,transform 150ms ease}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.shop-window{padding-top:42px}.shelf-image img{aspect-ratio:1}}
@media(max-width:1000px){.nav{padding-right:4%;padding-left:4%;gap:18px}.navlinks{gap:17px}.navlinks a{font-size:12px}.logo .brand-script{font-size:48px}.shop-window,.section{padding-right:26px;padding-left:26px}.shelf-track{gap:27px}.shelf-piece{flex-basis:calc((100% - 54px)/3)}.shelf-caption{font-size:13px}.quiet-link{font-size:10px}.footer{flex-wrap:wrap}.footer p{margin-right:auto}}
@media(max-width:820px){.nav{gap:12px}.navlinks{gap:12px}.navlinks a{font-size:11px}.logo .brand-script{font-size:44px}.logo .brand-caption{font-size:10px;letter-spacing:1.6px}.icons{gap:8px}.icon svg{width:18px;height:18px}.wishlist-toggle svg{width:22px;height:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-track{gap:22px}.shelf-piece{flex-basis:calc((100% - 22px)/2)}.shelf-bottom{grid-template-columns:1fr auto}.shelf-caption{display:none}.shelf-controls{justify-self:start}.quiet-link{justify-self:end}.cat img{height:175px}.cats{gap:16px}}
@media(max-width:600px){.topline{font-size:10px;padding:8px 10px}.nav{height:auto;min-height:109px;flex-wrap:wrap;padding:5px 5% 11px;gap:0 12px}.logo .brand-script{font-size:49px}.logo .brand-caption{font-size:10px;letter-spacing:1.9px}.navlinks{order:3;display:flex;width:100%;justify-content:space-between;gap:17px;overflow-x:auto;scrollbar-width:none;padding:6px 1px 9px}.navlinks::-webkit-scrollbar{display:none}.navlinks a{flex-shrink:0;font-size:10px}.search-box{top:109px;padding:12px 5%;gap:12px}.search-box label{font-size:16px;max-width:80px}.search-box input{font-size:10px}.shop-window{padding:28px 0 24px}.window-title{padding:0 22px;margin-bottom:16px}.tiny-star{font-size:20px}.window-title h1{font-size:31px}.window-title>p:last-child{font-size:12px}.shelf-track{gap:20px;padding:12px 27px 16px;scroll-padding-left:27px}.shelf-piece{flex-basis:73%;padding:0!important}.shelf-image img{aspect-ratio:1}.shelf-name{font-size:21px;margin-top:12px}.shelf-detail{font-size:12px}.shelf-bottom{margin:12px 26px 0;gap:10px}.shelf-controls{gap:8px}.quiet-link{font-size:10px;max-width:115px;text-align:right;line-height:1.7}.section{padding:0 20px;margin:32px auto}.heading{margin-bottom:17px}.heading h2{font-size:27px}.heading .eyebrow{font-size:10px}.cats{gap:9px}.cat img{height:140px}.cat-label{left:5px;right:5px;bottom:7px;padding:7px 6px;gap:3px;font-size:10px}.cat-label>span{font-size:11px}.cat-label small{font-size:10px;max-width:65px}.catalogue{margin-top:39px}.preview-note{font-size:14px;max-width:75px;text-align:right}.grid{gap:27px 13px}.product-name{font-size:12px}.product-meta{gap:5px}.launch-status{font-size:10px}.filters{gap:17px;margin-bottom:21px}.filter{font-size:11px}.heart{width:28px;height:28px;font-size:16px;top:8px;right:8px}.footer{margin:12px 20px 0;padding:24px 0;gap:18px}.footer p{font-size:15px;max-width:120px;text-align:right}.footer nav{width:100%;justify-content:space-between;gap:15px;font-size:11px}.footer small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shelf-track{scroll-behavior:auto}.shelf-image,.photo img,.cat img,.toast{transition:none}}

/* A quiet introduction replaces the envelope/photo collage. */
.about-shop{max-width:650px;margin:75px auto 55px;padding:28px 28px 30px;text-align:center;border-top:1px solid #cbdde9}
.about-star{display:block;font-size:22px;color:#95b4ce;margin-bottom:10px}
.about-shop h2{margin:0 0 15px;font:400 29px/1.2 'Cormorant Garamond',Georgia,serif;color:#6283a3}
.about-shop p{max-width:530px;margin:8px auto;font-size:13px;line-height:1.8;color:#8299ad}
@media(max-width:600px){.about-shop{margin:48px 24px 30px;padding:24px 6px}.about-shop p{font-size:12px}.cat-label{flex-wrap:wrap}.cat-label small{max-width:none;width:100%;text-align:left}.product-meta{flex-wrap:wrap}.launch-status{width:100%;padding-top:0}.window-title{padding:0 25px}.shelf-track{padding-top:0}.shelf-name{font-size:21px}}

/* A smaller object shelf leaves the blue page visible around each piece. */
@media(min-width:1400px){.shelf-image img{aspect-ratio:auto}}
@media(max-width:820px){.shelf-image{height:205px}.shelf-image img{max-width:210px}}
@media(max-width:600px){.shelf-piece{flex-basis:58%}.shelf-image{height:180px}.shelf-image img{max-width:180px;aspect-ratio:auto}.shelf-name{font-size:19px}.shelf-detail{font-size:11px}}