:root{--paper:#f7f4f8;--paper-2:#efebf0;--ink:#111;--ink-soft:#3a3a3d;--muted:#76737b;--mono:#c8c7cd;--hairline:#1111111f;--accent:#b3121f;--script:"Caveat", cursive;--serif:"Playfair Display", Georgia, serif;--sans:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:14px;margin:0 0 18px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";opacity:.6;background:currentColor;width:28px;height:1px}.eyebrow--light{color:#ffffffbf}.h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:400;line-height:1.08}.h2--light{color:#fff}.script{font-family:var(--script);font-size:1.2em;font-weight:500;line-height:.8}.lead{color:var(--muted);max-width:520px;margin:18px auto 0;font-size:18px;font-weight:300}.btn{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);justify-content:center;align-items:center;padding:15px 30px;font-size:13px;font-weight:500;transition:background .25s,color .25s,transform .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover,.btn--ghost{color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.btn--sm{padding:10px 20px;font-size:11px}.logo{--s:1;width:calc(560px * var(--s));aspect-ratio:560/300;place-items:center;max-width:100%;display:inline-grid;position:relative}.logo--md{--s:.62}.logo__mono{font-family:var(--serif);font-weight:400;font-size:calc(300px * var(--s));letter-spacing:-.04em;color:var(--mono);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.logo__frame{border:1.5px solid var(--ink);border-bottom:none;width:100%;height:64%;position:relative}.logo__frame:before,.logo__frame:after{content:"";background:var(--ink);width:30%;height:1.5px;position:absolute;bottom:0}.logo__frame:before{left:0}.logo__frame:after{right:0}.logo__sergio,.logo__dutti{font-family:var(--script);color:var(--ink);font-weight:500;line-height:1;position:absolute}.logo__sergio{font-size:calc(104px * var(--s));top:6%;left:12%}.logo__dutti{font-size:calc(78px * var(--s));top:44%;right:13%}.logo__tag{font-family:var(--serif);font-weight:700;font-size:calc(21px * var(--s));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.nav{z-index:50;padding:22px 0;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;inset:0 0 auto}.nav--solid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--hairline);background:#f7f4f8e6;padding:12px 0}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__brand{align-items:center;gap:12px;display:flex}.nav__sd{font-family:var(--serif);color:var(--paper);background:var(--ink);letter-spacing:-.04em;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.nav__name{font-family:var(--script);font-size:28px;font-weight:600}.nav__links{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:34px;font-size:13px;display:flex}.nav__links a:not(.btn){position:relative}.nav__links a:not(.btn):after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav__links a:not(.btn):hover:after{transform-origin:0;transform:scaleX(1)}.nav__toggle{cursor:pointer;background:0 0;border:none;width:44px;height:44px;display:none;position:relative}.nav__toggle span{background:var(--ink);height:1.5px;transition:transform .3s,top .3s;position:absolute;left:11px;right:11px}.nav__toggle span:first-child{top:17px}.nav__toggle span:last-child{top:26px}.nav--open .nav__toggle span:first-child{top:21px;transform:rotate(45deg)}.nav--open .nav__toggle span:last-child{top:21px;transform:rotate(-45deg)}.hero{text-align:center;background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--paper) 60%);place-items:center;min-height:100svh;padding:130px 0 90px;display:grid;position:relative;overflow:hidden}.hero__inner{flex-direction:column;align-items:center;display:flex}.hero__inner>*{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards rise}.hero__eyebrow{animation-delay:.1s!important}.hero__logo{justify-content:center;width:100%;margin:10px 0 30px;display:flex;animation-delay:.25s!important}.hero__title{font-family:var(--serif);margin:18px 0 14px;font-size:clamp(30px,4.4vw,50px);font-weight:400;line-height:1.15;animation-delay:.45s!important}.hero__title em{font-style:italic}.hero__sub{color:var(--muted);max-width:520px;margin:0 0 34px;font-size:18px;font-weight:300;animation-delay:.55s!important}.hero__cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;animation-delay:.65s!important}.hero__scroll{background:var(--hairline);width:1px;height:54px;position:absolute;bottom:28px;left:50%;overflow:hidden}.hero__scroll span{background:var(--ink);animation:2s ease-in-out infinite drip;position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.marquee{background:var(--ink);color:var(--paper);padding:18px 0;overflow:hidden}.marquee__track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee__group{display:flex}.marquee__group span{font-family:var(--serif);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;padding:0 26px;font-size:15px}.marquee__group i{color:var(--mono);margin-left:26px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:120px 0}.section__head{text-align:center;margin-bottom:64px}.cats{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);display:grid}.cat{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);cursor:default;flex-direction:column;justify-content:flex-end;min-height:250px;padding:44px 36px 40px;transition:background .35s,color .35s;display:flex;position:relative;overflow:hidden}.cat__no{font-family:var(--serif);letter-spacing:.2em;color:var(--muted);font-size:13px;transition:color .35s;position:absolute;top:30px;left:36px}.cat__sd{font-family:var(--serif);letter-spacing:-.05em;color:var(--paper-2);pointer-events:none;font-size:170px;line-height:1;transition:color .35s,transform .5s;position:absolute;top:-24px;right:-10px}.cat__name{font-family:var(--serif);margin:0 0 6px;font-size:30px;font-weight:400;position:relative}.cat__note{color:var(--muted);margin:0;font-weight:300;transition:color .35s;position:relative}.cat__line{background:currentColor;width:36px;height:1px;margin-top:22px;transition:width .4s;display:block;position:relative}.cat:hover{background:var(--ink);color:var(--paper)}.cat:hover .cat__sd{color:#222;transform:translateY(8px)}.cat:hover .cat__no,.cat:hover .cat__note{color:var(--mono)}.cat:hover .cat__line{width:80px}.delivery{background:var(--ink);color:#fff;padding:110px 0;position:relative;overflow:hidden}.delivery:before{content:"SD";font-family:var(--serif);color:#1c1c1e;letter-spacing:-.05em;pointer-events:none;font-size:460px;line-height:1;position:absolute;bottom:-120px;right:-40px}.delivery__inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.delivery__steps{gap:0;display:grid}.delivery__steps div{border-bottom:1px solid #ffffff1f;align-items:baseline;gap:24px;padding:22px 0;display:flex}.delivery__steps div:first-child{border-top:1px solid #ffffff1f}.delivery__steps b{font-family:var(--serif);color:var(--mono);min-width:24px;font-size:28px;font-weight:400}.delivery__steps span{color:#ffffffd9;font-weight:300}.stores{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.store{border:1px solid var(--hairline);background:#fff;flex-direction:column;padding:40px 34px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}a.store:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:0 20px 40px -24px #00000040}.store__pin{border:1px solid var(--ink);border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.store__area{font-family:var(--serif);margin:0;font-size:30px;font-weight:400}.store__detail{font-family:var(--script);color:var(--ink-soft);margin:2px 0 26px;font-size:28px}.store__link{letter-spacing:.2em;text-transform:uppercase;margin-top:auto;font-size:12px}.store--contact{background:var(--paper-2)}.phones{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.phones li{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.phones__num{font-family:var(--serif);letter-spacing:.04em;font-size:22px}.phones__num:hover{text-underline-offset:4px;text-decoration:underline}.phones__wa{letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);padding:6px 12px;font-size:11px;transition:background .25s,color .25s}.phones__wa:hover{background:var(--ink);color:var(--paper)}.closing{padding:40px 0 120px}.closing__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.closing__text{font-family:var(--serif);color:var(--ink-soft);margin:36px 0 28px;font-size:24px;font-style:italic}.footer{border-top:1px solid var(--hairline);letter-spacing:.1em;color:var(--muted);padding:28px 0;font-size:13px}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}@media (width<=960px){.cats,.stores{grid-template-columns:repeat(2,1fr)}.delivery__inner{grid-template-columns:1fr;gap:40px}}@media (width<=720px){.wrap{padding:0 16px}.nav__toggle{display:block}.nav__links{background:var(--paper);box-shadow:0 1px 0 var(--hairline);opacity:0;pointer-events:none;flex-direction:column;gap:22px;padding:30px 16px 36px;transition:opacity .25s,transform .25s;position:fixed;inset:66px 0 auto;transform:translateY(-12px)}.nav--open .nav__links{opacity:1;pointer-events:auto;transform:none}.nav--open{background:var(--paper)}.logo{--s:.58}.logo--md{--s:.5}.section{padding:84px 0}.cats,.stores{grid-template-columns:1fr}.cat{min-height:200px}.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%}}@media (width<=400px){.logo{--s:.5}}