@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#090708;--wine:#5a101e;--deep:#2b0710;--gold:#c9a76a;--ivory:#f6f0e7;--paper:#eee6db;--taupe:#a79b91}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.hero{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.88) 35%,rgba(0,0,0,.2) 68%),url("images/tipsy-hero.png") center/cover no-repeat}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;z-index:10}.brand{display:inline-flex;flex-direction:column;width:max-content;line-height:.8}.brand span{font:500 42px "Cormorant Garamond",serif;letter-spacing:.12em}.brand em{color:var(--gold);font:500 21px "Cormorant Garamond",serif;text-align:center}.nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav>a:not(.nav-cta){position:relative}.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.25s}.nav>a:hover:after{width:100%}.nav-cta{border:1px solid var(--gold);padding:17px 22px;color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:11px;transition:.25s}.nav-cta:hover{background:var(--wine);transform:translateY(-2px)}.menu-toggle{display:none}
.hero-content{max-width:720px;margin-left:8.8vw;padding-top:clamp(70px,11vh,120px);position:relative;z-index:2;animation:rise .8s both}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}.hero h1{margin:22px 0 28px;font:500 clamp(58px,6.3vw,100px)/.88 "Cormorant Garamond",serif;letter-spacing:-.035em}.hero h1 em{color:var(--gold)}.hero-copy{max-width:590px;color:#d9d0c7;line-height:1.8;font-size:16px}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:30px}.button{min-height:58px;display:inline-flex;justify-content:center;align-items:center;padding:0 30px;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.17em;font-size:11px;transition:.25s}.button-primary{color:var(--gold);background:linear-gradient(135deg,var(--deep),#741328);border:1px solid var(--gold)}.button:hover{transform:translateY(-2px);background:var(--wine)}.text-link{font-size:12px;border-bottom:1px solid #c9a76a73;padding-bottom:7px}.text-link span{color:var(--gold);margin-left:8px}.hero-cues{position:absolute;bottom:48px;left:8.8vw;display:flex;color:#e8dfd5;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.hero-cues span{padding:0 26px;border-right:1px solid #c9a76a73}.hero-cues span:first-child{padding-left:0}.hero-cues span:last-child{border:0}.scroll-cue{position:absolute;right:4vw;bottom:42px;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.scroll-cue i{display:block;color:var(--gold);text-align:center;font-style:normal;margin-top:7px;animation:bob 1.5s infinite}
.section{padding:110px 7vw}.section-label{display:flex;justify-content:space-between;border-top:1px solid #b7ab9c;padding-top:14px;color:#5b514a;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.section-label.light{border-color:#3b3133;color:var(--taupe)}.intro,.process{background:var(--paper);color:#1d1715}.intro-grid{display:grid;grid-template-columns:.75fr 1.4fr;gap:10vw;margin-top:92px}.kicker{color:var(--wine);font:italic 500 25px/1.3 "Cormorant Garamond",serif}.intro-grid h2,.section-heading h2,.occasions h2,.contact h2{margin:0;font:500 clamp(48px,5.5vw,78px)/.98 "Cormorant Garamond",serif;letter-spacing:-.035em}.intro-grid div>p{max-width:680px;font-size:15px;line-height:1.9;color:#5b514a}
.experiences{background:#100c0d}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:78px 0 60px}.section-heading>p{color:var(--taupe);max-width:340px;line-height:1.7}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b3133}.experience-card{position:relative;min-height:460px;padding:35px 34px;border-right:1px solid #3b3133;transition:.3s}.experience-card:last-child{border-right:0}.experience-card:hover{background:linear-gradient(160deg,#1e1215,var(--deep));transform:translateY(-7px)}.card-number{color:var(--gold);font-size:10px;letter-spacing:.15em}.card-tag{color:var(--taupe);text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-top:120px}.experience-card h3{font:500 39px/1.05 "Cormorant Garamond",serif;margin:18px 0}.experience-card>p:not(.card-tag){color:var(--taupe);font-size:13px;line-height:1.8}.experience-card a{position:absolute;bottom:35px;left:34px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.experience-card a span{margin-left:10px}
.occasions{background:var(--wine);display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.occasions-copy h2{margin-top:30px;max-width:610px}.occasion-list{border-top:1px solid #ffffff40}.occasion-list div{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;border-bottom:1px solid #ffffff40;padding:14px 4px}.occasion-list span{color:var(--gold);font-size:9px}.occasion-list p{margin:0;font:500 25px "Cormorant Garamond",serif}.occasion-list b{color:var(--gold);font-weight:400}
.section-heading.dark{margin-bottom:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.steps article{border-top:1px solid #a69c92;padding-top:24px}.steps span{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--wine);border-radius:50%;color:var(--wine);font-size:11px}.steps h3{font:600 30px "Cormorant Garamond",serif;margin:48px 0 15px}.steps p{color:#665b53;line-height:1.8;font-size:13px}.quote{padding:150px 5vw;text-align:center;background:linear-gradient(#090708b8,#090708b8),url("images/tipsy-hero.png") center 60%/cover fixed}.quote p{margin:0;font:italic 500 clamp(44px,6vw,88px)/1.05 "Cormorant Garamond",serif}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:#100c0d}.contact-copy>p:not(.eyebrow){color:var(--taupe);line-height:1.8}.contact-copy h2{margin:24px 0}.contact-note{margin-top:70px;display:flex;flex-direction:column;gap:9px}.contact-note span{color:var(--taupe);text-transform:uppercase;letter-spacing:.15em;font-size:9px}.contact-note a{color:var(--gold);font:23px "Cormorant Garamond",serif}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-form label{display:flex;flex-direction:column;gap:9px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.contact-form input,.contact-form select,.contact-form textarea{color:var(--ivory);background:transparent;border:0;border-bottom:1px solid #4a3c3f;border-radius:0;padding:12px 2px;outline:none;text-transform:none;letter-spacing:0;font-size:14px}.contact-form *:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-form .button{width:100%;margin-top:10px}.contact-form small{color:#766b67;text-align:center;font-size:9px}.success{border:1px solid #49373a;padding:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.success>span{color:var(--gold);font-size:34px}.success h3{font:500 40px "Cormorant Garamond",serif;margin-bottom:10px}.success p{color:var(--taupe)}.success button{color:var(--gold);background:none;border:0;border-bottom:1px solid var(--gold);padding:8px 0;cursor:pointer}
footer{background:#080607;padding:65px 7vw 30px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:30px;color:var(--taupe);font-size:11px}.footer-brand{color:var(--ivory)}footer>p{text-align:center}footer>div{display:flex;justify-content:flex-end;gap:24px}footer>small{grid-column:1/-1;border-top:1px solid #241d1f;padding-top:20px;margin-top:25px;text-align:center;font-size:8px;text-transform:uppercase;letter-spacing:.15em}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:900px){.site-header{height:84px;padding:0 22px}.brand span{font-size:34px}.brand em{font-size:17px}.menu-toggle{display:flex;flex-direction:column;gap:7px;background:transparent;border:0;padding:10px;position:relative;z-index:20}.menu-toggle span{width:25px;height:1px;background:var(--gold)}.nav{position:fixed;inset:0;background:#090708fa;display:flex;flex-direction:column;justify-content:center;transform:translateX(100%);transition:.35s;font:30px "Cormorant Garamond",serif}.nav.open{transform:none}.nav-cta{font:10px "Manrope",sans-serif;margin-top:20px}.hero{background-position:61%;min-height:810px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#0000002e,#000000c2 60%,#090708)}.hero-content{margin:0;padding:150px 22px 170px}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-copy{max-width:450px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-cues{z-index:2;left:22px;right:22px;bottom:40px;justify-content:space-between}.hero-cues span{padding:0 8px;font-size:7px}.scroll-cue{display:none}.section{padding:80px 22px}.intro-grid,.occasions,.contact{grid-template-columns:1fr;gap:55px}.intro-grid{margin-top:55px}.section-heading{align-items:flex-start;flex-direction:column}.experience-grid,.steps{grid-template-columns:1fr}.experience-card{min-height:380px;border-right:0;border-bottom:1px solid #3b3133}.card-tag{margin-top:75px}.steps{gap:45px}.steps h3{margin-top:30px}.quote{padding:110px 22px;background-attachment:scroll}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>div{justify-content:center}}
@media(max-width:520px){.hero{min-height:760px}.hero h1{line-height:.92}.hero-copy{font-size:14px}.hero-cues span{letter-spacing:.08em}.intro-grid h2,.section-heading h2,.occasions h2,.contact h2{font-size:45px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}