@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Inter:wght@400;500&display=swap";#root{min-height:100vh}::selection{color:#fffdf8;background:#755443}:root{--canvas-light:#000;--canvas-dark:#000;--text-primary:#fff;--text-muted:#a39b93;--accent-metal:#fff;--font-serif:"Cormorant Garamond", "Didot", serif;--font-sans:"Inter", "Helvetica Neue", sans-serif;--ease-stone:cubic-bezier(.25, .1, .25, 1);color:var(--text-primary);background:var(--canvas-light);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}main{background:var(--canvas-light);overflow:hidden}body{background:var(--canvas-light);min-width:320px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.site-shell{background:var(--canvas-light);min-height:100vh}.site-header{z-index:20;min-height:84px;color:var(--text-primary);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,56px);display:grid;position:fixed;inset:0 0 auto}.brand-mark{color:var(--text-primary);font-family:var(--font-serif);letter-spacing:.28em;text-transform:uppercase;opacity:.9;pointer-events:auto;transition:opacity .7s var(--ease-stone);grid-column:2;font-size:17px;font-weight:300}.brand-mark:hover,.desktop-nav button:hover,.icon-button:hover,.text-action:hover,.footer button:hover{opacity:.5}.desktop-nav{pointer-events:auto;grid-column:1;align-items:center;gap:clamp(18px,3vw,42px);display:none}.desktop-nav button,.eyebrow,.micro-label{font-family:var(--font-sans);letter-spacing:.25em;text-transform:uppercase;font-size:10px;font-weight:400}.desktop-nav button,.icon-button,.text-action,.footer button{transition:opacity .7s var(--ease-stone), transform .7s var(--ease-stone)}.header-tools{pointer-events:auto;grid-column:3;justify-content:flex-end;gap:24px;display:flex}.icon-button{place-items:center;width:32px;height:32px;display:inline-grid}.menu-button{pointer-events:auto;grid-column:1;display:inline-grid}.hero{min-height:100svh;color:var(--text-primary);background:var(--canvas-dark);align-content:start;justify-items:center;padding:clamp(132px,18vh,180px) clamp(28px,7vw,96px) clamp(96px,14vh,150px);display:grid;position:relative;overflow:hidden}.hero:after{display:none}.hero-video{object-fit:cover;opacity:.5;filter:saturate(0)contrast(1.1)brightness(.8);width:100%;height:100%;position:absolute;inset:0}.gradient-field,.gradient-field:after{display:none}.hero-emblem{z-index:1;object-fit:contain;width:clamp(104px,11vw,152px);height:clamp(104px,11vw,152px);margin-top:clamp(8px,2vh,26px);position:relative}.micro-label{z-index:1;color:var(--text-muted);margin:54px 0 0;position:relative}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:300}.hero h1{z-index:1;color:var(--text-primary);letter-spacing:.2em;text-align:center;text-transform:uppercase;margin-top:26px;font-size:clamp(24px,3vw,34px);line-height:1.2;position:relative}.text-action{width:fit-content;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;margin-top:34px;font-size:10px;display:inline-flex}.text-action.light{z-index:1;color:var(--text-primary);position:relative}.section-space{padding:clamp(96px,15vw,190px) clamp(26px,7vw,112px)}.origin-section{background:var(--canvas-dark);grid-template-columns:minmax(0,1fr) minmax(320px,2fr);gap:clamp(40px,8vw,140px);min-height:100svh;margin-top:0;padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(110px,16vh,180px);display:grid;position:relative}.origin-copy h2,.section-heading h2,.tailoring-copy h2,.atelier-section h2,.chronicle h2{max-width:820px;color:var(--text-primary);font-size:clamp(30px,4.3vw,58px);line-height:1.06}.origin-copy h2{color:var(--text-primary);font-size:clamp(32px,4vw,54px)}.origin-section .eyebrow{color:var(--text-muted)}.eyebrow{color:var(--text-muted);margin:0 0 24px}.disciplines{background:var(--canvas-dark);grid-template-columns:1fr 2fr;gap:clamp(40px,8vw,140px);margin-top:0;padding-top:clamp(90px,12vh,150px);padding-bottom:clamp(130px,19vh,230px);display:grid;position:relative}.disciplines:before,.cloth-section:before,.observations:before,.atelier-section:before{display:none}.disciplines div{gap:clamp(20px,3vw,34px);display:grid}.disciplines span{color:var(--text-primary);font-family:var(--font-serif);font-size:clamp(34px,5vw,70px);font-weight:300;line-height:.96}.disciplines .eyebrow{color:var(--text-muted)}.section-heading{gap:0;margin-bottom:clamp(48px,8vw,92px);display:grid}.cloth-section,.observations{background:var(--canvas-dark);position:relative}.product-grid,.observation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,42px);display:grid}.observation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid article,.observation-grid article{gap:22px;display:grid}.product-grid h3,.observation-grid h3{color:var(--text-primary);font-size:25px;line-height:1.04}p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.7}.media-block{aspect-ratio:2/3;color:var(--text-muted);transition:opacity .9s var(--ease-stone), background-position .9s var(--ease-stone);background:#111;place-items:center;display:grid;position:relative;overflow:hidden}.media-block span{max-width:170px;font-family:var(--font-serif);text-align:center;font-size:22px;font-weight:300;line-height:1.1}article:hover .media-block,.tailoring-media:hover .media-block{opacity:.82}.tailoring-section{background:var(--canvas-dark);color:var(--text-primary);grid-template-columns:minmax(280px,.88fr) minmax(320px,1fr);align-items:center;gap:clamp(40px,9vw,150px);margin-top:-10vh;padding:clamp(180px,24vw,310px) clamp(26px,7vw,112px) clamp(96px,14vw,180px);display:grid;position:relative}.tailoring-section:before{display:none}.tailoring-copy h2,.tailoring-copy .text-action{color:var(--text-primary)}.atelier-section{text-align:center;background:var(--canvas-dark);min-height:72vh;color:var(--text-primary);align-content:center;justify-items:center;margin-top:-1px;padding-top:clamp(180px,22vw,300px);display:grid;position:relative}.atelier-section:before{display:none}.atelier-section h2{max-width:820px}.atelier-actions{flex-wrap:wrap;justify-content:center;gap:0 clamp(28px,4vw,58px);margin-top:18px;display:flex}.business-section{background:var(--canvas-dark);position:relative}.menu-panel,.order-panel{z-index:50;color:var(--text-primary);background:var(--canvas-dark);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-stone), transform .7s var(--ease-stone);padding:clamp(28px,5vw,72px);position:fixed;inset:0;transform:translateY(-10px)}.order-panel{width:min(420px,100vw);left:auto}.menu-panel.open,.order-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-panel-top{justify-content:space-between;align-items:center;margin-bottom:clamp(70px,12vw,132px);display:flex}.menu-panel-top span{color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.25em;text-transform:uppercase;font-size:10px}.icon-button.dark{color:var(--text-primary)}.menu-panel-grid{grid-template-columns:repeat(3,1fr);gap:clamp(34px,8vw,130px);display:grid}.menu-panel-grid div,.footer-columns div,.order-content{align-content:start;gap:18px;display:grid}.menu-panel h2{color:var(--text-primary);font-size:32px;line-height:1}.menu-panel button:not(.icon-button),.footer button{width:fit-content;color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.08em;font-size:11px}.order-content .media-block{aspect-ratio:3/4}.order-content h2{color:var(--text-primary);font-size:34px}.catalogue-price{color:var(--text-primary);font-family:var(--font-serif);font-size:24px;line-height:1.2}.quantity-control{align-items:center;gap:20px;margin-top:10px;display:flex}.quantity-control span{color:var(--text-primary);font-family:var(--font-serif);font-size:24px}.order-whatsapp{border:1px solid #f9f6f08c;border-radius:4px;justify-content:center;width:100%;padding:16px 22px}.footer{color:var(--text-primary);background:var(--canvas-dark);margin-top:-1px;padding:clamp(92px,14vw,170px) clamp(26px,7vw,112px) clamp(84px,13vw,150px);position:relative}.chronicle{grid-template-columns:minmax(260px,.9fr) minmax(220px,1fr) auto;align-items:end;gap:clamp(28px,6vw,84px);margin-bottom:clamp(90px,15vw,180px);display:grid}.chronicle h2{color:var(--text-primary)}label{color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;gap:12px;font-size:10px;display:grid}input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0;padding:14px 0}.footer-columns{grid-template-columns:repeat(4,1fr);gap:clamp(28px,7vw,110px);display:grid}.footer h3{color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:400}.footer-mark{justify-items:center;gap:24px;margin-top:clamp(120px,18vw,220px);display:grid}.footer-mark img{object-fit:contain;width:42px;height:42px}.footer-mark strong{color:var(--text-muted);font-family:var(--font-serif);letter-spacing:.3em;font-size:17px;font-weight:300}@media (width<=980px){.site-header{grid-template-columns:auto 1fr auto}.brand-mark,.header-tools .icon-button:nth-child(2){display:none}.origin-section,.disciplines,.tailoring-section,.chronicle{grid-template-columns:1fr}.product-grid,.observation-grid,.footer-columns,.menu-panel-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.site-header{min-height:74px;padding:0 22px}.header-tools{gap:18px}.hero{padding-top:132px}.hero h1{font-size:24px;line-height:1.35}.section-space,.tailoring-section,.footer{padding-left:22px;padding-right:22px}.product-grid,.observation-grid,.footer-columns,.menu-panel-grid{grid-template-columns:1fr}.order-panel{width:100vw}}
