:root{--cream:#f6f1e8;--paper:#fffaf2;--pine:#173d31;--pine-dark:#112d26;--red:#9d352f;--ink:#2e3029;--muted:#6c7065;--line:#ddd6c8;--gold:#c49b5f;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc7857;outline-offset:4px}img{max-width:100%}.skip-link{position:absolute;left:12px;top:-60px;padding:12px;background:#fff;z-index:50}.skip-link:focus{top:12px}.announcement{height:32px;background:var(--pine);color:#e8dec9;display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.announcement span{font-size:9px;color:#e5b976}.site-header{height:75px;background:rgba(246,241,232,.97);position:relative;z-index:20;border-bottom:1px solid #ded9ce}.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 50px;display:flex;align-items:center;gap:40px}.brand{font-size:34px;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.085em;line-height:1;color:var(--pine);white-space:nowrap}.brand-flower{font-size:21px;margin-right:7px;color:var(--red);vertical-align:5px;letter-spacing:0}.brand-period{color:var(--red)}.desktop-nav{display:flex;gap:36px;margin:auto;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.desktop-nav a:hover,.footer-main nav a:hover{color:var(--red)}.header-cta{border:1px solid var(--pine);padding:12px 18px;border-radius:3px;color:var(--pine);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;white-space:nowrap;transition:.2s}.header-cta:hover{background:var(--pine);color:#fff}.header-cta span{padding-left:14px}.menu-toggle,.mobile-nav{display:none}.hero{height:min(780px,calc(100svh - 107px));min-height:640px;position:relative;background:#e8ddcc;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/comfoot-hero.jpg') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,244,233,.55) 0%,rgba(250,244,233,.2) 32%,transparent 57%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:1440px;margin:auto;padding:0 7.5%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--red);margin:0 0 24px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1,h2,.gift h2,.end-note h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}.hero h1{font-size:clamp(64px,6.7vw,112px);line-height:.94;color:var(--pine);margin:0;max-width:750px}.hero h1 em,h2 em{font-weight:400}.hero-copy{max-width:420px;font-size:17px;line-height:1.6;color:#4e5147;margin:28px 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:15px 23px;border-radius:3px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;border:0;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#7d2827}.button span{font-size:17px;line-height:.6}.hero-note{font-family:Georgia,serif;font-size:14px;color:var(--pine);margin:34px 0 0;font-style:italic}.hero-side-note{position:absolute;z-index:1;right:22px;bottom:35px;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;font-size:9px;letter-spacing:.22em;font-weight:700;color:#eee6d7}.ribbon{background:var(--red);color:#fff7e9;min-height:64px;display:flex;align-items:center;justify-content:center;gap:6vw;flex-wrap:wrap;padding:14px 20px;font-family:Georgia,serif;font-style:italic;font-size:20px}.ribbon-star{font-style:normal;color:#e8b68e;font-size:22px}.section-pad{padding:125px max(30px,calc((100vw - 1320px)/2))}.intro{background:var(--paper);display:grid;grid-template-columns:.38fr .62fr;gap:6vw;align-items:center;min-height:580px}.intro-stamp{width:300px;height:300px;border:1px solid #ad8166;border-radius:50%;color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);margin:auto}.intro-stamp span:first-child{font-size:17px;letter-spacing:.27em;font-weight:800}.intro-stamp strong{font-size:72px;line-height:1.3;font-weight:400}.intro-stamp span:last-child{font-size:11px;letter-spacing:.18em;font-weight:800;line-height:1.5}.intro-copy h2,.section-top h2,.moments h2{font-size:clamp(48px,5vw,76px);line-height:1.08;color:var(--pine);margin:0}.intro-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#646557;max-width:650px;margin:28px 0}.inline-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid var(--red);color:var(--red);text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:800}.inline-link span{font-size:17px;padding-left:20px}.collection{background:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-top h2{font-size:clamp(48px,4.7vw,70px)}.section-top>p{max-width:310px;color:#696b5e;line-height:1.6;font-size:15px;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{min-width:0}.product-image,.dialog-media{display:block;width:100%;background-color:#e4dac9;background-image:url('assets/comfoot-collection.jpg');background-size:300% auto;background-repeat:no-repeat}.product-image{border:0;height:440px;border-radius:4px;transition:filter .2s,transform .2s}.product-image:hover{filter:brightness(1.06);transform:translateY(-3px)}.product-image-green{background-position:left center}.product-image-red{background-position:center center}.product-image-cream{background-position:right center}.product-copy{padding:23px 3px 5px;display:flex;justify-content:space-between;align-items:end;gap:18px}.product-number{color:var(--red);font-size:10px;letter-spacing:.17em;font-weight:800}.product-card h3{font-family:Georgia,serif;font-size:27px;letter-spacing:-.04em;font-weight:400;color:var(--pine);margin:9px 0}.product-card p{font-size:13px;line-height:1.6;color:#767669;margin:0;max-width:245px}.text-button{flex:0 0 auto;background:none;border:0;border-bottom:1px solid var(--pine);padding:0 0 7px;color:var(--pine);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800;white-space:nowrap}.text-button span{padding-left:6px;font-size:14px}.text-button:hover{color:var(--red);border-color:var(--red)}.collection-note{text-align:center;font-size:11px;color:#8b8b80;margin:42px 0 0;letter-spacing:.02em}.gift{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--pine)}.gift-visual{background:url('assets/comfoot-hero.jpg') 76% center/cover no-repeat}.gift-copy{color:#fff8e9;padding:90px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.gift-copy .eyebrow{color:#e5ba85}.gift h2{font-size:clamp(55px,5.5vw,88px);line-height:1.05;margin:0}.gift-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:520px;color:#d8d9cd;margin:25px 0 33px}.gift-sparkle{position:absolute;top:60px;right:70px;color:#c7ae85;font-size:44px}.button-cream{background:var(--cream);color:var(--pine)}.button-cream:hover{background:#fff}.moments{background:#fffaf2;text-align:center}.moments h2{max-width:900px;margin:0 auto}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:75px}.moment-grid>div{padding:0 45px}.moment-grid>div+div{border-left:1px solid var(--line)}.moment-grid span{font-size:40px;color:var(--red)}.moment-grid h3{font-family:Georgia,serif;font-size:27px;font-weight:400;color:var(--pine);margin:18px 0 12px}.moment-grid p{font-size:14px;line-height:1.65;color:#6d7064;max-width:260px;margin:auto}.end-note{background:#e9dfd1;text-align:center;padding:125px 24px 135px}.end-note h2{font-size:clamp(55px,6vw,91px);color:var(--pine);line-height:1.02;margin:0 0 35px}footer{background:var(--pine-dark);color:#d6d9c8}.footer-main{max-width:1320px;margin:auto;padding:75px 25px 80px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.brand-footer{color:#f2ebdd;font-size:49px}.footer-main p{font-family:Georgia,serif;font-style:italic;font-size:19px;margin:20px 0 0}.footer-main nav{display:grid;grid-template-columns:repeat(2,max-content);gap:18px 75px;justify-content:end;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom{max-width:1320px;border-top:1px solid #3d5a4f;margin:auto;padding:20px 25px 35px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em}.product-dialog{width:min(760px,calc(100vw - 28px));max-width:none;border:0;border-radius:5px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #102b2266}.product-dialog::backdrop{background:#0c231dcc;backdrop-filter:blur(3px)}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.dialog-close{position:absolute;z-index:2;right:15px;top:10px;border:0;background:transparent;font-size:32px;color:var(--pine);line-height:1}.dialog-media{height:440px}.dialog-copy{padding:60px 42px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dialog-copy h2{font-family:Georgia,serif;font-weight:400;font-size:45px;line-height:1.05;color:var(--pine);margin:0 0 20px}.dialog-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#6b6b60}.dialog-copy .dialog-status{font-size:12px!important;border-top:1px solid var(--line);padding-top:16px}.dialog-done{margin-top:15px}
@media(max-width:1100px){.header-inner{padding:0 25px}.desktop-nav{gap:18px}.section-pad{padding:90px 35px}.product-image{height:350px}.product-copy{display:block}.text-button{margin-top:18px}.gift-copy{padding:75px 6vw}}
@media(max-width:760px){.announcement{font-size:8px;padding:0 10px;gap:6px}.site-header{height:68px}.header-inner{padding:0 20px}.brand{font-size:29px}.brand-flower{font-size:18px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;padding:10px;flex-direction:column;gap:6px}.menu-toggle span{width:24px;height:2px;background:var(--pine);display:block}.mobile-nav:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:22px;flex-direction:column;gap:22px;box-shadow:0 20px 25px #183c3026}.mobile-nav a{font-family:Georgia,serif;color:var(--pine);font-size:24px}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-image{position:relative;width:100%;height:440px;background-position:64% center}.hero:after{display:none}.hero-inner{width:100%;padding:50px 28px 60px;background:#f4eadb}.hero h1{font-size:clamp(54px,11vw,77px)}.hero-copy{font-size:16px;margin:21px 0 25px}.hero-side-note{display:none}.ribbon{gap:14px;font-size:16px;min-height:54px}.ribbon span:last-child{display:none}.intro{grid-template-columns:1fr;gap:55px}.intro-stamp{width:200px;height:200px}.intro-stamp strong{font-size:48px}.intro-stamp span:first-child{font-size:12px}.intro-copy h2,.section-top h2,.moments h2{font-size:clamp(43px,8vw,62px)}.section-top{display:block}.section-top>p{margin-top:22px}.product-grid{grid-template-columns:1fr;gap:48px}.product-image{height:min(80vw,520px)}.product-copy{display:flex}.gift{grid-template-columns:1fr}.gift-visual{height:420px}.gift-copy{padding:85px 30px}.gift h2{font-size:clamp(52px,9vw,75px)}.moment-grid{grid-template-columns:1fr;gap:38px;margin-top:55px}.moment-grid>div{padding:0}.moment-grid>div+div{border-left:0}.footer-main{display:block;padding:60px 28px}.footer-main nav{justify-content:start;margin-top:50px}.footer-bottom{padding:22px 28px 35px;gap:10px;flex-direction:column}.product-dialog[open]{grid-template-columns:1fr;max-height:90vh;overflow:auto}.dialog-media{height:300px}.dialog-copy{padding:35px 27px}}
@media(max-width:480px){.announcement{letter-spacing:.08em}.announcement span{display:none}.hero-image{height:340px;background-position:65% center}.hero-inner{padding:42px 24px 53px}.hero h1{font-size:53px}.eyebrow{font-size:10px}.ribbon{font-size:13px;gap:9px}.section-pad{padding:75px 23px}.intro-stamp{width:175px;height:175px}.intro-stamp strong{font-size:42px}.intro-stamp span:last-child{font-size:9px}.intro-copy h2,.section-top h2,.moments h2{font-size:45px}.product-image{height:360px}.product-copy{display:block}.gift-visual{height:320px}.gift-copy{padding:68px 24px}.gift h2{font-size:55px}.gift-sparkle{right:25px;top:35px;font-size:30px}.moments h2{font-size:45px}.end-note{padding:85px 20px}.end-note h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.product-image{transition:none}}
.payments{background:var(--paper)}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.payment-card{padding:38px;border:1px solid var(--line);border-radius:4px;background:var(--cream);display:flex;flex-direction:column;align-items:flex-start}.payment-card h3{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;color:var(--pine);margin:0}.payment-card .payment-price{font-family:Georgia,serif;font-size:54px;color:var(--pine);margin:24px 0 10px}.payment-price span{font-family:Arial,sans-serif;font-size:12px;color:var(--muted);letter-spacing:.04em}.payment-card>p:not(.eyebrow):not(.payment-price){font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 28px}.payment-card .button{margin-top:auto}.payment-note{max-width:850px;margin:28px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.payments .section-top h2{font-size:clamp(45px,4.7vw,70px)}
@media(max-width:1100px){.desktop-nav{gap:14px;font-size:11px}.header-inner{gap:24px}}
@media(max-width:760px){.payment-grid{grid-template-columns:1fr}.payment-card{padding:28px}.payment-card h3{font-size:30px}.payment-card .button{width:100%}}
.announcement .announcement-short{display:none}
.announcement .announcement-long{color:#e8dec9;font-size:10px}
.announcement b{color:#e5b976;padding:0 12px}
@media(max-width:760px){.announcement .announcement-long{display:none}.announcement .announcement-short{display:block;color:#e8dec9;font-size:9px;letter-spacing:.16em}}