:root{--ink:#213126;--deep:#24382b;--moss:#425c46;--cream:#f6f4ee;--paper:#fffefa;--ochre:#c58c49;--muted:#77796e;--line:#deddd3;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.7rem 1rem}.topline{height:34px;background:var(--deep);color:#f4f1e7;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topline-location{color:#c6c9b9}.site-header{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid rgba(33,49,38,.08)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border:1px solid var(--ochre);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:28px;font-style:italic;color:var(--moss)}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:18px;letter-spacing:.16em;font-weight:600}.brand-copy small{font-size:7px;letter-spacing:.14em;margin-top:5px;color:#77786e}.main-nav{display:flex;align-items:center;gap:31px;font-size:12px}.main-nav>a:not(.nav-cta){transition:color .2s}.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:#a66c2e}.nav-cta{background:var(--deep);color:#fff;padding:13px 17px;font-size:11px;letter-spacing:.02em}.nav-cta span{margin-left:10px;color:#dcb57d}.menu-toggle{display:none}.hero{min-height:650px;position:relative;background:#24382b;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;background:url("assets/IMG_1549-scaled.jpg") center 52%/cover no-repeat;filter:saturate(.87)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,39,28,.88) 0%,rgba(24,40,29,.74) 32%,rgba(24,40,29,.2) 66%,rgba(24,40,29,.04) 100%),linear-gradient(0deg,rgba(16,28,20,.35),transparent 32%)}.hero-content{position:relative;z-index:1;padding:112px 0 110px 11%;max-width:700px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#777b6d;margin:0 0 19px;display:flex;align-items:center;gap:10px}.eyebrow-light{color:rgba(255,255,255,.75)}.eyebrow-light span,.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#c99b60;display:inline-block}.hero h1,.intro h2,.signature h2,.products h2,.wholesale h2,.contact h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0}.hero h1{font-size:clamp(48px,6vw,82px);max-width:690px}.hero h1 em,.intro h2 em,.signature h2 em,.products h2 em,.wholesale h2 em,.contact h2 em{font-weight:500;color:#d1a870}.hero-lede{font-size:15px;color:rgba(255,255,255,.8);max-width:430px;margin:25px 0 32px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;font-size:11px;letter-spacing:.04em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-light span{color:#a66c2e}.button-dark{background:var(--deep);color:white}.button-dark span{color:#d7a86d}.text-link{font-size:11px;letter-spacing:.04em;border-bottom:1px solid #c8b28e;padding-bottom:5px}.text-link span{margin-left:9px}.text-link-light{color:#fff;border-color:rgba(255,255,255,.4)}.hero-note{position:absolute;left:11%;bottom:43px;display:flex;align-items:center;gap:13px;font-size:9px;line-height:1.55;letter-spacing:.07em;color:rgba(255,255,255,.7);text-transform:uppercase}.note-line{height:1px;width:35px;background:#c99b60}.hero-counter{position:absolute;z-index:2;right:5.5%;bottom:42px;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.1em}.hero-counter i{width:50px;height:1px;background:rgba(255,255,255,.6)}.section-wrap{padding-left:11%;padding-right:11%}.intro{position:relative;padding-top:122px;padding-bottom:137px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-label{display:flex;gap:12px;align-items:flex-start;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#858477;padding-top:8px}.section-label span:first-child{color:#b37b3d}.intro-copy{display:grid;grid-template-columns:1fr 240px;column-gap:42px;align-items:end}.intro-copy .eyebrow{grid-column:1/-1}.intro h2,.products h2,.contact h2{font-size:clamp(40px,4.6vw,62px)}.intro h2 em,.products h2 em,.contact h2 em{color:#a57a49}.intro-body{padding-bottom:2px}.intro-body p{font-size:13px;line-height:1.9;color:#65685e;margin:0 0 23px}.intro-stamp{position:absolute;right:8%;bottom:38px;width:102px;height:102px;border:1px solid #d7d1bf;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d806f;font-size:7px;letter-spacing:.15em;transform:rotate(-11deg);gap:3px}.intro-stamp strong{font:600 17px var(--serif);letter-spacing:.08em;color:var(--moss)}.signature{display:grid;grid-template-columns:1.1fr 1fr;min-height:530px;background:#e9e6db;position:relative;overflow:hidden}.signature-image{min-height:500px;background:url("assets/IMG_1549-scaled.jpg") 73% 52%/cover no-repeat;position:relative}.signature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(233,230,219,.55))}.signature-copy{padding:100px 14% 90px 12%;align-self:center}.signature-copy .eyebrow{color:#7d806f}.signature h2{font-size:clamp(42px,4.7vw,66px);margin:0 0 23px}.signature h2 em{color:#9a7042}.signature-copy>p:not(.eyebrow){font-size:13px;color:#65685e;line-height:1.9;max-width:390px;margin:0 0 29px}.signature-index{display:block;margin-top:43px;font-size:8px;letter-spacing:.16em;color:#898878}.vertical-word{position:absolute;right:22px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-size:8px;letter-spacing:.25em;color:#8a897c}.products{padding-top:120px;padding-bottom:125px}.products .section-label{margin-bottom:45px}.products-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px}.products-heading .eyebrow{margin-bottom:18px}.products h2{font-size:clamp(42px,4.8vw,64px)}.products-intro{max-width:260px;color:#77796e;font-size:12px;line-height:1.8;margin:0 4% 5px 30px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{display:block;min-width:0}.product-art{height:275px;position:relative;overflow:hidden;display:grid;place-items:center;transition:filter .25s}.product-card:hover .product-art{filter:saturate(1.12)}.art-one{background:linear-gradient(140deg,#d8ceb4,#ba9a6f)}.art-two{background:linear-gradient(150deg,#e5c994,#bc945b)}.art-three{background:linear-gradient(145deg,#d9d9cb,#a6a98c)}.art-four{background:linear-gradient(145deg,#e6dfd2,#c8b9a1)}.art-form{position:relative;display:block;filter:drop-shadow(9px 15px 12px rgba(53,43,30,.18));transition:transform .35s}.product-card:hover .art-form{transform:translateY(-5px) rotate(-2deg)}.art-ring{width:157px;height:111px;border-radius:52% 48% 46% 54%;background:linear-gradient(140deg,#f4e8c9,#d0b57b 75%);box-shadow:inset 0 -8px 14px rgba(112,82,41,.2),9px 15px 12px rgba(53,43,30,.18);transform:rotate(-12deg);position:relative}.art-ring:after{content:"";position:absolute;inset:17px;border:1px solid rgba(135,103,53,.38);border-radius:50%}.art-pear{width:95px;height:145px;background:linear-gradient(105deg,#f5d487,#bb843d);border-radius:45% 45% 52% 52%/25% 25% 67% 67%;transform:rotate(13deg)}.art-pear:before{content:"";position:absolute;width:48px;height:26px;background:#f0cb78;top:-12px;left:24px;border-radius:50% 50% 12% 12%;transform:rotate(-20deg)}.art-wheel{width:160px;height:105px;border-radius:50%;background:linear-gradient(160deg,#f4e9d0,#c9ac75);box-shadow:inset 0 -14px 0 rgba(131,99,53,.17),9px 15px 12px rgba(53,43,30,.18);transform:rotate(-8deg)}.art-wheel:before{content:"";position:absolute;inset:12px 18px;border:1px solid rgba(142,112,67,.34);border-radius:50%}.art-bowl{width:152px;height:77px;background:linear-gradient(180deg,#fffdf2,#ded7c9);border-radius:8% 8% 48% 48%/12% 12% 72% 72%;box-shadow:inset 0 -9px 0 rgba(149,137,111,.16),9px 15px 12px rgba(53,43,30,.18)}.art-bowl:before{content:"";position:absolute;width:100%;height:27px;top:-8px;border-radius:50%;background:linear-gradient(180deg,#fffef7,#e9e2d5);border:1px solid rgba(131,121,101,.23)}.art-caption{position:absolute;bottom:15px;left:16px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:rgba(39,48,36,.72)}.product-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 1px}.product-kind{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#8b897b;margin-bottom:3px}.product-meta h3{font:500 17px var(--serif);margin:0;color:var(--ink)}.product-arrow{width:29px;height:29px;border:1px solid #d2cdbf;border-radius:50%;display:grid;place-items:center;font-size:12px;transition:all .2s}.product-card:hover .product-arrow{background:var(--deep);border-color:var(--deep);color:white}.product-footnote{font-size:9px;color:#89897e;margin:24px 0 0}.wholesale{min-height:440px;background:var(--deep);color:#fff;position:relative;display:grid;grid-template-columns:1fr 240px;align-items:center;padding:80px 12%;overflow:hidden}.wholesale:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(126,143,105,.25),transparent 48%)}.wholesale-content{position:relative;z-index:1;max-width:600px}.wholesale .eyebrow{color:#c8c9bc}.wholesale h2{font-size:clamp(48px,5.4vw,72px);margin:0 0 22px}.wholesale h2 em{color:#d9b27c}.wholesale-content>p:not(.eyebrow){max-width:420px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.8;margin:0 0 29px}.wholesale-deco{position:absolute;right:19%;top:-143px;color:rgba(255,255,255,.035);font:600 520px var(--serif);line-height:1}.wholesale-side{position:relative;z-index:1;align-self:end;justify-self:end;margin-bottom:8px;display:flex;flex-direction:column;gap:17px;font-size:9px;letter-spacing:.09em;color:rgba(255,255,255,.62);text-transform:uppercase}.wholesale-side span:last-child{line-height:1.8;letter-spacing:.03em;text-transform:none}.contact{padding-top:118px;padding-bottom:122px}.contact .section-label{margin-bottom:51px}.contact-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:14%}.contact h2{font-size:clamp(44px,5vw,68px);margin-bottom:24px}.contact-main>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#707267;max-width:390px;margin:0 0 30px}.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.contact-details{border-top:1px solid var(--line)}.contact-detail{padding:19px 0;border-bottom:1px solid var(--line)}.contact-detail>span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#8b897b}.contact-detail p,.contact-detail>a{display:block;font-size:12px;line-height:1.8;margin:6px 0 0;color:#4c544a}.contact-detail>a:not(.email-link){font-size:10px;color:#9a7042;margin-top:8px}.contact-detail .email-link{font-size:12px}.site-footer{background:#e9e6db;padding:42px 5.5% 18px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.brand-footer .brand-mark{width:38px;height:38px;font-size:24px}.brand-footer .brand-copy strong{font-size:15px}.site-footer>p{text-align:right;font:italic 16px var(--serif);color:#6f7165}.footer-bottom{grid-column:1/-1;border-top:1px solid #d6d2c6;margin-top:34px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:8px;letter-spacing:.04em;color:#858579}.footer-bottom a{color:#4d594c}.menu-open{overflow:hidden}
@media(max-width:980px){.main-nav{gap:18px}.main-nav>a:not(.nav-cta){font-size:11px}.nav-cta{padding:11px 12px}.section-wrap{padding-left:8%;padding-right:8%}.hero-content{padding-left:8%}.hero-note{left:8%}.intro{grid-template-columns:.65fr 2fr;gap:25px}.intro-copy{grid-template-columns:1fr 200px;gap:27px}.signature-copy{padding-left:9%;padding-right:11%}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}.product-art{height:300px}.wholesale{padding-left:9%;padding-right:9%}.contact-grid{gap:8%}}
@media(max-width:700px){.topline{padding:0 5%;font-size:8px}.topline-location{display:none}.site-header{height:76px;padding:0 5%}.brand-mark{height:38px;width:38px;font-size:24px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:6px}.menu-toggle{display:flex;background:transparent;border:0;padding:10px;flex-direction:column;gap:5px;z-index:7}.menu-toggle span{width:23px;height:1px;background:var(--deep);display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:26px 6% 31px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(31,42,31,.08)}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #eeeae0;font-size:13px}.nav-cta{margin-top:17px;text-align:center;padding:14px}.hero{min-height:680px}.hero-image{background-position:61% center}.hero:after{background:linear-gradient(90deg,rgba(22,39,28,.85),rgba(24,40,29,.52) 65%,rgba(24,40,29,.3)),linear-gradient(0deg,rgba(16,28,20,.5),transparent 50%)}.hero-content{padding:112px 7% 100px}.hero h1{font-size:clamp(47px,12vw,68px)}.hero-lede{font-size:13px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{left:7%;bottom:36px}.hero-counter{right:7%;bottom:39px}.intro{padding-top:82px;padding-bottom:102px;display:block}.intro .section-label{margin-bottom:41px}.intro-copy{display:block}.intro h2{font-size:47px}.intro-body{max-width:400px;margin-top:21px}.intro-stamp{right:8%;bottom:25px;width:76px;height:76px;font-size:6px}.intro-stamp strong{font-size:13px}.signature{grid-template-columns:1fr}.signature-image{min-height:330px;background-position:70% 54%}.signature-copy{padding:54px 8% 60px}.signature h2{font-size:47px}.vertical-word{right:10px;top:165px;font-size:7px}.signature-index{margin-top:27px}.products{padding-top:82px;padding-bottom:83px}.products .section-label{margin-bottom:38px}.products-heading{display:block;margin-bottom:30px}.products h2{font-size:48px}.products-intro{margin:18px 0 0;max-width:370px}.product-grid{gap:12px}.product-art{height:210px}.product-meta h3{font-size:15px}.product-kind{font-size:7px}.product-arrow{width:25px;height:25px}.art-ring{transform:scale(.78) rotate(-12deg)}.art-pear{transform:scale(.8) rotate(13deg)}.art-wheel{transform:scale(.82) rotate(-8deg)}.art-bowl{transform:scale(.82)}.art-caption{font-size:7px;left:10px;bottom:10px}.wholesale{min-height:480px;padding:73px 8% 62px;display:block}.wholesale h2{font-size:51px}.wholesale-side{margin-top:45px;justify-self:start}.wholesale-deco{right:-11%;top:70px;font-size:340px}.contact{padding-top:82px;padding-bottom:85px}.contact .section-label{margin-bottom:39px}.contact-grid{grid-template-columns:1fr;gap:46px}.contact h2{font-size:50px}.contact-actions{align-items:flex-start;flex-direction:column;gap:19px}.site-footer{padding:34px 6% 17px;display:block}.site-footer>p{text-align:left;font-size:14px;margin:20px 0 0}.footer-bottom{margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:7px}.footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:2}.footer-bottom a{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Product carousel and persistent WhatsApp contact */
.carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:-18px 0 20px}
.carousel-count{font-size:9px;letter-spacing:.12em;color:#858477;margin-right:8px}
.carousel-count i{font-style:normal;color:#b2ad9f;margin:0 5px}
.carousel-arrow{height:38px;width:38px;border:1px solid #d8d4c8;background:transparent;color:var(--ink);font:16px var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.carousel-arrow:hover:not(:disabled){background:var(--deep);border-color:var(--deep);color:#fff}
.carousel-arrow:disabled{opacity:.35;cursor:default}
.product-viewport{overflow:hidden}
.product-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.product-track::-webkit-scrollbar{display:none}
.product-card{scroll-snap-align:start}
.art-five{background:linear-gradient(145deg,#ddd2ba,#b6a184)}
.art-ribbon{width:170px;height:75px;border-radius:45% 12% 42% 14%;background:linear-gradient(170deg,#fffdf4,#dcd4c2);box-shadow:inset 0 -7px 0 rgba(149,137,111,.16),9px 15px 12px rgba(53,43,30,.18);transform:rotate(-15deg)}
.art-ribbon:before{content:"";position:absolute;width:145px;height:49px;left:12px;top:13px;border:1px solid rgba(137,128,107,.22);border-radius:45% 12% 42% 14%}
.carousel-dots{display:flex;justify-content:center;gap:7px;margin:22px 0 0}
.carousel-dot{width:20px;height:3px;padding:0;border:0;background:#d2cec1;cursor:pointer;transition:background .2s,width .2s}
.carousel-dot.is-active{width:34px;background:#7b805e}
.carousel-dot:focus-visible,.carousel-arrow:focus-visible{outline:3px solid #bc8b51;outline-offset:3px}
.whatsapp-float{position:fixed;z-index:10;right:26px;bottom:24px;display:flex;align-items:center;gap:11px;padding:12px 17px 12px 12px;border-radius:999px;background:#1f8f58;color:#fff;box-shadow:0 7px 24px rgba(20,55,35,.24);font-size:11px;font-weight:600;letter-spacing:.01em;transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 11px 28px rgba(20,55,35,.3)}
.whatsapp-float svg{width:24px;height:24px;fill:currentColor;flex:none}
.whatsapp-float:focus-visible{outline:3px solid #bc8b51;outline-offset:3px}
@media(max-width:980px){.product-track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}}
@media(max-width:700px){.carousel-controls{margin:-10px 0 14px}.carousel-arrow{height:35px;width:35px}.product-track{grid-auto-columns:82%;gap:12px}.art-ribbon{transform:scale(.82) rotate(-15deg)}.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px;padding:0;justify-content:center}.whatsapp-float svg{width:27px;height:27px}.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(prefers-reduced-motion:reduce){.product-track{scroll-behavior:auto}.carousel-arrow,.carousel-dot,.whatsapp-float{transition:none}}
/* Official Ciarlo identity and imagery */
.ciarlo-logo{display:block;width:151px;height:auto;object-fit:contain}
.brand-footer .ciarlo-logo{width:132px}
.hero-image{background-image:url("assets/IMG_1549-scaled.jpg");background-position:center 52%;filter:saturate(.9)}
.signature-image{background-image:url("assets/IMG_1541-scaled.jpg");background-position:center 58%}
.product-art{background:#e8e3d5}
.product-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.product-card:hover .product-art img{transform:scale(1.035)}
.product-card:nth-child(1) .product-art img{object-position:center 56%}
.product-card:nth-child(2) .product-art img{object-position:center 50%}
.product-card:nth-child(3) .product-art img{object-position:center 52%}
.product-card:nth-child(4) .product-art img{object-position:center 57%}
.product-card:nth-child(5) .product-art img{object-position:center 51%}
.art-caption{z-index:1;bottom:12px;left:12px;padding:6px 9px;background:rgba(246,244,238,.9);color:#394336;font-size:7px;letter-spacing:.1em}
@media(max-width:700px){.ciarlo-logo{width:126px}.brand-footer .ciarlo-logo{width:120px}}
@media(prefers-reduced-motion:reduce){.product-art img{transition:none}}

/* Full-width image slideshow with restrained motion */
.hero{width:100%;min-height:min(84svh,820px)}
.hero-image{width:100%;background:none;filter:none;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-position:center 52%;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.035);transition:opacity 1.35s ease,transform 7s ease;will-change:opacity,transform}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-slide:nth-child(2){background-position:center 56%}
.hero-slide:nth-child(3){background-position:center 50%}
.product-art img{filter:saturate(.94);transform:scale(1.005)}
.product-card:hover .product-art img{transform:scale(1.045);filter:saturate(1.04)}
.product-meta{min-height:68px}
.carousel-controls{margin-top:-15px}
@media(max-width:700px){.hero{min-height:84svh}.hero-slide{background-position:58% center}.hero-slide:nth-child(2){background-position:60% center}.hero-slide:nth-child(3){background-position:55% center}.carousel-controls{margin-top:-8px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.product-art img{transition:none;transform:none}}