:root{--ink:#202a26;--paper:#f6f3eb;--gold:#b59a65;--line:#dad9ce;--muted:#647069}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font:700 29px Georgia,serif;letter-spacing:4px}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:5px;text-align:center;margin-top:7px}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav .nav-cta{border-bottom:1px solid var(--ink);padding:10px 0}nav span{margin-left:22px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:670px;padding:60px 6% 30px;gap:2%}.hero-copy{padding-top:35px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;margin:0 0 28px}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-2px}h1{font-size:clamp(42px,4.6vw,70px);margin:0 0 25px}h2{font-size:clamp(34px,3.5vw,50px);margin:0 0 24px}em{font-weight:400;color:#7e735a}p{margin-top:0}.intro{max-width:410px;color:var(--muted);font-size:17px;margin-bottom:30px}.button{border:0;background:var(--ink);color:white;display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:17px 25px;font:14px Arial,sans-serif;cursor:pointer}.button:hover{background:#3d4b40}.small{font-size:10px;color:var(--muted);margin-top:22px;letter-spacing:.4px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;overflow:hidden}.arch{position:absolute;inset:0 0 25px 10%;border-radius:220px 220px 0 0;background:linear-gradient(120deg,#dcd8c9,#c4c5b6)}.machine{position:relative;width:265px;height:445px;border:7px solid #242a28;background:#333b36;border-radius:8px;box-shadow:18px 24px 35px #28332c45;transform:rotate(-3deg)}.machine-brand{height:55px;text-align:center;color:#e9dfc9;font:18px Georgia;letter-spacing:3px;padding-top:10px}.machine-brand span{display:block;font:5px Arial;letter-spacing:1.5px;margin-top:7px}.machine-body{display:flex;height:310px;padding:0 8px;gap:8px}.glass{width:182px;background:linear-gradient(110deg,#293831,#101b16);border:3px solid #111a15;padding:9px 10px}.shelf{height:70px;display:flex;align-items:end;justify-content:space-between;gap:8px;border-bottom:5px solid #545c51;padding-bottom:4px;position:relative}.shelf:after{content:'◯ ◯ ◯';position:absolute;bottom:2px;left:4px;color:#b6b9ac;font-size:27px;letter-spacing:8px;line-height:24px}.bag,.box,.can{display:flex;align-items:center;justify-content:center;font:6px Arial;font-weight:bold;color:#374037;position:relative}.bag{width:39px;height:48px;clip-path:polygon(5% 0,95% 3%,100% 95%,0 100%)}.box{height:41px;width:37px;border-top:3px solid #ffffff40}.gold{background:#c7a552}.coral{background:#c77859}.cream{background:#e5d9b7}.green{background:#8c9d72}.blue{background:#94b5b7}.bottle{width:26px;height:44px;border-radius:8px 8px 5px 5px;position:relative;margin:0 4px}.bottle:before{content:'';position:absolute;top:-8px;left:8px;width:11px;height:9px;background:#d7d9c7;border-radius:2px}.bottle:after{content:'';position:absolute;top:17px;width:100%;height:15px;background:#e4e6d280}.can{height:41px;width:27px;border-radius:5px;margin:0 4px}.controls{width:40px;padding-top:20px}.screen{background:#b9c5a2;padding:6px 2px;font:7px monospace;text-align:center;color:#172b1b}.keypad{color:#b2b6a8;font:9px/2.2 monospace;margin-top:25px;word-spacing:3px}.pay{background:#161f19;border:1px solid #6e796d;color:#c3ac77;text-align:center;margin-top:20px;padding:7px}.pickup{background:#111a14;width:150px;height:29px;margin:17px 0 0 26px;border:3px solid #424b41;border-radius:0 0 5px 5px}.art-label{position:absolute;bottom:73px;right:0;background:var(--paper);padding:15px 20px;font-size:9px;letter-spacing:1.5px;box-shadow:0 8px 20px #0001}.illustration-note{position:absolute;bottom:0;font-size:9px;color:var(--muted)}.ribbon{padding:25px 6%;display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.ribbon span:before{content:'✦';color:var(--gold);margin-right:13px}.section{padding:90px 6%}.section-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:35px;align-items:start}.section-heading>p:last-child{color:var(--muted);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border:1px solid var(--line)}.services article{padding:30px;min-height:290px}.services article+article{border-left:1px solid var(--line)}.services .featured{background:#e9e8dc}.service-number{display:flex;justify-content:space-between;color:#8a7958;font-size:12px;margin-bottom:36px}h3{font:24px Georgia;margin:0 0 16px}.services p{font-size:14px;color:var(--muted)}.tags{font-size:8px;letter-spacing:1.2px;margin-top:26px}.footnote{font-size:11px;color:var(--muted);margin-top:15px}.process{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--ink);color:#f3eee2}.process em{color:#c5af81}.process-intro{color:#c0c6be;max-width:360px}.process ol{margin:0;padding:0;list-style:none}.process li{display:flex;gap:24px;border-bottom:1px solid #ffffff25;padding:24px 0}.process li:first-child{padding-top:0}.process li>span{color:#c5af81;font-size:12px}.process h3{font-size:21px}.process li p{font-size:14px;color:#c0c6be;margin:0}.local{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:center}.local-mark{height:330px;background:#e7e3d6;display:flex;flex-direction:column;align-items:center;justify-content:center;font:150px Georgia;color:#938464;border:1px solid #d5cdbb;outline:1px solid #c6bda8;outline-offset:-15px}.local-mark span{font:10px Arial;letter-spacing:3px;margin-top:15px}.local p:not(.eyebrow){color:var(--muted);max-width:550px}.signature{font:italic 24px Georgia;margin-top:30px}.signature span{display:block;font:8px Arial;letter-spacing:2px;margin-top:12px}.local .area{font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.faq{padding-top:25px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px}details p{color:var(--muted);font-size:14px;margin:15px 0 0}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;background:#e9e7dc}.contact>div>p{max-width:320px;color:var(--muted)}.contact-note{font-size:12px;max-width:320px;border-left:2px solid var(--gold);padding:10px 15px;margin-top:35px;color:#6b6c5e}label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#f9f7f0;border:1px solid #c9cbbf;padding:13px;color:var(--ink);font:14px Arial;border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.privacy{font-size:10px;color:var(--muted);margin-top:13px}.secondary{border:1px solid var(--ink);background:transparent;padding:10px 15px;cursor:pointer;margin-right:8px}#status{font-size:12px;margin-top:10px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:21px}footer .brand span{font-size:7px}footer p,footer>span{font-size:11px;color:var(--muted);margin:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #9a7c45;outline-offset:4px}@media(min-width:1500px){header,main,footer{max-width:1500px;margin:auto}}@media(max-width:800px){header{height:85px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding-top:15px}.hero-art{min-height:500px;max-width:500px;width:100%;margin:25px auto 0}.arch{inset:0 5% 25px}.machine{transform:scale(.9) rotate(-3deg)}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:9px}.section{padding:60px 6%}.section-heading,.process,.local,.faq,.contact{grid-template-columns:1fr;gap:30px}.services{grid-template-columns:1fr}.services article{min-height:auto}.services article+article{border-left:0;border-top:1px solid var(--line)}.service-number{margin-bottom:20px}.local-mark{height:240px;font-size:100px}.contact-note{margin-top:20px}footer{gap:25px;flex-wrap:wrap}footer p{display:none}.brand{font-size:24px}.form-row{grid-template-columns:1fr;gap:0}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fennero: an Italian club-house palette, tailored for a local business. */
:root{--ink:#241b18;--paper:#f4edde;--gold:#b59759;--line:#d9cbb5;--muted:#75695c}
header{background:#241b18;color:#f4edde;border-bottom:3px double #b59759}.brand{letter-spacing:5px}nav .nav-cta{border-color:#b59759}
.hero{background:radial-gradient(ellipse at 80% 20%,#e8d9bd 0,transparent 55%)}.hero em{color:#6b302d}.arch{background:repeating-linear-gradient(90deg,#332320 0,#332320 2px,#422e28 2px,#422e28 12px);border:8px double #b59759;border-bottom:0;box-shadow:12px 10px 0 #d7c4a1}.machine{border-color:#211916;background:#332d26;box-shadow:18px 24px 35px #1a0d0d70}.machine-brand{color:#dbc294}.art-label{border:1px solid #b59759}.ribbon{background:#6b302d;color:#f4edde;border-block:4px double #b59759}.services .featured{background:#e9ddc7}.process{background:repeating-linear-gradient(90deg,#241b18 0,#241b18 3px,#2a201d 3px,#2a201d 18px);border-block:4px double #b59759}.local-mark{background:#6b302d;color:#dfc895;border-color:#6b302d;outline-color:#b59759}.contact{background:#e8dcc7}.button{background:#6b302d}.button:hover{background:#45211e}footer{background:#241b18;color:#f4edde}footer p,footer>span{color:#c7b79d}input,textarea,select{background:#fcf8ef;border-color:#c6b99f}em{color:#7a533b}