@font-face{font-family:ArchivoBlack;src:url('/assets/fonts/ArchivoBlack-Regular.ttf') format('truetype');font-display:swap}
:root{--brand:#30392a;--paper:#f8f7f4;--ink:#293832;--cream:#f1e6c5;--line:#d9ddd2;--muted:#67715f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}h3{font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.25}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a,input,summary{touch-action:manipulation}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--muted);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:-100px;left:16px;background:var(--cream);padding:12px;z-index:99}.skip-link:focus{top:12px}.wordmark{font:28px/1 ArchivoBlack,Arial,sans-serif;letter-spacing:-1.8px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0;border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:16px;font-size:14px}.site-header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:14px 26px;background:var(--brand);color:var(--paper);border-radius:8px;font-size:16px;font-weight:500;transition:background .2s}.button:hover{background:var(--ink)}.button.small{min-height:44px;padding:10px 18px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:70px;align-items:center;padding-top:76px;padding-bottom:100px}.eyebrow{font-size:11px;letter-spacing:1.8px;line-height:1.5;font-weight:600;margin-bottom:24px}.hero h1{font-size:clamp(50px,5.7vw,83px);margin-bottom:28px}.intro{font-size:18px;line-height:1.65;max-width:410px;color:var(--muted);margin-bottom:30px}.quiet{font-size:13px;color:var(--muted);margin-top:13px}.collection-preview{background:#eeefe7;padding:26px 28px 20px;border-radius:4px}.collection-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px}.muted{color:var(--muted);font-size:12px}.wardrobe-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-top:28px}.wardrobe-grid figure{min-width:0}.wardrobe-grid img{height:155px;width:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #29383212)}.wardrobe-grid figcaption{font-size:14px;margin-top:12px}.wardrobe-grid figcaption span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.collection-note{border-top:1px solid #d9ddd2;margin-top:24px;padding-top:16px;font-size:12px;color:var(--muted)}.photo-section{background:#eceee4;padding:100px 0}.photo-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.section-copy h2,.section-heading h2{font-size:clamp(42px,4.6vw,66px);margin-bottom:24px}.section-copy>p:not(.eyebrow){color:var(--muted);max-width:390px;font-size:17px}.section-copy label{display:block;font-size:14px;margin-top:34px}.section-copy input{display:block;width:min(100%,350px);margin:18px 0 0;accent-color:var(--brand);height:28px;cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;max-width:350px;font-size:12px;color:var(--muted);margin-top:4px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:7px 0;margin-top:26px;font-size:15px}.comparison{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--paper)}.cutout-result,.photo-original{position:absolute;inset:0}.cutout-result img{width:100%;height:100%;object-fit:contain;padding:45px}.photo-original{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.photo-original img{width:100%;height:100%;object-fit:cover}.comparison-line{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:var(--paper);transform:translateX(-1px)}.comparison figcaption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:12px;pointer-events:none}.comparison figcaption span{background:var(--paper);padding:5px 10px;border-radius:4px}.use-section{padding-top:110px;padding-bottom:110px}.section-heading{margin-bottom:54px}.use-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.outfit-still{position:relative;background:#eeefe7;aspect-ratio:1.1;overflow:hidden}.outfit-still img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 6px #29383213)}.outfit-top{width:57%;height:76%;top:5%;left:1%}.outfit-bag{width:42%;height:53%;top:5%;right:4%}.outfit-shoes{width:43%;height:40%;bottom:9%;right:9%}.outfit-still>span{position:absolute;left:24px;bottom:20px;font-size:12px;color:var(--muted)}.use-copy article{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.use-copy article:first-child{padding-top:0}.use-copy article>span{font-size:12px;color:var(--muted);padding-top:6px}.use-copy h3{margin-bottom:12px}.use-copy p{font-size:16px;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:30px;padding-bottom:110px}.faq h2{font-size:52px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 28px 21px 0;font-size:17px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'';position:absolute;right:5px;top:28px;width:8px;height:8px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.faq details[open] summary:after{transform:rotate(225deg);top:32px}.faq details p{padding:0 30px 24px 0;color:var(--muted);font-size:15px}.faq details p a{text-decoration:underline}.closing{background:var(--brand);color:var(--paper)}.closing-inner{display:flex;align-items:center;justify-content:center;gap:65px;padding:55px 0}.closing img{width:200px;height:210px;object-fit:contain}.closing h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:28px}.closing .eyebrow{color:var(--cream);margin-bottom:16px}.button.cream{background:var(--cream);color:var(--brand)}.footer{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:50px;padding-bottom:35px}.footer>p{grid-column:1;font-size:14px;color:var(--muted)}.footer nav{grid-row:1 / span 2;grid-column:2;display:flex;align-items:start;justify-content:flex-end;gap:24px;font-size:13px}.footer small{font-size:12px;color:var(--muted);margin-top:20px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.hero h1{font-size:58px}.photo-layout,.use-layout{gap:45px}.wardrobe-grid img{height:130px}.site-header nav{gap:20px;margin:0}.faq{gap:40px}.footer nav{gap:16px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{padding:22px 0;gap:16px}.wordmark{font-size:25px}.site-header nav{display:none}.button.small{font-size:13px;padding:11px 14px}.hero{grid-template-columns:1fr;gap:40px;padding-top:42px;padding-bottom:56px}.hero h1{font-size:54px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.intro{font-size:16px;line-height:1.6;margin-bottom:25px;max-width:340px}.button{font-size:15px;min-height:50px;padding:13px 22px}.quiet{font-size:12px}.collection-preview{padding:20px}.collection-top{font-size:14px}.muted{font-size:11px}.wardrobe-grid{gap:22px;margin-top:25px}.wardrobe-grid img{height:130px}.wardrobe-grid figcaption{font-size:13px}.wardrobe-grid figcaption span{font-size:12px}.collection-note{line-height:1.5}.photo-section{padding:55px 0}.photo-layout{grid-template-columns:1fr;gap:32px}.section-copy h2,.section-heading h2{font-size:43px;margin-bottom:20px}.section-copy>p:not(.eyebrow){font-size:16px}.section-copy label{margin-top:24px}.comparison{grid-row:2}.cutout-result img{padding:30px}.use-section{padding-top:60px;padding-bottom:60px}.section-heading{margin-bottom:30px}.use-layout{grid-template-columns:1fr;gap:32px}.use-copy h3{font-size:22px}.use-copy p{font-size:15px}.use-copy article{gap:18px;padding:24px 0}.faq{display:block;padding-top:0;padding-bottom:60px}.faq h2{font-size:42px;margin-bottom:24px}.faq summary{font-size:16px}.closing-inner{gap:15px;padding:45px 0;align-items:center}.closing img{width:90px;height:140px}.closing h2{font-size:36px}.closing .eyebrow{font-size:9px;letter-spacing:1px}.closing .button{font-size:13px;padding:12px 15px}.footer{display:flex;flex-direction:column;gap:18px;padding-top:35px}.footer nav{flex-wrap:wrap;justify-content:flex-start;gap:22px}.footer nav a{padding:8px 0}.footer small{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.collection-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.tote-guide { object-fit: contain; transform-origin: 50% 90%; }
@media (prefers-reduced-motion: no-preference) {
  .tote-guide { animation: tote-arrival 1.3s both; }
  .wardrobe-grid figure { animation: place-item .65s backwards; }
  .wardrobe-grid figure:nth-child(2) { animation-delay: .12s; }
  .wardrobe-grid figure:nth-child(3) { animation-delay: .24s; }
  .wardrobe-grid figure:nth-child(4) { animation-delay: .36s; }
}
@keyframes tote-arrival {
  from { transform: translateY(6px) rotate(-12deg) scale(.82); }
  55% { transform: translateY(-5px) rotate(6deg); }
  to { transform: none; }
}
@keyframes place-item {
  from { opacity: 0; transform: translateY(16px) rotate(-3deg); }
  to { opacity: 1; transform: none; }
}
.hero-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.18;
  background: var(--brand);
  border-radius: 8px;
}
.hero-scene img { position: absolute; object-fit: contain; pointer-events: none; }
.scene-source,.scene-item { left: 8%; top: 13%; width: 42%; height: 52%; }
.scene-source { object-fit: cover !important; border: 5px solid var(--paper); transform: rotate(-7deg); }
.scene-item { opacity: 0; }
.scene-tote { width: 65%; height: 83%; right: -2%; bottom: 4%; transform-origin: 50% 90%; }
.collection-strip { padding-bottom: 64px; }
.collection-strip .wardrobe-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hero { padding-bottom: 48px; }
@media (max-width:650px) {
  .hero { gap: 18px; padding-top: 26px; padding-bottom: 36px; }
  .hero-copy { display: contents; }
  .hero-copy .eyebrow { margin: 0; }
  .hero-copy h1 { margin: 0; font-size: clamp(40px,11vw,54px); }
  .hero-scene { grid-row: 3; aspect-ratio: 1.65; }
  .hero-copy .intro,.hero-copy .quiet { margin: 0; }
  .hero-copy .button { justify-self: start; }
  .collection-strip .wardrobe-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: no-preference) {
  .story-track[data-scroll-story] { height: calc(var(--hero-height) + 125svh); }
  .story-track[data-scroll-story] .hero { position: sticky; top: var(--pin-top, 0px); }
}
.scene-caption {
  position: absolute;
  bottom: 10px;
  left: 12px;
  color: var(--paper);
  background: var(--brand);
  padding: 3px 7px;
  font-size: 14px;
}