:root{--paper:#efeee9;--surface:#f8f7f3;--ink:#282724;--muted:#68665e;--line:#d5d3cb;--accent:#38463a;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}p,h1,h2,h3{text-wrap:pretty}h1,h2,h3{font-weight:400}svg{display:block}::selection{background:#cfd6c9}.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;z-index:20;background:var(--ink);color:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}
.demo{min-height:32px;display:flex;justify-content:center;gap:18px;align-items:center;background:#e3e1d9;color:#58574e;padding:6px 24px;font-size:0.75rem;line-height:1.5}.demo span:first-child{font-weight:500;letter-spacing:.05em;text-transform:uppercase}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1536px;margin:auto;padding:20px 4.5% 22px}nav{display:flex;gap:30px;align-items:center;font-size:0.875rem}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}.wordmark{display:block;width:174px;height:77px;line-height:0;mix-blend-mode:multiply}.signature-logo{width:100%;height:100%;overflow:visible}.signature-logo mask path{fill:none;stroke:white;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1}.sign-arc{stroke-width:28;animation:signDraw .8s .1s ease-in-out forwards}.sign-r{stroke-width:235;animation:signDraw .7s .6s ease-in-out forwards}.sign-line{stroke-width:15;animation:signDraw .4s 1s ease forwards}.sign-name{stroke-width:180;animation:signDraw 1s 1.2s cubic-bezier(.3,.1,.2,1) forwards}.signature-complete{transition:transform .4s}.wordmark:hover .signature-complete{transform:translateY(-2px)}.bag-button{justify-self:end;display:flex;gap:9px;align-items:center;white-space:nowrap;background:none;border:0;padding:10px 0 10px 12px;font-size:0.875rem}.bag-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.35}.bag-button span{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid #b5b4a8;border-radius:50%;font-size:0.75rem;font-variant-numeric:tabular-nums}.bag-button:hover span{background:var(--ink);border-color:var(--ink);color:var(--paper);transition:background .25s,color .25s}
main,#detail{max-width:1536px;margin:auto;padding:0 4.5%}.intro.editorial{position:relative;min-height:clamp(390px,31vw,480px);height:auto;overflow:hidden;background:#c5bfb4}.editorial-image{position:absolute;inset:0;background:url('assets/editorial-film.jpg') center 59%/cover no-repeat;animation:editorialDrift 7s ease-out both;transition:transform .7s ease-out}.editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eeece046,transparent 66%);pointer-events:none}.editorial-caption{position:relative;z-index:1;width:63%;padding:38px 4.5% 40px;animation:softAppear .7s .1s both}.eyebrow{font-size:0.75rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;margin:0 0 15px;color:var(--muted)}.editorial-caption .eyebrow{color:#413f36;margin-bottom:25px}.editorial-caption h1{font:400 clamp(3rem,5.2vw,4.875rem)/1.02 var(--serif);letter-spacing:-.05em;margin:0;color:#292a24}.editorial-caption h1 em{font-weight:400}.intro-copy{font-size:1rem;color:#3f4038;margin:20px 0 22px}.collection-link{display:inline-block;font-size:0.875rem;font-weight:500;padding:9px 0 5px;border-bottom:1px solid #55564a;transition:color .25s,border-color .25s}.collection-link:hover{color:var(--accent);border-color:var(--accent)}.image-note{position:absolute;bottom:18px;right:22px;z-index:1;font-size:0.75rem;color:#f9f8f3;background:#2f302566;padding:3px 8px}
.catalog{padding-top:48px}.catalog-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.catalog-heading>div{min-width:0;max-width:100%}.catalog-heading .eyebrow{margin-bottom:9px}.catalog-heading h2{font:400 clamp(2rem,3vw,2.75rem)/1.15 var(--serif);letter-spacing:-.035em;margin:0}.catalog-heading h2:focus{outline:none}#results{margin:0 0 5px;color:var(--muted);font-size:0.875rem;font-variant-numeric:tabular-nums}.filters{display:grid;grid-template-columns:1.2fr .85fr 1.2fr auto;gap:28px;align-items:end;background:var(--surface);padding:19px 24px 21px;margin-bottom:28px;border:1px solid #dedcd4}.filters label{font-size:0.875rem;color:var(--muted);min-width:0}select{display:block;width:100%;border:0;border-bottom:1px solid #c8c6bc;border-radius:0;background:transparent;padding:9px 24px 9px 0;margin-top:2px;font-size:1rem;color:var(--ink);cursor:pointer;transition:border-color .2s}select:hover,select:focus{border-color:var(--accent)}#reset{font-size:0.875rem;white-space:nowrap;border:0;background:none;padding:12px 0;text-decoration:underline;text-underline-offset:5px;transition:color .25s}#reset:disabled{color:#78766e;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.product-card{min-width:0}.card{display:block;text-align:left;position:relative;width:100%;border:0;background:none;padding:0}.photo{aspect-ratio:1;background:#e4e1db url('assets/catalog.png') no-repeat;background-size:300% 200%;position:relative;overflow:hidden}.card>.photo{background-image:none;isolation:isolate;transition:transform .45s cubic-bezier(.2,.7,.2,1);transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:center}.photo-layer{position:absolute;inset:0;background-image:url('assets/catalog.png');background-size:300% 200%;background-repeat:no-repeat;transition:transform .75s ease;z-index:-1}.card:hover .photo-layer,.card:focus-visible .photo-layer{transform:scale(1.025)}.card>.photo:after{content:'Ver prenda';position:absolute;bottom:15px;right:15px;background:#f8f7f3ed;padding:8px 14px;font-size:0.875rem;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.card:hover .photo:after,.card:focus-visible .photo:after{opacity:1;transform:none}.card-copy{padding-top:17px}.brand{font-size:1rem;font-weight:500;color:var(--ink);margin:0 0 3px;letter-spacing:-.02em}.product-name{font:400 1rem/1.4 var(--sans);margin:0 0 12px;color:var(--muted)}.row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:0.875rem}.card-price{font-size:1rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.currency{font-size:0.75rem;font-weight:400;margin-left:3px;color:var(--muted)}.meta{font-size:0.875rem;color:var(--muted);margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.empty{grid-column:1/-1;text-align:center;padding:46px 20px;background:var(--surface)}.empty h3{font:400 1.75rem/1.25 var(--serif);margin:0 0 12px}.empty p{color:var(--muted);margin:0 0 20px}.empty button{background:none;border:1px solid var(--line);padding:12px 18px;font-size:0.875rem}.empty button:hover{border-color:var(--ink)}
.note{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);margin-top:62px;padding:43px 0 54px}.note>.eyebrow{padding-top:8px}.note h2{font:400 clamp(1.875rem,3vw,2.75rem)/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 22px}.note h2 em{font-weight:400}.note div>p{max-width:620px;margin:0;color:var(--muted)}.note .muted{margin-top:16px;font-size:0.875rem}footer{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:40px;padding:34px 4.5% 42px;border-top:1px solid var(--line);max-width:1536px;margin:auto}.footer-brand{width:154px;display:block;mix-blend-mode:multiply}.footer-brand img{width:100%;height:auto;display:block}footer p{margin:0;font-size:1rem}.footer-disclaimer{font-size:0.75rem;line-height:1.8;color:var(--muted);max-width:630px;margin-top:10px}.footer-top{font-size:0.875rem;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.product-open main{display:none}#detail{padding-bottom:64px}.product-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0 27px;font-size:0.75rem;color:var(--muted)}.back{border:0;background:none;padding:6px 0;font-size:0.875rem;text-decoration:underline;text-underline-offset:5px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:start;animation:softAppear .45s both}.gallery{min-width:0}.gallery-main.zoom{background-size:420% 280%}.gallery-main{transition:background-size .65s,transform .45s;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.gallery-tabs{display:flex;gap:14px;margin-top:16px}.gallery-tabs button{background:none;border:1px solid transparent;padding:5px;width:96px;font-size:0.875rem;color:var(--muted)}.gallery-tabs button.active{border-color:#878779;color:var(--ink)}.gallery-tabs .photo{display:block;width:100%;margin-bottom:7px}.gallery-tabs .zoom{background-size:420% 280%}.gallery-caption{max-width:480px;font-size:0.75rem!important}.muted{font-size:0.875rem;color:var(--muted);line-height:1.7}.info{padding:10px 0 0}.designer{font:400 clamp(2rem,3vw,2.875rem)/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 11px}.pill{font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.info h1{font:400 1.375rem/1.3 var(--sans);letter-spacing:-.025em;margin:20px 0}.info h1:focus{outline:none}.product-price{font-size:1.5rem;font-variant-numeric:tabular-nums;margin:0 0 24px}.product-price span{display:block;font-size:0.75rem;color:var(--muted);margin-top:3px}.primary{display:block;width:100%;border:1px solid var(--accent);background:var(--accent);color:var(--surface);padding:16px 18px;font-size:0.875rem;font-weight:500;transition:background .25s,transform .25s}.primary:hover:not(:disabled){background:#28342b}.primary:disabled{background:#dedfd7;border-color:#dedfd7;color:#555c50}.one-piece{font-size:0.875rem;color:var(--muted);margin:13px 0 27px}.specs,.measurements{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;font-size:0.875rem;margin:0;padding:22px 0;border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.small-heading{font:500 1rem var(--sans);margin:19px 0 0}.measurements{border:0;padding:17px 0 0;font-variant-numeric:tabular-nums}.info details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.info details:last-child{border-bottom:1px solid var(--line);padding-bottom:20px}.info summary{cursor:pointer;font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.info summary::-webkit-details-marker{display:none}.info summary:after{content:'+';font-size:1.25rem;color:var(--muted)}.info details[open] summary:after{content:'−'}.info details p{font-size:0.875rem;line-height:1.75;color:var(--muted);margin:13px 0 0}
dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(490px,94vw);max-height:94dvh;box-shadow:0 20px 70px #28272426}dialog::backdrop{background:#34322c66;backdrop-filter:blur(4px)}dialog[open]{animation:drawerEnter .35s ease both}.close{position:absolute;right:20px;top:19px;z-index:2;background:none;border:0;display:grid;place-items:center;width:40px;height:40px}.close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5}.close:hover{background:#e3e1d9}.bag-inner{padding:54px 30px 30px}.bag-inner .eyebrow{margin-bottom:8px}.bag-inner h2{font:400 2.5rem/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 14px}.bag-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.bag-item p{font-size:0.875rem;margin:3px 0}.bag-item .bag-item-brand{font-weight:500}.bag-item .bag-item-name{color:var(--muted)}.bag-item .bag-item-price{font-variant-numeric:tabular-nums}.remove{background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:0.75rem;padding:12px 0}.bag-empty{padding:44px 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px}.bag-empty h3{font:400 1.6875rem var(--serif);margin:0 0 12px}.bag-empty p{margin:0;color:var(--muted);font-size:0.875rem}#total{display:flex;justify-content:space-between;padding:25px 0 15px;font-size:1rem;font-variant-numeric:tabular-nums}#total:empty{display:none}.bag-disclaimer{font-size:0.75rem;padding:12px 14px;background:#e3e1d9;color:#58574e;margin:20px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);background:var(--accent);color:var(--surface);padding:14px 22px;opacity:0;pointer-events:none;font-size:0.875rem;z-index:10;transition:opacity .25s,transform .25s;max-width:calc(100% - 32px)}#toast.visible{opacity:1;transform:translate(-50%,0)}body:has(dialog[open]){overflow:hidden}
@keyframes signDraw{to{stroke-dashoffset:0}}@keyframes editorialDrift{from{transform:scale(1.025)}to{transform:scale(1)}}@keyframes softAppear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drawerEnter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes bagPulse{50%{transform:scale(1.12)}}
@media(min-width:900px){#bag{height:100dvh;max-height:100dvh;margin:0 0 0 auto;width:470px}.info{position:sticky;top:24px}}
@media(max-width:900px){.site-header{padding-left:5%;padding-right:5%}nav{gap:20px}.filters{gap:20px;padding:17px 20px}.grid{gap:34px 20px}.row{flex-wrap:wrap;gap:3px}.card-price{font-size:0.9375rem}.detail-layout{gap:5%}.designer{font-size:2.125rem}footer{grid-template-columns:1fr 2fr}.footer-top{grid-column:2}}
@media(max-width:650px){html{scroll-padding-top:16px}.demo{gap:4px 12px;flex-wrap:wrap;padding:7px 14px;line-height:1.45;text-align:center}.site-header{grid-template-columns:1fr auto;gap:10px 20px;padding:17px 5% 14px}.wordmark{grid-column:1;grid-row:1;justify-self:start;width:138px;height:61px}nav{grid-column:1/-1;grid-row:2;gap:25px;padding-top:6px;justify-content:space-between;border-top:1px solid var(--line)}nav a{padding:8px 0}.bag-button{grid-column:2;grid-row:1;padding:10px 0;gap:7px}main,#detail{padding-left:5%;padding-right:5%}.intro.editorial{height:auto;min-height:370px;margin:0 -5.56%}.editorial-image{background-position:63% center}.editorial:after{background:linear-gradient(90deg,#e8e4d4b3,#e8e4d421 68%)}.editorial-caption{width:79%;padding:30px 6.5% 35px}.editorial-caption .eyebrow{margin-bottom:30px}.editorial-caption h1{font-size:clamp(2.6875rem,10.8vw,4rem)}.intro-copy{font-size:0.875rem;margin:18px 0 20px;max-width:185px}.image-note{bottom:13px;right:16px}.catalog{padding-top:31px}.catalog-heading{gap:12px;margin-bottom:20px}.catalog-heading .eyebrow{font-size:0.75rem;letter-spacing:.065em;margin-bottom:8px}.catalog-heading h2{font-size:2.125rem}#results{font-size:0.75rem;max-width:100px;text-align:right}.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:16px;padding:17px 16px 16px;margin-bottom:24px}.filters label:first-child{grid-column:1/-1}select{font-size:1rem;min-height:43px}.filters label{font-size:0.875rem}#reset{grid-column:1/-1;justify-self:end;padding:5px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.card-copy{padding-top:12px}.brand{font-size:0.875rem}.product-name{font-size:0.875rem;line-height:1.4;min-height:2.8em;margin-bottom:9px}.row{display:grid;gap:3px;font-size:0.875rem}.card-price{font-size:0.875rem;white-space:normal;overflow-wrap:anywhere}.currency{font-size:0.75rem;margin-left:2px}.meta{font-size:0.75rem;line-height:1.5;margin-top:8px;padding-top:8px}.card>.photo:after{display:none}.note{display:block;margin-top:40px;padding:28px 0 36px}.note>.eyebrow{padding:0;margin-bottom:22px}.note h2{font-size:2.125rem;margin-bottom:20px}.note div>p{font-size:1rem}footer{display:block;padding:25px 5% 33px}.footer-brand{width:140px;margin-bottom:24px}footer .footer-disclaimer{margin-top:12px}.footer-top{display:inline-block;margin-top:22px;font-size:0.875rem}.product-nav{padding:16px 0 20px;align-items:center}.product-nav span{font-size:0.75rem;text-align:right;max-width:95px}.detail-layout{display:block}.gallery-tabs{margin-top:12px;gap:12px}.gallery-tabs button{width:84px}.info{padding-top:23px}.designer{font-size:2.25rem}.info h1{font-size:1.375rem;margin:17px 0}.product-price{font-size:1.5rem}.info summary{font-size:1rem}.bag-inner{padding:52px 21px 25px}.bag-inner h2{font-size:2.25rem}.bag-item{grid-template-columns:62px minmax(0,1fr);gap:12px}.remove{grid-column:2;justify-self:start;padding:2px 0 6px}.bag-item p{font-size:0.875rem}#toast{text-align:center;width:max-content}}
@media(hover:none){.card>.photo,.gallery-main{transform:none}.card:active>.photo{transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.signature-logo mask path{stroke-dashoffset:0}.card>.photo,.gallery-main,.editorial-image,.signature-complete{transform:none!important}}