*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.demo-wrap{width:min(1160px,calc(100% - 72px));margin:auto}.demo-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.demo-brand{font-size:18px;font-weight:700;letter-spacing:-.06em}.demo-brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;opacity:.6}.demo-links{display:flex;align-items:center;gap:32px;font-size:12px}.demo-links a{opacity:.78;transition:opacity .2s}.demo-links a:hover{opacity:1}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:0 19px;border:0;border-radius:999px;background:var(--accent);color:var(--button-ink,#fff);font-weight:600;font-size:12px;transition:transform .2s,filter .2s}.demo-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.demo-button.secondary{background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.demo-menu{display:none;border:0;background:transparent;color:var(--ink);font-size:22px}.demo-section{padding:92px 0}.demo-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.demo-kicker:before{content:"";width:18px;height:1px;background:currentColor}.demo-title{font-size:clamp(38px,5.4vw,68px);line-height:.99;letter-spacing:-.06em;font-weight:600;margin:18px 0}.demo-copy{max-width:490px;color:var(--muted);font-size:15px;line-height:1.7}.demo-actions{display:flex;align-items:center;gap:12px;margin-top:26px}.demo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.demo-section-head h2{font-size:clamp(30px,4vw,45px);line-height:1.05;letter-spacing:-.055em;margin:12px 0 0}.demo-section-head p{max-width:380px;color:var(--muted);font-size:13px;line-height:1.65;margin:0}.demo-footer{padding:28px 0 21px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.demo-footer .credit{font-size:9px;opacity:.55}.demo-nav-cta{display:inline-flex;align-items:center;gap:7px}.demo-toast{position:fixed;left:50%;bottom:25px;z-index:20;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 18px;background:#17191d;color:#fff;border-radius:999px;font-size:12px;box-shadow:0 10px 30px #0003;transition:opacity .22s,transform .22s}.demo-toast.show{opacity:1;transform:translate(-50%,0)}
/* Restaurant: warm paper, deep herb green, and restrained persimmon. */
body.restaurant{--paper:#f6f1e8;--ink:#26382c;--muted:#6f796f;--accent:#bd5736;--button-ink:#fff;--wash:#e6e8d9;--display:"Playfair Display",Georgia,serif}.restaurant .demo-brand{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:.04em}.restaurant .demo-brand small{font-family:"DM Sans",sans-serif}.restaurant .demo-hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:58px 0 68px}.restaurant .demo-title{font-family:var(--display);font-weight:500;letter-spacing:-.045em;font-size:clamp(48px,6.6vw,82px)}.restaurant .hero-art{height:420px;position:relative;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#e0d7c5,#c6c5aa);overflow:hidden}.restaurant .hero-art:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#f8f4e9 0 48%,#d9cdb4 49% 53%,#f8f4e9 54%);left:50%;top:50%;transform:translate(-50%,-47%);box-shadow:0 25px 50px #44503928}.restaurant .hero-plate{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-47%);border-radius:50%;background:radial-gradient(ellipse at 43% 38%,#c5643e 0 8%,transparent 9%),radial-gradient(ellipse at 57% 44%,#839256 0 10%,transparent 11%),radial-gradient(ellipse at 47% 58%,#d8b861 0 11%,transparent 12%),radial-gradient(ellipse at 62% 61%,#bd5736 0 8%,transparent 9%),radial-gradient(ellipse at 42% 68%,#526d45 0 8%,transparent 9%),#eae2cd}.restaurant .hero-plate:after{content:"";position:absolute;inset:12px;border:1px solid #fff9;border-radius:50%}.restaurant .hero-stamp{position:absolute;right:5%;top:13%;padding:15px 18px;border-radius:50%;background:var(--accent);color:#fff;font:italic 13px var(--display);transform:rotate(9deg)}.restaurant .menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.restaurant .menu-item{padding:19px;border:1px solid #ded9cd;border-radius:12px;background:#faf7f0}.restaurant .food-art{height:145px;border-radius:8px;margin-bottom:18px;background:radial-gradient(circle at center,#f2ead8 0 37%,#ddd1b9 38% 46%,transparent 47%),linear-gradient(135deg,#d9c6a5,#ede3d1)}.restaurant .food-art.one{background:radial-gradient(ellipse at 53% 52%,#c25131 0 13%,transparent 14%),radial-gradient(ellipse at 40% 45%,#78904b 0 12%,transparent 13%),radial-gradient(ellipse at 61% 42%,#e6c46d 0 9%,transparent 10%),radial-gradient(circle at center,#f6f0e2 0 34%,#ddd2bb 35% 42%,transparent 43%),linear-gradient(135deg,#d9c6a5,#ede3d1)}.restaurant .food-art.two{background:radial-gradient(ellipse at 49% 52%,#d8b56a 0 20%,transparent 21%),radial-gradient(ellipse at 58% 44%,#647e48 0 8%,transparent 9%),radial-gradient(circle at center,#f7f0e2 0 35%,#d8ccb4 36% 43%,transparent 44%),linear-gradient(135deg,#c6b89d,#e8dcc8)}.restaurant .food-art.three{background:radial-gradient(ellipse at 50% 50%,#8d4935 0 18%,transparent 19%),radial-gradient(ellipse at 45% 43%,#e4c878 0 6%,transparent 7%),radial-gradient(circle at center,#f7f0e2 0 35%,#d8ccb4 36% 43%,transparent 44%),linear-gradient(135deg,#c6b89d,#e8dcc8)}.restaurant .menu-item h3{font:500 20px var(--display);margin:0 0 7px}.restaurant .menu-item p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.restaurant .menu-item .price{display:block;color:var(--accent);font-size:11px;font-weight:700;margin-top:13px}.restaurant .story-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#e8e7d8;border-radius:20px;padding:43px}.restaurant .story-art{height:300px;border-radius:48% 48% 12px 12px;background:radial-gradient(circle at 50% 68%,#789056 0 6%,transparent 7%),radial-gradient(circle at 45% 62%,#c36741 0 8%,transparent 9%),linear-gradient(150deg,#d5d0bb,#a6aa86)}.restaurant .visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.restaurant .reservation{padding:27px;border-radius:16px;background:#fffdf8;border:1px solid #e6dfd2}.restaurant .reservation label{display:block;font-size:11px;font-weight:600;margin:13px 0 6px}.restaurant .reservation input,.restaurant .reservation select{width:100%;min-height:42px;padding:0 11px;border-radius:7px;border:1px solid #dadfd5;background:#fff;color:var(--ink)}.restaurant .reservation button{margin-top:17px}.restaurant .reservation-status{min-height:18px;font-size:11px;color:var(--accent);margin:10px 0 0}
/* Real estate: cool architectural white, graphite, and sage. */
body.property{--paper:#f5f6f1;--ink:#26332f;--muted:#717c76;--accent:#546e61;--button-ink:#fff;--wash:#e8ece5;--display:"DM Sans",sans-serif}.property .demo-brand{font-size:17px;letter-spacing:.16em;text-transform:uppercase}.property .demo-brand small{letter-spacing:.23em}.property .demo-hero{min-height:600px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;padding:55px 0 68px}.property .demo-title{font-size:clamp(48px,6vw,74px);font-weight:500;letter-spacing:-.065em}.property .hero-art{height:455px;position:relative;overflow:hidden;border-radius:4px 48% 4px 4px;background:linear-gradient(165deg,#d5ded5 0 38%,#b5c5bb 39% 61%,#d8d9cd 62%)}.property .architecture{position:absolute;right:8%;bottom:0;width:73%;height:78%;background:#eeeae0;clip-path:polygon(0 27%,50% 0,100% 24%,100% 100%,0 100%);filter:drop-shadow(0 20px 20px #253d3024)}.property .architecture:before{content:"";position:absolute;left:12%;right:12%;top:31%;bottom:0;background:repeating-linear-gradient(90deg,#a9b7ad 0 2px,transparent 2px 31%),repeating-linear-gradient(0deg,transparent 0 38px,#a9b7ad 38px 40px)}.property .architecture:after{content:"";position:absolute;left:44%;top:31%;width:18%;height:69%;background:#d6d0c1}.property .landscape{position:absolute;left:-7%;bottom:-35px;width:110%;height:120px;background:linear-gradient(180deg,#8fa390,#60796d);border-radius:50% 50% 0 0}.property .hero-flag{position:absolute;left:7%;top:9%;padding:11px 14px;background:#ffffffd9;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.property .listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.property .listing-card{overflow:hidden;border:1px solid #e1e5df;border-radius:12px;background:#fff}.property .listing-art{height:185px;position:relative;background:linear-gradient(180deg,#dce5e3 0 48%,#b0c0b0 49% 65%,#879b8d 66%)}.property .listing-art:before{content:"";position:absolute;left:18%;bottom:0;width:65%;height:75%;background:#f1eee6;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.property .listing-art:after{content:"";position:absolute;left:38%;bottom:0;width:24%;height:35%;background:#9eafa6;box-shadow:45px -38px 0 -4px #abc2b6,-45px -38px 0 -4px #abc2b6}.property .listing-card:nth-child(2) .listing-art{filter:hue-rotate(18deg)}.property .listing-card:nth-child(3) .listing-art{filter:hue-rotate(-16deg)}.property .listing-copy{padding:17px}.property .listing-copy small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.property .listing-copy h3{font-size:16px;margin:8px 0}.property .listing-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.property .listing-copy a{display:inline-block;margin-top:14px;color:var(--accent);font-size:11px;font-weight:700}.property .search-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:13px;border:1px solid #e3e7e1;border-radius:12px;background:#fff}.property .search-row select{border:0;background:#f5f6f1;padding:0 10px;min-height:43px;border-radius:7px;color:var(--ink)}.property .search-status{font-size:11px;color:var(--accent);min-height:17px;margin:10px 0}
/* Fashion: ink-black, warm white, and muted rose. */
body.fashion{--paper:#f7f5f3;--ink:#211d1d;--muted:#77716f;--accent:#a94d5d;--button-ink:#fff;--wash:#ebe3e0;--display:"Playfair Display",Georgia,serif}.fashion .demo-brand{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:.11em}.fashion .demo-brand small{font-family:"DM Sans",sans-serif}.fashion .demo-hero{min-height:575px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:35px;padding:55px 0 65px}.fashion .demo-title{font-family:var(--display);font-weight:500;font-size:clamp(48px,6.4vw,80px);letter-spacing:-.055em}.fashion .hero-art{height:455px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eee3dc,#d8c1b7);border-radius:190px 190px 8px 8px}.fashion .fashion-figure{position:absolute;bottom:-8%;left:29%;width:45%;height:82%;border-radius:48% 48% 9% 9%;background:linear-gradient(105deg,#79534e,#b37f70 47%,#6a4b4d);box-shadow:25px 20px 45px #4d333526;transform:rotate(-3deg)}.fashion .fashion-figure:before{content:"";position:absolute;left:22%;top:-18%;width:58%;height:27%;border-radius:48% 48% 35% 35%;background:linear-gradient(100deg,#c69a82,#e2b99e)}.fashion .fashion-figure:after{content:"";position:absolute;left:37%;top:-22%;width:38%;height:17%;border-radius:50% 50% 20% 20%;background:#282323}.fashion .hero-caption{position:absolute;left:8%;bottom:8%;padding:14px 18px;background:#ffffffd9;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.fashion .collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fashion .product-card{background:#fff;border:1px solid #e8e3e0;border-radius:12px;overflow:hidden}.fashion .product-art{height:230px;position:relative;background:#eee8e3;display:grid;place-items:center}.fashion .garment{width:48%;height:74%;position:relative;background:linear-gradient(110deg,#a65c62,#d18884 55%,#9e555d);clip-path:polygon(25% 0,42% 8%,58% 8%,75% 0,100% 17%,83% 35%,75% 29%,82% 100%,18% 100%,25% 29%,17% 35%,0 17%);filter:drop-shadow(0 12px 10px #33242122)}.product-card:nth-child(2) .product-art{background:#ebe9e1}.product-card:nth-child(2) .garment{background:linear-gradient(105deg,#454d48,#73776a 54%,#333a35)}.product-card:nth-child(3) .product-art{background:#f0e5e3}.product-card:nth-child(3) .garment{background:linear-gradient(100deg,#d2a691,#e5c3ae 55%,#bd8f7c)}.fashion .product-copy{padding:15px}.fashion .product-copy h3{font:500 17px var(--display);margin:0 0 6px}.fashion .product-copy p{font-size:11px;color:var(--muted);margin:0}.fashion .product-copy button{margin-top:13px;padding:0;border:0;background:none;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer}.fashion .bag-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--accent);color:#fff;font-size:9px;margin-left:3px}.fashion .editorial{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#eee8e4;padding:40px;border-radius:16px}.fashion .editorial-art{height:250px;background:linear-gradient(145deg,#ddc6bc,#a66e6a);position:relative;overflow:hidden;border-radius:140px 140px 8px 8px}.fashion .editorial-art:before{content:"";position:absolute;inset:18% 27% -8%;border-radius:50% 50% 5% 5%;background:linear-gradient(100deg,#33383a,#77736d,#313538)}.fashion .editorial-copy h2{font:500 34px/1.05 var(--display);letter-spacing:-.04em;margin:12px 0}.fashion .editorial-copy p{font-size:12px;line-height:1.65;color:var(--muted)}
@media(max-width:850px){.demo-wrap{width:calc(100% - 46px)}.demo-links{gap:19px}.restaurant .demo-hero,.property .demo-hero,.fashion .demo-hero{gap:25px;min-height:515px}.restaurant .hero-art,.property .hero-art,.fashion .hero-art{height:360px}.restaurant .menu-grid,.property .listing-grid,.fashion .collection-grid{gap:11px}.restaurant .menu-item{padding:13px}.restaurant .food-art{height:110px}.property .listing-art{height:150px}.fashion .product-art{height:180px}.restaurant .story-panel,.fashion .editorial{padding:28px;gap:25px}}
@media(max-width:620px){.demo-wrap{width:calc(100% - 36px)}.demo-nav{height:68px;gap:10px}.demo-brand{font-size:16px}.demo-menu{display:block}.demo-links{display:none;position:absolute;z-index:10;top:61px;left:18px;right:18px;flex-direction:column;align-items:flex-start;gap:18px;padding:18px;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:12px;box-shadow:0 12px 28px #14223818}.demo-links.open{display:flex}.demo-nav>.demo-button{min-height:37px;padding:0 12px;font-size:10px}.demo-section{padding:62px 0}.demo-section-head{display:block;margin-bottom:22px}.demo-section-head p{margin-top:12px}.restaurant .demo-hero,.property .demo-hero,.fashion .demo-hero{display:flex;flex-direction:column;align-items:stretch;gap:23px;min-height:0;padding:42px 0 52px}.restaurant .demo-title,.property .demo-title,.fashion .demo-title{font-size:clamp(45px,12vw,66px)}.restaurant .hero-art,.property .hero-art,.fashion .hero-art{width:100%;height:315px}.restaurant .hero-plate{width:230px;height:230px}.restaurant .hero-art:before{width:320px;height:320px}.restaurant .menu-grid,.property .listing-grid,.fashion .collection-grid{grid-template-columns:1fr;gap:12px}.restaurant .menu-item{display:grid;grid-template-columns:105px 1fr;gap:4px 13px;align-items:center;padding:11px}.restaurant .food-art{grid-row:1/4;height:94px;margin:0}.restaurant .menu-item h3{font-size:17px;margin:0}.restaurant .menu-item p{font-size:10px}.restaurant .menu-item .price{margin:0}.restaurant .story-panel,.fashion .editorial{grid-template-columns:1fr;padding:20px;gap:20px}.restaurant .story-art,.fashion .editorial-art{height:210px}.restaurant .visit-grid{grid-template-columns:1fr;gap:20px}.restaurant .reservation{padding:18px}.property .listing-card{display:grid;grid-template-columns:.9fr 1.1fr}.property .listing-art{height:100%;min-height:155px}.property .listing-copy{padding:13px}.property .search-row{grid-template-columns:1fr 1fr}.property .search-row .demo-button{grid-column:1/-1}.fashion .product-card{display:grid;grid-template-columns:.9fr 1.1fr}.fashion .product-art{height:175px}.fashion .product-copy{align-self:center;padding:12px}.fashion .editorial-copy h2{font-size:29px}.demo-footer{display:grid;grid-template-columns:1fr;gap:9px;padding:22px 0}.demo-footer .credit{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Editorial photography and quieter surfaces for a more finished storefront feel. */
.demo-wrap{max-width:1200px}
.restaurant .hero-art,.property .hero-art,.fashion .hero-art{isolation:isolate;box-shadow:0 24px 70px #1b241a1a}
.restaurant .hero-art{border-radius:44% 44% 12px 12px;background:#e8e0d2}
.restaurant .hero-art:before,.restaurant .hero-plate{display:none}
.property .hero-art{border-radius:5px 130px 5px 5px;background:#dfe7de}
.fashion .hero-art{border-radius:190px 190px 8px 8px;background:#e7ddd7}
.restaurant .hero-art>img,.property .hero-art>img,.fashion .hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.restaurant .hero-art>img{object-position:center 56%}
.property .hero-art>img{object-position:center 52%}
.fashion .hero-art>img{object-position:center 34%}
.restaurant .hero-stamp{z-index:1;box-shadow:0 10px 25px #17120d28}
.restaurant .food-art{background-size:cover;background-position:center;border-radius:9px}
.restaurant .food-art.one{background-image:url("restaurant/dish-1.jpg")}
.restaurant .food-art.two{background-image:url("restaurant/dish-2.jpg")}
.restaurant .food-art.three{background-image:url("restaurant/dish-3.jpg")}
.restaurant .story-art{background:url("restaurant/restaurant.jpg") center 58%/cover;border-radius:8px 110px 8px 8px;min-height:300px}
.property .listing-art{background:#e6ece5}
.property .listing-art:before,.property .listing-art:after{display:none}
.property .listing-art img,.fashion .product-art img,.fashion .editorial-art img{width:100%;height:100%;display:block;object-fit:cover}
.property .listing-art img{position:absolute;inset:0}
.property .listing-card:nth-child(2) .listing-art img{object-position:center 58%}
.property .listing-card:nth-child(3) .listing-art img{object-position:center 45%}
.property .story-art{overflow:hidden;border-radius:4px 100px 4px 4px}
.property .story-art img{width:100%;height:100%;object-fit:cover;display:block}
.fashion .product-art{overflow:hidden;background:#eee8e3}
.fashion .product-card:nth-child(2) .product-art img{object-position:center 38%}
.fashion .product-card:nth-child(3) .product-art img{object-position:68% center}
.fashion .editorial-art{overflow:hidden;background:#eee8e4;border-radius:130px 130px 8px 8px}
.demo-footer .credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.demo-button,.listing-card,.menu-item,.product-card{transition:transform .25s ease,box-shadow .25s ease}
.menu-item:hover,.listing-card:hover,.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1d24140e}
@media(max-width:620px){.restaurant .story-art{min-height:210px}.property .story-art{height:230px}.property .hero-art{border-radius:5px 90px 5px 5px}.fashion .hero-art{border-radius:120px 120px 8px 8px}}