.eyebrow{   font-family:var(--sans);   font-size:11px;   letter-spacing:.42em;   text-transform:uppercase;   color:var(--olive);   font-weight:400;  } .wrap{padding-left:var(--pad);padding-right:var(--pad)}   .plate{   position:relative;   background: radial-gradient(120% 90% at 18% 8%, rgba(255,255,255,.9), rgba(255,255,255,0) 55%), radial-gradient(140% 120% at 85% 100%, rgba(74,57,46,.20), rgba(74,57,46,0) 60%), linear-gradient(115deg, var(--ivory) 0%, var(--stone) 48%, var(--sand) 100%);   overflow:hidden;   isolation:isolate;  } .plate::after{   content:"";position:absolute;inset:0;z-index:2;opacity:.05;mix-blend-mode:multiply;   background-image:url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(//aurelle.puze.com.br/__aurelle/css/%23n)'/></svg>");  } .plate .note{   position:absolute;left:16px;bottom:14px;z-index:3;   font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;   color:rgba(38,36,31,.5);font-weight:400;max-width:70%;  } .hero{   position:relative;min-height:100vh;display:flex;align-items:flex-end;   padding:0 var(--pad) clamp(48px,9vh,96px);   color:var(--off-white);overflow:hidden;  } .hero .bg{position:absolute;inset:0;z-index:0} .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hv-mobile{display:none} .hero-scrim-m{display:none} @media(max-width:700px){   .hv-desktop{display:none}   .hv-mobile{display:block}   .hero-scrim-m{display:block;position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.04) 42%, rgba(0,0,0,.55) 100%)}  }   .hero .bg::after{   content:"";position:absolute;inset:0;z-index:2;   background:rgba(0,0,0,.30);   animation:lift 3.2s cubic-bezier(.22,.61,.36,1) forwards;  } @keyframes lift{to{opacity:0}} .hero-inner{position:relative;z-index:5;max-width:760px} .hero .eyebrow{color:rgba(251,249,244,.78);margin-bottom:26px;opacity:0;animation:rise 1.4s ease .9s forwards} .hero h1{   font-family:var(--serif);font-weight:300;color:var(--off-white);   font-size:clamp(38px,6.4vw,84px);line-height:1.02;letter-spacing:.005em;   max-width:13ch;margin-bottom:20px;  clip-path:inset(0 100% 0 0);   animation:reveal 2.4s cubic-bezier(.16,.84,.32,1) .4s forwards;  } .hero .beginning{   font-family:var(--serif);font-style:italic;font-weight:300;   font-size:clamp(19px,2.6vw,28px);color:rgba(251,249,244,.82);max-width:34ch;   opacity:0;animation:rise 1.6s ease 1.5s forwards;  } .hero .cta{margin-top:40px;opacity:0;animation:rise 1.6s ease 2.1s forwards} .hero .btn{color:var(--off-white);border-color:rgba(251,249,244,.7)} .hero .btn:hover{color:var(--sand);border-color:var(--sand)} @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} .btn{   display:inline-flex;align-items:center;gap:14px;   font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);   padding-bottom:8px;border-bottom:1px solid var(--ink);font-weight:400;   transition:gap .45s ease, color .4s, border-color .4s;  }   .manifesto{position:relative;   padding-top:var(--gap);padding-bottom:var(--gap);max-width:1100px;margin:0 auto}   .manifesto .fabric{position:absolute;top:0;bottom:0;left:50%;width:100vw;   transform:translateX(-50%);z-index:0;pointer-events:none} .manifesto .fabric svg{width:100%;height:100%;display:block} .manifesto .eyebrow,.manifesto > p{position:relative;z-index:2}   .manifesto-mark{   position:absolute;z-index:1;right:0;bottom:4%;   font-family:var(--serif);font-weight:300;   font-size:clamp(50px,11vw,150px);line-height:.8;letter-spacing:.12em;   color:var(--chocolate);opacity:.07;   white-space:nowrap;pointer-events:none;user-select:none;  } .manifesto .eyebrow{margin-bottom:48px} .manifesto p{   font-family:var(--serif);font-weight:300;   font-size:clamp(24px,3.4vw,40px);line-height:1.42;color:var(--ink);   max-width:24ch;  } .manifesto p .accent{color:var(--soft-ink);font-style:italic}   .collection{padding-top:var(--gap);padding-bottom:var(--gap)} .collection .head{margin-bottom:var(--gap);text-align:center} .collection .head .eyebrow{margin-bottom:24px} .collection .head h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,54px);   line-height:1.1;margin:0 auto} .collection .head .drop{display:block;width:1px;height:clamp(48px,7vh,80px);margin:38px auto 0;   background:linear-gradient(var(--olive),rgba(124,122,102,0))} @media(min-width:861px){ .collection .head h2{white-space:nowrap} } .piece{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);   align-items:center;margin-bottom:var(--gap)} .piece:nth-child(even) .piece-img{order:2} .piece-img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ivory);cursor:pointer} .piece-img.pending{background:linear-gradient(140deg,var(--ivory) 0%,var(--stone) 55%,var(--sand) 100%);cursor:default} .piece-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;   transition:opacity 1s ease, transform 6s ease} .piece-img .img-b{opacity:0}   .piece-img:hover .img-a,.piece-img.swapped .img-a{opacity:0} .piece-img:hover .img-b,.piece-img.swapped .img-b{opacity:1} .piece-img:hover img{transform:scale(1.03)} .piece-text .idx{font-size:11px;letter-spacing:.3em;color:var(--sand);margin-bottom:22px} .piece-text h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,50px);   line-height:1;margin-bottom:18px} .piece-text .desc{color:var(--soft-ink);max-width:34ch;font-size:15px;margin-bottom:30px}   .universe{background:var(--ivory);padding-top:var(--gap);padding-bottom:var(--gap)} .universe .eyebrow{margin-bottom:14px} .universe h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,52px);   margin-bottom:var(--gap);max-width:18ch} .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,72px)} .pillar .pillar-img{position:relative;aspect-ratio:3/4;margin-bottom:28px;overflow:hidden;   background:linear-gradient(140deg,var(--ivory) 0%,var(--stone) 55%,var(--sand) 100%)} .pillar .pillar-img img{width:100%;height:100%;object-fit:cover;display:block;   filter:grayscale(12%) contrast(.98);transition:transform 6s ease} .pillar:hover .pillar-img img{transform:scale(1.04)} .pillar h4{font-family:var(--serif);font-weight:400;font-size:26px;margin-bottom:14px} .pillar p{color:var(--soft-ink);font-size:14.5px;max-width:30ch}   .maison{padding-top:var(--gap);padding-bottom:var(--gap);text-align:center;max-width:760px;   margin:0 auto} .maison .eyebrow{margin-bottom:30px} .maison p{font-family:var(--serif);font-weight:300;font-size:clamp(24px,3.4vw,38px);   line-height:1.4;color:var(--ink);margin-bottom:42px} .maison .btn{justify-content:center}   @media(max-width:860px){   nav{display:none}   .piece,.pillars{grid-template-columns:1fr}   .piece:nth-child(even) .piece-img{order:0}   .piece-img{aspect-ratio:4/3}   .pillar .pillar-img{aspect-ratio:4/3}  } @media(prefers-reduced-motion:reduce){   *{animation:none !important}   .hero h1{clip-path:none}   .hero .bg::after{display:none}   .hero .eyebrow,.hero .beginning,.hero .cta{opacity:1}   .reveal{opacity:1;transform:none;transition:none}   html{scroll-behavior:auto}  }