/* Product-led opening and compact, accessible navigation. */
.hero-cinematic .hero-brand{background:none!important}.hero-brand .brand-letter{background-image:var(--gradient-metal)}
.nfc-story [hidden]{display:none!important}
.google-review-demo .review-demo-stars{color:#FBBC04;font-size:24px;letter-spacing:1px;white-space:nowrap;line-height:1.4}
.google-review-demo i{color:#4285F4;border-color:#A7AAA3;background:#FFFFFF;font-weight:700;font-size:28px}
@media(max-width:560px){.google-review-demo .review-demo-stars{font-size:20px;letter-spacing:0}}
.nfc-story{--approach-x:-170px;--approach-y:40px}.nfc-story.is-complete .nfc-phone{transform:rotate(0)}
.navbar{width:100%;top:0;border:1px solid transparent;transition:width .35s,top .35s,border-radius .35s,background .35s;overflow:visible}
.navbar.scrolled{width:min(1120px,calc(100% - 24px));top:12px;margin-inline:auto;border-color:var(--line);border-radius:28px;background:rgb(29 29 27 / .94);box-shadow:0 12px 40px #0003;backdrop-filter:blur(22px)}
.navbar .nav-inner{min-height:58px;padding:4px 28px;grid-template-columns:auto 1fr auto auto;gap:28px;max-width:1320px}
.navbar .wordmark{font-size:18px}.navbar .nav-inner nav{gap:clamp(22px,3vw,48px);position:static;margin:auto;display:flex;padding:0;background:none;overflow:visible}
.navbar .nav-inner nav>a,.navbar .nav-trigger{min-height:44px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;font-size:13px;color:var(--synkro-silver);white-space:nowrap;display:flex;align-items:center;gap:8px}
.navbar .nav-inner nav a:before{display:none}.navbar .nav-inner nav a:hover,.navbar .nav-trigger:hover,.navbar .nav-trigger[aria-expanded=true]{color:var(--synkro-light)}
.navbar .nav-trigger span{font-size:10px;transition:transform .2s}.navbar .nav-trigger[aria-expanded=true] span{transform:rotate(180deg)}
.navbar .nav-actions .button{min-height:34px;padding:7px 16px;font-size:12px;border-radius:22px;gap:10px}
.nav-panel{position:absolute;top:100%;left:-1px;right:-1px;padding:32px max(28px,calc((100% - 1200px)/2));background:rgb(29 29 27 / .98);border:1px solid var(--line);border-top:0;box-shadow:0 24px 35px #0003;border-radius:0 0 24px 24px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;animation:panel-in .2s ease-out}
.navbar.scrolled:has(.nav-trigger[aria-expanded=true]){border-radius:28px 28px 0 0}.nav-panel[hidden]{display:none!important}
.nav-panel p{font-size:12px;margin-bottom:14px}.navbar .nav-inner .nav-panel a{display:block;text-align:left;min-height:44px;padding:7px 0;background:none;border:0;border-radius:0;font-size:22px;white-space:normal;box-shadow:none;line-height:1.4}.navbar .nav-inner .nav-panel .nav-secondary a{font-size:14px}
@keyframes panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.hero-cinematic{padding:36px 32px 28px;min-height:calc(100svh - 60px)}
.hero-cinematic .hero-identity{margin:0;max-width:1160px}.hero-identity-label{margin-bottom:12px}.hero-cinematic .hero-brand{font-size:clamp(64px,11.5vw,154px);line-height:1.1;padding-bottom:.05em;background-image:var(--gradient-metal)}
.hero-cinematic .hero-signal{display:none}.hero-cinematic .hero-copy{max-width:960px;margin-top:10px}.hero-cinematic .hero-badge{display:none}
.hero-cinematic h1{font-size:clamp(23px,2.5vw,36px);line-height:1.25}.hero-cinematic .hero-description{font-size:15px;max-width:650px;margin-top:10px}.hero-cinematic .button-row{margin-top:18px}.hero-cinematic .hero-footer{margin-top:30px;font-size:12px}
.hero-products{width:min(820px,100%);height:250px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;position:relative;margin:4px auto 8px}
.hero-products:after{content:'';position:absolute;bottom:10px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#d9dbd433,transparent);pointer-events:none}
.hero-product-link{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}
.hero-product-link>span{font-size:10px;letter-spacing:.15em;color:var(--synkro-gray)}.hero-product-link:hover>span{color:var(--synkro-green)}
.hero-stand{height:210px;width:210px;object-fit:contain;transform:scale(1.55);filter:drop-shadow(0 12px 14px #0004);pointer-events:none}
.hero-card-object{width:min(285px,90%);aspect-ratio:1.586;border-radius:13px;border:1px solid #d9dbd433;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(125deg,#262624,#1d1d1b 65%);box-shadow:12px 20px 32px #0006,inset 0 1px #ffffff33;transform:perspective(800px) rotateY(-14deg) rotateZ(-8deg);transition:transform .5s}
.hero-card-object strong{font:18px var(--font-display);letter-spacing:.05em}.hero-card-object small{font-size:11px;color:var(--synkro-gray)}.hero-card-object i{font-style:normal;align-self:flex-end;color:var(--synkro-green);font-size:13px}.hero-product-link:hover .hero-card-object{transform:perspective(800px) rotateY(-4deg) rotateZ(-3deg) translateY(-5px)}
.nfc-story{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:36px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 30% 50%,#c7f40309,transparent 60%),var(--synkro-oxford);padding:30px;margin-bottom:42px;overflow:hidden}
.nfc-story-scene{position:relative;height:350px;max-width:540px;width:100%;margin:auto;isolation:isolate}.nfc-story-stand{position:absolute;left:-5px;top:24px;width:270px;height:280px;object-fit:contain;transform:scale(2.05);filter:drop-shadow(0 16px 15px #0004)}
.nfc-phone{position:absolute;right:6%;top:35px;width:150px;height:284px;border:4px solid #a7aaa3;border-radius:27px;background:#1d1d1b;box-shadow:12px 18px 25px #0005;padding:30px 9px 14px;text-align:center;transform:translateX(0) rotate(8deg)}
.nfc-phone:before{content:'';position:absolute;top:10px;left:calc(50% - 22px);width:44px;height:6px;border-radius:8px;background:var(--synkro-gray)}.nfc-phone-time{display:block;font-size:27px;margin-top:13px}.nfc-phone-date{font-size:10px;color:var(--synkro-gray)}
.nfc-notice{position:absolute;top:105px;left:8px;right:8px;border:1px solid var(--line);border-radius:10px;padding:10px 6px;background:#262624;text-align:left;font-size:10px;opacity:0}.nfc-notice b{display:block;color:var(--synkro-green);font-size:10px}.nfc-notice span{font-size:9px;display:block;margin-top:5px}
.nfc-destination{position:absolute;inset:35px 8px 14px;background:var(--synkro-dark);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;opacity:0}.nfc-destination b{font:13px var(--font-display)}.nfc-destination i{font-style:normal;border:1px solid var(--synkro-green);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:var(--synkro-green)}.nfc-destination small{font-size:10px;color:var(--synkro-gray)}.nfc-destination span{padding:7px;border-radius:5px;font-size:10px;background:var(--synkro-green);color:var(--synkro-dark)}
.nfc-waves{position:absolute;width:70px;height:70px;left:37%;top:75px;border:1px solid var(--synkro-green);border-radius:50%;opacity:0;z-index:-1}.nfc-waves:after{content:'';position:absolute;inset:-15px;border:1px solid #c7f40366;border-radius:50%}
.nfc-story-copy .eyebrow{font-size:10px;margin-bottom:12px;color:var(--synkro-green)}.nfc-story-copy h3{font-size:clamp(20px,2vw,27px);line-height:1.4;margin-bottom:15px}.nfc-story-copy p{font-size:14px}.nfc-story-status{min-height:52px;margin:20px 0 12px;color:var(--synkro-silver)!important}.nfc-story-controls{display:flex;gap:10px;flex-wrap:wrap}.nfc-story-controls button{font-size:12px;padding:10px 16px;min-height:44px}.nfc-story-note{font-size:11px!important;margin-top:15px}
.nfc-story.is-playing .nfc-phone{animation:nfc-approach 8s ease-in-out both}.nfc-story.is-playing .nfc-waves{animation:nfc-detect 8s ease-in-out both}.nfc-story.is-playing .nfc-notice{animation:nfc-notification 8s both}.nfc-story.is-playing .nfc-destination{animation:nfc-open 8s both}
.nfc-story.is-paused *{animation-play-state:paused!important}.nfc-story.is-complete .nfc-destination{opacity:1}
@keyframes nfc-approach{0%,10%{transform:translateX(0) rotate(8deg)}30%,62%{transform:translate(var(--approach-x),var(--approach-y)) rotate(-12deg)}82%,100%{transform:translateX(0) rotate(0)}}
@media(max-width:560px){.nfc-story{--approach-x:-75px;--approach-y:20px}}
@keyframes nfc-detect{0%,25%{opacity:0;transform:scale(.5)}36%,46%{opacity:.9;transform:scale(1)}58%,100%{opacity:0;transform:scale(1.6)}}
@keyframes nfc-notification{0%,38%{opacity:0;transform:translateY(-7px)}45%,66%{opacity:1;transform:none}72%,100%{opacity:0}}
@keyframes nfc-open{0%,70%{opacity:0;transform:translateY(8px)}80%,100%{opacity:1;transform:none}}
@media(max-width:950px){.navbar .nav-inner{gap:12px;padding:5px 18px;grid-template-columns:1fr auto auto}.navbar .menu-toggle{display:block;border:0}.navbar .nav-inner nav{display:none;position:absolute;top:100%;left:0;right:0;bottom:auto;height:auto;max-height:75dvh;overflow:auto;background:var(--synkro-dark);padding:20px 24px;border:1px solid var(--line);border-radius:0 0 22px 22px;align-items:stretch}.navbar .nav-inner nav.open{display:flex;flex-direction:column;gap:14px;justify-content:flex-start}.navbar .nav-trigger{width:100%;justify-content:space-between;font-size:16px}.navbar .nav-inner nav>a{justify-content:flex-start;font-size:16px}.nav-panel{position:static;padding:16px 12px;border:0;box-shadow:none;grid-template-columns:1fr;gap:18px;animation:none}.navbar .nav-inner .nav-panel a{font-size:18px}.hero-cinematic{padding:28px 22px}.hero-products{height:220px;gap:10px}.hero-stand{width:185px;height:185px}.hero-card-object{padding:18px}.nfc-story{grid-template-columns:1fr;padding:24px}.nfc-story-copy{max-width:540px;width:100%;margin:auto}}
@media(max-width:560px){.navbar .wordmark{font-size:15px}.navbar .nav-actions .button{padding:7px 12px}.navbar .nav-inner{gap:8px;padding:4px 14px}.hero-cinematic .hero-brand{font-size:12vw}.hero-cinematic .hero-identity{margin:0}.hero-identity-label{font-size:10px;max-width:290px;line-height:1.6;margin-bottom:18px}.hero-products{height:170px;gap:12px;margin-block:14px}.hero-stand{height:140px;width:140px}.hero-card-object{padding:12px;border-radius:9px}.hero-card-object strong{font-size:11px}.hero-card-object small,.hero-card-object i{font-size:8px}.hero-product-link>span{font-size:8px;letter-spacing:.06em}.hero-cinematic h1{font-size:24px}.hero-cinematic .hero-description{font-size:15px}.hero-cinematic .button-row{flex-direction:row;max-width:100%;gap:8px}.hero-cinematic .button-row .button{width:auto;flex:1;font-size:12px;padding:10px;gap:8px;min-height:44px}.nfc-story{padding:16px}.nfc-story-scene{height:300px}.nfc-story-stand{width:205px;height:240px;left:-8px;top:20px;transform:scale(2.32)}.nfc-phone{width:125px;height:245px;right:0;top:30px}.nfc-phone-time{font-size:22px}.nfc-waves{left:29%}.nfc-destination b{font-size:11px}.nfc-notice{top:85px}.nfc-story-copy h3{font-size:20px}}
/* Keep both objects proportional and separated on narrow phones. */
@media(max-width:380px){.nfc-story-scene{width:312px;max-width:none;left:50%;margin-left:-156px;transform:scale(.78);transform-origin:top center;margin-bottom:-66px}}
@media(prefers-reduced-motion:reduce){.navbar,.navbar *,.hero-products *{transition:none!important;animation:none!important}.nfc-story *{animation:none!important}.nfc-story .nfc-destination{opacity:1}.nfc-story .nfc-phone{transform:none}.hero-card-object{transform:none!important}}