*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171313;background:#fffaf6;font-family:Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;max-width:100%}.hero{position:relative;min-height:740px;background:linear-gradient(115deg,#fffdf9,#f4ddc1);overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 49%;background:url(assets/hero.jpg) center 40%/cover no-repeat}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8e8d5 0,transparent 24%)}header{position:relative;z-index:1;display:flex;align-items:flex-start;gap:100px;max-width:1300px;margin:auto;padding:18px 6%}.logo{width:180px;mix-blend-mode:normal}nav{display:flex;gap:58px;padding-top:26px}nav a{text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:3px;padding-bottom:7px}nav .active{border-bottom:2px solid #c8104d}.hero-copy{position:relative;max-width:1300px;margin:auto;padding:8px 6% 32px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.04;letter-spacing:-2px;margin:0 0 24px;max-width:650px}h1 em{font-style:normal;color:#c8104d}.line{width:55px;height:2px;background:#c8104d;margin:25px 0 20px}.motto{text-transform:uppercase;letter-spacing:4px;line-height:1.8;font-size:15px;margin:0 0 24px}.signup{display:flex;width:min(610px,100%);box-shadow:0 6px 22px #53361715;border-radius:5px;overflow:hidden}.signup input{min-width:0;flex:1;border:1px solid #d6ccc3;background:#fffdfa;padding:20px;font:16px Arial;border-radius:5px 0 0 5px}.signup button{border:0;background:#c8104d;color:white;cursor:pointer;padding:20px 25px;font-size:15px;letter-spacing:1.6px;text-transform:uppercase}.signup button:hover{background:#a30c3e}.signup button:disabled{opacity:.7}.signup button span{margin-left:10px}.consent{display:flex;align-items:flex-start;gap:7px;max-width:560px;font-size:12px;line-height:1.5;margin-top:10px}.consent input{accent-color:#c8104d;margin-top:2px}.form-status{font-size:14px;max-width:550px;margin:8px 0;color:#8e1236}.form-status:empty{display:none}.coming{font-size:19px;margin:18px 0 0}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;background:#fcf5ef}.values article{text-align:center;position:relative;padding:0 12px}.values article+article:before{content:"";position:absolute;left:0;top:30px;bottom:8px;width:1px;background:#e1d4c9}.values span{font:50px Georgia;color:#c8104d;display:block;height:58px}.values h2,.shade h3{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin:15px 0 10px}.values p{font-size:16px;line-height:1.5;margin:0;color:#565052}.shades{padding:28px 2% 14px;background:#fffaf6}.shade-intro{display:flex;justify-content:space-between;gap:30px;padding:0 3% 15px}.shade-intro h2{font-size:20px;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin:0}.shade-intro h2 span{color:#a71139}.shade-intro p{font:19px Georgia;margin:0;max-width:470px}.shade-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.shade{text-align:center}.shade img{width:100%;mix-blend-mode:multiply}.shade h3{font-size:13px;letter-spacing:1.6px;margin:12px 0 5px}.shade p{font-size:13px;line-height:1.5;margin:0}.more{display:flex;flex-direction:column;align-items:center;justify-content:center}.more div{width:75px;height:75px;border-radius:50%;background:#fbcaca;color:#b91145;font:40px Georgia;display:grid;place-items:center;margin-bottom:22px}.concept-note{text-align:center;color:#6a5e58;font-size:12px;margin:20px 0 0}.editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.editorial article{position:relative;min-height:310px;overflow:hidden}.editorial img{width:100%;height:100%;position:absolute;object-fit:cover}.editorial article:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#210a0866)}.editorial p{position:absolute;z-index:1;bottom:0;left:12%;color:#fff4e8;font:italic 38px/1.05 Georgia;text-shadow:0 2px 9px #0009}footer{background:#f8e7dc;padding:24px 8% 12px}.footer-inner{display:flex;align-items:center;justify-content:space-around;gap:40px}.footer-inner>div{border-left:1px solid #c8104d;padding-left:55px}.script{font:italic 42px Georgia;margin:0 0 17px}.footer-inner a{font-size:15px;letter-spacing:2px;text-decoration:none}.xoxo{font:italic 44px Georgia;color:#c8104d;transform:rotate(-10deg)}.fine{display:flex;justify-content:center;gap:24px;font-size:12px;color:#5f4c43;margin-top:25px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;top:-100px;z-index:10;background:#fff;padding:10px}.skip:focus{top:5px}:focus-visible{outline:3px solid #84254c;outline-offset:4px}.simple{max-width:700px;margin:60px auto;padding:30px}.simple h1{font-size:48px;letter-spacing:-1px}.simple p{font-size:17px;line-height:1.7}.simple .logo{margin-bottom:40px}.simple a{color:#a30c3e}@media(min-width:1500px){.hero{min-height:850px}.hero-copy{padding-top:35px}}@media(max-width:850px){header{gap:40px;padding:15px 5%}.logo{width:140px}nav{gap:24px}nav a{font-size:12px;letter-spacing:2px}.hero{min-height:670px}.hero-photo{left:43%;opacity:.8}.hero-copy{padding:25px 5%}.hero-copy h1{font-size:47px;max-width:490px}.signup{max-width:540px}.shade-grid{grid-template-columns:repeat(4,1fr);row-gap:25px}.shade-intro{flex-direction:column;gap:12px}.editorial article{min-height:240px}.editorial p{font-size:28px}.footer-inner{gap:20px}.footer-inner>div{padding-left:25px}.script{font-size:33px}}@media(max-width:560px){.hero{padding-top:310px;background:#fff5e9;min-height:0}.hero-photo{inset:0 0 auto 0;height:330px;background-position:center 32%;opacity:1}.hero-photo:before{background:linear-gradient(0deg,#fff5e9,transparent 35%)}header{position:absolute;top:0;width:100%;padding:13px 18px;align-items:center;justify-content:space-between;gap:15px;background:#fffcf0dc}.logo{width:90px}nav{gap:14px;padding-top:0}nav a{font-size:12px;letter-spacing:1px}.hero-copy{padding:18px 22px 30px}h1,.hero-copy h1{font-size:43px;letter-spacing:-1.5px}.motto{font-size:14px;letter-spacing:2px}.signup{flex-direction:column}.signup input{border-radius:5px 5px 0 0;padding:18px}.signup button{padding:18px}.values{grid-template-columns:repeat(2,1fr);gap:30px 0;padding:25px 12px}.values article:nth-child(3):before{display:none}.values p{font-size:14px}.values h2{font-size:12px;letter-spacing:1.6px}.shades{padding:26px 12px 16px}.shade-intro{padding:0 4px 12px}.shade-intro h2{font-size:17px;letter-spacing:2px}.shade-intro p{font-size:17px;line-height:1.4}.shade-intro br{display:none}.shade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.shade h3{font-size:14px}.shade p{font-size:14px}.more{grid-column:1/-1;padding:15px}.more div{margin-bottom:0;width:60px;height:60px}.editorial{grid-template-columns:1fr;gap:4px}.editorial article{min-height:260px}.editorial p{font-size:34px;left:8%}.footer-inner{flex-wrap:wrap;gap:22px}.footer-inner>div{padding-left:20px}.script{font-size:30px}.footer-inner a{font-size:13px;letter-spacing:1px}.xoxo{display:none}footer{padding:24px 20px 16px}.simple{margin:20px auto;padding:24px}.simple h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Each shade keeps its complete individual frame at a consistent display size. */
.shade img{height:clamp(150px,17vw,225px);width:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
@media(max-width:560px){.shade img{height:200px}}