@font-face{font-family:Inter;src:url('../assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/inter-medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
:root{color-scheme:dark;--bg:#000;--text:#fff3f0;--secondary:#bbb9b8;--muted:#858383;--line:rgba(255,255,255,.12);--surface:rgba(255,255,255,.075);--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e5c1b6;outline-offset:5px}::selection{background:#d3979466;color:white}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:white;color:black;padding:12px;border-radius:6px}.skip-link:focus{top:10px}.muted{color:#8f8d8d}
.header{position:fixed;inset:0 0 auto;height:60px;z-index:50;transition:background .3s,border-color .3s; border-bottom:1px solid transparent}.header.scrolled{background:#050809bd;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:#ffffff0c}.nav-shell{max-width:1080px;height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:27px;letter-spacing:-1.2px;line-height:1;color:#fff;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;background:#fff;color:#19232b;border-radius:6px;width:24px;height:24px;font-size:21px;line-height:1;font-weight:500;letter-spacing:-2px;padding-right:2px}.logo-mark.mini{width:17px;height:17px;font-size:16px;border-radius:4px}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font-size:14px;color:#d0cece;transition:color .2s}@media(hover:hover) and (pointer:fine){.header nav a:hover{color:white}}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 27px;border-radius:100px;font-size:14px;font-weight:400;line-height:1.35;border:1px solid #ffffffa6;transition:background .25s,transform .25s,box-shadow .25s;white-space:nowrap}@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}}.primary{background:#dedddd;color:#080808;border:1px solid white;box-shadow:inset 0 1px 1px #fff8}@media(hover:hover) and (pointer:fine){.primary:hover{background:#fff;box-shadow:0 6px 24px #ffffff15}}.glass{background:#ffffff13;border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffff0c}.small{min-height:36px;padding:8px 19px;font-size:13px}.menu-toggle{display:none;background:transparent;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;background:white;height:1px;width:20px;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.chip{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:4px 14px;background:#ffffff17;border:1px solid #ffffff14;border-radius:99px;font-size:14px;color:#bfbcbc;line-height:20px;box-shadow:inset 0 1px 1px #ffffff08}.chip i,.feature-label i{width:7px;height:7px;background:#716d6c;border-radius:50%;flex:none}.hero{position:relative;height:calc(735px + 37.1vw);max-height:1420px;min-height:1160px;isolation:isolate;overflow:hidden}.hero-sky{position:absolute;inset:0;z-index:-4;background:radial-gradient(200% 83% at 50% 0%,#1b2228 0%,#353f44 42%,#d39794 100%)}.hero-copy{position:relative;text-align:center;padding-top:160px;z-index:4}.hero-chip{background:#ffffff18;color:#d4d3d4}.hero h1{font-size:56px;line-height:1.3;letter-spacing:-2.1px;margin:25px auto 24px;max-width:820px;color:#fff3f0}.hero-copy p{font-size:14px;line-height:21px;color:#cfd0d0;max-width:550px;margin:auto}.hero-copy>.button{margin-top:48px}.landscape{position:absolute;left:0;width:100%;max-width:none;height:auto;pointer-events:none;will-change:transform}.far{bottom:0;z-index:-3}.middle{bottom:0;z-index:-2}.front{bottom:0;z-index:6}.hero-fade{position:absolute;inset:auto 0 0;height:100px;z-index:7;background:linear-gradient(transparent,#000);pointer-events:none}.hero-window{position:relative;display:grid;grid-template-columns:230px 1fr;width:min(960px,calc(100% - 64px));height:620px;margin:80px auto 0;padding:5px;border-radius:24px;background:#181717cf;z-index:3;transform-origin:50% 0;animation:window-in 1.1s .15s both cubic-bezier(.2,.65,.25,1)}.window-sidebar{position:relative;padding:24px 16px;color:#c7c5c4}.sidebar-brand{font-size:13px;display:flex;align-items:center;gap:9px;margin-bottom:29px}.sidebar-label{display:block;font-size:11px;color:#999492;margin-bottom:12px}.sidebar-tabs{display:grid;gap:5px}.sidebar-tabs button{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;text-align:left;font-size:14px;padding:11px 10px;border-radius:9px;transition:background .2s}.sidebar-tabs button span{font-size:18px;width:20px}.sidebar-tabs button[aria-selected=true]{background:#ffffff0d;border-color:#ffffff0d}@media(hover:hover) and (pointer:fine){.sidebar-tabs button:hover{background:#ffffff0d;border-color:#ffffff0d}}.sidebar-foot{position:absolute;bottom:105px;left:20px;font-size:11px;line-height:1.5;color:#b1aba7}.sidebar-foot small{display:block;font-size:10px;color:#7d7976;margin:6px 0 0 14px}.tiny-dot{display:inline-block;width:5px;height:5px;background:#cec4bd;border-radius:50%;margin-right:8px}.hero-preview{border-radius:19px;position:relative;overflow:hidden;isolation:isolate}.preview-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:opacity .25s}.preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06050348,#1a130969 38%,#080909b3);z-index:-2}.preview-top,.preview-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#eeece3;gap:16px}.preview-top{top:22px}.preview-top>span:first-child{font-size:17px;letter-spacing:-.5px}.preview-bottom{bottom:30px;font-size:10px}.preview-center{position:absolute;top:22%;left:12%;right:12%;text-align:center}.preview-emblem{display:grid;place-items:center;margin:0 auto 18px;width:45px;height:45px;border-radius:50%;background:#fdf5e9;color:#2b2a22;font-size:22px;font-family:Georgia,serif}.preview-kicker{font-size:9px;letter-spacing:1.7px}.preview-center h2{font-size:38px;line-height:1.2;margin:14px 0;font-family:Georgia,serif;letter-spacing:-1px}.preview-center p{font-size:12px;color:#e9e1d8;margin-bottom:24px}.preview-button{background:#faf3e9ed;color:#231e19;border:1px solid #fffa;font-size:12px;min-height:40px;width:100%;padding:10px 12px}@media(hover:hover) and (pointer:fine){.preview-button:hover{background:#fff}}.hero-copy>*{animation:enter .9s both}.hero-copy h1{animation-delay:.08s}.hero-copy p{animation-delay:.16s}.hero-copy>.button{animation-delay:.24s}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes window-in{from{opacity:0;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}
.intro{width:min(640px,calc(100% - 64px));margin:0 auto;padding:170px 0 180px}.intro .chip{margin-bottom:34px}.intro-copy{display:grid;gap:35px}.intro-copy p{font-size:28px;line-height:1.4;letter-spacing:-.7px;color:#c6c2bf}.section{padding:80px 0 100px}.section-heading{display:flex;justify-content:space-between;gap:65px;align-items:flex-end;margin-bottom:66px}.section-heading .chip,.faq-intro .chip{margin-bottom:26px}h2{font-size:40px;line-height:1.35;letter-spacing:-1.5px}.section-heading>div{flex:1}.section-heading>p{width:345px;color:#aaa7a5;font-size:16px;line-height:1.55;flex:none;padding-bottom:5px}.showcase-tabs{display:flex;gap:8px;margin-bottom:24px}.showcase-tabs button{flex:1;background:transparent;border:1px solid transparent;color:#aaa7a5;border-radius:99px;padding:10px 12px;font-size:16px;transition:background .3s,color .3s}.showcase-tabs button[aria-selected=true]{background:#ffffff1a;border-color:#ffffff0c;color:#fff3f0}@media(hover:hover) and (pointer:fine){.showcase-tabs button:hover{color:white;background:#ffffff0c}}.landscape-stage{position:relative;isolation:isolate;overflow:hidden}.stage-sky{position:absolute;inset:0;z-index:-4;background:radial-gradient(170% 100% at 70% 0,#11191f 0,#4c4b4d 49%,#d49a89 82%,#171c17 100%)}.stage-hills{position:absolute;width:100%;height:55%;object-fit:cover;object-position:center top;bottom:0;z-index:-3;max-width:none}.stage-front{position:absolute;bottom:0;width:100%;height:26%;object-fit:cover;z-index:-2}.showcase{border:1px solid var(--line);border-radius:24px;aspect-ratio:1080/607;display:grid;place-items:center;padding:5.5% 10%}.website-demo{width:100%;height:100%;border-radius:15px;padding:5px;background:#131312c9;box-shadow:0 22px 70px #0007;border:1px solid #ffffff13}.browser-toolbar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 5px;gap:15px;font-size:10px;color:#aaa5a1}.traffic-lights{display:flex;gap:4px}.traffic-lights i{display:block;width:5px;height:5px;border-radius:50%;background:#fff4}.demo-site{height:calc(100% - 30px);position:relative;overflow:hidden;isolation:isolate;border-radius:9px}.demo-site>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.demo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#171006b8,#1710061a),linear-gradient(0deg,#08050483,transparent 45%);z-index:-2}.demo-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;color:#f8f0e3}.demo-nav strong{font:400 19px/1.2 Georgia,serif}.demo-nav>span{font-size:9px}.demo-content{padding:30px 36px;max-width:530px}.demo-content small{font-size:8px;letter-spacing:1.8px;color:#e9d8c7}.demo-content h3{font:400 41px/1.1 Georgia,serif;letter-spacing:-.8px;margin:17px 0}.demo-content p{font-size:10px;color:#e2d8cb;margin-bottom:20px}.demo-pill{display:inline-flex;gap:24px;align-items:center;background:#efe7d9;color:#2d261e;border-radius:99px;padding:10px 16px;font-size:10px}.demo-caption{position:absolute;bottom:18px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#e3d5c5}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.gallery-controls p{text-align:center;color:#b8b5b3;font-size:16px}.round-button{border:1px solid #ffffff1c;border-radius:50%;height:48px;width:48px;flex:none;background:#ffffff17;font-size:22px;color:#c4bfbb;display:grid;place-items:center;transition:background .2s,transform .2s}@media(hover:hover) and (pointer:fine){.round-button:hover{background:#fff3;transform:translateY(-2px)}}.concept-note{text-align:center;margin-top:20px;font-size:12px;color:#77716e}
.feature-list{display:grid;gap:48px}.feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:17px;background:#111;min-height:580px;padding:7px;overflow:hidden}.feature-copy{padding:45px 40px;display:flex;flex-direction:column;align-items:flex-start}.feature-label{display:flex;align-items:center;gap:10px;color:#aaa4a1;font-size:14px}.feature h3{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin:55px 0 26px}.feature-copy>p{font-size:14px;line-height:1.6;color:#bbb7b4;max-width:400px}.feature-foot{display:flex;gap:12px;align-items:center;font-size:13px;color:#aaa4a0;margin-top:auto;padding-top:40px}.feature-foot>span{font-size:20px;color:#777}.feature-visual{position:relative;min-height:560px;border:1px solid #ffffff16;border-radius:5px;overflow:hidden;display:grid;place-items:center;padding:40px;isolation:isolate}.feature.reverse .feature-copy{grid-column:2;grid-row:1}.feature.reverse .feature-visual{grid-column:1;grid-row:1}.feature-visual .stage-sky{background:linear-gradient(#374247,#77827f 50%,#987d6c)}.feature-visual .stage-hills{height:42%}.identity-card{width:100%;padding:32px 22px;border-radius:18px;text-align:center;background:#ffffff12;box-shadow:0 16px 35px #0002}.identity-logo{font-size:42px;font-family:Georgia,serif;display:grid;place-items:center;width:86px;height:86px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(150deg,#eed8b6,#757459);color:#2c3029}.identity-card h4{font-size:20px;margin-bottom:3px}.identity-card>p{color:#c9c7bf;font-size:14px}.identity-tags{display:flex;justify-content:center;gap:8px;margin:20px 0}.identity-tags span{font-size:10px;color:#e5e0d7;padding:3px 7px;border:1px solid #fff2;border-radius:99px}.identity-button{display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:9px;background:#fff;color:#111;padding:14px 16px;font-size:13px}.identity-card>.identity-body{font-size:13px;line-height:1.7;margin-top:27px;text-align:left;color:#e6e0db}.visual-tag{position:absolute;left:18px;bottom:14px;color:#ffffff7a;font-size:10px}.content-visual{background:#24231f}.content-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:-2}.content-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009);z-index:-1}.photo-card{width:100%;padding:28px;border-radius:16px;background:#25201c66;transform:rotate(-3deg)}.photo-card .chip{font-size:10px;min-height:25px}.photo-card h4{font-size:31px;line-height:1.25;margin:30px 0 45px}.photo-card>span:last-child{font-size:12px;color:#bfb6ae}.swatches{position:absolute;right:20px;bottom:72px;display:flex;gap:7px;align-items:center;padding:13px 16px;border-radius:12px;background:#201c18a6;transform:rotate(3deg)}.swatches i{width:23px;height:23px;border-radius:50%;background:#d5b695}.swatches i:nth-child(2){background:#666f5b}.swatches i:nth-child(3){background:#ab6c51}.swatches i:nth-child(4){background:#252b2a}.swatches>span{font-size:10px;margin-left:6px;color:#d2c9bf}.contact-visual{background:radial-gradient(ellipse at 80% 90%,#6b555044,transparent 65%),linear-gradient(140deg,#121b24,#272d35)}.contact-glow{position:absolute;width:200px;height:200px;left:-90px;top:15px;border-radius:50%;background:#a49ead;filter:blur(120px);opacity:.5;z-index:-1}.mini-contact{width:100%;padding:23px;border-radius:14px;background:#ffffff0b;transform:rotate(2deg)}.mini-contact-heading{font-size:16px;display:flex;justify-content:space-between;margin-bottom:28px}.mini-contact label{display:block;font-size:10px;color:#aaa6a5;margin-bottom:15px}.mini-contact label span{display:block;color:#ddd9d8;font-size:12px;border:1px solid #fff1;background:#ffffff07;padding:11px;border-radius:8px;margin-top:6px}.mini-contact small{display:block;margin:14px 0 0;color:#969390;font-size:10px}.contact-toast{position:absolute;bottom:52px;left:22px;border-radius:12px;background:#2c303bd9;padding:13px 18px;display:flex;align-items:center;gap:13px;transform:rotate(-3deg);box-shadow:0 20px 40px #0005}.contact-toast>span{display:grid;place-items:center;border:1px solid #fff3;border-radius:50%;width:28px;height:28px}.contact-toast div{font-size:11px}.contact-toast small{display:block;color:#aca9a7;font-size:9px;margin-top:3px}
.center-heading{text-align:center;margin:0 auto 60px}.center-heading h2{margin:25px 0 20px}.center-heading p{font-size:16px;color:#a7a3a1}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.team-card{border:1px solid var(--line);border-radius:20px;padding:7px;background:#101010}.portrait-frame{position:relative;min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:13px;background:radial-gradient(ellipse at 25% 90%,#5b4c4b5e,transparent 65%),linear-gradient(155deg,#293139,#141a1d);overflow:hidden;border:1px solid #fff1}.portrait-frame.second{background:radial-gradient(ellipse at 85% 90%,#74655344,transparent 60%),linear-gradient(155deg,#303234,#131a1a)}.portrait-frame svg{width:115px;stroke:#b9b7b657;stroke-width:1.2}.portrait-frame>span:last-child{position:absolute;bottom:25px;color:#aaa4a1;font-size:12px}.frame-corner{position:absolute;width:24px;height:24px;border-color:#b1a7a561;border-style:solid}.tl{top:24px;left:24px;border-width:1px 0 0 1px}.tr{top:24px;right:24px;border-width:1px 1px 0 0}.bl{bottom:24px;left:24px;border-width:0 0 1px 1px}.br{bottom:24px;right:24px;border-width:0 1px 1px 0}.team-caption{padding:25px 25px 24px}.team-caption h3{font-size:23px;letter-spacing:-.5px;margin-bottom:6px}.team-caption p{font-size:13px;color:#989492}
.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:85px}.faq-intro h2{margin-bottom:25px}.faq-intro>p{color:#a7a3a1;font-size:16px;max-width:380px;line-height:1.6}.text-link{display:inline-flex;gap:25px;color:#e7e0dd;font-size:14px;border-bottom:1px solid #fff3;padding-bottom:5px;margin-top:35px}.faq-list{padding-top:50px}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px;cursor:pointer;color:#ddd8d6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:relative;width:14px;height:14px;flex:none}.faq-list summary>span:before,.faq-list summary>span:after{content:"";position:absolute;top:6px;left:0;width:12px;height:1px;background:#aaa}.faq-list summary>span:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details p{font-size:14px;line-height:1.7;margin-top:18px;padding-right:25px;color:#9e9997}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-card{border:1px solid var(--line);border-radius:17px;background:#101010;overflow:hidden}.reference-empty{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 100%,#7b666e40,transparent 65%),linear-gradient(145deg,#202a33,#13191d);border-bottom:1px solid #fff1}.reference-empty:after{content:"";position:absolute;inset:22px;border:1px dashed #fff2;border-radius:8px}.reference-empty>span:first-child{font-size:44px;letter-spacing:-3px;color:#ffffff32;font-weight:400}.reference-empty>span:last-child{position:absolute;bottom:36px;font-size:11px;color:#a7a0a0}.ref-two{background:radial-gradient(ellipse at 90% 100%,#77664d44,transparent 65%),linear-gradient(145deg,#282b2c,#13191d)}.ref-three{background:radial-gradient(ellipse at 30% 100%,#4d615a44,transparent 65%),linear-gradient(145deg,#262932,#13191d)}.reference-copy{padding:23px}.reference-copy small{font-size:9px;letter-spacing:.6px;color:#807d7d}.reference-copy h3{font-size:20px;letter-spacing:-.6px;line-height:1.4;margin:13px 0 10px}.reference-copy p{font-size:13px;line-height:1.5;color:#93908f}
.closing{border:1px solid var(--line);border-radius:24px;margin-top:60px;min-height:450px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:65px;isolation:isolate}.closing .stage-sky{background:radial-gradient(140% 110% at 75% 0,#1d262d,#414348 45%,#846762 85%,#000)}.closing-hills{position:absolute;bottom:-10px;left:0;width:100%;height:75%;object-fit:cover;z-index:-2;opacity:.85}.closing-copy{position:relative;z-index:2}.closing-copy h2{font-size:35px;line-height:1.35;letter-spacing:-1.3px}.closing-copy p{font-size:14px;color:#c3c0c0;margin:20px 0 30px}.closing-card{width:300px;min-height:285px;flex:none;border-radius:19px;padding:30px;background:#191b2180;transform:rotate(5deg);box-shadow:0 28px 60px #0004;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.closing-card>.logo-mark{width:37px;height:37px;font-size:30px;border-radius:9px}.closing-card>span:nth-child(2){font-size:22px;line-height:1.4;letter-spacing:-.5px}.closing-lines{width:100%;display:grid;gap:8px}.closing-lines i{height:5px;background:#fff2;border-radius:5px;width:90%}.closing-lines i:nth-child(2){width:70%}.closing-lines i:nth-child(3){width:80%}.closing-card small{font-size:10px;color:#c0bab8}.footer{padding:80px 0 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer p{font-size:13px;color:#85817f;margin-top:17px}.footer>div:not(:first-child):not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;color:#aaa5a2}.footer>div>span:first-child{color:#6d6866;margin-bottom:6px}.footer button{background:none;padding:0;font-size:13px;color:#aaa5a2}@media(hover:hover) and (pointer:fine){.footer a:hover,.footer button:hover{color:white}}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:11px;color:#635f5d;gap:25px}
#contact-dialog{width:min(610px,calc(100% - 32px));max-height:90dvh;padding:38px;border:1px solid #ffffff26;border-radius:24px;background:#13191ef5;color:var(--text);box-shadow:0 30px 100px #000b;overflow:auto}#contact-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:20px;top:20px;width:34px;height:34px;font-size:20px}#contact-dialog h2{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:24px 0 12px}.contact-intro{font-size:14px;color:#aaa4a2;margin-bottom:25px}form label{display:block;font-size:12px;color:#bdb6b2;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea{display:block;width:100%;border:1px solid #ffffff20;background:#ffffff05;border-radius:8px;color:#eee7e3;padding:12px;margin-top:7px;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#737477}.draft-note{font-size:12px;color:#93908e;margin:0 0 20px}#form-status{font-size:13px;color:#ddd2c9;margin-top:15px}body.modal-open{overflow:hidden}
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.hero-copy{padding-top:180px}.hero-window{margin-top:95px}}
@media(max-width:1199px){.nav-shell{width:calc(100% - 64px)}.header nav{gap:21px}.hero{min-height:1100px;height:calc(735px + 37vw)}.hero-window{height:560px}.preview-center{top:21%}.feature-copy{padding:35px 30px}.feature-visual{padding:30px}.feature h3{margin-top:45px}.demo-content{padding-top:18px}.demo-content h3{font-size:35px}.section-heading{gap:40px}.faq-section{gap:55px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header nav{gap:18px}.header nav a{font-size:12px}.nav-shell{width:calc(100% - 48px);gap:18px}.nav-cta{font-size:11px;padding:8px 13px}.logo{font-size:23px}.hero{height:1090px;min-height:0}.hero-copy{padding-top:145px}.hero h1{font-size:49px;line-height:1.25;max-width:720px}.hero-window{grid-template-columns:170px 1fr;width:calc(100% - 80px);height:520px;margin-top:75px}.window-sidebar{padding:22px 9px}.sidebar-tabs button{font-size:12px;gap:5px;padding:10px 7px}.sidebar-label{font-size:9px}.sidebar-brand{font-size:11px}.sidebar-foot{left:12px;bottom:60px;font-size:10px}.preview-center{left:8%;right:8%;top:24%}.preview-center h2{font-size:32px}.preview-top{left:19px;right:19px}.preview-top>span:last-child{display:none}.preview-bottom{left:20px;right:20px;font-size:8px}.intro{padding:120px 0}.section{padding:70px 0 85px}.section-heading{gap:30px;margin-bottom:45px}.section-heading>p{width:270px;font-size:14px}h2{font-size:33px}.intro-copy p{font-size:25px}.demo-nav{padding:17px 22px}.demo-nav>span{display:none}.demo-content{padding:12px 24px}.demo-content h3{font-size:29px;margin:12px 0}.demo-content p{font-size:9px;margin-bottom:13px}.demo-pill{padding:8px 12px;font-size:9px}.demo-caption{font-size:7px;left:22px;right:22px;bottom:12px}.feature{min-height:510px}.feature-visual{min-height:490px;padding:24px}.feature-copy{padding:32px 25px}.feature h3{font-size:25px;margin:35px 0 20px}.feature-copy>p{font-size:13px}.feature-foot{font-size:11px;gap:8px}.identity-card{padding:25px 15px}.identity-logo{width:60px;height:60px;font-size:30px}.identity-tags{gap:3px}.identity-tags span{font-size:8px;padding:3px 5px}.identity-card>.identity-body{font-size:11px}.photo-card{padding:23px}.photo-card h4{font-size:27px}.swatches{right:12px;bottom:55px;gap:5px;padding:10px}.swatches>span{display:none}.contact-toast{left:13px;padding:10px;bottom:40px}.contact-toast div{font-size:10px}.mini-contact{padding:17px}.mini-contact-heading{font-size:13px}.portrait-frame{min-height:310px}.faq-section{gap:40px}.faq-list summary{font-size:14px}.reference-grid{gap:16px}.reference-copy{padding:18px}.reference-copy h3{font-size:18px}.reference-empty{height:180px}.closing{padding:45px;gap:35px;min-height:400px}.closing-copy h2{font-size:29px}.closing-card{width:240px;padding:23px;min-height:265px}.closing-card>span:nth-child(2){font-size:19px}}
@media(max-width:700px){.header,.nav-shell{height:64px}.header nav{display:none;position:absolute;top:64px;left:16px;right:16px;padding:12px 22px;border:1px solid #ffffff1a;border-radius:15px;background:#151c22f5;box-shadow:0 20px 50px #0009;backdrop-filter:blur(25px)}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:15px;padding:14px 0;border-bottom:1px solid #fff1}.header nav a:last-child{border:0}.menu-toggle{display:block;margin-right:-7px}.nav-shell{gap:12px}.nav-cta{margin-left:auto;font-size:12px;min-height:34px}.logo{font-size:23px}.logo-mark{width:22px;height:22px;font-size:20px}.hero{height:920px}.hero-copy{padding:130px 22px 0}.hero-chip{font-size:12px;min-height:28px;padding:3px 12px}.hero h1{font-size:40px;letter-spacing:-1.5px;line-height:1.25;margin:24px auto}.hero-copy p{font-size:14px;line-height:1.6;max-width:380px}.desktop-break{display:none}.hero-copy>.button{margin-top:32px;font-size:13px;padding:12px 23px}.hero-window{width:calc(100% - 44px);height:385px;grid-template-columns:1fr;margin-top:60px;border-radius:19px;padding:4px}.window-sidebar{display:none}.hero-preview{border-radius:15px}.preview-center{top:21%;left:17%;right:17%}.preview-emblem{height:32px;width:32px;font-size:18px;margin-bottom:12px}.preview-kicker{font-size:7px;letter-spacing:1px}.preview-center h2{font-size:31px;line-height:1.2;margin:10px 0}.preview-center p{font-size:10px;margin-bottom:16px}.preview-button{min-height:34px;padding:8px;font-size:10px}.preview-top{top:17px}.preview-top>span:first-child{font-size:16px}.preview-bottom{bottom:16px;font-size:8px}.landscape{width:170%;left:-35%;max-width:none}.front{bottom:-2px}.intro{width:calc(100% - 52px);padding:95px 0 85px}.intro-copy{gap:28px}.intro-copy p{font-size:23px;line-height:1.45;letter-spacing:-.5px}.intro .chip{margin-bottom:29px}.container{width:calc(100% - 40px)}.section{padding:60px 0 75px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{width:auto;max-width:410px;margin-top:22px;font-size:14px}.section-heading .chip{margin-bottom:22px}h2{font-size:32px;letter-spacing:-1.15px;line-height:1.3}.chip{font-size:12px;min-height:28px;padding:3px 12px}.showcase-tabs{gap:3px;margin-bottom:17px}.showcase-tabs button{padding:9px 5px;font-size:11px}.showcase{aspect-ratio:auto;height:385px;padding:34px 18px;border-radius:18px}.website-demo{border-radius:12px}.browser-toolbar{font-size:8px;height:25px;padding-inline:6px}.demo-site{height:calc(100% - 25px)}.demo-nav{padding:17px}.demo-nav strong{font-size:17px}.demo-content{padding:15px 21px}.demo-content small{font-size:7px;letter-spacing:1.1px}.demo-content h3{font-size:32px;margin:12px 0}.demo-content p{font-size:9px;max-width:200px;line-height:1.5}.demo-pill{font-size:9px;margin-top:3px}.demo-caption{font-size:7px;left:18px;right:18px;bottom:15px}.demo-caption>span:first-child{max-width:180px}.gallery-controls{gap:15px;margin-top:19px}.gallery-controls p{font-size:12px;line-height:1.5}.round-button{width:39px;height:39px;font-size:19px}.concept-note{font-size:10px;margin-top:17px}.feature-list{gap:25px}.feature{grid-template-columns:1fr;padding:6px;border-radius:16px}.feature.reverse .feature-copy,.feature.reverse .feature-visual{grid-column:auto;grid-row:auto}.feature-copy{padding:31px 25px 30px}.feature-label{font-size:12px}.feature h3{font-size:26px;margin:31px 0 19px}.feature-copy>p{font-size:14px;line-height:1.65;max-width:450px}.feature-foot{padding-top:26px;font-size:12px}.feature-visual{min-height:450px;padding:35px}.identity-card{max-width:350px;padding:28px 24px}.identity-logo{width:70px;height:70px}.identity-tags span{font-size:10px}.identity-card>.identity-body{font-size:12px}.photo-card{max-width:330px;padding:30px}.photo-card h4{font-size:33px}.swatches{bottom:55px;right:30px;gap:8px;padding:14px}.swatches>span{display:block}.mini-contact{max-width:350px;padding:25px}.mini-contact-heading{font-size:15px}.contact-toast{left:26px;bottom:37px;padding:14px}.contact-toast div{font-size:12px}.contact-toast small{font-size:10px}.center-heading{margin-bottom:38px}.center-heading p{font-size:14px}.team-grid{gap:15px}.portrait-frame{min-height:230px}.portrait-frame svg{width:80px}.portrait-frame>span:last-child{font-size:9px;bottom:19px}.frame-corner{width:15px;height:15px}.tl,.tr{top:16px}.bl,.br{bottom:16px}.tl,.bl{left:16px}.tr,.br{right:16px}.team-caption{padding:18px 13px}.team-caption h3{font-size:18px}.team-caption p{font-size:11px;line-height:1.5}.faq-section{grid-template-columns:1fr;gap:15px}.faq-intro>p{font-size:14px}.faq-list{padding-top:10px}.faq-list details{padding:21px 0}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.text-link{font-size:13px;margin-top:25px}.reference-grid{grid-template-columns:1fr;gap:22px}.reference-empty{height:230px}.reference-copy{padding:24px}.reference-copy h3{font-size:22px}.reference-copy p{font-size:14px}.reference-copy small{font-size:10px}.closing{padding:40px 26px;flex-direction:column;align-items:flex-start;gap:45px;min-height:650px;margin-top:25px}.closing-copy h2{font-size:30px}.closing-copy p{font-size:14px}.closing-card{width:250px;min-height:240px;align-self:center;transform:rotate(5deg);padding:25px;gap:15px}.closing-card>span:nth-child(2){font-size:22px}.closing-hills{height:55%}.footer{grid-template-columns:1fr 1fr;gap:38px;padding:65px 0 25px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:10px}.footer>div>span:first-child{font-size:12px}#contact-dialog{padding:28px 23px}#contact-dialog h2{font-size:29px}.form-row{grid-template-columns:1fr;gap:0}form .button{white-space:normal;font-size:12px;padding:12px 18px}}
@media(max-width:370px){.nav-cta{font-size:10px;padding:8px 11px}.nav-shell{width:calc(100% - 32px)}.hero h1{font-size:35px}.hero-chip{font-size:11px}.hero{height:920px}.team-grid{grid-template-columns:1fr}.portrait-frame{min-height:290px}.showcase-tabs button{font-size:10px}.feature-visual{padding:25px}.swatches>span{display:none}.preview-center{left:12%;right:12%}.closing-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.landscape{transform:none!important}}

/* Mobile dimensions measured against the supplied Fora reference. */
@media(max-width:700px){
 .nav-cta{display:none}.menu-toggle{margin-left:auto}
 .hero{height:1020px}.hero-copy{padding-top:120px}
 .hero h1{font-size:36px;line-height:1.3;letter-spacing:-1.3px}.hero h1 br{display:none}
 .hero-copy p{line-height:21px}.hero-copy>.button{margin-top:48px}
 .hero-window{margin-top:80px;grid-template-columns:50px 1fr;height:405px}
 .window-sidebar{display:block;padding:18px 6px}
 .sidebar-brand,.sidebar-label,.sidebar-foot{display:none}
 .sidebar-tabs{gap:6px;margin-top:13px}
 .sidebar-tabs button{font-size:0;justify-content:center;padding:11px 4px;min-height:40px}
 .sidebar-tabs button span{font-size:18px;width:auto}
 .preview-center{left:9%;right:9%;top:23%}.preview-center h2{font-size:28px}
 .preview-center p{font-size:10px}.preview-bottom{font-size:7px;left:13px;right:13px;gap:10px}
 .preview-top{left:16px;right:16px}.preview-top>span:first-child{font-size:15px}
}
@media(max-width:370px){.hero h1{font-size:34px}.hero{height:1080px}.hero-window{height:430px}.preview-center h2{font-size:25px}.hero-chip{font-size:10px}.preview-kicker{font-size:6px}}

/* Original light sculpture: layered glass, no landscape imagery. */
.hero-sky{background:radial-gradient(ellipse at 50% 62%,#41404e 0%,#1b202b 33%,#0c111a 61%,#07090d 88%)}
.lightscape{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;transform:translateY(var(--drift,0px))}.lightscape:after{content:'';position:absolute;left:20%;right:20%;top:490px;height:520px;border-radius:50%;background:#d1b5a514;filter:blur(60px)}
.light-orbit{position:absolute;left:50%;width:1900px;height:830px;border:1px solid #c4bcc843;border-radius:50%;box-shadow:inset 0 16px 36px #d7c6ba13,0 -2px 3px #eedfc129,0 -15px 55px #f3cda91a;transform:translateX(-50%) rotate(-18deg)}.orbit-one{top:490px;background:linear-gradient(170deg,#c9c4ce0c,transparent 46%)}.orbit-two{top:625px;width:2100px;height:760px;transform:translateX(-50%) rotate(14deg);border-color:#becae624;box-shadow:inset 0 20px 70px #aabbd00c,0 -5px 32px #98b9df13}.orbit-three{top:850px;width:1900px;height:450px;transform:translateX(-50%) rotate(-7deg);border-color:#ebcdb348;box-shadow:0 -15px 30px #dfbda719}
.light-plane{position:absolute;width:220px;height:400px;border:1px solid #ffffff18;background:linear-gradient(130deg,#e5d0c71a,transparent 70%);border-radius:28px;box-shadow:inset 1px 1px 0 #ffffff20;backdrop-filter:blur(4px)}.plane-one{top:715px;left:-100px;transform:rotate(-23deg)}.plane-two{top:785px;right:-65px;transform:rotate(19deg)}
.hero-window{box-shadow:0 40px 150px #0007,inset 0 1px 0 #fff2;background:#111218b8}.hero-fade{height:190px}.sidebar-foot{bottom:34px}.sidebar-tabs button{font-size:12px;gap:8px}.hero-preview{background:#141714}.stage-sky{background:radial-gradient(ellipse at 75% 10%,#6d676958,transparent 60%),linear-gradient(150deg,#20282f,#101317 60%,#353338)}.stage-orbit{position:absolute;width:115%;height:90%;border:1px solid #d9d3d333;border-radius:50%;transform:rotate(-19deg);top:40%;left:-8%;box-shadow:0 -8px 35px #d7cebc11}.closing{background:radial-gradient(ellipse at 100% 100%,#66615c 0%,#24282e 35%,#11151c 74%)}.closing .stage-sky{opacity:.3}.closing:after{content:'';position:absolute;width:110%;height:110%;left:10%;top:30%;border:1px solid #ddd2c633;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.closing-copy,.closing-card{z-index:2}.content-visual>img{object-position:center}.identity-button{width:100%;cursor:pointer;border:0}.identity-card{background:#363d3bcc}
.live-demo-mount{height:100%;min-width:0}.interactive-showcase{height:690px;aspect-ratio:auto;padding:48px 62px}.interactive-showcase .website-demo{height:100%;position:relative;z-index:2}.interactive-showcase .live-demo-mount{height:calc(100% - 36px)}.interactive-showcase .browser-toolbar{height:36px}.showcase-tabs button{padding:12px 23px}.food-demo,.craft-demo,.popup-demo{height:100%;position:relative;overflow:hidden;isolation:isolate;container-type:inline-size}.food-demo{background:radial-gradient(ellipse at 80% 42%,#404230 0%,#22281f 30%,#111811 66%);color:#f7edda;--split:0;--travel:70px;--spin:0deg}.live-nav{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:10}.live-nav>strong{font-size:29px;letter-spacing:-1.6px;line-height:1}.live-nav>strong>span{color:#dfbc73}.live-nav>span{font-size:8px;letter-spacing:1.5px}.live-nav .demo-live-dot{font-size:8px;letter-spacing:.2px;border:1px solid #ffffff25;border-radius:20px;padding:5px 8px}.demo-live-dot:before{content:'';display:inline-block;width:4px;height:4px;background:#bdca8d;border-radius:50%;margin-right:5px}.food-copy{position:absolute;z-index:9;left:6%;top:24%;width:47%;pointer-events:none}.food-copy>small{color:#c4cd9e;letter-spacing:1.8px;font-size:9px}.food-copy h3{font-size:clamp(32px,5.3cqw,58px);letter-spacing:-2px;line-height:1.05;margin:18px 0 16px;font-weight:600}.food-copy>p{font-size:12px;line-height:1.7;color:#c3c5b4}.food-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:28px;border:1px solid #e5dbad7a;width:64px;height:64px;border-radius:50%;transform:rotate(-12deg);font:20px Georgia,serif;color:#e1d4b0}.food-stamp small{font:7px Inter,sans-serif;letter-spacing:1px;margin-top:3px}.burger-scene{position:absolute;width:57%;aspect-ratio:1;right:0;top:14%;z-index:5;--travel:72px}.burger-stack{position:absolute;inset:0;transform:rotate(-8deg)}.ingredient{position:absolute;height:auto;left:50%;max-width:none;translate:-50% 0;transform:translateY(calc(var(--shift)*var(--split)*var(--travel))) rotate(calc(var(--twist)*var(--split) + var(--spin)));transform-origin:50% 50%;transition:transform .75s cubic-bezier(.22,.68,.2,1);filter:drop-shadow(0 10px 7px #0004);user-select:none;pointer-events:none;will-change:transform}.food-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(#ab975026,transparent 69%)}.burger-shadow{position:absolute;left:15%;right:10%;height:12%;bottom:2%;background:#0008;border-radius:50%;filter:blur(16px);opacity:calc(1 - var(--split)*.5)}.ingredient-note{position:absolute;font-size:8px;letter-spacing:.4px;z-index:11;opacity:var(--split);transition:opacity .5s;color:#d8d5b8}.note-top{top:1%;right:13%;transform:rotate(-8deg)}.note-bottom{bottom:-1%;right:7%}.food-controls{position:absolute;left:6%;right:6%;bottom:23px;z-index:20}.food-actions{display:flex;gap:8px;align-items:center}.food-actions button{display:inline-flex;align-items:center;gap:12px;justify-content:center;background:#eeeadc;color:#24301d;border:1px solid transparent;font-size:10px;padding:11px 15px;border-radius:99px;min-height:39px;white-space:nowrap}.food-actions button:nth-child(2){background:#ffffff0a;color:#f2e9d7;border-color:#ffffff26}.food-actions button.scroll-link{margin-left:auto;padding-inline:0;background:transparent;color:#babda8;font-size:9px}@media(hover:hover) and (pointer:fine){.food-actions button:hover{filter:brightness(1.15)}}.food-actions button.scroll-link[aria-pressed=true]{color:#d6e5b0}.ingredient-range{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.2px;color:#bcc1ad;margin-top:16px}.ingredient-range input{flex:1;min-width:30px;accent-color:#d8d4b9;height:3px;cursor:ew-resize}.ingredient-range span{white-space:nowrap}.spinning .ingredient{animation:ingredient-spin 1.5s cubic-bezier(.4,0,.15,1) both}.spinning .ingredient-top{animation-delay:0s}.spinning .ingredient-salad{animation-delay:.035s}.spinning .ingredient-cucumber{animation-delay:.07s}.spinning .ingredient-tomato{animation-delay:.105s}.spinning .ingredient-cheese{animation-delay:.14s}.spinning .ingredient-meat{animation-delay:.175s}.spinning .ingredient-bottom{animation-delay:.21s}@keyframes ingredient-spin{from{transform:translateY(calc(var(--shift)*var(--split)*var(--travel))) rotate(calc(var(--twist)*var(--split)))}to{transform:translateY(calc(var(--shift)*var(--split)*var(--travel))) rotate(calc(var(--twist)*var(--split) + 360deg))}}
.craft-demo{background:var(--craft-bg);color:var(--craft-ink);transition:background .65s,color .65s}.craft-demo .live-nav{border-bottom:1px solid currentColor;padding-bottom:17px;opacity:.95}.craft-body{position:absolute;left:6%;right:6%;top:24%;bottom:23%;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}.craft-body>div{z-index:2}.craft-body small{font-size:8px;letter-spacing:1px}.craft-body h3{font:clamp(27px,5.4cqw,57px)/1.06 Georgia,serif;letter-spacing:-1.4px;margin:20px 0}.craft-body p{font-size:11px;line-height:1.7;opacity:.8}.craft-body img{height:100%;width:100%;object-fit:cover;border-radius:90px 90px 3px 3px;box-shadow:10px 12px 0 #36372e15}.craft-cta{border:1px solid currentColor;background:transparent;color:inherit;padding:10px 13px;font-size:9px;margin-top:24px;border-radius:3px}.craft-controls{position:absolute;left:6%;right:6%;bottom:26px;padding-top:20px;border-top:1px solid #7775;display:flex;gap:20px;align-items:center}.craft-controls small{font-size:7px;letter-spacing:1px}.craft-controls p{font-size:11px;margin-top:4px}.palette-group{display:flex;gap:10px;margin-left:auto}.palette{width:28px;height:28px;border-radius:50%;border:3px solid var(--craft-bg);outline:1px solid #7775}.palette[aria-pressed=true]{outline:2px solid var(--craft-ink);outline-offset:3px}.natur{background:#a89a80}.salbei{background:#76927e}.nacht{background:#222b2a}.palette-name{font-size:9px;width:32px}.popup-demo{background:#161210;color:white}.popup-photo,.popup-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.popup-photo{object-position:center 58%}.popup-shade{z-index:-1;background:linear-gradient(90deg,#10100df0 5%,#10100d55 90%)}.popup-copy{position:absolute;top:23%;left:6%;right:6%}.popup-copy>small{font-size:8px;letter-spacing:1.5px;color:#d4c3a9}.popup-copy h3{font:clamp(35px,6cqw,58px)/1.1 Georgia,serif;letter-spacing:-1px;margin:17px 0}.popup-copy>p{font-size:11px;color:#ddd2c6}.popup-planner{position:absolute;bottom:24px;left:6%;right:6%;border-radius:13px;padding:18px 20px;background:#29231dd9}.popup-planner-title{font-size:12px;display:flex;justify-content:space-between;align-items:center}.day-buttons{display:flex;gap:8px;margin:13px 0}.day-buttons button{flex:1;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:5px;padding:9px 12px;font-size:11px;color:#d4c9bd}.day-buttons button span{font-size:8px;display:block;margin-top:2px}.day-buttons button[aria-pressed=true]{background:#dcd0b8;color:#242319;border-color:#dcd0b8}.popup-program{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:22px}.popup-program strong{font-size:10px;font-weight:500}.popup-program p{font-size:9px;color:#beb5a9}.popup-note{display:block;margin-top:9px;color:#9f988f;font-size:7px}.hero-window .popup-planner{bottom:25px}.hero-window .popup-copy{top:23%}.hero-window .burger-scene{top:24%;right:-1%;width:59%}.hero-window .food-copy{top:25%}.hero-window .food-copy h3{font-size:39px}.hero-window .food-controls{bottom:29px}.hero-window .live-nav>span:nth-child(2){display:none}
/* Same restaurant, two complete compositions, one draggable reveal. */
.comparison{overflow:hidden;border-radius:19px;background:#191b1d;--reveal:50%}.comparison .browser-toolbar{height:38px;padding-inline:17px;justify-content:space-between;font-size:10px}.compare-stage{position:relative;height:560px;isolation:isolate;overflow:hidden}.compare-page{position:absolute;inset:0;overflow:hidden}.compare-after{background:#f2eee5;color:#2b3326}.restaurant-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.restaurant-nav>strong{font:27px Georgia,serif;letter-spacing:-1px}.restaurant-nav>span{font-size:10px}.restaurant-nav b{font-weight:400;border:1px solid #4b524d66;padding:10px 13px;border-radius:99px}.restaurant-hero{position:relative;height:calc(100% - 76px);color:#fff7e9}.restaurant-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%}.restaurant-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090e0be8,#090e0b25),linear-gradient(0deg,#090e0b80,transparent 40%)}.restaurant-copy{position:absolute;left:7%;top:16%;z-index:2}.restaurant-copy small{font-size:9px;letter-spacing:2px;color:#d5dbbf}.restaurant-copy h3{font:54px/1.06 Georgia,serif;letter-spacing:-1.5px;margin:22px 0 16px}.restaurant-copy p{font-size:12px;line-height:1.8;color:#dddccd}.restaurant-cta{display:inline-flex;gap:35px;background:#e9ebd2;color:#2b3524;padding:13px 19px;font-size:11px;border-radius:99px;margin-top:22px}.restaurant-info{position:absolute;left:7%;right:6%;bottom:22px;font-size:10px;display:flex;justify-content:space-between;color:#e4e4d5}.compare-before{z-index:3;background:#eff1f4;color:#171717;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);font-family:Arial,sans-serif}.old-title{background:#21477a;color:white;text-align:center;font:700 30px/1.2 'Times New Roman',serif;padding:24px 10px}.old-nav{text-align:center;color:#244b80;background:#d8dfe8;text-decoration:underline;font-size:12px;padding:12px;border-bottom:2px solid #7d96b4}.old-body{width:85%;margin:25px auto}.old-body h3{text-align:center;color:#204579;font:700 25px 'Times New Roman',serif;margin-bottom:24px}.old-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.old-columns p{font-size:13px;line-height:1.55;margin:0 0 16px}.old-columns u{font-size:12px;color:#244ab0;display:block;margin:10px 0}.old-columns img{width:100%;height:185px;object-fit:cover;border:5px ridge #a1aab8;padding:3px}.old-welcome{text-align:center;color:#a22625;font-weight:700;font-size:14px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:13px;margin-top:17px}.old-footer{text-align:center;font-size:9px;color:#777;margin-top:13px}.compare-label{position:absolute;z-index:6;top:17px;font-size:9px;padding:6px 10px;background:#0c111ad9;color:#fff;border:1px solid #fff3;border-radius:5px;pointer-events:none}.before-label{left:13px}.after-label{right:13px}.compare-divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--reveal);width:2px;background:white;box-shadow:0 0 16px #0005;pointer-events:none}.compare-divider>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #fffc;background:#151b24b8;backdrop-filter:blur(14px);width:50px;height:50px;border-radius:50%;font-size:23px;box-shadow:0 3px 20px #0005;color:white}.compare-range{position:absolute;z-index:8;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:2px solid #e6cfc0;outline-offset:5px}.compare-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 45px}.compare-tools .text-link{margin:0;background:none;padding:8px 0;font-size:12px;color:#c9c6c1;border:0}.compare-tools>span{font-size:10px;color:#7f8083}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefit-grid article{border-top:1px solid #fff2;padding-top:23px}.benefit-grid article>span{font-size:9px;letter-spacing:1px;color:#8e8c89}.benefit-grid h3{font-size:19px;letter-spacing:-.4px;margin:13px 0}.benefit-grid p{font-size:13px;color:#a8a6a3;line-height:1.75}
@media(min-width:1500px){.hero-window{margin-top:80px}.hero{height:1310px}.light-orbit{width:2300px}.orbit-one{top:450px}.orbit-two{top:650px}.orbit-three{top:900px}}
@media(max-width:1000px){.interactive-showcase{padding:35px;height:650px}.food-actions button{font-size:9px;padding:9px 12px}.hero-window .food-copy h3{font-size:32px}.hero-window .burger-scene{top:30%}.restaurant-copy h3{font-size:46px}.old-body{width:87%}.old-columns p{font-size:12px}.craft-controls{gap:12px}}
@media(max-width:700px){
 .hero{height:1100px;min-height:1100px}.hero-window{height:500px;margin-top:70px;grid-template-columns:41px 1fr;width:calc(100% - 28px)}.window-sidebar{padding-inline:3px}.sidebar-tabs button{font-size:0;padding:10px 3px}.sidebar-tabs button span{font-size:15px}.hero-preview{border-radius:13px}.hero-window .live-nav{inset:20px 17px auto}.live-nav>strong{font-size:24px}.live-nav>span{font-size:6px;letter-spacing:.7px}.demo-live-dot{display:none}.light-orbit{width:1250px;height:600px}.orbit-one{top:480px}.orbit-two{top:700px}.orbit-three{top:900px}.hero-window .food-copy{left:8%;top:17%;width:88%}.food-copy>small{font-size:7px;letter-spacing:1.2px}.hero-window .food-copy h3{font-size:34px;letter-spacing:-1px;margin:11px 0}.food-copy p,.food-stamp{display:none}.hero-window .burger-scene{width:88%;top:31%;right:3%;--travel:34px}.hero-window .food-controls{left:7%;right:7%;bottom:22px}.food-controls{left:7%;right:7%;bottom:23px}.food-actions{gap:7px;flex-wrap:wrap}.food-actions button{min-height:33px;padding:8px 11px;font-size:8px;gap:6px}.food-actions button.scroll-link{margin-left:0;font-size:7px;flex-basis:100%;padding:0;min-height:18px;justify-content:flex-start}.ingredient-range{gap:9px;font-size:7px;margin-top:10px}.ingredient-range input{min-height:16px}.burger-stack{transform:rotate(-6deg)}.ingredient-note{font-size:7px}.note-top{top:3%}.note-bottom{bottom:0}.showcase-tabs button{font-size:9px;line-height:1.5;padding:9px 6px}.interactive-showcase{height:630px;padding:18px 12px;border-radius:18px}.interactive-showcase .browser-toolbar{height:28px;font-size:7px;padding-inline:8px}.interactive-showcase .live-demo-mount{height:calc(100% - 28px)}.interactive-showcase .live-nav{inset:22px 20px auto}.interactive-showcase .live-nav>span:nth-child(2){font-size:6px}.interactive-showcase .food-copy{top:16%;left:8%;width:90%}.food-copy h3{font-size:40px;letter-spacing:-1.4px;margin:13px 0}.interactive-showcase .burger-scene{top:31%;width:92%;right:0;--travel:44px}.ingredient{filter:drop-shadow(0 5px 4px #0004)}.craft-body{top:20%;bottom:24%;grid-template-columns:1fr 1fr;gap:8px;left:7%;right:7%}.craft-body h3{font-size:30px;letter-spacing:-1px;margin:15px 0}.craft-body small{font-size:6px;letter-spacing:.6px}.craft-body p{font-size:9px;line-height:1.6}.craft-body img{border-radius:70px 70px 3px 3px;object-position:47%;box-shadow:6px 8px 0 #36372e15}.craft-cta{font-size:8px;padding:9px 7px;white-space:normal}.craft-controls{bottom:25px;flex-wrap:wrap;gap:14px;left:8%;right:8%}.craft-controls>div:first-child{width:100%}.craft-controls small{font-size:6px}.craft-controls p{font-size:10px}.palette-group{margin-left:0;gap:12px}.palette{width:24px;height:24px}.palette-name{margin-left:8px}.popup-copy,.hero-window .popup-copy{top:18%;left:8%;right:8%}.popup-copy h3{font-size:37px;margin:16px 0}.popup-copy>small{font-size:6px;letter-spacing:1px}.popup-copy>p{font-size:9px}.popup-planner,.hero-window .popup-planner{left:7%;right:7%;bottom:25px;padding:17px 13px}.popup-planner-title{font-size:10px}.day-buttons{gap:5px;margin-top:15px}.day-buttons button{padding:8px 7px;font-size:10px}.day-buttons button span{font-size:6px}.popup-program{display:block;min-height:45px}.popup-program strong{font-size:10px}.popup-program p{font-size:9px;margin-top:4px}.popup-note{font-size:6px;line-height:1.5}.hero-window .popup-copy h3{font-size:32px}.hero-window .popup-planner{bottom:20px}.hero-window .craft-body h3{font-size:26px}.hero-window .craft-body p{font-size:8px}.hero-window .craft-body{bottom:26%}.comparison{border-radius:13px}.comparison .browser-toolbar{height:30px;font-size:8px;padding-inline:10px}.compare-stage{height:505px}.restaurant-nav{height:63px;padding:0 19px}.restaurant-nav>strong{font-size:22px}.restaurant-nav>span{display:none}.restaurant-hero{height:calc(100% - 63px)}.restaurant-copy{left:8%;top:17%;right:7%}.restaurant-copy small{font-size:7px;letter-spacing:1px}.restaurant-copy h3{font-size:38px;line-height:1.08;margin:22px 0 19px}.restaurant-copy p{font-size:11px;line-height:1.8}.restaurant-cta{font-size:10px;margin-top:25px}.restaurant-info{font-size:8px;bottom:23px}.restaurant-shade{background:linear-gradient(90deg,#090e0bcf,#090e0b65)}.old-title{font-size:21px;padding:24px 10px 14px}.old-nav{font-size:9px;padding:9px 0}.old-body{width:86%;margin:22px auto}.old-body h3{font-size:19px;margin-bottom:18px}.old-columns{display:block;position:relative}.old-columns p{font-size:11px;line-height:1.6}.old-columns img{float:right;width:39%;height:92px;margin-top:-165px;opacity:.9}.old-columns>div>p:first-child{padding-right:44%;min-height:100px}.old-columns>div>p:nth-child(2){font-size:10px}.old-columns u{font-size:10px}.old-welcome{font-size:10px;margin-top:16px;padding:11px 0}.old-footer{font-size:7px;margin-top:14px}.compare-label{font-size:7px;top:8px;padding:4px 7px}.before-label{left:7px}.after-label{right:7px}.compare-divider>span{height:42px;width:42px;font-size:20px}.compare-tools{margin-bottom:28px;gap:6px}.compare-tools .text-link{font-size:10px}.compare-tools>span{font-size:8px}.benefit-grid{grid-template-columns:1fr;gap:23px}.benefit-grid article{padding-top:18px}.benefit-grid h3{font-size:20px;margin:12px 0 8px}.benefit-grid p{font-size:13px;max-width:330px}.benefit-grid article>span{font-size:8px}.feature-visual{min-height:425px}
}
@media(max-width:370px){.hero{height:1150px;min-height:1150px}.hero-window{height:480px}.hero-window .food-copy h3{font-size:30px}.hero-window .burger-scene{top:36%}.interactive-showcase{height:600px;padding:13px 8px}.interactive-showcase .food-copy h3{font-size:35px}.interactive-showcase .burger-scene{top:35%}.food-actions button{padding:8px 9px;font-size:7px}.live-nav>span:nth-child(2){display:none}.showcase-tabs button{font-size:8px;padding-inline:4px}.restaurant-copy h3{font-size:33px}.old-body h3{font-size:17px}.popup-copy h3{font-size:32px}.craft-body h3{font-size:25px}.craft-controls p{font-size:9px}.hero-window .craft-body h3{font-size:22px}.popup-planner{padding:13px 10px}.day-buttons button span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.lightscape{transform:none}.ingredient{transition:none!important;animation:none!important}.craft-demo{transition:none}.ingredient-note{transition:none}.hero-window{animation:none}}
/* Keep the animated product clear of both copy and controls. */
.burger-scene{width:44%;max-width:355px;right:3%;top:12%;--travel:44px}.hero-window .burger-scene{width:49%;max-width:355px;right:3%;top:22%;--travel:44px}.food-controls{padding-top:13px;background:linear-gradient(transparent,#11181155 60%)}.food-stamp{margin-top:23px;width:55px;height:55px;font-size:17px}.restaurant-copy{left:54%;right:4%}.restaurant-copy h3{font-size:47px}.restaurant-shade{background:linear-gradient(90deg,#090e0b35 25%,#090e0bcc 58%,#090e0bc9),linear-gradient(0deg,#090e0b70,transparent 40%)}.old-title{text-align:left;padding-left:7.5%}.old-body h3{text-align:left}.hero-window .food-copy{width:48%}.hero-window .food-copy h3{font-size:38px}
@media(max-width:1000px) and (min-width:701px){.hero-window .food-copy h3{font-size:32px}.hero-window .burger-scene{top:30%;width:49%;--travel:35px}.burger-scene{top:19%;--travel:37px}.restaurant-copy h3{font-size:38px}}
@media(max-width:700px){.hero{height:1220px;min-height:1220px}.hero-window{height:605px}.hero-window .food-copy{width:88%;top:16%}.hero-window .food-copy h3{font-size:34px}.hero-window .burger-scene{top:35%;right:8%;width:79%;max-width:260px;--travel:31px}.interactive-showcase{height:690px}.interactive-showcase .burger-scene{top:35%;right:7%;width:82%;max-width:270px;--travel:34px}.food-controls{background:none}.restaurant-copy{left:8%;right:7%;top:17%}.restaurant-copy h3{font-size:38px}.restaurant-shade{background:linear-gradient(90deg,#090e0bcf,#090e0b65)}.old-title{padding-left:7%}.old-body h3{font-size:18px}.hero-window .craft-body h3{font-size:27px}.hero-window .popup-copy h3{font-size:37px}.hero-window .popup-copy{top:22%}.hero-window .popup-planner{bottom:34px}.hero-window .craft-body{top:23%;bottom:29%}}
@media(max-width:370px){.hero{height:1250px;min-height:1250px}.hero-window{height:590px}.hero-window .food-copy h3{font-size:30px}.hero-window .burger-scene{top:38%;--travel:28px}.interactive-showcase{height:660px}.interactive-showcase .burger-scene{top:38%;--travel:29px}.restaurant-copy h3{font-size:33px}.hero-window .craft-body h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.food-actions .scroll-link{display:none}}

/* Brand websites, September revision: quiet agency frame, expressive work. */
.hero-copy{padding-top:167px}.hero h1{margin-top:0}.hero-window{margin-top:85px}.hero{min-height:1110px;height:1220px}.intro{padding-top:110px}.sidebar-tabs button{font-size:14px}.sidebar-tabs{gap:9px}.showcase-tabs{border-bottom:1px solid #fff2;gap:0}.showcase-tabs button{border:0;border-radius:0;background:transparent!important;color:#939394;padding:16px 22px}.showcase-tabs button[aria-selected=true]{color:#fff;border-bottom:1px solid #e9e3df;box-shadow:none}@media(hover:hover) and (pointer:fine){.showcase-tabs button:hover{color:#fff}}.brand-story{height:1320px;position:relative}.interactive-showcase{position:sticky;top:82px;height:min(710px,calc(100svh - 112px));min-height:470px;padding:30px}.interactive-showcase .live-demo-mount{height:100%}.interactive-showcase .website-demo{padding:0;border-radius:14px;overflow:hidden}.feature h3{margin-top:0}.photo-card h4{margin-top:0}.identity-card h4{margin-top:23px}.contact-toast{display:none}.mini-contact>small{display:none}.benefit-grid article>span{display:none}.benefit-grid h3{margin-top:0}.compare-tools>span{display:none}.compare-label{border-radius:0;border:0;background:#111a}.comparison{padding:0}.compare-stage{height:560px}.brand-food,.brand-craft,.brand-popup{height:100%;position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;--progress:0;--photo-scale:1.04;--photo-y:0px;--first-opacity:1;--second-opacity:0;--photo-rotate:6deg;--heading-x:0px;--tape-x:0px}.brand-food{background:#101113;color:#f5ead5}.brand-nav{position:absolute;top:27px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:8}.brand-nav strong{font-weight:600;font-size:32px;letter-spacing:-1.4px;line-height:1}.brand-nav button{font-size:11px;background:none;border:0;color:inherit;padding:8px 0}.brand-nav button span{margin-left:18px}.smash-photograph{position:absolute;right:-3%;top:-2%;height:108%;width:78%;max-width:none;object-fit:cover;object-position:50% 50%;transform:translateY(var(--photo-y)) scale(var(--photo-scale));transform-origin:65% 55%;will-change:transform}.smash-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#101113 1%,#101113ed 24%,#10111322 70%),linear-gradient(0deg,#101113 0%,#10111344 22%,transparent 50%);z-index:2}.smash-headline,.smash-second{position:absolute;left:5%;top:22%;z-index:4}.smash-headline{opacity:var(--first-opacity);transform:translateY(calc(var(--progress)*-30px))}.smash-headline h3{font-family:Inter,Arial,sans-serif;font-size:clamp(40px,9cqw,99px);font-weight:800;line-height:.92;letter-spacing:-.065em}.smash-headline h3>span{color:#e9ba65}.smash-second{opacity:var(--second-opacity);top:33%;font-size:clamp(45px,10.5cqw,112px);font-weight:800;letter-spacing:-.06em;line-height:.9;transform:translateY(calc(15px - var(--progress)*15px))}.smash-second em{font-style:normal;color:#e9ba65}.smash-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:5}.smash-bottom p{font-size:12px;line-height:1.6;color:#f0e6d0}.brand-link{display:inline-flex;align-items:center;gap:35px;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;padding:10px 0;font-size:12px}.smash-film{position:absolute;right:0;top:0;height:100%;width:70%;object-fit:cover;z-index:1}.smash-film~.smash-vignette{background:linear-gradient(90deg,#101113 0%,#101113dc 26%,transparent 56%)}
.brand-craft{background:#e8e3da;color:#30382e}.brand-craft .brand-nav{border-bottom:1px solid #343b2b44;padding-bottom:21px}.brand-craft .brand-nav strong{font-size:29px;letter-spacing:-1.2px;font-weight:400}.craft-editorial{position:absolute;left:6%;right:6%;top:24%;bottom:16%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px}.craft-editorial h3{font:clamp(33px,7cqw,74px)/1.05 Georgia,serif;letter-spacing:-2px}.craft-editorial p{font-size:12px;line-height:1.9;margin:24px 0}.craft-editorial img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:translateY(calc(var(--progress)*-13px));border-radius:0}.craft-editorial .brand-link{font-size:11px;gap:25px}.craft-signature{position:absolute;left:6%;right:6%;bottom:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343b2b44;padding-top:18px;font-size:10px}.craft-signature>span:last-child{font:28px Georgia,serif}
.brand-popup{background:#c3b8e8;color:#1d153b}.brand-popup .brand-nav{color:#241440}.brand-popup .brand-nav strong{font-size:25px;letter-spacing:-1.5px}.brand-popup .brand-nav sup{font-size:11px;margin-left:4px}.pop-giant{position:absolute;white-space:nowrap;top:17%;left:-8%;font-size:24cqw;font-weight:800;letter-spacing:-.07em;line-height:1;color:transparent;-webkit-text-stroke:1px #59398629;transform:translateX(var(--heading-x));pointer-events:none}.pop-photo{position:absolute;right:4%;top:15%;width:52%;height:70%;transform:rotate(var(--photo-rotate));overflow:hidden}.pop-photo img{height:100%;width:100%;object-fit:cover;object-position:55% 50%;transform:scale(var(--photo-scale))}.pop-photo:after{content:'';position:absolute;inset:0;background:#37217022;mix-blend-mode:color}.pop-heading{position:absolute;top:23%;left:5%;z-index:4;transform:translateX(var(--heading-x));pointer-events:none}.pop-heading>span{font-size:9px;letter-spacing:2px}.pop-heading h3{font-size:clamp(50px,12cqw,122px);line-height:.86;font-weight:800;letter-spacing:-.075em;margin-top:18px}.pop-heading em{font-family:Georgia,serif;color:#eeff9a;font-size:1.1em;letter-spacing:-.08em;font-weight:400;line-height:1.1}.pop-date{position:absolute;right:6%;top:20%;z-index:5;color:#f0ff9c;font-size:22px;font-weight:600;letter-spacing:-1px;line-height:1.1;text-align:right;transform:rotate(5deg)}.pop-date span{font-size:11px;letter-spacing:2px}.pop-tape{position:absolute;left:-10%;width:120%;bottom:19%;z-index:6;transform:rotate(-5deg);background:#eeff9a;color:#251842;padding:13px 0;overflow:hidden;box-shadow:0 4px 10px #24143b0a}.pop-tape span{display:block;white-space:nowrap;font-size:24px;font-weight:600;letter-spacing:-.6px;transform:translateX(var(--tape-x))}.pop-bottom{position:absolute;left:5%;right:5%;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pop-bottom p{font-size:12px}.pop-bottom .brand-link{font-size:12px}.brand-info[hidden]{display:none}.brand-info{position:absolute;inset:0;z-index:30;background:#111315;color:#f5ebd9;padding:70px 8% 30px;overflow:auto}.brand-info-close{position:absolute;right:5%;top:18px;font-size:30px;background:none;padding:8px}.brand-info h4{font-size:clamp(32px,7cqw,72px);font-weight:600;letter-spacing:-2px;line-height:1;margin:15px 0 25px}.menu-logo{font-size:23px}.brand-info dl{margin:0}.brand-info dl>div{border-top:1px solid #ffffff26;padding:18px 0}.brand-info dt{font-size:19px}.brand-info dd{font-size:12px;color:#c5c1b8;margin:6px 0 0}.brand-craft .brand-info{background:#e8e3da;color:#30382e}.brand-craft .brand-info dd{color:#62675e}.brand-craft .brand-info dl>div{border-color:#30382e33}.brand-craft .brand-info h4{font-family:Georgia,serif;font-weight:400}.brand-popup .brand-info{background:#241740;color:#eeff9a}.brand-popup .brand-info p{font-size:14px}.hero-window .smash-headline{top:26%}.hero-window .smash-headline h3{font-size:8.7cqw}.hero-window .smash-photograph{width:90%;right:-8%;object-position:54%}.hero-window .smash-vignette{background:linear-gradient(90deg,#101113 0%,#101113bb 26%,#10111311 85%),linear-gradient(0deg,#101113 0%,transparent 60%)}.hero-window .brand-nav strong{font-size:28px}.hero-window .smash-bottom p{font-size:10px}.hero-window .brand-link{font-size:10px}.hero-window .pop-heading{top:30%}.hero-window .pop-heading h3{font-size:11cqw}.hero-window .pop-date{font-size:18px}.hero-window .pop-bottom p{font-size:10px}.hero-window .pop-tape span{font-size:19px}.hero-window .craft-editorial{gap:25px}.hero-window .craft-editorial h3{font-size:6.7cqw}.hero-window .craft-editorial p{font-size:10px}
@media(max-width:1000px) and (min-width:701px){.brand-nav strong{font-size:26px}.craft-editorial{gap:20px}.pop-heading>span{font-size:7px}.hero-window .smash-bottom{display:block}.hero-window .smash-bottom .brand-link{margin-top:10px}.hero-window .craft-editorial h3{font-size:7cqw}.hero-window .craft-signature{font-size:8px}.hero-window .pop-bottom{display:block}.hero-window .pop-bottom .brand-link{margin-top:6px}.hero-window .pop-tape{bottom:24%}}
@media(max-width:700px){
 .hero-copy{padding-top:130px}.hero h1{margin-top:0}.hero{height:1160px;min-height:1160px}.hero-window{margin-top:70px;height:570px}.sidebar-tabs button{font-size:0}.intro{padding-top:85px}.showcase-tabs button{font-size:11px;padding:12px 7px}.brand-story{height:1120px}.interactive-showcase{top:76px;min-height:520px;height:calc(100svh - 100px);max-height:700px;padding:12px}.interactive-showcase .live-demo-mount{height:100%}.interactive-showcase .website-demo{border-radius:10px}.brand-nav{top:22px;left:7%;right:7%}.brand-nav strong{font-size:27px}.brand-nav button{font-size:10px}.smash-photograph{width:125%;right:-15%;top:12%;height:82%;object-position:50% 65%}.smash-vignette{background:linear-gradient(180deg,#101113 2%,#101113d9 18%,#10111311 48%,#10111322 70%,#101113 97%)}.smash-headline{top:17%;left:7%}.smash-headline h3{font-size:17cqw;line-height:.88}.smash-headline h3>span{color:#efc778}.smash-second{left:7%;top:26%;font-size:17cqw}.smash-bottom{left:7%;right:7%;bottom:25px;align-items:flex-end;gap:12px}.smash-bottom p{font-size:10px;line-height:1.6}.brand-link{font-size:10px;gap:12px;padding:8px 0;white-space:nowrap}.smash-film{width:100%;height:78%;top:12%}.smash-film~.smash-vignette{background:linear-gradient(0deg,#101113 0%,transparent 35%,#10111377 80%,#101113 100%)}.hero-window .smash-headline{top:19%}.hero-window .smash-headline h3{font-size:17cqw}.hero-window .smash-photograph{width:135%;right:-20%;top:13%;height:81%;object-position:50% 50%}.hero-window .smash-vignette{background:linear-gradient(180deg,#101113 3%,#101113c9 18%,#10111311 47%,#10111333 70%,#101113 97%)}.hero-window .smash-bottom{display:block}.hero-window .smash-bottom p{font-size:9px}.hero-window .smash-bottom .brand-link{margin-top:10px}.hero-window .smash-second{top:29%;font-size:18cqw}.craft-editorial{top:20%;bottom:16%;left:7%;right:7%;display:block}.craft-editorial>div{position:relative;z-index:3}.craft-editorial h3{font-size:12cqw;line-height:1.05}.craft-editorial p{font-size:10px;margin:16px 0}.craft-editorial img{position:absolute;bottom:0;right:0;width:55%;height:64%;z-index:1;object-position:55%;opacity:.94}.craft-editorial .brand-link{font-size:9px;margin-top:0}.craft-signature{font-size:8px;left:7%;right:7%;bottom:22px;padding-top:15px;gap:20px}.craft-signature>span:last-child{font-size:24px}.brand-craft .brand-nav{padding-bottom:19px}.brand-craft .brand-nav strong{font-size:24px}.brand-craft .brand-nav button{font-size:9px}.hero-window .craft-editorial h3{font-size:12cqw}.hero-window .craft-editorial p{font-size:9px}.hero-window .craft-editorial img{height:54%;width:60%}.hero-window .craft-editorial .brand-link{font-size:9px}.hero-window .craft-signature{font-size:7px}.brand-popup .brand-nav strong{font-size:23px}.brand-popup .brand-nav sup{font-size:8px}.brand-popup .brand-nav button{font-size:9px}.pop-heading,.hero-window .pop-heading{left:7%;top:23%}.pop-heading>span{font-size:7px;letter-spacing:1.2px}.pop-heading h3,.hero-window .pop-heading h3{font-size:20cqw;line-height:.92;margin-top:14px}.pop-photo{width:78%;height:57%;right:-6%;top:25%;transform:rotate(var(--photo-rotate))}.pop-heading em{line-height:1.05}.pop-giant{top:18%;font-size:40cqw;opacity:.55}.pop-date,.hero-window .pop-date{top:16%;right:9%;font-size:16px}.pop-date span{font-size:8px;letter-spacing:1px}.pop-tape{bottom:22%;padding:12px 0;transform:rotate(-9deg)}.pop-tape span,.hero-window .pop-tape span{font-size:18px}.pop-bottom,.hero-window .pop-bottom{bottom:24px;left:7%;right:7%;display:block}.pop-bottom p,.hero-window .pop-bottom p{font-size:11px}.pop-bottom .brand-link{margin-top:9px;font-size:11px}.brand-info{padding:72px 8% 25px}.brand-info h4{font-size:41px;letter-spacing:-1.5px}.brand-info dt{font-size:17px}.brand-info dd{font-size:11px;line-height:1.7}.brand-info-close{font-size:27px}.compare-stage{height:505px}.feature h3{margin-top:0}
}
@media(max-width:370px){.hero{height:1190px;min-height:1190px}.hero-window{height:580px}.showcase-tabs button{font-size:10px}.brand-nav strong,.hero-window .brand-nav strong{font-size:24px}.brand-nav button{font-size:9px}.hero-window .brand-craft .brand-nav{display:block}.hero-window .brand-craft .brand-nav button{display:block;margin-top:9px}.hero-window .craft-editorial{top:25%}.hero-window .smash-headline h3{font-size:17cqw}.hero-window .pop-heading h3{font-size:20cqw}.hero-window .pop-bottom p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-story{height:auto}.interactive-showcase{position:relative;top:auto}.smash-photograph,.pop-photo,.pop-photo img,.pop-heading,.pop-giant,.pop-tape span,.craft-editorial img{transform:none!important}.smash-headline{opacity:1!important;transform:none!important}.smash-second{display:none}}
@font-face{font-family:Anton;src:url('../assets/anton-regular.ttf') format('truetype');font-weight:400;font-display:swap}
.smash-headline h3,.smash-second{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.03}.smash-headline h3{font-size:9.3cqw}.smash-second{font-size:11cqw}.pop-heading h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1}.pop-heading em{font-family:Georgia,serif;letter-spacing:-.075em}.pop-giant{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.015em}.sidebar-tabs button span{font-size:10px;letter-spacing:0;color:#85858a}.hero-window .smash-headline h3{font-size:9.7cqw}.hero-window .smash-headline{top:23%}.brand-info h4{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.015em}.brand-craft .brand-info h4{font-family:Georgia,serif;letter-spacing:-1px}
@media(max-width:700px){.smash-headline h3,.hero-window .smash-headline h3{font-size:17.8cqw;line-height:1}.smash-second,.hero-window .smash-second{font-size:19cqw}.hero-window .smash-headline{top:17%}.sidebar-tabs button span{font-size:10px}.pop-heading h3,.hero-window .pop-heading h3{font-size:21cqw;line-height:1}}
@media(max-width:700px){.pop-date,.hero-window .pop-date{color:#281c43}.pop-photo{top:40%;height:45%}.hero-window .pop-heading>span{font-size:6px;letter-spacing:.8px}}

/* Two more independent identities: porcelain pop-up and a citrus drinks stand. */
.showcase-tabs{display:flex}.showcase-tabs button{flex:1;padding-inline:12px;white-space:nowrap;font-size:13px}.brand-porcelain,.brand-drinks{height:100%;position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;--progress:0;--line-draw:.45;--porcelain-y:0px}.brand-porcelain{background:#eeeae1;color:#5b4136}.brand-porcelain .brand-nav{top:24px;left:5%;right:5%}.brand-porcelain .brand-nav strong{font:44px/.85 Georgia,serif;letter-spacing:-4px}.brand-porcelain .brand-nav button{font-size:10px}.porcelain-rule{position:absolute;top:84px;left:5%;right:5%;height:1px;background:#87695548;z-index:3}.porcelain-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9c715d;stroke-width:.8;opacity:.6;z-index:2;pointer-events:none}.porcelain-line path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--line-draw))}.porcelain-line .line-two{stroke-width:.5;opacity:.55}.porcelain-photo{position:absolute;left:48%;right:7%;top:18%;bottom:21%;overflow:hidden;transform:translateY(var(--porcelain-y));z-index:1}.porcelain-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 66%;mix-blend-mode:multiply;transform:scale(calc(1 + var(--progress)*.055))}.porcelain-copy{position:absolute;left:7%;top:25%;z-index:4}.porcelain-copy>p{font-size:12px;letter-spacing:.2px;margin-bottom:20px}.porcelain-copy h3{font:5.9cqw/.98 Georgia,serif;letter-spacing:-.055em}.porcelain-copy em{font-weight:400}.porcelain-copy .brand-link{margin-top:27px;font-size:11px;gap:50px}.porcelain-word{position:absolute;bottom:-8%;left:48%;font:29cqw/.8 Georgia,serif;letter-spacing:-.11em;opacity:.10;z-index:0;transform:translateX(calc(var(--progress)*-35px))}.porcelain-bottom{position:absolute;left:5%;right:5%;bottom:25px;border-top:1px solid #87695548;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:10px;z-index:4}.brand-porcelain .brand-info{background:#eeeae1;color:#5b4136}.brand-porcelain .brand-info h4{font:5.8cqw/1.05 Georgia,serif;letter-spacing:-.04em}.brand-porcelain .brand-info dd{color:#806d60}.brand-porcelain .brand-info dl>div{border-color:#87695548}.brand-porcelain .brand-info>p{font-size:12px;margin-top:22px}
.brand-drinks{background:#1649e7;color:#efff8d}.brand-drinks:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 76% 46%,#7498ff55,transparent 59%)}.brand-drinks .brand-nav{z-index:8}.brand-drinks .brand-nav strong{font-family:Anton,Impact,sans-serif;font-size:40px;letter-spacing:-2px;font-weight:400}.brand-drinks .brand-nav button{color:#efff8d}.zest-backtype{position:absolute;right:-6%;top:10%;font:26cqw/1 Anton,Impact,sans-serif;color:#ffffff0b;writing-mode:vertical-rl;letter-spacing:-.055em;pointer-events:none;transform:translateY(calc(var(--progress)*-25px))}.zest-copy{position:absolute;top:22%;left:6%;z-index:5;pointer-events:none}.zest-copy h3{font:8cqw/.99 Anton,Impact,sans-serif;letter-spacing:-.01em}.zest-copy h3 em{font:italic 1.1em/.95 Georgia,serif;letter-spacing:-.06em;color:#fffcec}.zest-copy p{font-size:12px;line-height:1.7;margin-top:25px;color:#edf4ff}.zest-copy .brand-link{font-size:11px;margin-top:20px;pointer-events:auto;gap:38px}.zest-product{position:absolute;top:8%;bottom:9%;right:-1%;width:56%;z-index:3}.zest-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.zest-canvas.ready{opacity:1}.zest-ground{position:absolute;left:23%;right:15%;bottom:4%;height:6%;border-radius:50%;background:#06257c66;filter:blur(15px);transform:scaleX(calc(1 - var(--progress)*.12))}.bottle-fallback{position:absolute;left:50%;top:50%;width:130px;height:330px;transform:translate(-50%,-50%) rotate(-12deg)}.fallback-cap{width:50px;height:18px;position:absolute;left:40px;top:0;background:repeating-linear-gradient(90deg,#2445ad 0px,#7292da 3px,#15368d 5px);border-radius:4px 4px 1px 1px}.fallback-neck{position:absolute;left:44px;top:16px;width:42px;height:77px;background:linear-gradient(90deg,#a0b65c,#f6eeb0 35%,#c7d780 50%,#7d9c4b);border:1px solid #e4f6b680}.fallback-body{position:absolute;top:77px;height:253px;width:130px;border-radius:39% 39% 16px 16px;background:linear-gradient(90deg,#8f971c,#e2d167 25%,#f1df80 42%,#b9a946 83%,#747e1a);box-shadow:inset 8px 0 8px #f8ffd233,inset -6px 0 5px #ffffff44}.fallback-body>span{position:absolute;top:80px;width:100%;padding:22px 7px;background:#efff96;color:#123acf;text-align:center;font:45px/1 Anton,Impact,sans-serif}.fallback-body small{display:block;font:9px/1.5 Arial;margin-top:5px}.has-model .bottle-fallback{display:none}.zest-bottom{position:absolute;left:6%;right:5%;bottom:25px;border-top:1px solid #e8ff9180;display:flex;justify-content:space-between;gap:15px;padding-top:16px;font-size:9px;letter-spacing:.8px;z-index:6}.brand-drinks .brand-info{background:#efff96;color:#153cce}.brand-drinks .brand-info dd{color:#365bc4}.brand-drinks .brand-info dl>div{border-color:#123acf40}.brand-drinks .brand-info>p{font-size:12px;margin-top:20px}.hero-window .porcelain-copy{top:27%}.hero-window .porcelain-copy h3{font-size:6.4cqw}.hero-window .porcelain-copy>p{font-size:10px}.hero-window .porcelain-photo{top:23%;bottom:22%;left:48%;right:5%}.hero-window .porcelain-bottom{font-size:8px}.hero-window .zest-copy{top:25%;left:6%}.hero-window .zest-copy h3{font-size:8.2cqw}.hero-window .zest-copy p{font-size:10px}.hero-window .zest-copy .brand-link{font-size:10px;gap:24px}.hero-window .zest-product{top:14%;bottom:13%;right:-3%;width:58%}.hero-window .zest-bottom{font-size:7px}
@media(max-width:1000px) and (min-width:701px){.showcase-tabs button{font-size:11px}.hero-window .porcelain-bottom>span:last-child{display:none}.hero-window .zest-copy{top:24%}.hero-window .zest-copy h3{font-size:8.5cqw}.hero-window .zest-copy p{font-size:9px}.hero-window .zest-product{width:63%;right:-8%}}
@media(max-width:700px){.showcase-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:0}.showcase-tabs::-webkit-scrollbar{display:none}.showcase-tabs button{flex:0 0 auto;min-width:95px;font-size:11px;padding:14px 12px}.window-sidebar .sidebar-tabs{gap:7px}.brand-porcelain .brand-nav{top:23px;left:7%;right:7%}.brand-porcelain .brand-nav strong{font-size:38px}.brand-porcelain .brand-nav button{font-size:9px}.porcelain-rule{top:76px;left:7%;right:7%}.porcelain-copy,.hero-window .porcelain-copy{top:19%;left:8%;right:6%}.porcelain-copy>p,.hero-window .porcelain-copy>p{font-size:9px;margin-bottom:17px}.porcelain-copy h3,.hero-window .porcelain-copy h3{font-size:11.6cqw;line-height:1.02}.porcelain-copy .brand-link{margin-top:19px;font-size:9px;gap:30px}.porcelain-photo,.hero-window .porcelain-photo{top:48%;bottom:15%;left:28%;right:7%;transform:translateY(calc(var(--progress)*-12px))}.porcelain-photo img{object-position:50% 66%}.porcelain-word{font-size:54cqw;bottom:3%;left:0}.porcelain-line{opacity:.46}.porcelain-bottom,.hero-window .porcelain-bottom{left:7%;right:7%;bottom:23px;padding-top:15px;font-size:8px}.porcelain-bottom>span:last-child{display:none}.brand-porcelain .brand-info h4{font-size:34px}.brand-drinks .brand-nav strong{font-size:31px}.zest-copy,.hero-window .zest-copy{top:18%;left:7%}.zest-copy h3,.hero-window .zest-copy h3{font-size:13.5cqw;line-height:1.02}.zest-copy p,.hero-window .zest-copy p{font-size:9px;margin-top:20px;max-width:135px}.zest-copy .brand-link,.hero-window .zest-copy .brand-link{font-size:9px;margin-top:13px;gap:14px}.zest-product,.hero-window .zest-product{top:32%;bottom:10%;width:78%;right:-11%}.zest-backtype{font-size:43cqw;top:18%;right:-2%}.zest-bottom,.hero-window .zest-bottom{left:7%;right:7%;bottom:22px;padding-top:15px;font-size:7px;letter-spacing:.2px}.zest-bottom>span:last-child{display:none}.zest-ground{bottom:3%}.bottle-fallback{transform:translate(-50%,-50%) rotate(-12deg) scale(.75)}.hero-window .zest-product{top:35%;width:79%;right:-12%}}
@media(max-width:370px){.showcase-tabs button{min-width:90px;font-size:10px}.porcelain-copy h3,.hero-window .porcelain-copy h3{font-size:11.7cqw}.hero-window .zest-copy h3{font-size:14cqw}.zest-copy p,.hero-window .zest-copy p{font-size:8px;max-width:100px}.hero-window .zest-product{width:85%;right:-14%;top:39%}}
@media(prefers-reduced-motion:reduce){.porcelain-photo,.porcelain-photo img,.porcelain-word,.zest-backtype,.zest-ground{transform:none!important}.porcelain-line path{stroke-dashoffset:0}}

@media(max-width:700px){.showcase-tabs{flex-wrap:wrap;overflow:visible;gap:0 12px}.showcase-tabs button{flex:0 0 calc((100% - 24px)/3);min-width:0;padding:14px 2px}}

/* Mobile baseline: no text inflation in landscape, no grey tap flash, no double-tap zoom delay on controls. */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,[role=button],summary,label{touch-action:manipulation}