:root{--ink:#201713;--espresso:#2f1d16;--rose:#c46b58;--apricot:#eea566;--cream:#fffaf2;--mist:#f4e7d7;--line:rgba(74,43,31,.16);--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:14px var(--sans)}.topline{height:34px;background:var(--ink);color:#f8e8d6;text-align:center;line-height:34px;font-size:9px;letter-spacing:.23em;font-weight:700}.topline span{color:var(--apricot);padding:0 12px}header{height:94px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,250,242,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:8}.logo img{display:block;width:132px;height:82px;object-fit:contain}.logo{height:82px}nav{display:flex;gap:33px;margin-left:11%}nav a{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);font-weight:700;text-decoration:none;position:relative}nav a:after{content:'';position:absolute;width:0;left:0;bottom:-7px;border-bottom:1px solid var(--rose);transition:.25s}nav a:hover:after{width:100%}.order-top,.button{font:700 10px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:13px 17px;background:var(--ink);color:var(--cream);border:0;text-decoration:none;transition:.25s}.order-top:hover,.button:hover{background:var(--rose);transform:translateY(-2px)}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:610px;background:var(--ink);position:relative;overflow:hidden}.hero:before{content:'ANGEL ARTS';position:absolute;color:rgba(255,255,255,.025);font:700 16vw/1 var(--serif);white-space:nowrap;left:-3vw;bottom:-3.8vw;z-index:0}.hero>div{position:relative;z-index:1;padding:127px 15% 100px;color:#fff}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:700;margin:0 0 17px;text-transform:uppercase;color:var(--apricot)}.hero h1{font:600 clamp(52px,6.4vw,90px)/.86 var(--serif);letter-spacing:-.06em;margin:0}.hero h1 i,.menu-heading h2 i,.contact h2 i{font-weight:600;color:var(--apricot)}.hero p:not(.eyebrow){color:#ddcfc4;line-height:1.8;max-width:405px;margin:30px 0 33px;font-size:13px}.hero .button{background:var(--apricot);color:var(--ink)}.hero>img{width:100%;height:610px;object-fit:cover;filter:saturate(.82) contrast(1.07)}.menu-wrap{max-width:1430px;margin:auto;padding:110px 6.5%}.menu-heading{display:grid;grid-template-columns:1fr 310px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:37px;margin-bottom:29px}.menu-heading h2,.contact h2{font:600 68px/.84 var(--serif);letter-spacing:-.065em;margin:0}.menu-heading>p{font-size:13px;line-height:1.75;color:#6e5d53;margin:0}.filters{display:flex;gap:9px;overflow:auto;padding:0 0 28px;margin-bottom:66px}.filters button{white-space:nowrap;padding:10px 16px;border:1px solid var(--line);border-radius:100px;background:transparent;color:#62473c;font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.filters button.active,.filters button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.product-section{margin:0 0 100px}.section-title{text-align:center;margin:0 auto 34px;max-width:650px}.section-title p{font:700 9px var(--sans);letter-spacing:.2em;color:var(--rose);margin:0 0 11px}.section-title h3{font:600 43px/.9 var(--serif);letter-spacing:-.04em;margin:0 0 12px}.section-title span{font:12px var(--sans);color:#876e60}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{position:relative;background:#fff;min-height:345px;padding:21px;border:1px solid transparent;box-shadow:0 8px 23px rgba(62,36,26,.045);transition:.3s}.product:hover{border-color:rgba(196,107,88,.45);transform:translateY(-7px);box-shadow:0 16px 33px rgba(62,36,26,.13)}.product>img{filter:saturate(.86);transition:.4s}.product:hover>img{filter:saturate(1.1);transform:scale(.98)}.product>span{display:inline-block;background:var(--mist);color:#865444;border-radius:100px;padding:5px 9px;font:700 8px var(--sans);letter-spacing:.1em;text-transform:uppercase}.product h4{font:600 24px/.98 var(--serif);letter-spacing:-.025em;margin:15px 0 8px}.product b{font-size:12px;color:var(--rose)}.product p{font-size:10px;line-height:1.6;color:#826f65;margin:10px 0 16px;height:31px;overflow:hidden}.product button{width:100%;border:0;background:var(--ink);color:#fff;padding:11px;font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.product button:hover{background:var(--rose)}.contact{background:var(--mist);display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:110px 14%;position:relative;overflow:hidden}.contact:after{content:'✦';position:absolute;right:6%;top:10%;font-size:140px;color:rgba(196,107,88,.15)}.contact>div{position:relative;z-index:1}.contact p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:480px;color:#6e5a4f;margin-top:26px}.contact-card{background:var(--ink);padding:37px;color:#fff;box-shadow:18px 18px 0 rgba(196,107,88,.28)}.contact-card p{color:var(--apricot)!important;font:700 9px var(--sans)!important;letter-spacing:.16em!important;margin:0 0 8px!important}.contact-card a{display:block;color:#fff;font:600 21px var(--serif);text-decoration:none;margin:0 0 27px;overflow-wrap:anywhere}.contact-card strong{font:600 20px var(--serif)}footer{display:flex;align-items:center;justify-content:space-between;padding:22px 6.5%;background:var(--ink);color:#cdbdb0;font-size:10px}footer img{width:107px;height:58px;object-fit:contain;filter:brightness(0) invert(1) sepia(.2)}footer a{color:var(--apricot);text-decoration:none;font-weight:700}@media(max-width:1000px){header{padding:0 5%}nav{margin-left:0;gap:17px}.hero>div{padding:100px 10%}.product-grid{grid-template-columns:repeat(3,1fr)}.contact{padding:80px 9%;gap:45px}}@media(max-width:720px){header{height:78px}.logo img{width:105px;height:67px}nav{display:none}.order-top{font-size:8px;padding:11px 10px}.hero{grid-template-columns:1fr}.hero>div{padding:90px 9% 75px}.hero>img{height:310px}.menu-wrap{padding:75px 5.5%}.menu-heading{display:block}.menu-heading h2,.contact h2{font-size:53px}.menu-heading>p{margin-top:22px}.filters{margin-bottom:47px}.product-grid{grid-template-columns:repeat(2,1fr);gap:11px}.product{min-height:315px;padding:15px}.product h4{font-size:20px}.product>img{width:calc(100% + 30px)!important;margin:-15px -15px 15px!important;height:145px!important}.contact{grid-template-columns:1fr;padding:75px 9%;gap:40px}.contact-card{padding:28px}.contact-card a{font-size:18px}footer{flex-wrap:wrap;gap:12px}}@media(max-width:390px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:55px}}
