@font-face{font-family:Fraunces;src:url(assets/fonts/fraunces-900-latin.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(assets/fonts/sora-var-latin.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--cream: #FBF4E8;--cream-soft: #F6E9D4;--surface: #FFFBF2;--amber: #ECBA7E;--amber-soft: #F6D9AC;--sage: #7E9B72;--sage-deep: #4E6845;--sage-dark: #3C5234;--mint: #DCE9D5;--caramel: #B26A33;--bean: #8A4A26;--gold: #E09A1F;--espresso: #2C1A0D;--coffee: #4B2E16;--coffee-muted: #6E5238;--f-display: "Fraunces", Georgia, serif;--f-body: "Sora", -apple-system, "Segoe UI", sans-serif;--wrap: 1180px;--shadow-soft: 0 10px 30px -12px rgba(76, 46, 22, .18);--shadow-lift: 0 24px 50px -20px rgba(76, 46, 22, .28);--z-progress: 60;--z-nav: 80;--z-grain: 85;--z-cursor: 90}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}body{font-family:var(--f-body);background:var(--cream);color:var(--coffee);line-height:1.6;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--sage-deep);color:var(--cream)}:focus-visible{outline:2.5px dashed var(--caramel);outline-offset:3px;border-radius:6px}body:before{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.wrap{width:min(100% - clamp(2rem,6vw,4rem),var(--wrap));margin-inline:auto}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:clamp(.72rem,1vw,.82rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--caramel);margin-bottom:clamp(.7rem,1.6vh,1.1rem)}.kicker:before{content:"";width:26px;height:2px;background:var(--caramel);border-radius:2px}.sec-title{font-family:var(--f-display);font-weight:900;font-size:clamp(2rem,5vw,3.7rem);line-height:1.04;letter-spacing:-.015em;color:var(--espresso);text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:.95rem;padding:.85em 1.7em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;will-change:transform}.btn svg{width:1.05em;height:1.05em;transition:transform .25s ease}.btn:hover svg{transform:translate(4px)}.btn-solid{background:var(--sage-deep);color:var(--cream)}.btn-solid:hover{background:var(--sage-dark);box-shadow:var(--shadow-soft)}.btn-ghost{border-color:#2c1a0d47;color:var(--espresso)}.btn-ghost:hover{border-color:var(--espresso);background:#2c1a0d0d}.btn-gold{background:var(--gold);color:var(--espresso)}.btn-gold:hover{background:#f2ae35;box-shadow:0 14px 30px -12px #e09a1f8c}.btn-lg{font-size:1.02rem;padding:1em 2em}.btn-sm{font-size:.84rem;padding:.62em 1.25em}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--z-progress);background:linear-gradient(90deg,var(--caramel),var(--gold));transform-origin:left;transform:scaleX(0);pointer-events:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;border-radius:50%;opacity:0}.cursor-dot{width:6px;height:6px;background:var(--caramel)}.cursor-ring{width:38px;height:38px;border:1.5px solid rgba(78,104,69,.55);transition:width .25s ease,height .25s ease,border-color .25s ease}.cursor-ring.is-hover{width:56px;height:56px;border-color:var(--gold)}@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.nav{position:fixed;top:14px;left:16px;right:16px;z-index:var(--z-nav);display:flex;justify-content:center;transition:transform .45s cubic-bezier(.33,1,.68,1)}.nav.nav-hidden{transform:translateY(-130%)}.nav-inner{width:100%;max-width:var(--wrap);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px clamp(12px,2vw,20px);border-radius:999px;background:#fbf4e8c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(44,26,13,.07);transition:box-shadow .3s ease,background-color .3s ease}.nav.nav-scrolled .nav-inner{box-shadow:var(--shadow-soft);background:#fbf4e8eb}.nav-logo{display:inline-flex;align-items:center;gap:10px}.nav-mark{width:38px;height:38px;border-radius:11px;box-shadow:0 3px 10px -3px #2c1a0d66}.nav-word{font-family:var(--f-display);font-weight:900;font-size:1.22rem;color:var(--espresso);letter-spacing:.01em}.nav-word em{font-style:normal;color:var(--caramel);margin-left:4px;font-size:.92em}.nav-actions{display:flex;align-items:center;gap:clamp(10px,2vw,20px)}.nav-call{font-size:.88rem;font-weight:600;color:var(--coffee);transition:color .2s ease}.nav-call:hover{color:var(--caramel)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}@supports (min-height: 100svh){.hero{min-height:100svh}}.hero{background:radial-gradient(56vmax 56vmax at 72% 38%,#f6d9ace6,#f6d9ac00 62%),radial-gradient(38vmax 38vmax at 8% 92%,#dce9d599,#dce9d500 60%),var(--cream)}.hero-glow{position:absolute;left:71%;top:46%;width:62vmin;height:62vmin;transform:translate(-50%,-50%);background:radial-gradient(circle,#ecba7eb3,#ecba7e00 64%);border-radius:50%}.hero-grid{position:relative;z-index:2;width:min(100% - clamp(2rem,6vw,4rem),var(--wrap));margin:auto;padding-top:clamp(4.6rem,11vh,6.5rem);padding-bottom:clamp(3rem,7vh,4.5rem);display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(1.6rem,4vw,4rem)}.hero-status{display:inline-flex;align-items:center;gap:8px;font-size:clamp(.74rem,1vw,.84rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--caramel);margin-bottom:clamp(.9rem,2.2vh,1.4rem)}.status-dots{display:inline-flex;gap:5px;align-items:center}.status-dots i{width:4.5px;height:4.5px;border-radius:50%;background:var(--caramel)}.hero-title{font-family:var(--f-display);font-weight:900;font-size:clamp(2.5rem,4.6vw,4.3rem);line-height:1;letter-spacing:-.01em;color:var(--espresso);text-transform:uppercase;display:flex;flex-direction:column;white-space:nowrap}.hero-title .line-2{color:transparent;-webkit-text-stroke:clamp(1.6px,.2vw,2.6px) var(--caramel)}.hero-sub{margin-top:clamp(1rem,2.6vh,1.6rem);font-size:clamp(.94rem,1.3vw,1.12rem);color:var(--coffee);max-width:50ch;text-wrap:pretty}.hero-cta{margin-top:clamp(1.3rem,3.2vh,2rem);display:flex;gap:12px;flex-wrap:wrap}.scene{position:relative;width:500px;width:min(100%,60vh,500px);max-width:100%;justify-self:center}.scene:before{content:"";display:block;padding-top:100%}.sp,.scene-steam,.scene-shadow{position:absolute;will-change:transform}.scene-shadow{left:17%;bottom:3.5%;width:58%;height:6.5%;background:radial-gradient(ellipse at center,#4c2e164d,#4c2e1600 68%);border-radius:50%;filter:blur(6px)}.scene-steam{left:13%;top:4%;width:33%;height:33%;z-index:1;opacity:.92}.sp-lid{left:14%;top:0;width:54%;z-index:2;filter:drop-shadow(0 18px 22px rgba(76,46,22,.22))}.sp-cup{left:4%;top:30%;width:74%;z-index:3;filter:drop-shadow(0 26px 30px rgba(76,46,22,.26))}.sp-bean{z-index:4;filter:drop-shadow(0 8px 10px rgba(76,46,22,.22))}.sp-b1{left:1%;top:13%;width:13%}.sp-b2{right:19%;top:3%;width:8%}.sp-b3{right:1%;top:26%;width:10%}.sp-b4{left:0;top:61%;width:13%}.sp-b5{right:3%;bottom:7%;width:18%}.hero-scroll{position:absolute;left:50%;bottom:clamp(.7rem,2vh,1.3rem);transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px}.hero-scroll-track{width:22px;height:34px;border:2px solid rgba(44,26,13,.35);border-radius:12px;display:flex;justify-content:center;padding-top:5px}.hero-scroll-dot{width:4px;height:8px;border-radius:4px;background:var(--caramel)}.hero-scroll-txt{font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--coffee-muted)}.marquee-zone{position:relative;z-index:3;overflow:hidden;margin-block:clamp(-1.4rem,-2vh,-.8rem) clamp(.8rem,2vh,1.4rem);padding-block:clamp(8px,1.35vw,26px)}.marquee{background:var(--sage-deep);transform:rotate(-1.4deg) scale(1.02);padding-block:clamp(.8rem,1.6vh,1.15rem);overflow:hidden;box-shadow:var(--shadow-soft)}.marquee-track{display:flex;width:max-content;will-change:transform}.marquee-chunk{display:flex;align-items:center;flex-shrink:0}.marquee-chunk span{font-family:var(--f-display);font-weight:700;font-size:clamp(1.02rem,2.1vw,1.5rem);text-transform:uppercase;letter-spacing:.04em;color:var(--cream);white-space:nowrap;padding-inline:clamp(1.1rem,2.4vw,2rem)}.marquee-chunk i{width:9px;height:9px;border-radius:50%;background:var(--gold);flex-shrink:0}.visit{padding-block:clamp(3rem,8vh,5.4rem)}.visit-head{margin-bottom:clamp(1.4rem,3.6vh,2.4rem)}.visit-grid{display:grid;grid-template-areas:"lottie info card";grid-template-columns:.72fr 1.18fr 1fr;gap:clamp(1.3rem,3vw,3rem);align-items:center;perspective:1100px}.visit-lottie{grid-area:lottie;position:relative;width:100%;max-width:300px;justify-self:center}.visit-lottie:before{content:"";display:block;padding-top:100%}.visit-lottie svg,.scene-steam svg{position:absolute;inset:0}.visit-info{grid-area:info}.visit-list{display:grid;gap:clamp(.7rem,1.6vh,1.1rem)}.visit-list li{display:flex;align-items:flex-start;gap:13px;font-size:clamp(.92rem,1.25vw,1.05rem)}.visit-list a{font-weight:600;color:var(--espresso);border-bottom:1.5px solid rgba(178,106,51,.4);transition:border-color .2s ease,color .2s ease}.visit-list a:hover{color:var(--caramel);border-color:var(--caramel)}.visit-list strong{color:var(--espresso)}.v-ico{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--sage-deep);display:inline-flex;align-items:center;justify-content:center}.v-ico svg{width:19px;height:19px}.visit-actions{margin-top:clamp(1.2rem,3vh,1.8rem);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.visit-social{display:flex;gap:10px}.visit-social a{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(44,26,13,.22);display:inline-flex;align-items:center;justify-content:center;color:var(--coffee);transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.visit-social a:hover{background:var(--mint);border-color:var(--sage-deep);color:var(--sage-deep);transform:translateY(-3px)}.visit-social svg{width:19px;height:19px}.daraz-card{grid-area:card;position:relative;background:linear-gradient(155deg,var(--sage-deep),var(--sage-dark));color:var(--cream);border-radius:28px;padding:clamp(1.5rem,2.6vw,2.4rem);box-shadow:var(--shadow-lift);overflow:hidden;will-change:transform}.daraz-card:before{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#e09a1f59,#e09a1f00 70%)}.daraz-sparkle{position:absolute;top:10px;right:14px;width:74px;height:60px}.daraz-card h3{font-family:var(--f-display);font-weight:900;font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.12}.daraz-card p{margin-top:8px;font-size:clamp(.85rem,1.1vw,.95rem);color:#fbf4e8d1;max-width:32ch}.daraz-card .btn{margin-top:clamp(1rem,2.4vh,1.5rem)}.daraz-note{display:block;margin-top:12px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fbf4e899}.footer{background:var(--espresso);color:var(--cream)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-block:clamp(1.4rem,3.6vh,2.2rem);flex-wrap:wrap}.footer-logo{display:inline-flex;align-items:center;gap:13px;font-family:var(--f-display);font-weight:900;font-size:1.5rem}.footer-mark{width:46px;height:auto}.footer-logo em{font-style:normal;color:var(--gold);margin-left:4px;font-size:.9em}.footer-tag{font-family:var(--f-display);font-weight:700;font-size:.95rem;color:#fbf4e899}.footer-base{border-top:1px solid rgba(251,244,232,.12);padding:1rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:center;gap:.5rem 2rem;flex-wrap:wrap;font-size:.78rem;color:#fbf4e88c;text-align:center}.footer-credit a{color:#fbf4e8d9;font-weight:600;transition:color .2s ease}.footer-credit a:hover{color:var(--gold)}@media(max-width:1100px){.visit-grid{grid-template-areas:"lottie info" "card card";grid-template-columns:.7fr 1.3fr}.daraz-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1.5rem}.daraz-card .btn{margin-top:.6rem}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:clamp(1.1rem,2.6vh,1.8rem);padding-top:clamp(4.8rem,11vh,6rem);padding-bottom:clamp(2.4rem,5vh,3.4rem);text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(2.3rem,9.4vw,4rem)}.hero-sub{max-width:44ch;font-size:.92rem}.scene{width:380px;width:min(76vw,36vh,380px)}.hero-glow{left:50%;top:62%}.nav-call{display:none}}@media(max-width:760px){.nav{top:10px;left:10px;right:10px}.visit-grid{grid-template-areas:"lottie" "info" "card";grid-template-columns:1fr;gap:1.4rem}.visit-lottie{max-width:220px}.daraz-card{display:block}}@media(max-width:420px){.hero-title{font-size:clamp(2rem,9vw,2.6rem)}.hero-cta{flex-direction:column;width:min(100%,290px);gap:9px}.hero-cta .btn{width:100%}.hero-sub{font-size:.86rem}.visit-actions{gap:12px}}@media(max-width:900px)and (max-height:700px){.hero-grid{padding-top:4.3rem;padding-bottom:1.6rem;gap:.9rem}.hero-title{font-size:clamp(1.9rem,8.6vw,2.4rem)}.hero-sub{font-size:.84rem;max-width:40ch}.hero-cta .btn-lg{font-size:.88rem;padding:.8em 1.5em}.scene{width:240px;width:min(70vw,30vh,300px)}.hero-scroll{display:none}}@media(max-height:760px)and (min-width:901px){.hero-grid{padding-top:4.6rem;padding-bottom:2.2rem}.scene{width:380px;width:min(100%,54vh,440px)}.hero-title{font-size:clamp(2.3rem,4.2vw,3.8rem)}}@media(max-height:560px)and (orientation:landscape){.hero-grid{padding-top:4.4rem;padding-bottom:1.6rem}.hero-title{font-size:clamp(1.8rem,4.4vw,3rem)}.hero-sub{display:none}.scene{width:220px;width:min(34vw,52vh)}.hero-scroll{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scene-steam,.daraz-sparkle,.visit-lottie{display:none}}
