/* Papier chaud, accents champagne et portrait sans recadrage. */
:root{
 --cream:#efe4d0;
 --paper:#faf4e8;
 --gold:#94703b;
 --line:#d4c5aa;
}
body{
 background-color:var(--cream);
 background-image:url("assets/papier.svg"),
  radial-gradient(ellipse 95% 48% at 4% 0%,rgba(196,153,81,.17),transparent 72%),
  radial-gradient(ellipse 80% 35% at 100% 45%,rgba(185,145,78,.12),transparent 74%),
  linear-gradient(135deg,#f5eddf 0%,#eadcc2 53%,#f3e9d7 100%);
 background-size:180px 180px,100% 1700px,100% 2400px,100% 100%;
 background-repeat:repeat,no-repeat,no-repeat,no-repeat;
}
.site-header{
 background:rgba(244,234,216,.96);
 border-bottom-color:#d2bea0;
 box-shadow:0 3px 18px rgba(95,72,36,.035);
}
.hero{
 position:relative;
 isolation:isolate;
 grid-template-columns:1.08fr .92fr;
 min-height:0;
 background:radial-gradient(ellipse at 3% 15%,rgba(255,249,232,.65),transparent 68%),
  radial-gradient(ellipse at 70% 95%,rgba(177,133,61,.13),transparent 59%);
}
.hero-copy{
 position:relative;
 isolation:isolate;
 padding-top:58px;
 padding-bottom:42px;
}
.hero-copy::before{
 content:"";
 position:absolute;
 width:235px;
 height:355px;
 top:8px;
 right:3px;
 z-index:-1;
 background:url("assets/rameau.svg") center/contain no-repeat;
 opacity:.23;
 pointer-events:none;
}
.hero-copy::after{
 content:"";
 position:absolute;
 width:160px;
 height:1px;
 right:50px;
 bottom:77px;
 z-index:-1;
 background:linear-gradient(90deg,transparent,rgba(163,124,58,.42),transparent);
 pointer-events:none;
}
.hero-footer{margin-top:5px}
.hero-image{
 position:relative;
 width:calc(100% - 52px);
 max-width:490px;
 min-height:0;
 height:auto;
 margin:38px 38px 38px 0;
 padding:10px;
 align-self:center;
 justify-self:center;
 overflow:visible;
 background:rgba(254,248,235,.7);
 border:1px solid rgba(171,134,74,.38);
 box-shadow:0 24px 55px -22px rgba(92,66,29,.32),0 3px 12px rgba(129,96,43,.07);
}
.hero-image>img{
 position:static;
 display:block;
 width:100%;
 height:auto;
 max-width:100%;
 object-fit:contain;
 object-position:center;
}
.hero-image::after{display:none}
.image-caption{
 position:relative;
 inset:auto;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:13px 6px 4px;
 color:#64533a;
 font-size:14px;
}
.image-caption>span:last-child{color:#ac8750;font-size:22px}
.signature-strip{
 position:relative;
 background:linear-gradient(100deg,rgba(207,178,121,.29),rgba(249,241,222,.88) 48%,rgba(212,186,136,.35));
 border-color:#d4bf9b;
 color:#5b523f;
}
.signature-strip i{color:#aa8041}
.shop{
 position:relative;
 isolation:isolate;
}
.shop::before{
 content:"";
 position:absolute;
 inset:0 calc(50% - 50vw);
 z-index:-2;
 background:radial-gradient(ellipse at 88% 14%,rgba(187,145,73,.13),transparent 53%),
  linear-gradient(165deg,rgba(255,249,235,.26),rgba(212,188,145,.13));
 pointer-events:none;
}
.shop::after{
 content:"";
 position:absolute;
 right:2%;
 top:32px;
 width:210px;
 height:320px;
 z-index:-1;
 background:url("assets/rameau.svg") center/contain no-repeat;
 opacity:.15;
 transform:rotate(-15deg);
 pointer-events:none;
}
.shop-tools{border-color:#cbb997}
.filter:not(.active){background:rgba(255,249,236,.38)}
.filter:hover:not(.active){background:#f8edda;border-color:#c4aa7a}
.product-card{
 padding:8px 8px 0;
 background:rgba(254,247,233,.63);
 border:1px solid rgba(178,147,94,.3);
 box-shadow:0 9px 24px -17px rgba(103,74,29,.28);
}
.product-art{border:1px solid rgba(164,128,68,.14)}
.product-body{padding:15px 5px 14px}
.product-tag{background:rgba(255,248,232,.93);color:#615137}
.product-bottom{border-top-color:#dbc9a9}
.festive{
 background-color:var(--dark);
 background-image:radial-gradient(ellipse at 90% 15%,rgba(184,148,81,.13),transparent 58%),
  linear-gradient(125deg,rgba(43,55,37,.48),transparent 72%);
 border-top:1px solid rgba(173,139,75,.25);
 border-bottom:1px solid rgba(173,139,75,.25);
}
.maison{
 position:relative;
 isolation:isolate;
}
.maison::before{
 content:"";
 position:absolute;
 left:1%;
 bottom:33px;
 width:200px;
 height:310px;
 z-index:-1;
 background:url("assets/rameau.svg") center/contain no-repeat;
 opacity:.14;
 transform:rotate(53deg);
 pointer-events:none;
}
.maison-visual{
 border:8px solid rgba(255,248,232,.65);
 outline:1px solid rgba(170,136,78,.35);
 box-shadow:0 18px 40px -23px rgba(105,77,37,.35);
}
.services .service-row{
 padding-right:16px;
 padding-left:16px;
 background:linear-gradient(95deg,rgba(244,231,205,.55),rgba(250,244,229,.12) 80%);
 border-color:#cbb897;
}
.service-number{color:#9c783e}
.round-link{border-color:#b9a37b}
.contact{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background-color:#e8d6b6;
 background-image:url("assets/papier.svg"),
  radial-gradient(ellipse at 8% 90%,rgba(190,146,71,.2),transparent 56%),
  linear-gradient(115deg,#e9d6b4,#f2e5cc 63%,#e5d1ab);
 background-size:180px 180px,auto,auto;
 border-color:#c9b28b;
}
.contact::before{
 content:"";
 position:absolute;
 right:-35px;
 bottom:-55px;
 width:290px;
 height:440px;
 z-index:-1;
 background:url("assets/rameau.svg") center/contain no-repeat;
 opacity:.19;
 transform:rotate(-22deg);
 pointer-events:none;
}
.practical>div{border-bottom-color:#cbb894}
.faq details{border-color:#cdbb9a}
footer{
 background:linear-gradient(180deg,rgba(219,197,159,.18),rgba(222,200,160,.38));
}
.footer-main{border-top-color:#cdb894}
@media(min-width:1537px){
 .hero-copy{padding-top:65px;padding-bottom:50px}
 .hero-image{max-width:520px;margin-top:45px;margin-bottom:45px}
}
@media(max-width:1150px){
 .hero-copy{padding-top:45px;padding-bottom:38px}
 .hero-copy::before{width:190px;height:300px;right:-7px}
 .hero-image{width:calc(100% - 40px);margin:30px 25px 30px 0;padding:9px}
 .image-caption{font-size:12px;padding:11px 3px 3px}
}
@media(max-width:900px){
 .hero{grid-template-columns:1.08fr .92fr}
 .hero h1{font-size:clamp(60px,7.5vw,70px)}
 .hero-image{width:calc(100% - 28px);margin:28px 18px 28px 0;padding:8px}
 .image-caption{font-size:11px;line-height:1.5}
 .image-caption>span:last-child{font-size:18px}
 .hero-copy::before{width:150px;right:0;opacity:.2}
 .hero-copy::after{display:none}
 .product-body{padding-left:3px;padding-right:3px}
}
@media(max-width:720px){
 .site-header{background:rgba(243,232,211,.98)}
 .site-header nav{background:#f0e2c9}
 .hero{background:radial-gradient(ellipse at 100% 15%,rgba(196,155,88,.15),transparent 63%)}
 .hero-copy{padding-top:36px;padding-bottom:30px}
 .hero-copy::before{width:180px;height:270px;top:5px;right:7px;opacity:.21}
 .hero h1{font-size:clamp(61px,13.5vw,85px)}
 .hero-footer{margin-top:0}
 .hero-image{
  width:calc(100% - 48px);
  max-width:480px;
  min-height:0;
  height:auto;
  margin:0 auto 30px;
  padding:8px;
  align-self:center;
 }
 .hero-image>img{position:static;width:100%;height:auto;object-fit:contain}
 .image-caption{padding:12px 5px 4px;font-size:13px}
 .image-caption>span:last-child{font-size:21px}
 .signature-strip{background:linear-gradient(100deg,#dfc99f88,#f6ead0dd,#d8bb8a77)}
 .shop::after{width:145px;height:230px;top:35px;right:3%;opacity:.16}
 .product-card{padding:6px 6px 0}
 .product-body{padding:12px 3px 11px}
 .product-heading{font-size:19px}
 .product-subtitle{min-height:30px;font-size:9px}
 .product-price{font-size:15px}
 .choose-product{font-size:9px}
 .maison-visual{border-width:6px}
 .services .service-row{padding-left:10px;padding-right:10px}
 .contact::before{width:220px;height:330px;right:-30px;bottom:-35px;opacity:.16}
}
@media(max-width:370px){
 .hero h1{font-size:59px}
 .hero-image{width:calc(100% - 42px);height:auto}
 .image-caption{font-size:12px}
 .product-heading{font-size:17px}
 .product-price{font-size:14px}
 .choose-product{font-size:8px}
}


.contact-details a{display:inline-block;padding:3px 0;text-decoration:underline;text-decoration-color:rgba(148,112,59,.5);text-underline-offset:4px;overflow-wrap:anywhere}
.contact-details a:hover{color:var(--gold);text-decoration-color:currentColor}