:root{--bg: #FBF4EC;--bg-alt: #F0E2D0;--ink: #1F1F1F;--primary: #A6491F;--warm: #C97C4D;--muted: #6E5F52;--accent: #6E7C4F;--white: #FFFFFF;--font-display: "Varela Round", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, sans-serif;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--space-xxl: 96px;--ease-out: cubic-bezier(.16,.84,.44,1);--dur-fast: .2s;--dur-med: .5s;--dur-slow: .9s;--fs-hero: clamp(2.6rem, 6vw, 4.8rem);--fs-h2: clamp(1.9rem, 3.6vw, 2.75rem);--fs-h3: clamp(1.3rem, 2.2vw, 1.6rem);--fs-body: clamp(1rem, 1.1vw, 1.125rem);--fs-label: .8rem;--radius-md: 16px;--radius-lg: 28px;--container: 1180px;--gutter: 6vw}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;line-height:1.15}a{color:inherit}.inner{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}#preloader{position:fixed;inset:0;z-index:999;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.preloader-thread{width:120px;height:2px;background:#ffffff2e;position:relative;overflow:hidden;border-radius:2px}.preloader-thread-fill{position:absolute;inset:0;width:0%;background:var(--warm)}.preloader-count{font-family:var(--font-display);color:var(--bg);font-size:1.1rem;letter-spacing:.05em}#preloader.is-done{pointer-events:none}#nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--gutter);transition:transform .4s var(--ease-out),background-color .4s,backdrop-filter .4s}#nav.nav--solid{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px)}#nav.nav--hidden{transform:translateY(-110%)}.nav-logo{font-family:var(--font-display);font-size:1.1rem;text-decoration:none;color:var(--ink)}.nav-links{display:flex;gap:var(--space-md);align-items:center}.nav-links a{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--ink)}.nav-links a.nav-cta{background:var(--primary);color:var(--white);padding:13px 20px;border-radius:999px;display:inline-flex;align-items:center;min-height:44px}@media (max-width: 720px){.nav-links a:not(.nav-cta){display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:transform .3s var(--ease-out)}.btn--primary{background:var(--primary);color:var(--white)}.btn--accent{background:var(--accent);color:var(--white)}.btn-magnetic{position:relative}#hero{position:relative;height:100svh;min-height:560px;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover}.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#140d08db,#140d0852 45%,#140d080d 68%)}.hero-content{position:absolute;left:0;right:0;bottom:9%;padding:0 var(--gutter);color:var(--bg)}.hero-rule{width:56px;height:2px;background:var(--accent);margin-bottom:var(--space-sm)}.hero-content h1{font-size:var(--fs-hero);color:var(--white);clip-path:inset(0 100% 0 0)}.hero-content h1.is-revealed{animation:heroWipe 1s var(--ease-out) forwards}@keyframes heroWipe{to{clip-path:inset(0 0 0 0)}}.hero-sub{max-width:46ch;color:#e7d9c9;margin:var(--space-sm) 0 var(--space-md)}.hero-scroll-cue{position:absolute;left:var(--gutter);bottom:4%;font-size:.78rem;letter-spacing:.06em;color:#e7d9c9;text-transform:uppercase;display:flex;align-items:center;gap:8px}.hero-scroll-cue:after{content:"";width:1px;height:22px;background:#e7d9c9;animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{0%,to{opacity:.2}50%{opacity:1}}.hero-teaser{position:absolute;right:var(--gutter);bottom:9%;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hero-teaser-label{font-size:.74rem;color:#e7d9c9;letter-spacing:.04em}.hero-teaser-dots{display:flex;gap:10px}.hero-teaser-dot{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:transform .25s var(--ease-out);background-clip:content-box;padding:7px}.hero-teaser-dot:hover,.hero-teaser-dot:focus-visible{transform:scale(1.12)}.hero-teaser-swatch{width:46px;height:58px;border-radius:10px;border:2px dashed rgba(255,255,255,.85);transition:background-color .4s var(--ease-out)}#value{padding:var(--space-xxl) 0;background:var(--bg)}.value-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-xl);align-items:start}.value-quote{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--primary);text-wrap:balance}.value-copy{color:var(--muted);max-width:52ch}@media (max-width: 860px){.value-grid{grid-template-columns:1fr}}[data-reveal]{opacity:0;transform:translateY(24px)}[data-reveal].is-in{opacity:1;transform:translateY(0)}#configurator{padding:var(--space-xxl) 0;background:var(--bg-alt);position:relative;overflow:hidden}.configurator-head{max-width:60ch;margin-bottom:var(--space-lg)}.configurator-head h2{color:var(--ink)}.configurator-head p{color:var(--muted);margin-top:var(--space-xs)}.fl-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:end;margin-bottom:var(--space-lg)}.fl-figure{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.fl-figure svg{width:100%;height:auto;max-width:220px}.fl-figure .fl-name{font-size:.78rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 760px){.fl-stage{grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}}.fl-swatches{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.fl-swatch-btn{width:52px;height:52px;border-radius:12px;border:3px solid transparent;cursor:pointer;transition:transform .25s var(--ease-out),border-color .25s;min-width:44px;min-height:44px}.fl-swatch-btn:hover{transform:translateY(-4px)}.fl-swatch-btn.is-active{border-color:var(--ink)}.fl-swatches-label{font-size:.78rem;color:var(--muted);margin-right:var(--space-xs)}#services{padding:var(--space-xxl) 0}.services-head{margin-bottom:var(--space-lg);max-width:50ch}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.service-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid color-mix(in srgb,var(--muted) 25%,transparent)}.service-card h3{color:var(--primary);margin-bottom:var(--space-xs)}.service-card p{color:var(--muted);margin:0 0 var(--space-sm)}.service-price{font-family:var(--font-display);font-size:1.4rem;color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width: 760px){.services-grid{grid-template-columns:1fr}}#proof{padding:var(--space-xxl) 0;background:var(--bg-alt)}.proof-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.counter{font-variant-numeric:tabular-nums;color:var(--primary)}.proof-badge{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--primary)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.proof-item{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;background:var(--ink)}.proof-item video{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.proof-item:hover video{transform:scale(1.06)}@media (max-width: 960px){.proof-grid{grid-template-columns:repeat(2,1fr)}}#faq{padding:var(--space-xxl) 0}.faq-head{max-width:50ch;margin-bottom:var(--space-lg)}.faq-list{display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.faq-item{border-bottom:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--space-md) 0;font-family:var(--font-display);font-size:1.1rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:44px}.faq-q-mark{color:var(--accent);font-size:1.3rem;transition:transform .3s var(--ease-out);flex:none}.faq-item.is-open .faq-q-mark{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out);color:var(--muted)}.faq-a-inner{padding-bottom:var(--space-md);max-width:60ch}#cta{padding:var(--space-xxl) 0;background:var(--ink);color:var(--bg);text-align:center;position:relative;overflow:hidden}#cta h2{color:var(--bg);margin-bottom:var(--space-sm)}#cta p{color:color-mix(in srgb,var(--bg) 70%,transparent);max-width:46ch;margin:0 auto var(--space-lg)}.site-footer{padding:var(--space-lg) 0;background:var(--ink);color:color-mix(in srgb,var(--bg) 55%,transparent);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:.82rem;border-top:1px solid rgba(255,255,255,.1)}.site-footer a{text-decoration:none;color:inherit}.made-for{opacity:.6}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-content h1{clip-path:inset(0 0 0 0)!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;top:-100px;left:var(--space-sm);z-index:200;background:var(--accent);color:var(--white);padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;transition:top .25s var(--ease-out)}.skip-link:focus{top:var(--space-sm)}
