*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #845533;--color-text: #322203;--color-bg: #EBE7E0;--font-heading: "Lora", serif;--font-body: "Inter", sans-serif;--bg-warm: #E0D2B9;--bg-deep: #D6CBB5;--paper: #F5F1EA;--noir: #1E1E1E;--accent: #B81515;--ink-2: #4a3510;--sepia-soft: #8C6E4A;--shadow: 0 30px 80px -40px rgba(50, 34, 3, .35);--rule: rgba(50, 34, 3, .18);--bg: var(--color-bg);--ink: var(--color-text);--sepia: var(--color-primary)}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.1;background-image:url(https://images.driftlaboratory.com/bg-proximamente.png);background-size:cover;background-position:center;background-repeat:no-repeat}html{scroll-behavior:smooth}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary)}.display{font-family:var(--font-heading);font-weight:500;letter-spacing:-.02em;line-height:.95}.display-italic{font-family:var(--font-heading);font-style:italic}.serif{font-family:var(--font-heading)}.mono,.eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);font-weight:500}.eyebrow{letter-spacing:.18em}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.13 0 0 0 0 0.01 0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.2,.8,.2,1),width .2s,height .2s,border-color .2s}.cursor-dot{width:6px;height:6px;border-radius:50%;background:var(--ink)}.cursor-ring{width:34px;height:34px;border:1px solid var(--sepia);border-radius:50%}body.cursor-hover .cursor-ring{width:60px;height:60px;border-color:var(--ink);background:#84553314}body.cursor-text .cursor-dot{width:2px;height:22px;border-radius:2px;background:var(--ink)}@media(pointer:fine)and (min-width:901px){body,a,button,input,textarea,.btn{cursor:none}}@media(pointer:coarse),(max-width:900px){.cursor-dot,.cursor-ring{display:none}}main{padding-top:80px}.topnav{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:20px 40px;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.brand{font-family:var(--font-heading);font-size:22px;font-weight:400;color:var(--sepia);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;text-decoration:none;text-transform:uppercase}.brand-feather{width:50px;height:auto;object-fit:contain;position:relative;top:4px}.nav-links{display:flex;justify-content:flex-end;gap:28px}.nav-link{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:8px 4px;position:relative;font-weight:500}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:right .4s cubic-bezier(.2,.8,.2,1)}.nav-link:hover:after,.nav-link.active:after{right:0}.nav-link.active{color:var(--sepia)}.nav-meta{font-family:var(--font-body);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sepia);display:flex;gap:18px;align-items:center}.nav-burger{display:none;width:32px;height:32px;background:transparent;border:0;padding:0;position:relative}.nav-burger span{display:block;position:absolute;left:4px;right:4px;height:1.5px;background:var(--ink);transition:transform .3s,opacity .3s}.nav-burger span:nth-child(1){top:10px}.nav-burger span:nth-child(2){top:15.5px}.nav-burger span:nth-child(3){top:21px}.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.2,.8,.2,1)}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-close{position:absolute;top:24px;right:24px;width:36px;height:36px;background:transparent;border:0;padding:0}.mobile-menu-close span{display:block;position:absolute;left:4px;right:4px;height:1.5px;background:var(--ink);top:50%}.mobile-menu-close span:nth-child(1){transform:translateY(-50%) rotate(45deg)}.mobile-menu-close span:nth-child(2){transform:translateY(-50%) rotate(-45deg)}.mobile-menu-inner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:80px 32px 40px}.mobile-menu-eyebrow{margin-bottom:8px}.mobile-menu-links{display:flex;flex-direction:column;gap:4px}.mobile-menu-link{display:flex;align-items:baseline;gap:16px;text-decoration:none;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--rule);opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.mobile-menu.open .mobile-menu-link{opacity:1;transform:none}.mobile-menu-link.active .mobile-menu-label{color:var(--sepia);font-style:italic}.mobile-menu-num{flex-shrink:0;color:var(--sepia)}.mobile-menu-label{font-size:clamp(36px,11vw,56px);line-height:1}.mobile-menu-foot{margin-top:auto}.page{min-height:100vh;padding-top:96px;position:relative}.container{max-width:1360px;margin:0 auto;padding:0 40px}.full{max-width:100%;padding:0 40px}.sparkle{display:inline-block;width:1em;height:1em;vertical-align:baseline;background:url(https://images.driftlaboratory.com/sparkle.png) center/contain no-repeat}.btn{font-family:var(--font-body);text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:500;padding:14px 22px;border:1px solid var(--ink);color:var(--ink);background:transparent;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;transition:color .3s;text-decoration:none}.btn:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}.btn:hover{color:var(--bg)}.btn:hover:before{transform:translateY(0)}.btn.filled{background:var(--ink);color:var(--bg)}.btn.filled:hover{background:var(--sepia);border-color:var(--sepia)}.btn .arrow{transition:transform .3s}.btn:hover .arrow{transform:translate(4px)}.rule{height:1px;background:var(--ink);opacity:.25}.rule-deco{display:flex;align-items:center;gap:14px;color:var(--sepia)}.rule-deco:before,.rule-deco:after{content:"";flex:1;height:1px;background:var(--rule)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.marquee{overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0;background:var(--bg-warm)}.marquee-track{display:flex;gap:64px;white-space:nowrap;animation:marquee 40s linear infinite;font-family:var(--font-heading);font-size:28px;font-style:italic;color:var(--ink)}.marquee-track span{display:inline-flex;align-items:center;gap:64px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.placeholder{background:repeating-linear-gradient(45deg,rgba(132,85,51,.08) 0 8px,transparent 8px 16px),var(--bg-warm);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);text-align:center}.page-wipe{position:fixed;inset:0;background:var(--ink);z-index:100;transform-origin:bottom;transform:scaleY(0);pointer-events:none}.page-wipe.in{transform:scaleY(1);transition:transform .55s cubic-bezier(.7,0,.3,1);transform-origin:bottom}.page-wipe.out{transform:scaleY(0);transition:transform .55s cubic-bezier(.7,0,.3,1);transform-origin:top}.footer{border-top:1px solid var(--rule);padding:24px 40px;margin-top:80px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center;font-family:var(--font-body)}.footer-left{display:flex;align-items:center;gap:16px}.footer-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sepia)}.footer-socials{display:flex;gap:12px;align-items:center}.footer-socials a{color:var(--sepia);display:inline-flex;align-items:center;transition:color .2s}.footer-socials a:hover{color:var(--ink)}.footer-center{text-align:center}.footer-tag{font-family:var(--font-heading);font-size:18px;color:var(--ink)}.footer-sub{font-size:12px;color:var(--sepia);font-style:italic}.footer-right{text-align:right;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--sepia)}.footer-mobile-meta{display:none}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-warm);border:1px solid var(--rule);font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);text-decoration:none;font-weight:500}.stars{display:inline-flex;gap:2px;color:var(--sepia);font-size:14px}.stars .s{opacity:.25}.stars .s.on{opacity:1}.dropcap:first-letter{font-family:var(--font-heading);font-weight:400;font-style:italic;font-size:5.2em;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--sepia)}@media(max-width:900px){.topnav{grid-template-columns:1fr auto;gap:16px;padding:16px 20px}.nav-links,.nav-meta{display:none}.nav-burger{display:block}.container,.full{padding:0 20px}.page{padding-top:72px}.footer{grid-template-columns:1fr;padding:40px 24px;margin-top:60px;text-align:center;gap:28px}.footer-left{flex-direction:column;gap:12px;justify-content:center;align-items:center}.footer-socials{gap:16px}.footer-socials img{width:26px;height:26px}.footer-center{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0}.footer-tag{font-size:16px;line-height:1.4}.footer-right{display:none!important}.footer-mobile-meta{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--rule);font-size:11px;color:var(--sepia)}.marquee-track{font-size:22px;gap:40px}.marquee-track span{gap:40px}}@media(max-width:600px){.topnav{padding:14px 16px}.container,.full{padding:0 16px}.footer{padding:40px 16px 20px}.marquee-track{font-size:18px}}
