:root{--wine:#350619;--wine2:#630c2d;--pink:#f6afc8;--paper:#fff9f5;--ink:#300c1d;--muted:#735565;--gold:#e4c476;--cherry:#ba164a;--pad:clamp(22px,6vw,100px)}
body{font-size:16px}html{scroll-padding-top:100px}img,video{max-width:100%}h2{font-size:clamp(38px,4.7vw,78px);line-height:1.14;letter-spacing:-.035em}h2 em{color:var(--cherry)}.section{padding:clamp(64px,8vw,125px) var(--pad)}.section-label{color:#9c345c;font-size:12px}.eyebrow{font-size:12px}
header{position:fixed;min-height:92px;height:auto;padding:18px var(--pad);gap:25px;z-index:30;transition:background .3s,box-shadow .3s}header.scrolled,header.menu-open{background:#350619f5;backdrop-filter:blur(14px);box-shadow:0 5px 30px #12020b15}.brand{font-size:32px;letter-spacing:.14em;flex-shrink:0}.brand span{font-size:10px;letter-spacing:.1em}nav{gap:24px}nav a{position:relative;padding:8px 0}nav a:after{content:'';height:1px;background:var(--pink);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.nav-contact{border:1px solid #e4c47670;padding:10px 18px;border-radius:50px}.nav-contact span{display:none}.menu{border:1px solid #ffffff40;border-radius:50%;width:46px;height:46px}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold);z-index:50}
.hero{background:var(--wine);min-height:800px}.hero-image{right:0;top:0;width:62%;object-position:83% center;filter:brightness(.95)}.hero-shade{background:linear-gradient(90deg,#350619 0%,#350619 28%,#350619a0 51%,#35061905 74%),linear-gradient(0deg,#350619 0%,transparent 30%)}.hero-content{position:relative;padding:145px var(--pad) 130px}.hero .eyebrow{color:var(--gold);max-width:480px}.hero .eyebrow span{background:var(--gold)}h1{font-size:clamp(62px,7.7vw,125px);line-height:1.03;letter-spacing:-.045em;margin:32px 0;max-width:800px}.hero-copy{font-size:17px;color:#ecd6df;max-width:500px}.button{min-height:56px;max-width:100%;padding:17px 27px;border-radius:50px;font-size:14px;font-weight:600;transition:box-shadow .3s,background .3s}.button:hover{transform:none}.primary{background:var(--cherry)}.primary:hover{background:#98103b;box-shadow:0 8px 25px #ba164a30}.hero .primary{background:var(--gold);color:var(--wine)}.hero .primary:hover{background:#f2d895}.text-link{border-bottom:1px solid #ffffff40;padding-bottom:7px}.text-link span{display:none}.hero-bottom{left:var(--pad);right:var(--pad);gap:20px;bottom:35px}.hero-mark{left:var(--pad);right:auto;bottom:-65px;font:600 clamp(140px,22vw,350px)/1 'Manrope',sans-serif;letter-spacing:-.06em;opacity:1;color:#ffffff05;pointer-events:none}.ribbon{overflow:hidden;background:var(--cherry);padding:22px 0;display:block}.ribbon-track{display:flex;gap:0;align-items:center;width:max-content;font-size:13px;letter-spacing:.14em;will-change:transform}.ribbon-group{display:flex;gap:45px;align-items:center;padding-right:45px;white-space:nowrap}.ribbon i{color:var(--gold);font-size:21px}
.origin-grid{gap:10%}.origin-copy .lead{font-size:22px}.values{gap:24px;border:0;padding-top:0}.values article{border-top:1px solid #c8a5b3;padding-top:25px}.values h3{font-size:27px}.values p{font-size:16px}.underlined{color:#9a1643}.experience{background:#210a16}.experience .section-label{color:var(--gold)}.experience-top>p{color:#d3b6c5;font-size:16px}.occasion-grid{perspective:1200px}.occasion{padding:40px 32px 32px;border:0;border-radius:8px 8px 50px 8px;display:flex;flex-direction:column;min-height:435px;background:#6c1033;color:white}.occasion:nth-child(2){background:var(--pink);color:var(--wine)}.occasion:nth-child(3){background:var(--gold);color:var(--wine)}.occasion-number{font-size:145px;opacity:.1;color:currentColor;pointer-events:none}.occasion .eyebrow{font-size:12px;color:inherit;margin-bottom:50px;position:relative}.occasion h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.025em}.occasion>p:not(.eyebrow){font-size:16px;color:inherit;opacity:.85;flex:1;min-height:0}.occasion a{display:block;border-color:currentColor;font-size:14px;font-weight:600;color:inherit;margin-top:12px}.occasion a span{display:none}
.pairing{background:#f8e9ef}.pairing-layout{gap:9%}.tabs{border:0;flex-wrap:wrap;gap:8px}.tabs button{border:1px solid #c4a3b1;border-radius:50px;padding:12px 24px;color:var(--ink);min-height:48px}.tabs button[aria-selected=true]{background:var(--wine);color:white;border-color:var(--wine)}#pair-tag{font-size:12px}.pairing h3{font-size:27px}.pair-art{height:auto;min-height:530px;padding:35px;border-radius:220px 220px 10px 10px;overflow:hidden}.pair-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% center;filter:brightness(.48)}.pair-art:before{z-index:1;border-color:#e4c47660;border-radius:210px 210px 5px 5px;pointer-events:none}.pair-art-top,.pair-art-bottom{position:relative;font-size:12px;z-index:2;text-align:center}.pair-quote{font-size:clamp(37px,4vw,60px);z-index:2}.pair-quote em{color:var(--gold)}.campaign{background:#160a10;color:white}.campaign .section-label{color:var(--gold)}.campaign h2 em{color:var(--pink)}.campaign-heading p{color:#d3b6c5}.campaign video{border-radius:14px;box-shadow:0 20px 80px #0004}.steps{background:var(--wine);color:white}.steps .section-label{color:var(--gold)}.steps h2 em{color:var(--pink)}.steps-grid article{border-top:1px solid #ffffff30;padding-top:24px}.steps-grid span{color:var(--gold)}.steps-grid p{color:#d3b6c5;font-size:16px}.steps .primary{background:var(--gold);color:var(--wine)}.faq summary{padding-top:25px;padding-bottom:25px}.faq details p{font-size:16px}.contact{position:relative;background:var(--cherry);overflow:hidden}.contact h2{font-size:clamp(43px,6.5vw,100px)}.contact h2 em{color:var(--gold)}.contact>p{color:#ffe5ed}.contact .eyebrow{color:#ffe5ed;font-size:12px}.light{background:#fff5ee;color:var(--wine)}.phone{font-size:16px}.contact:before{content:'AGRAZ';position:absolute;left:50%;bottom:-.15em;transform:translateX(-50%);font:600 clamp(100px,27vw,450px)/1 'Manrope',sans-serif;color:#ffffff05;pointer-events:none}
footer{background:#180610;padding-left:var(--pad);padding-right:var(--pad)}.footer-main>p{font-size:16px}.footer-label{font-size:12px}.socials{flex-wrap:wrap}.socials button{width:44px;height:44px;border-color:#9a6f83}.socials button:hover{background:var(--cherry)}.socials svg{width:18px;height:18px}.footer-bottom{font-size:12px}.floating-wa{z-index:35;bottom:max(20px,env(safe-area-inset-bottom));background:#1b744f}dialog{border-radius:18px}dialog::backdrop{backdrop-filter:blur(4px)}dialog>button{min-width:44px;min-height:44px}.skip{z-index:60}
@media(min-width:1800px){.section{padding-left:calc((100% - 1550px)/2);padding-right:calc((100% - 1550px)/2)}}
@media(max-width:1100px){header{gap:18px}nav{gap:16px}.nav-contact{display:none}.hero{min-height:730px}h1{font-size:clamp(65px,9vw,100px)}.hero-image{width:70%}.origin-grid{gap:6%}.occasion{padding:32px 25px}.pairing-layout{gap:5%}.pair-art{min-height:470px}.steps-grid{gap:25px}}
@media(max-width:850px){header{min-height:80px;padding-top:15px;padding-bottom:15px}.menu{display:block}nav{display:none;top:80px;position:absolute;left:0;right:0;max-height:calc(100dvh - 80px);overflow:auto;background:var(--wine);padding:24px var(--pad) 35px;flex-direction:column;gap:10px;font-size:18px}nav.open{display:flex}nav a{min-height:48px}.brand{font-size:28px}.hero{min-height:730px;height:auto;max-height:none}.hero-content{padding-top:150px;padding-bottom:115px}.hero-image{width:100%;opacity:.7;object-position:80% center}.hero-shade{background:linear-gradient(90deg,#350619ee,#35061955),linear-gradient(0deg,#350619,transparent 75%)}.hero-copy{max-width:430px}.origin-grid,.pairing-layout,.faq{grid-template-columns:1fr;gap:28px}.origin-copy{max-width:700px}.values{gap:20px}.values h3{font-size:24px}.experience-top{display:block}.experience-top>p{max-width:none}.occasion-grid{grid-template-columns:1fr}.occasion{min-height:0;padding:32px}.occasion .eyebrow{margin-bottom:24px}.occasion h3 br{display:none}.occasion h3{font-size:37px}.occasion a{margin-top:6px}.pair-art{min-height:450px;max-width:600px;width:100%;margin:15px auto 0}.pair-quote{font-size:55px}.campaign-heading{display:block}.faq h2 br{display:none}.steps-grid{gap:20px}}
@media(max-width:560px){:root{--pad:22px}.brand{font-size:25px}.brand span{font-size:9px}h1{font-size:clamp(48px,12.8vw,71px);line-height:1.1}.hero-content{padding-top:128px;padding-bottom:115px}.hero{min-height:690px}.hero-image{object-position:83% center}.hero-copy{font-size:16px;max-width:340px}.hero .eyebrow{font-size:11px;letter-spacing:.13em;max-width:320px}.hero-actions{flex-direction:column;align-items:flex-start;gap:25px}.hero-actions .button{width:100%;max-width:360px;padding:17px 20px}.hero-bottom{font-size:10px;letter-spacing:.08em;bottom:30px}.hero-mark{font-size:140px;bottom:-15px}.section-label{font-size:11px}.values{grid-template-columns:1fr;gap:16px;margin-top:35px}.values article{display:block;padding-top:18px}.values h3{margin:10px 0}.values p{max-width:none;margin-bottom:10px}.occasion{padding:30px 25px}.occasion h3{font-size:33px}.occasion-number{font-size:115px}.pair-art{min-height:410px;padding:35px 25px}.pair-quote{font-size:46px}.tabs{gap:7px}.tabs button{padding:10px 19px;font-size:14px}.campaign video{border-radius:8px}.steps{text-align:left}.steps-grid{grid-template-columns:1fr;gap:20px;margin:35px 0}.steps-grid h3{margin:10px 0}.steps-grid p{margin-bottom:4px}.contact h2{font-size:clamp(39px,10.5vw,58px)}.contact .eyebrow{font-size:11px}.contact .button{padding:17px 22px}.contact .button span{display:none}.footer-main{flex-direction:column;align-items:flex-start;gap:30px}.footer-bottom{flex-direction:column;gap:12px;padding-right:45px}.floating-wa{width:52px;height:52px;right:15px;bottom:max(15px,env(safe-area-inset-bottom))}.ribbon span:nth-of-type(n+3),.ribbon i:nth-of-type(n+2){display:inline}}
@media(max-width:360px){h1{font-size:46px}h2{font-size:36px}.hero .eyebrow{font-size:10px}.hero-actions .button{font-size:13px}.tabs button{padding:10px 16px}.pair-quote{font-size:41px}.pair-art{min-height:380px}}
@media(max-height:500px) and (min-width:600px){.hero{min-height:680px}}@media(prefers-reduced-motion:reduce){.ribbon-track{will-change:auto}}