@import url('./fonts.css');
@import url('./logo.css');
@import url('./headline.css');
:root{--rose:#C99A9A;--rose-dark:#ad7375;--ink:#302b2b;--bg:#fbf8f6;--container:1600px;--side:clamp(20px,4vw,64px);--section:clamp(56px,5vw,80px);--gap:20px;--card-radius:10px;--button-radius:6px;--button-h:44px;--shadow:0 8px 24px rgba(95,65,65,.10);--ease:180ms ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer;transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease)}button{font:inherit;cursor:pointer;transition:background var(--ease),transform var(--ease),box-shadow var(--ease)}a:focus-visible,button:focus-visible{outline:3px solid #ad737566;outline-offset:3px}header{height:96px;background:#fff;display:flex;align-items:center;gap:clamp(28px,4vw,64px);padding:0 var(--side);max-width:1720px;margin:auto}.logo{width:clamp(275px,20vw,350px);text-align:center;font:clamp(38px,2.6vw,48px)/1 'Marck Script',cursive}.logo small{display:block;font:9px Manrope;letter-spacing:4px;color:#8f8581}nav{display:flex;flex:1;justify-content:center;gap:clamp(18px,2vw,34px);font-size:14px;white-space:nowrap}nav a:hover{color:var(--rose-dark);text-decoration:underline;text-underline-offset:5px}.social{display:flex;align-items:center;gap:10px;color:var(--rose)}.social b{background:var(--rose);color:#fff;border-radius:50%;padding:9px;font-size:9px}.hero{width:min(100%,1720px);height:clamp(520px,32vw,640px);margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#f5e7e2}.hero-text{padding:clamp(55px,5vw,90px) clamp(38px,5vw,100px);background:linear-gradient(90deg,#fbf8f6,#f9efeb 75%,transparent)}h1,h2{font-family:'Involve',sans-serif;font-weight:400;line-height:1.2}h1{font-size:clamp(36px,2.6vw,52px);margin:0 0 32px}.points{display:grid;gap:16px}.points p{display:flex;gap:15px;margin:0;color:var(--rose);font-size:24px;line-height:1}.points span{color:var(--ink);font-size:clamp(13px,1vw,16px);line-height:1.35}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.buttons a,.catalog button,.cats a,.cards a,.about a,.footer-cta a{min-height:var(--button-h);padding:0 20px;border:0;border-radius:var(--button-radius);display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 Manrope,Arial,sans-serif}.buttons a:first-child,.catalog button,.cats a,.cards a,.about a{background:var(--rose);color:#fff}.buttons a:not(:first-child){background:#fff;color:var(--ink)}.buttons a:hover,.catalog button:hover,.cats a:hover,.cards a:hover,.about a:hover{background:var(--rose-dark);color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px #5f414129}.buttons a:active,.catalog button:active,.cats a:active,.cards a:active,.about a:active{transform:translateY(0);box-shadow:none}.hero-photo{position:relative;overflow:hidden;background:none}.hero-photo:after{display:none}.hero-photo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.b{position:absolute;z-index:1;font-size:clamp(125px,10vw,205px);filter:drop-shadow(4px 8px 2px #9a777355)}.b1{left:13%;top:4%}.b2{right:8%;top:-5%;filter:grayscale(1) brightness(2)}.b3{left:39%;top:38%;font-size:clamp(95px,7.5vw,155px)}.b4{right:18%;bottom:0;font-size:clamp(105px,8vw,170px)}.hero-photo small{position:absolute;z-index:2;left:48%;top:39%;background:#f9f0df;padding:12px 18px;font:clamp(16px,1.2vw,22px) 'Marck Script';transform:rotate(-5deg)}.benefits,.catalog,.cards,.about,footer{width:min(calc(100% - 2*var(--side)),var(--container));margin-left:auto;margin-right:auto}.benefits{margin-top:var(--section);background:#fff;border-radius:var(--card-radius);padding:30px clamp(28px,4vw,64px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,56px);box-shadow:0 5px 24px #bfa8a522}.benefits div{display:flex;gap:15px;color:var(--rose);font-size:clamp(30px,2.2vw,42px);line-height:1}.benefits span{font-size:clamp(11px,1vw,15px);line-height:1.5;color:#6c6260}.benefits b{color:var(--ink)}.catalog{padding-top:var(--section);text-align:center}.catalog h2{font-size:clamp(28px,2vw,38px);margin:0 0 36px}.catalog em,.cards em,.about em{color:var(--rose);font-style:normal}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,1.4vw,24px)}.cats article{height:100%;min-height:385px;background:#fff;border:1px solid #c99a9a33;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 12px #5f41410d;transition:transform 220ms ease,box-shadow 220ms ease}.cats article:hover,.cards article:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cats i{height:clamp(190px,14vw,260px);flex:0 0 auto;display:grid;place-items:center;font-size:clamp(90px,7vw,140px);background:#ead8d0;font-style:normal}.cats article:nth-child(2) i{background:#e7ddd7}.cats article:nth-child(3) i{background:#dfd2c4}.cats article:nth-child(4) i{background:#eedbd5}.cats article:nth-child(5) i{background:#e5d7c9}.cats h3{min-height:52px;margin:18px 12px 16px;font:clamp(17px,1.35vw,23px)/1.25 'Involve'}.cats a{margin:auto 16px 18px}.catalog button{margin-top:24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.4vw,24px);padding-top:var(--section)}.cards article{min-height:300px;border-radius:var(--card-radius);background:#f5eae6;padding:clamp(24px,2vw,36px);text-align:center;display:flex;flex-direction:column;align-items:center;border:1px solid #c99a9a22;transition:transform 220ms ease,box-shadow 220ms ease}.cards{grid-template-columns:minmax(0,1fr)}.cards article.instructions-feature{min-height:clamp(300px,26vw,380px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);grid-template-rows:minmax(0,1fr);gap:0;align-items:stretch;text-align:left;padding:0;overflow:hidden}.instructions-feature .instruction-card-copy{min-width:0;padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cards .instructions-feature h2{margin:0 0 16px}.cards .instructions-feature p{max-width:540px;line-height:1.6;margin:0}.cards .instructions-feature a{margin-top:28px}.instructions-feature .instruction-card-image{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:0 var(--card-radius) var(--card-radius) 0}.instructions-feature .instruction-card-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 66%}.cards h2{font-size:clamp(23px,1.7vw,31px);margin:0 0 18px}.cards p{font-size:clamp(12px,1vw,15px);line-height:1.5;margin:0}.mini{width:100%;height:clamp(85px,7vw,125px);margin:10px 0 18px;padding:20px;background:#ddc7bc;border-radius:8px;font-size:clamp(34px,3vw,55px)}.cards a{margin-top:auto}.about{margin-top:var(--section);min-height:clamp(210px,14vw,280px);display:grid;grid-template-columns:39% 35% 26%;background:#f4e9e4;border-radius:var(--card-radius);overflow:hidden}.about-pic{background:linear-gradient(135deg,#d8b9ab,#f1ded6);display:grid;place-items:center;font-size:120px;color:#fff}.about>div:nth-child(2){padding:clamp(24px,2.5vw,42px)}.about h2{font-size:clamp(27px,2vw,36px);margin:0 0 18px}.about p{font-size:clamp(12px,1vw,15px);line-height:1.55;margin:0 0 20px}.about ul{list-style:none;margin:0;padding:clamp(30px,3vw,55px);display:grid;gap:16px;align-content:center;font-size:clamp(11px,1vw,15px)}footer{margin-top:var(--section);min-height:82px;background:var(--rose);color:#fff;padding:16px var(--side);display:flex;align-items:center;gap:17px}footer>strong{font-size:32px}footer>span{font-size:12px}footer>b{font-size:20px}.footer-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.footer-cta strong{font:600 13px Manrope;margin-right:8px}.footer-cta a{min-height:36px;padding:0 15px;background:transparent;border:1px solid #fff;color:#fff;font-size:11px}.footer-cta a:hover{background:#fff;color:var(--rose-dark)}@media(max-width:850px){:root{--side:20px;--section:48px}header{height:auto;flex-wrap:wrap;padding:18px;gap:15px}.logo{width:auto;margin-right:auto;font-size:29px}nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start;gap:14px;font-size:12px}.social{display:none}.hero{width:100%;height:auto;grid-template-columns:1fr}.hero-text{padding:40px 25px}.hero-photo{height:320px}.hero-photo-image{object-position:50% 36%}.benefits{grid-template-columns:1fr 1fr;gap:20px;margin-top:var(--section);padding:24px}.catalog{padding-top:var(--section)}.cats{grid-template-columns:1fr 1fr;gap:16px}.cats article{min-height:345px}.cats i{height:170px}.cats article:last-child{grid-column:1/-1}.cards{grid-template-columns:1fr;gap:16px;padding-top:var(--section)}.cards article{min-height:240px}.cards article.instructions-feature{grid-template-columns:minmax(0,1fr);grid-template-rows:auto clamp(220px,64vw,320px);gap:20px;min-height:0;padding:24px 24px 0}.instructions-feature .instruction-card-copy{padding:0;align-self:stretch}.instructions-feature .instruction-card-image{width:calc(100% + 48px);height:100%;margin-inline:-24px;border-radius:0 0 var(--card-radius) var(--card-radius)}.instructions-feature .instruction-card-image img{object-position:50% 68%}.cards .instructions-feature a{margin-top:28px}.about{grid-template-columns:1fr;margin-top:var(--section)}.about-pic{height:180px}.about ul{padding:24px 30px}.buttons a{min-height:44px}.footer-cta{flex-basis:100%;order:3;flex-wrap:wrap;justify-content:flex-start}.footer-cta strong{flex-basis:100%}footer{flex-wrap:wrap;padding:20px}}@media(hover:none){a:hover,button:hover{transform:none;box-shadow:none}}

/* Shared site chrome */
.site-header{position:sticky;top:0;z-index:1000;display:block;width:100%;height:96px;min-height:96px;max-width:none;margin:0;padding:0;background:#fff;}
.site-header .site-container,.site-footer .site-container{width:min(calc(100% - 2*var(--side)),var(--container));max-width:var(--container);margin-inline:auto;box-sizing:border-box;}
.site-header .site-container{height:100%;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(190px,1fr);align-items:center;column-gap:clamp(18px,2vw,32px);}
.site-header .logo{grid-column:1;justify-self:start;width:clamp(210px,20vw,300px);height:68px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;}
.site-header .logo img{display:block;object-fit:contain;flex:0 0 auto;}
.site-header .logo-desktop{display:block!important;width:auto;height:clamp(48px,4vw,68px);max-width:300px;}
.site-header .logo-mobile{display:none!important;}
.site-header nav{grid-column:2;justify-self:center;position:static;width:max-content;flex:none;display:flex;align-items:center;gap:clamp(16px,1.8vw,28px);font-size:14px;white-space:nowrap;}
.site-header .social{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:clamp(9px,1vw,15px);min-width:0;}
.site-header .social a,.footer-social a{display:grid;place-items:center;flex:0 0 auto;}
.site-header .social img{display:block;width:27px;height:27px;object-fit:contain;}
.site-footer{display:block;width:100%;min-height:0;margin:var(--section) 0 0;padding:0;background:var(--rose);color:#fff;}
.site-footer .site-container{min-height:82px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.footer-brand{display:flex;align-items:center;flex:0 1 auto;min-width:0;}
.footer-brand img{display:block;width:clamp(170px,19vw,250px);height:auto;max-height:56px;object-fit:contain;filter:brightness(0) invert(1);}
.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.5vw,22px);margin-left:auto;min-width:0;}
.footer-social img{display:block;width:30px;height:30px;object-fit:contain;}
@media(max-width:1050px) and (min-width:851px){
 .site-header .site-container{grid-template-columns:minmax(190px,1fr) auto minmax(150px,1fr);column-gap:14px;}
 .site-header .logo{width:190px;}
 .site-header nav{gap:14px;font-size:13px;}
 .site-header .social{gap:8px;}
 .site-header .social img{width:24px;height:24px;}
}
html{scroll-padding-top:96px;}
@media(max-width:850px){
 html{scroll-padding-top:72px;}
 .site-header{height:72px;min-height:72px;}
 .site-header .site-container{height:72px;display:flex;align-items:center;justify-content:space-between;gap:0;}
 .site-header .logo{width:48px;height:48px;}
 .site-header .logo-desktop{display:none!important;}
 .site-header .logo-mobile{display:block!important;width:48px;height:48px;}
 .site-header nav,.site-header .social{display:none!important;}
 .site-header .burger{display:flex;flex:0 0 44px;margin-left:auto;width:44px;height:44px;}
 .site-footer .site-container{min-height:0;flex-wrap:wrap;justify-content:center;gap:14px;padding:18px 0;}
 .footer-brand{width:100%;justify-content:center;}
 .footer-brand img{width:min(190px,60vw);max-height:44px;}
 .footer-social{width:100%;justify-content:center;gap:clamp(18px,6vw,30px);margin:0;}
}

/* Home page: keep marketplace CTAs in a two-column grid. */
.hero .buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero .buttons a{width:100%;min-width:0;gap:8px;padding-inline:12px;text-align:center}
.hero .buttons a .icon{flex:0 0 auto}
.about-pic{min-width:0;overflow:hidden}
.about-pic{background:transparent}
.about-pic img{display:block;width:min(70%,360px);max-width:100%;max-height:55%;height:auto;object-fit:contain;justify-self:center;align-self:center}
@media(max-width:850px){.hero .buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.about-pic{height:180px}.about-pic img{width:min(52%,280px);max-height:70%}}
@media(max-width:360px){.hero .buttons{grid-template-columns:1fr}}

/* About section: quiet text markers for its three brand values. */
.about ul{gap:20px}
.about ul li{display:flex;align-items:center;gap:10px;min-width:0}
.about ul li::before{content:"";display:block;width:21px;height:2px;flex:0 0 21px;background:#C99A9A}
.footer-legal{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:11px;line-height:1.4;color:rgba(255,255,255,.88)}
@media(max-width:850px){.footer-legal{width:100%;align-items:center;text-align:center;order:2}.footer-social{order:3}}