:root{--ink:#0a0a0a;--paper:#f0eee8;--red:#ed0000;--line:rgba(255,255,255,.18);--muted:#a6a6a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}.shell{width:min(1280px,90%);margin-inline:auto}.review-bar{min-height:64px;background:#f0eee8;color:#171715;display:flex;align-items:center;justify-content:space-between;padding:11px 3%;gap:20px;border-bottom:1px solid #d5d4ce}.review-title{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;font-weight:600;white-space:nowrap}.review-dot{width:6px;height:6px;background:var(--red);border-radius:50%}.review-divider{margin:0 5px;color:#a1a19a}.review-detail{font-weight:400;letter-spacing:0;text-transform:none;font-size:11px}.concept-tabs{display:flex;gap:5px}.concept-tabs button{color:#66675f;background:none;border:1px solid transparent;font-size:11px;line-height:1.4;padding:10px 13px;white-space:nowrap;transition:background .2s,color .2s}.concept-tabs button span{font-size:9px;margin-right:6px;opacity:.6}.concept-tabs button[aria-selected=true]{color:#f7f5ed;background:#111;border-color:#111}.concept-tabs button:hover:not([aria-selected=true]){background:#e4e2db}.site-header{min-height:107px;display:flex;align-items:center;gap:48px;padding:15px 5%;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{width:222px;flex-shrink:0}.brand img{width:100%;max-height:70px}.desktop-nav{display:flex;gap:29px;align-items:center;margin-left:auto;font-size:12px}.desktop-nav>a{color:#c3c3be}.desktop-nav>a:hover{color:white}.services-menu{position:relative}.services-menu summary{cursor:pointer;list-style:none;display:flex;gap:9px}.services-menu summary::-webkit-details-marker{display:none}.services-menu summary span{color:#96968f}.services-links{position:absolute;top:28px;left:-22px;width:235px;padding:12px 0;background:#171717;border:1px solid #393939;box-shadow:0 15px 30px #0006}.services-links a{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:13px 20px;color:#d9d9d3}.services-links a:hover{background:#282828}.services-links a[aria-current]{color:#ff4d46;border-top:1px solid #333}.header-contact{font-size:12px;display:flex;align-items:center;gap:24px;padding:13px 18px;border:1px solid #5c5c57}.header-contact:hover{border-color:#fff}.mobile-navigation{display:none}.intro{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:end;padding-top:58px;padding-bottom:44px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:500;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:24px;height:2px;background:var(--red)}h1{font-size:clamp(42px,4.9vw,75px);font-weight:200;line-height:1.045;letter-spacing:-.052em;margin:0}h1 strong{font-weight:600;letter-spacing:-.05em}p{line-height:1.7}.intro-copy{padding-bottom:4px}.intro-copy>p{font-size:15px;color:#aeadab;margin:0 0 20px;max-width:295px;line-height:1.75}.text-cta{display:inline-flex;align-items:center;gap:44px;font-size:12px;font-weight:500;padding-bottom:6px;border-bottom:1px solid #777770}.text-cta>span{font-size:20px;font-weight:300}.text-cta:hover{color:white;border-color:var(--red)}.showcase-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;border-top:1px solid var(--line);padding:19px 0 17px;gap:18px}.subtle{color:#6d6d67;margin-left:12px}.small-note{color:#888981;letter-spacing:0;font-size:11px}.scroll-stage{background:#d8d6cf;padding:35px 80px 0;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 55% 35%,#eeeae2,transparent 65%)}.browser{border-radius:7px 7px 0 0;overflow:hidden;background:#121212;box-shadow:0 20px 60px #0002}.browser-main{max-width:1040px;margin:auto;border:1px solid #0b0b0b;border-bottom:none}.browser-chrome{height:31px;display:flex;align-items:center;justify-content:space-between;background:#202020;padding:0 13px;border-bottom:1px solid #363636;color:#777;font-size:9px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#5e5e5e}.browser-dots i:first-child{background:#ba5c56}.browser-dots i:nth-child(2){background:#be9b55}.browser-dots i:nth-child(3){background:#588363}.browser-address{background:#2b2b2b;min-width:240px;padding:4px 16px;text-align:center;border-radius:4px;color:#999;font-size:8px;letter-spacing:.02em}.browser-address>span{font-size:9px;margin-right:8px}.browser-action{color:#777;font-size:13px}.preview-viewport{width:100%;aspect-ratio:1440/840;position:relative;overflow:hidden;background:#111}.preview-viewport iframe{position:absolute;left:0;top:0;border:0;transform-origin:top left;pointer-events:none;display:block}.side-note{position:absolute;left:28px;top:49%;writing-mode:vertical-rl;transform:rotate(180deg);color:#74756d;font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:25px}.side-note span{font-size:22px;transform:rotate(180deg)}.scroll-stamp{position:absolute;bottom:30px;right:27px;color:#161616;display:flex;flex-direction:column;text-align:center;gap:5px}.scroll-stamp span{font-size:6px;letter-spacing:.1em}.scroll-stamp b{font-size:28px;font-weight:200}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 20px}.showcase-caption>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.caption-number{color:var(--red);font-size:10px}.showcase-caption strong{font-size:12px;font-weight:500}.caption-detail{font-size:11px;color:#7a7b73;margin-left:7px}.player-controls{display:flex;gap:12px;flex-shrink:0}.player-controls button{font-size:10px;background:none;border:0;padding:4px 0;color:#b2b2aa;display:flex;align-items:center;gap:9px}.player-controls button:hover{color:white}.play-symbol{font-size:11px;min-width:12px}.restart{font-size:17px!important;margin-left:4px}.tour-progress{height:1px;background:#333}.tour-progress span{display:block;height:1px;width:0;background:var(--red)}.tour-chapters{display:flex;justify-content:space-between;padding:15px 0 4px}.tour-chapters button{background:none;border:0;padding:0;color:#6d6e67;font-size:9px}.tour-chapters button.is-current,.tour-chapters button:hover{color:#e4e4d9}.approach{display:grid;grid-template-columns:1fr .68fr;gap:100px;padding-block:104px 98px}.approach .eyebrow{color:#767870;font-size:9px;margin-bottom:24px}.approach h2{font-size:clamp(25px,3.1vw,45px);font-weight:200;letter-spacing:-.035em;line-height:1.18;margin:0}.approach h2 strong{font-weight:500}.approach-copy>p{color:#a4a49b;font-size:14px;margin:0 0 24px;line-height:1.8;max-width:410px}.approach-list{border-top:1px solid #373732}.approach-list span{display:flex;align-items:center;gap:20px;font-size:11px;padding:13px 0;border-bottom:1px solid #373732}.approach-list b{font-size:8px;color:#77786f;font-weight:400}.contact-section{background:var(--paper);color:var(--ink);padding:64px 0}.contact-inner{display:grid;grid-template-columns:1fr .68fr;gap:100px;align-items:end}.contact-inner .eyebrow{font-size:9px;color:#77786e;margin-bottom:22px}.contact-inner h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.045em;font-weight:200;line-height:1.02;margin:0}.contact-inner strong{font-weight:600}.contact-inner p:not(.eyebrow){font-size:13px;color:#77796d;margin:0 0 19px}.contact-link{border-bottom:1px solid #a2a397;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;font-size:26px;max-width:380px;letter-spacing:-.025em}.contact-link:hover{border-color:var(--red)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:36px}.site-footer img{width:150px}.site-footer p{font-size:11px;color:#8d8e83}.site-footer>span{font-size:9px;color:#676960}.comparison-stage{position:relative;aspect-ratio:1440/840;background:#e9e7e1;overflow:hidden;border:1px solid #666}.comparison-before,.comparison-after{position:absolute;inset:0}.comparison-after{clip-path:inset(0 0 0 var(--split))}.comparison-viewport{height:100%}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-1px);pointer-events:none}.comparison-divider>span{position:absolute;top:50%;left:50%;width:44px;height:44px;background:white;border-radius:50%;color:#161616;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:24px;box-shadow:0 1px 12px #0003}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-stage:focus-within{outline:2px solid var(--red);outline-offset:6px}.compare-label{position:absolute;top:22px;background:#f0eee8ee;color:#262721;font-size:9px;padding:9px 12px;letter-spacing:.1em;display:flex;align-items:center;gap:10px;pointer-events:none}.before-label{left:20px}.after-label{right:20px;background:#171717dd;color:#f0eee8}.compare-label small{font-size:8px;letter-spacing:0;opacity:.65}.wireframe-site{color:#4c514b;width:100%;height:100%;padding:7% 6% 0;background:#e7e7e2}.wire-nav{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-bottom:1px solid #b7bbb2;padding-bottom:18px}.wire-nav>span{font-weight:bold;letter-spacing:.05em;font-size:14px}.wire-nav>div{font-size:8px;color:#7c8078}.wire-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding-block:5%}.wire-copy>p{font-size:9px;letter-spacing:.1em;color:#8e9388}.wire-copy h2{font-size:clamp(24px,4vw,60px);line-height:1.08;margin:10px 0 20px;font-weight:400;letter-spacing:-.04em;color:#696e65}.wire-hero img{aspect-ratio:1/1;width:100%;object-fit:cover;filter:grayscale(1);opacity:.42}.wire-button{font-size:8px;padding:9px 17px;border:1px solid #90968a;display:inline-block}.wire-body{border-top:1px solid #b7bbb2;padding-top:15px}.wire-body h3{font-size:13px;font-weight:400;margin:4px 0 15px}.wire-body>div{display:flex;gap:25px}.wire-body>div>span{display:block;background:#d6d9cf;width:26%;height:50px}.sample-note{color:#77796f;font-size:9px;max-width:200px;line-height:1.5;text-align:right}.transformation-points{border-top:1px solid #34352e;display:grid;grid-template-columns:repeat(3,1fr);padding-top:24px;gap:20px}.transformation-points>div{display:flex;gap:22px;border-right:1px solid #34352e}.transformation-points>div:last-child{border:none}.transformation-points span{color:#676b60;font-size:9px;margin-top:3px}.transformation-points p{margin:0;font-size:16px;font-weight:300;line-height:1.45;letter-spacing:-.02em;color:#b6b8ab}.transformation-points strong{color:#e9ece0;font-weight:500}.devices-stage{position:relative;background:#d4d2c9;aspect-ratio:1.95;overflow:hidden;isolation:isolate}.device-wordmark{position:absolute;top:11%;right:7%;font-size:clamp(32px,9vw,134px);font-weight:700;line-height:.85;letter-spacing:-.08em;color:#c1c0b5;z-index:-1}.desktop-device{position:absolute;left:5%;top:15%;width:75%}.desktop-device .browser{border:5px solid #161616;border-bottom-width:7px;border-radius:10px 10px 0 0;box-shadow:5px 20px 40px #0003}.desktop-device .preview-viewport{aspect-ratio:1440/900}.desktop-device .browser-chrome{height:24px}.desktop-device .browser-address{font-size:6px;padding:3px;min-width:180px}.desktop-device .browser-dots i{width:4px;height:4px}.laptop-base{height:10px;background:linear-gradient(#a5a59d,#74766c);width:107%;margin-left:-3.5%;border-radius:2px 2px 40% 40%;box-shadow:0 8px 14px #0003;position:relative}.laptop-base:before{content:"";position:absolute;left:40%;right:40%;top:0;height:3px;border-radius:0 0 4px 4px;background:#777970}.phone-device{position:absolute;right:7%;bottom:6%;width:21%;border:6px solid #141414;border-radius:27px;overflow:hidden;background:#111;box-shadow:8px 14px 25px #0004}.phone-viewport{aspect-ratio:390/844;border-radius:19px}.phone-camera{position:absolute;z-index:2;top:6px;left:32%;right:32%;height:12px;background:#101010;border-radius:20px}.phone-home{position:absolute;width:32%;height:3px;bottom:7px;left:34%;background:#bbb;border-radius:5px}.device-highlights{display:flex;justify-content:center;gap:40px;padding:22px 0 8px;border-top:1px solid #373831;font-size:10px;color:#b4b6a9}.device-highlights i{font-size:11px;color:#74776a;font-style:normal}
@media(min-width:1600px){.intro{padding-top:68px;padding-bottom:54px}.scroll-stage{padding-inline:110px}.browser-main{max-width:1000px}}
@media(max-width:1100px){.review-detail,.review-divider{display:none}.site-header{gap:28px}.brand{width:190px}.desktop-nav{gap:20px}.header-contact{padding:11px 13px;gap:14px}.intro{grid-template-columns:1fr 260px;gap:30px}.intro-copy>p{font-size:13px}.caption-detail{display:none}.scroll-stage{padding:28px 52px 0}.side-note{left:17px}.scroll-stamp{right:15px}.approach,.contact-inner{gap:65px}.comparison-stage{aspect-ratio:1.6}.comparison-viewport iframe{transform-origin:top left}}
@media(max-width:800px){.review-bar{flex-direction:column;gap:11px;padding:12px 4%}.review-title{font-size:8px}.review-detail,.review-divider{display:inline}.concept-tabs{width:100%;justify-content:center}.concept-tabs button{font-size:10px;padding:9px 11px}.concept-tabs button span{font-size:8px}.site-header{min-height:87px;padding:15px 5%;gap:20px}.brand{width:184px}.desktop-nav{display:none}.header-contact{margin-left:auto;font-size:10px;padding:10px 13px}.mobile-navigation{display:block}.mobile-navigation>summary{list-style:none;display:flex;flex-direction:column;gap:6px;cursor:pointer;padding:12px 0 12px 6px}.mobile-navigation>summary::-webkit-details-marker{display:none}.mobile-navigation>summary span{display:block;width:20px;height:1px;background:#e5e6dc}.mobile-navigation nav{position:absolute;top:100%;left:0;right:0;background:#171717;padding:20px 5%;display:grid;gap:0;border-bottom:1px solid #444}.mobile-navigation nav>a{display:block;padding:11px 0;border-bottom:1px solid #2b2b29;font-size:12px}.mobile-navigation nav>a[aria-current]{color:#ff4d46}.mobile-group-label{color:#767a6e;font-size:10px;padding:17px 0 7px}.intro{padding-top:40px;padding-bottom:34px;grid-template-columns:1fr;gap:25px}.eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(42px,7.8vw,63px)}.intro-copy{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro-copy>p{max-width:360px;margin:0;font-size:13px}.text-cta{white-space:nowrap;gap:20px;font-size:11px;flex-shrink:0}.showcase-topline{font-size:8px}.small-note{font-size:9px}.subtle{margin-left:7px}.scroll-stage{padding:24px 30px 0}.side-note,.scroll-stamp{display:none}.browser-chrome{height:25px;padding-inline:10px}.browser-address{min-width:180px;font-size:7px}.showcase-caption{gap:15px;padding-block:18px}.showcase-caption strong{font-size:11px}.caption-number{font-size:9px}.showcase-caption>div:first-child{gap:9px}.approach{padding-block:70px;gap:40px;grid-template-columns:1fr 1fr}.approach h2{font-size:28px}.approach-copy>p{font-size:12px}.approach .eyebrow{font-size:8px}.contact-inner{gap:40px;grid-template-columns:1fr 1fr}.contact-inner h2{font-size:43px}.contact-link{font-size:21px}.site-footer{flex-wrap:wrap;padding-block:28px;gap:16px}.site-footer>span{margin-left:auto}.site-footer p{display:none}.comparison-stage{aspect-ratio:1.6}.compare-label{top:12px;padding:7px 9px;font-size:8px}.before-label{left:12px}.after-label{right:12px}.compare-label small{font-size:7px}.comparison-divider>span{width:36px;height:36px;font-size:21px}.sample-note{font-size:8px;max-width:180px}.wireframe-site{padding-top:10%}.wire-nav>span{font-size:11px}.wire-nav>div{font-size:6px}.wire-hero{gap:15px}.wire-copy>p{font-size:7px}.wire-copy h2{font-size:31px}.wire-button{font-size:7px;padding:7px 14px}.wire-body{padding-top:8px}.wire-body h3{font-size:11px}.wire-body>div>span{height:40px}.transformation-points{gap:15px}.transformation-points>div{gap:12px}.transformation-points p{font-size:14px}.devices-stage{aspect-ratio:1.75}.desktop-device{top:21%}.phone-device{width:23%;right:5%;bottom:8%;border-width:5px;border-radius:22px}.phone-viewport{border-radius:16px}.phone-camera{height:9px;top:5px}.desktop-device .browser{border-width:4px}.device-highlights{gap:25px;font-size:9px}}
@media(max-width:520px){.shell{width:90%}.review-title{gap:6px}.concept-tabs{gap:0}.concept-tabs button{padding:9px 8px;font-size:9px;flex:1}.concept-tabs button span{margin-right:3px}.brand{width:157px}.site-header{min-height:79px;gap:17px}.header-contact{font-size:9px;gap:12px;padding:9px 10px}.header-contact>span{font-size:14px}.intro{padding-top:35px;gap:20px}h1{font-size:clamp(35px,9.2vw,48px);line-height:1.1}.intro-copy{display:block}.intro-copy>p{max-width:315px;font-size:13px;line-height:1.75;margin:0 0 17px}.text-cta{font-size:11px;gap:32px}.showcase-topline{font-size:7px;padding-block:16px}.small-note{display:none}.subtle{margin-left:4px}.scroll-stage{margin-inline:-5.55%;padding:19px 18px 0}.browser-chrome{height:22px;padding-inline:9px}.browser-address{font-size:6px;min-width:130px;padding:3px 6px}.browser-address>span{display:none}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.browser-action{font-size:10px}.browser-main{border-radius:5px 5px 0 0}.showcase-caption{gap:6px}.showcase-caption>div:first-child{gap:6px}.showcase-caption strong{font-size:9px}.caption-number{font-size:8px}.player-controls{gap:7px}.player-controls button{font-size:8px;gap:5px}.play-symbol{font-size:9px;min-width:9px}.restart{font-size:15px!important}.tour-chapters{gap:8px}.tour-chapters button{font-size:8px}.approach{padding-block:63px;grid-template-columns:1fr;gap:28px}.approach h2{font-size:30px}.approach-copy>p{font-size:13px;max-width:340px}.approach .eyebrow{margin-bottom:19px}.approach-list span{font-size:11px}.contact-section{padding-block:47px}.contact-inner{grid-template-columns:1fr;gap:33px}.contact-inner h2{font-size:47px}.contact-inner .eyebrow{font-size:8px}.contact-inner p:not(.eyebrow){font-size:12px}.contact-link{font-size:25px;max-width:none}.site-footer img{width:127px}.site-footer>span{font-size:7px}.comparison-stage{margin-inline:-5.55%;aspect-ratio:1.42;border-left:0;border-right:0}.compare-label{font-size:7px;padding:6px 7px;gap:5px;top:10px}.compare-label small{font-size:6px}.before-label{left:9px}.after-label{right:9px}.comparison-divider>span{width:29px;height:29px;font-size:18px}.wireframe-site{padding-top:12%}.wire-nav{padding-bottom:12px}.wire-nav>span{font-size:8px}.wire-nav>div{font-size:4px}.wire-copy>p{font-size:5px;margin:0}.wire-copy h2{font-size:25px;margin:8px 0 11px}.wire-hero{gap:18px}.wire-button{font-size:5px;padding:6px 11px}.wire-body h3{font-size:9px;margin:3px 0 10px}.wire-body>div{gap:17px}.wire-body>div>span{height:30px}.compare-caption{align-items:start}.compare-caption>div:first-child{max-width:160px}.sample-note{max-width:135px;font-size:7px;line-height:1.6}.transformation-points{gap:12px;padding-top:20px}.transformation-points>div{display:block;padding-right:8px}.transformation-points span{display:block;font-size:8px;margin-bottom:9px}.transformation-points p{font-size:11px;line-height:1.55}.devices-stage{margin-inline:-5.55%;aspect-ratio:1.32}.device-wordmark{top:10%;font-size:63px;right:9%}.desktop-device{left:4%;top:29%;width:78%}.desktop-device .browser{border-width:3px;border-radius:6px 6px 0 0}.desktop-device .browser-chrome{height:18px;padding-inline:7px}.desktop-device .browser-address{font-size:5px;padding:2px;min-width:100px}.desktop-device .browser-dots i{width:3px;height:3px}.laptop-base{height:6px}.laptop-base:before{height:2px}.phone-device{width:27%;bottom:7%;right:5%;border:4px solid #141414;border-radius:17px}.phone-viewport{border-radius:12px}.phone-camera{height:7px;top:4px}.phone-home{height:2px;bottom:5px}.device-highlights{font-size:8px;gap:13px;padding-block:19px 0}.device-highlights i{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Gallery chapter interaction stays inside the preview browser. */
#scroll-preview.is-interactive-preview{pointer-events:auto}.tour-status{font-size:10px;color:#8b8d82;line-height:1.6;margin:13px 0 0;min-height:16px}.tour-chapters button[aria-current="step"]{color:#e4e4d9}.tour-chapters button:focus-visible{outline-offset:6px}
@media(max-width:520px){.tour-status{font-size:8px;margin-top:12px}.tour-chapters{gap:6px}.tour-chapters button{font-size:8px}}

/* Refine only the selected scroll concept's headline. */
#panel-scroll h1{font-size:clamp(38px,4.4vw,67.5px);letter-spacing:-.015em}
#panel-scroll h1 strong{letter-spacing:-.015em}
@media(max-width:800px){#panel-scroll h1{font-size:clamp(38px,7vw,57px)}}
@media(max-width:520px){#panel-scroll h1{font-size:clamp(31.5px,8.3vw,43.2px)}}

/* A second, independently interactive restaurant example. */
.restaurant-showcase{margin-top:100px;scroll-margin-top:24px}
.restaurant-intro{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end;margin-bottom:35px}
.restaurant-intro h2{font-size:clamp(32px,3.3vw,49px);font-weight:200;line-height:1.12;letter-spacing:-.015em;margin:0}
.restaurant-intro h2 strong{font-weight:600}.restaurant-intro>p{font-size:14px;color:#aeadab;margin:0;line-height:1.8}
.restaurant-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:2px 0 16px;font-size:11px;color:#babbb1}
.restaurant-views{display:flex;gap:6px}.restaurant-views button{padding:8px 14px;background:transparent;border:1px solid #4b4b44;color:#a7a89e;font-size:10px}.restaurant-views button[aria-pressed=true]{background:#eeeee5;color:#171812;border-color:#eeeee5}.restaurant-toolbar>a:hover{color:white}
.restaurant-stage{background:#edeae2;background-image:radial-gradient(ellipse at 50% 25%,#fff,transparent 75%);padding-bottom:30px;transition:padding .2s}
.restaurant-browser{border-bottom:1px solid #b9b7ae;border-color:#b9b7ae;border-radius:8px;background:#fff}
.restaurant-browser .browser-chrome{background:#fafaf8;color:#4a4b42;border-color:#deded8}.restaurant-browser .browser-address{background:#edede9;color:#64655b}
.restaurant-viewport{background:#fff;aspect-ratio:1440/900}#cheese-preview{pointer-events:auto}
.restaurant-stage.is-mobile .restaurant-browser{max-width:390px}.restaurant-stage.is-mobile .restaurant-viewport{aspect-ratio:390/780}
.cheese-tour-restart{font-size:17px!important;margin-left:4px}
@media(max-width:800px){.restaurant-showcase{margin-top:65px}.restaurant-intro{grid-template-columns:1fr;gap:24px}.restaurant-intro>p{max-width:430px;font-size:13px}.restaurant-stage{padding-bottom:24px}.restaurant-toolbar{font-size:10px}.restaurant-intro h2{font-size:36px}}
@media(max-width:520px){.restaurant-intro h2{font-size:32px}.restaurant-toolbar{gap:12px;font-size:9px}.restaurant-views button{font-size:9px;padding:7px 10px}.restaurant-stage{padding-bottom:18px}.restaurant-showcase .showcase-caption{align-items:flex-start}.restaurant-showcase .showcase-caption>div:first-child{max-width:180px}.restaurant-showcase .player-controls{padding-top:1px}.restaurant-showcase .tour-chapters{flex-wrap:wrap;row-gap:12px}}

/* A third, independently interactive sports-car example. */
.motors-showcase{margin-top:100px;scroll-margin-top:24px}
.motors-intro{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end;margin-bottom:35px}
.motors-intro h2{font-size:clamp(32px,3.3vw,49px);font-weight:200;line-height:1.12;letter-spacing:-.015em;margin:0}
.motors-intro h2 strong{font-weight:600}.motors-intro>p{font-size:14px;color:#aeadab;margin:0;line-height:1.8}
.motors-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:2px 0 16px;font-size:11px;color:#babbb1}
.motors-views{display:flex;gap:6px}.motors-views button{padding:8px 14px;background:transparent;border:1px solid #4b4b44;color:#a7a89e;font-size:10px}.motors-views button[aria-pressed=true]{background:#eeeee5;color:#171812;border-color:#eeeee5}.motors-toolbar>a:hover{color:white}
.motors-stage{background:#edeae2;background-image:radial-gradient(ellipse at 50% 25%,#fff,transparent 75%);padding-bottom:30px;transition:padding .2s}
.motors-browser{border-bottom:1px solid #b9b7ae;border-color:#b9b7ae;border-radius:8px;background:#fff}
.motors-browser .browser-chrome{background:#fafaf8;color:#4a4b42;border-color:#deded8}.motors-browser .browser-address{background:#edede9;color:#64655b}
.motors-viewport{background:#fff;aspect-ratio:1440/900}#apex-preview{pointer-events:auto}
.motors-stage.is-mobile .motors-browser{max-width:390px}.motors-stage.is-mobile .motors-viewport{aspect-ratio:390/780}
.apex-tour-restart{font-size:17px!important;margin-left:4px}
@media(max-width:800px){.motors-showcase{margin-top:65px}.motors-intro{grid-template-columns:1fr;gap:24px}.motors-intro>p{max-width:430px;font-size:13px}.motors-stage{padding-bottom:24px}.motors-toolbar{font-size:10px}.motors-intro h2{font-size:36px}}
@media(max-width:520px){.motors-intro h2{font-size:32px}.motors-toolbar{gap:12px;font-size:9px}.motors-views button{font-size:9px;padding:7px 10px}.motors-stage{padding-bottom:18px}.motors-showcase .showcase-caption{align-items:flex-start}.motors-showcase .showcase-caption>div:first-child{max-width:180px}.motors-showcase .player-controls{padding-top:1px}.motors-showcase .tour-chapters{flex-wrap:wrap;row-gap:12px}}

.motors-stage{background:#30312b;background-image:radial-gradient(ellipse at 50% 25%,#4c5040,transparent 75%)}
.motors-browser{border-color:#616653;background:#101210}.motors-browser .browser-chrome{background:#242820;border-color:#414539}.motors-browser .browser-address{background:#30352a;color:#bec5af}.motors-stage .side-note,.motors-stage .scroll-stamp{color:#b1b6a3}.motors-viewport{background:#111410}.motors-showcase .tour-progress span{background:#d0ed5c}
.example-picker{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:32px;font-size:11px;color:#b0b1a7}.example-picker>span{font-size:8px;letter-spacing:.14em;color:#72766b;margin-right:auto}.example-picker a{border-bottom:1px solid #4e5047;padding-bottom:7px}.example-picker a:hover{color:white;border-color:var(--red)}.example-picker b{font-weight:400;padding-left:7px;color:#d0ed5c}.showcase-shell{scroll-margin-top:36px}.tour-chapters button[aria-current=step]{color:#e4e4d9}
@media(max-width:520px){.example-picker{gap:18px;font-size:10px}.example-picker>span{width:100%}.example-picker a{font-size:9px}}

/* The published service uses the approved scrolling presentation. */
.publication-page .review-bar{display:none}

/* More space in the three introductory headings. */
.heading-open-spacing{letter-spacing:.015em}

/* Website rebuild pricing and contact invitation. */
.rebuild-offer{margin-top:34px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal}
.rebuild-offer p{margin:0;color:var(--paper)}
.rebuild-offer .offer-label{display:block;margin-bottom:12px;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:.17em;text-transform:uppercase;color:#a6a6a1}
.rebuild-offer .offer-price{display:flex;align-items:baseline;gap:13px;font-size:clamp(29px,2.8vw,38px);line-height:1.15;font-weight:200;letter-spacing:.015em;white-space:nowrap;font-variant-numeric:lining-nums}
.rebuild-offer .offer-connector{font-size:14px;font-weight:300;letter-spacing:.04em;color:#92938c}
.rebuild-offer .text-cta{margin-top:23px;font-size:12px;font-weight:300;letter-spacing:.045em;border-bottom-color:#595a53;padding-bottom:9px;gap:28px}
.rebuild-offer .text-cta:hover{border-bottom-color:var(--red)}
.rebuild-offer .text-cta>span{color:var(--red);font-style:normal;font-size:18px}
@media(max-width:520px){.rebuild-offer{margin-top:28px}.rebuild-offer .offer-label{font-size:9px;letter-spacing:.15em}.rebuild-offer .offer-price{font-size:30px;gap:11px}.rebuild-offer .text-cta{min-height:44px;align-items:center;margin-top:16px}}

/* Links to the two standalone showcase sites. */
.restaurant-toolbar>a,.motors-toolbar>a{font-size:16px;line-height:1.4}
@media(max-width:520px){.restaurant-toolbar>a,.motors-toolbar>a{font-size:14px}}

.site-footer .back-to-top{display:grid;place-items:center;flex:0 0 44px;height:44px;line-height:1;color:#fff;background:#474854b8;font:normal 20px/1 Arial,sans-serif;text-decoration:none}
.site-footer .back-to-top:hover{background:#565762}
.site-footer .back-to-top:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:520px){.site-footer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 16px}.site-footer>span{grid-column:1;grid-row:2;margin-left:0}.site-footer .back-to-top{grid-column:2;grid-row:1 / span 2}}