@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f5f1e9;--ink:#363831;--muted:#68675e;--gold:#8a6d3c;--sans:Manrope,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}
::selection{background:#dccaad;color:#383126}:focus-visible{outline:2px solid #76603b;outline-offset:6px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:20;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{transform:translateY(0)}
/* Independent transform layers: continuous motion inside pointer parallax. */
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 50% 37%,#fffcf6 0%,#f6f1e8 48%,#e7ddcc 100%)}
.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#fcf9f2db 0%,#faf7f06b 40%,transparent 72%)}
.ambient{position:absolute;width:75vw;height:75vw;max-height:900px;border-radius:50%;filter:blur(45px);opacity:.65}
.ambient-left{left:-48vw;top:-15%;background:radial-gradient(circle,#bc9e64,transparent 68%)}
.ambient-right{right:-44vw;bottom:-20%;background:radial-gradient(circle,#b6b59a,transparent 68%)}
.aurora{position:absolute;inset:-25%;opacity:.55;background:conic-gradient(from 40deg at 45% 50%,transparent,#ede5d8,transparent,#ceb99160,transparent 80%);filter:blur(22px)}
.cursor-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 44%,#fffdf5c0,transparent 45%)}
.parallax{position:absolute}.sculpture-left{width:450px;height:650px;left:-365px;top:0;transform:rotate(-32deg)}.sculpture-right{width:450px;height:620px;right:-355px;bottom:-24%;transform:rotate(35deg)}
.sculpture{position:absolute;inset:0;border-radius:48% 52% 55% 45% / 39% 45% 55% 61%;background:linear-gradient(125deg,#fffdf7 3%,#e9decd 22%,#bca379 45%,#fdf8ec 65%,#d6c4a3 91%);box-shadow:inset 5px 2px 14px #fffdf7,inset -5px -8px 18px #bda57d50,18px 26px 60px #7b654329}
.sculpture:after{content:"";position:absolute;inset:42px 46px;border-radius:inherit;background:linear-gradient(125deg,#e1d4be,#f8f5ee 53%,#faf7f1);box-shadow:inset 10px 12px 24px #8d734340,-4px -5px 12px #fffaf2a0,4px 6px 9px #9e805035}
.contour{display:none}.topography{position:absolute;width:690px;height:690px;opacity:.42}.topography img{width:100%;height:100%;display:block}.topography-left{top:-240px;left:-450px;transform:rotate(-30deg)}.topography-right{bottom:-260px;right:-470px;transform:rotate(40deg)}
.pearl{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fffdf6 5%,#f3e9d7 34%,#c7b591 67%,#f4e5cc 90%);box-shadow:inset -5px -7px 20px #9c805531,12px 20px 32px #89754d16}
.pearl-one{width:65px;height:65px;right:-20px;top:20%}.pearl-two{width:28px;height:28px;left:15px;bottom:17%;opacity:.8}
.grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.edge-note{display:none}.page{position:relative;min-height:100svh;max-width:1800px;margin:auto;display:flex;flex-direction:column;padding:24px 24px 20px}
.brand{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-shrink:0}.brand-lockup{text-align:center}.brand-logo{display:block;width:113px;height:64px;object-fit:contain;margin:0 auto 4px}
.brand-specialty{margin:0;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#756448}.brand-specialty span{font-family:var(--serif);font-style:italic;font-size:11px}
.header-aside{display:flex;align-items:center;gap:24px}.header-note{display:none}
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;border:1px solid #c8baa166;border-radius:50%;background:#fffaf150;transition:background .25s}
.motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}.play-symbol{display:none}.motion-label{display:none}.motion-toggle[aria-pressed="true"] .pause-symbol{display:none}.motion-toggle[aria-pressed="true"] .play-symbol{display:initial}
main{width:100%;max-width:1120px;margin:auto;text-align:center;padding:62px 0 48px;outline:none}
.eyebrow{display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;line-height:1.7;color:#766340;border:1px solid #bba78360;border-radius:30px;padding:9px 14px;background:#fffaf260}
.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#947849;flex-shrink:0}.eyebrow .status-dot{box-shadow:0 0 0 4px #b69b691a}
h1{font-weight:400;font-size:clamp(34px,8.6vw,55px);line-height:1.16;letter-spacing:-1.8px;margin:26px -5px 26px;text-wrap:balance}.headline-line{display:block}h1 em{font-family:var(--serif);font-weight:400;font-size:1.19em;line-height:.95;color:#896d3e;letter-spacing:-2px}
.intro{font-size:12px;line-height:1.95;color:var(--muted);max-width:420px;margin:0 auto;text-wrap:pretty}.desktop-break{display:none}
.launch-status{margin:25px auto 0;display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;letter-spacing:.1px;color:#6e624e}.launch-status p{margin:0;line-height:1.8}.separator{padding:0 3px}
.contact{margin-top:27px;display:flex;flex-direction:column;align-items:center;gap:14px}#whatsapp-slot:empty{display:none}
.instagram-link{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:10px 13px 10px 20px;border:1px solid #62523b;border-radius:50px;background:#62523b;color:#fffcf6;font-size:11px;box-shadow:0 7px 18px #65513212;transition:background .3s,transform .3s,box-shadow .3s;overflow:hidden}
.instagram-link svg{width:16px;height:16px}.arrow{display:grid;place-items:center;width:31px;height:31px;margin-left:5px;border-radius:50%;background:#ffffff14;font-family:Arial,sans-serif;font-size:18px;transition:transform .3s}
.signature{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:35px;font-size:8px;letter-spacing:1.6px;color:#81765f}.signature i{width:3px;height:3px;background:#b7a685;border-radius:50%}
.footer{display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid #b8a88955;padding-top:20px;color:#756b5c;font-size:8px;letter-spacing:.5px;text-align:center;flex-shrink:0}.footer p{margin:0}.footer-divider{padding:0 8px;color:#a6926d}.footer p:last-child{font-family:var(--serif);font-style:italic;font-size:12px}
.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 25px;border:1px solid #9b845d;border-radius:40px;font-size:12px;background:#fffaf199;transition:background .3s}
@media(hover:hover){.instagram-link:hover{transform:translateY(-3px);background:#4e422f;box-shadow:0 12px 24px #65513225}.instagram-link:hover .arrow{transform:rotate(45deg)}.motion-toggle:hover,.whatsapp-button:hover{background:#fffaf1}}
@media(min-width:600px){.page{padding:28px 38px 22px}.brand-lockup{display:flex;align-items:center;text-align:left;gap:15px}.brand-logo{width:110px;height:62px;margin:0}.brand-specialty{max-width:135px;font-size:9px;line-height:1.9;letter-spacing:2px;border-left:1px solid #b6a58660;padding-left:20px}.motion-toggle{border-radius:30px;padding:0 15px}.motion-label{display:initial;font-size:10px}.intro{font-size:14px;max-width:540px}.launch-status{font-size:10px}.footer{flex-direction:row;justify-content:space-between;font-size:9px}.signature{font-size:9px;gap:23px}.topography-left{left:-380px}.topography-right{right:-380px}}
@media(min-width:1000px){.page{padding:32px 55px 24px}.header-note{display:initial;font-size:10px;letter-spacing:.3px;color:#7e735f}.brand-logo{width:120px;height:68px}.brand-specialty{font-size:9px}main{padding:52px 0 42px}.eyebrow{font-size:9px;letter-spacing:2px;padding:9px 18px}h1{font-size:clamp(48px,4.6vw,76px);line-height:1.12;letter-spacing:-2.8px;margin:26px -10px 25px}h1 em{letter-spacing:-3px}.intro{font-size:13px;line-height:1.9;max-width:600px}.desktop-break{display:initial}.launch-status{margin-top:25px;font-size:10px}.contact{margin-top:27px}.instagram-link{font-size:12px;min-height:57px;padding-left:23px}.signature{margin-top:36px;font-size:8px;letter-spacing:2px}.sculpture-left{width:560px;height:750px;left:-365px;top:-16%}.sculpture-right{width:520px;height:720px;right:-310px;bottom:-36%}.topography{width:950px;height:950px}.topography-left{left:-540px;top:-350px}.topography-right{right:-550px;bottom:-350px}.pearl-one{width:100px;height:100px;right:8%;top:18%}.pearl-two{width:46px;height:46px;left:11%;bottom:19%}.edge-note{display:block;position:absolute;left:26px;bottom:115px;font-size:8px;letter-spacing:2px;color:#88724c;writing-mode:vertical-rl;transform:rotate(180deg);z-index:1}}
@media(min-width:1400px){.page{padding-left:65px;padding-right:65px}.sculpture-left{left:-300px}.sculpture-right{right:-260px}.topography-left{left:-450px}.topography-right{right:-450px}}
@media(max-width:359px){.page{padding-left:20px;padding-right:20px}.brand-logo{width:99px;height:56px}.brand-specialty{font-size:7px}h1{font-size:32px;letter-spacing:-1.6px}main{padding-top:46px}.eyebrow{font-size:7px;letter-spacing:1.3px}.launch-status{font-size:8px}.intro{font-size:12px}.signature{gap:11px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:no-preference){
  .reveal{animation:enter 1.15s both cubic-bezier(.2,.7,.2,1)}.eyebrow{animation-delay:.08s}h1{animation-delay:.18s}.intro{animation-delay:.28s}.launch-status{animation-delay:.38s}.contact{animation-delay:.48s}.signature{animation-delay:.58s}.footer{animation-delay:.65s}
  .sculpture-left .sculpture{animation:sculpture-drift 15s ease-in-out infinite alternate}.sculpture-right .sculpture{animation:sculpture-drift 18s -7s ease-in-out infinite alternate-reverse}
  .topography-left img{animation:contour-drift 24s ease-in-out infinite alternate}.topography-right img{animation:contour-drift 28s -10s ease-in-out infinite alternate-reverse}
  .ambient-left{animation:light-drift 16s ease-in-out infinite alternate}.ambient-right{animation:light-drift 20s -8s ease-in-out infinite alternate-reverse}.aurora{animation:aurora-turn 30s ease-in-out infinite alternate}
  .pearl-one{animation:pearl-float 9s ease-in-out infinite alternate}.pearl-two{animation:pearl-float 12s -4s ease-in-out infinite alternate-reverse}
  @keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @keyframes sculpture-drift{from{transform:translate3d(-15px,-12px,0) rotate(-8deg) scale(.98)}to{transform:translate3d(28px,35px,0) rotate(12deg) scale(1.06)}}
  @keyframes contour-drift{from{transform:rotate(-12deg) scale(.94)}to{transform:rotate(18deg) scale(1.09)}}
  @keyframes light-drift{from{transform:translate3d(-3%,-6%,0);opacity:.4}to{transform:translate3d(14%,16%,0);opacity:.8}}
  @keyframes aurora-turn{from{transform:rotate(-20deg) scale(1)}to{transform:rotate(28deg) scale(1.15)}}
  @keyframes pearl-float{from{transform:translate3d(0,-12px,0)}to{transform:translate3d(-15px,18px,0)}}
}
/* Comfortable reading on small screens, with ample vertical room. */
.intro{font-size:14px}
@media(max-width:359px){.intro{font-size:13px}}
/* Pause decorative animation without hiding content. */
html[data-motion-paused] .scene *,html[data-page-hidden] .scene *{animation-play-state:paused!important}
@media(max-width:599px){.ambient,.aurora{filter:none}.aurora{opacity:.3}.topography{opacity:.28}.pearl-two{display:none}.sculpture-left .sculpture,.sculpture-right .sculpture{animation-duration:24s}.topography-right img,.ambient,.aurora{animation:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.parallax,.cursor-light{translate:none!important}}
