/*
Theme Name: Velvet Accord
Description: Editorial storefront for Velvet Accord.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: velvet-accord
*/
:root{--plum:#361b2c;--ink:#261c22;--ivory:#f4ece1;--paper:#fbf7f1;--gold:#e3be88;--line:#dfcfc3}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #965629;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0 0 .35em}h1{font-size:clamp(42px,7vw,95px)}h2{font-size:clamp(33px,5vw,57px)}h3{font-size:26px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em}.shell{width:min(1200px,100% - 48px);margin-inline:auto}.top{background:var(--plum);color:var(--ivory);text-align:center;padding:7px;font-size:10px;letter-spacing:.21em}.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:20px 14px;gap:10px}.brand{color:var(--plum);text-align:center}.brand svg{display:block;width:28px;height:26px;margin:0 auto 6px;color:#936038}.brand span{display:block;font:clamp(19px,3vw,30px) Georgia,serif;letter-spacing:.12em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.26em;margin-top:4px}.utility{justify-self:end;display:flex;gap:16px;font-size:12px}.main-nav{border-top:1px solid #eee4db;display:flex;flex-wrap:wrap;justify-content:center;gap:10px clamp(14px,4vw,42px);padding:12px 10px;font-size:13px}.main-nav a:hover,.utility a:hover{text-decoration:underline;text-underline-offset:4px}.hero{position:relative;overflow:hidden;min-height:clamp(440px,53vw,660px);display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 27% 56%,#815045 0%,#542c38 31%,#351b2b 62%,#23131f 100%);color:var(--ivory)}.hero-copy{position:relative;z-index:1;padding:36px clamp(26px,6vw,108px) 36px 16px}.hero-copy .eyebrow{color:var(--gold)}.hero-copy p{max-width:330px;font-size:16px;margin:0 0 26px}.hero-art{height:100%;min-height:270px;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,48px);padding:55px 20px 8px}.hero-art:before{content:"";position:absolute;inset:10% 5%;background:radial-gradient(ellipse at center,#edaa6750,transparent 66%);pointer-events:none}.bottle{display:block;position:relative;width:clamp(76px,14vw,182px);height:clamp(108px,19vw,245px);border:1px solid #e3be8890;border-radius:8% 8% 13% 13%;background:linear-gradient(110deg,#503127,#a9774c 15%,#e1a963 42%,#98603c 66%,#46262c 93%);box-shadow:inset 0 0 10px #ffd4a05e,17px 24px 34px #140c16a0}.bottle:before{content:"";position:absolute;left:28%;bottom:100%;width:44%;height:24%;background:repeating-linear-gradient(90deg,#211721 0 2px,#503946 2px 4px);border-radius:6px 6px 0 0;border-top:2px solid #866969}.bottle:after{content:"";position:absolute;left:19%;top:39%;width:62%;height:34%;background:linear-gradient(135deg,#efe1c5,#c9a37c);border:1px solid #7f5b48;box-shadow:inset 0 0 0 4px #ecd3aa}.hero-art .second{transform:translateY(32px);width:clamp(60px,10vw,135px);height:clamp(82px,15vw,180px);background:linear-gradient(110deg,#351d2c,#965466 46%,#472234)}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--plum);color:#fff8ee;border:1px solid var(--plum);padding:12px 18px;border-radius:0;font-size:13px;text-align:center}.hero .button{background:var(--ivory);color:var(--plum);border-color:var(--ivory)}.collections{padding-block:58px;text-align:center}.collections .eyebrow{color:#754f3e}.collections h2{margin:8px 0 25px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tile-art{display:grid;place-items:center;min-height:clamp(136px,25vw,290px);padding-top:15px;background:radial-gradient(ellipse at 50% 55%,#e8c9bf,#c99898)}.tile:nth-child(2) .tile-art{background:radial-gradient(ellipse at 50% 55%,#c2a18a,#886e65)}.tile:nth-child(3) .tile-art{background:radial-gradient(ellipse at 50% 55%,#e9d4ad,#c7a584)}.tile .bottle{width:clamp(35px,8vw,89px);height:clamp(53px,11vw,128px)}.tile:nth-child(1) .bottle{background:linear-gradient(110deg,#855259,#d49a93,#734851)}.tile:nth-child(2) .bottle{background:linear-gradient(110deg,#382431,#8e6673,#48303d)}.tile h3{margin:12px 0 2px}.tile:hover h3{text-decoration:underline;text-underline-offset:4px}.discover{background:var(--ivory);padding:42px 18px;text-align:center}.scents{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:19px auto 0}.scents a{border:1px solid #ad8f82;padding:7px 13px}.scents a:hover{background:var(--plum);color:var(--ivory)}.foot{padding:29px 24px;background:var(--plum);color:var(--ivory);text-align:center}.foot p{margin:7px 0 0;font-size:12px}.content{min-height:360px;padding-block:42px}.content h1{font-size:clamp(34px,5vw,60px)}.content a:not(.button){text-decoration:underline}.search-panel{display:none}.search-panel:target{display:block;padding:0 0 12px}.search-panel form{display:flex;gap:8px}.search-panel input{flex:1;min-width:0;padding:9px;font:inherit;border:1px solid var(--line)}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--plum)}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip:focus{clip-path:none;width:auto;height:auto;z-index:5;background:white;padding:10px}
@media(max-width:650px){.shell{width:min(100% - 26px,1200px)}.mast{grid-template-columns:1fr auto;padding-block:12px}.mast>span{display:none}.brand{text-align:left}.brand svg{margin-left:0}.utility{gap:9px}.main-nav{font-size:12px}.hero{grid-template-columns:1fr;min-height:0;text-align:center}.hero-art{min-height:240px;padding-top:42px}.hero-copy{padding:6px 15px 32px}.hero-copy p{margin:0 auto 19px}.collections{padding-block:39px}.tiles{gap:6px}.tile h3{font-size:20px}.tile-art{min-height:110px}}