/* Approved v4: one wordmark, one opaque botanical layer, one continuous scene. */
.entrance { --scene-height: 100svh; position: relative; height: auto; background: var(--paper); }
.entrance-sticky { position: relative; height: auto; min-height: 0; padding: 120px var(--gutter) 80px; overflow: clip; isolation: isolate; }
.entrance-header { justify-content: flex-end; height: clamp(108px, 7.4vw, 124px); }
.entrance-header nav { gap: clamp(32px, 3.5vw, 58px); }
.entrance-header nav a { font-size: clamp(17px, 1.35vw, 22px); }
.entrance-destination { position: absolute; width: 1px; height: 1px; top: 0; }
.company-wordmark { position: relative; width: 85vw; aspect-ratio: 4.92; margin: 40px auto; z-index: 1; transform-origin: top left; }
.company-wordmark a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.company-wordmark img { position: absolute; width: 109.5%; max-width: none; height: auto; left: -4.75%; top: -40.5%; }
.company-wordmark:focus-within { outline: 2px solid var(--ink); outline-offset: 8px; }
.entrance .hero-copy { position: relative; inset: auto; width: auto; padding: 0; text-align: center; z-index: 5; }
.work-entry { display: inline-flex; align-items: center; gap: 20px; min-height: 44px; font: 400 16px/1.4 Nunito, system-ui, sans-serif; border-bottom: 1px solid var(--rule); }
.work-entry svg { width: 21px; height: 21px; transition: transform 300ms var(--ease); }
.work-entry:hover { border-color: var(--ink); }
.work-entry:hover svg { transform: translateX(4px); }
.entrance-words { position: relative; z-index: 2; max-width: 620px; }
.entrance-product { padding: 0; scroll-margin-top: 110px; }
.cozykin-signature { position: relative; display: block; width: 196px; aspect-ratio: 3; flex-shrink: 0; overflow: hidden; margin-bottom: 24px; }
.cozykin-signature img { position: absolute; width: 115.66%; max-width: none; height: auto; left: -8.57%; top: -11.66%; }
.entrance-product h2 { font-size: clamp(64px, 6.9vw, 112px); line-height: .98; }
.entrance-product > p:not(.release-status) { font: 400 clamp(18px, 1.75vw, 26px)/1.5 Nunito, system-ui, sans-serif; max-width: 445px; margin: 26px 0 25px; letter-spacing: -.02em; }
.entrance-product .text-link { font: 400 20px/1.4 Nunito, system-ui, sans-serif; align-self: flex-start; gap: 18px; min-height: 44px; }
.botanical-specimen { position: relative; width: min(70%, 600px); height: auto; aspect-ratio: .75; margin: 40px auto; pointer-events: none; z-index: 3; }
.botanical-specimen img { width: 100%; height: 100%; object-fit: contain; transform: none; }
.botanical-foreground { display: none; position: absolute; width: 100%; height: auto; max-width: none; right: 0; bottom: 0; pointer-events: none; z-index: 4; filter: blur(3px); }
.scroll-scenes .entrance { height: calc(var(--scene-height) + 110svh); }
.scroll-scenes .entrance-destination { top: calc(100% - var(--scene-height)); }
.scroll-scenes .entrance-sticky { position: sticky; top: 0; height: var(--scene-height); padding: 0; min-height: 0; }
.scroll-scenes .company-wordmark { position: absolute; left: 0; top: 0; margin: 0; transform: translate3d(var(--wordmark-x, 7.25vw), var(--wordmark-y, 33svh), 0) scale(var(--wordmark-scale, 1)); will-change: transform; }
.scroll-scenes .hero-copy { position: absolute; left: var(--gutter); right: auto; top: auto; bottom: 20%; opacity: var(--entry-opacity, 1); visibility: visible; }
.scroll-scenes .work-entry { opacity: 0; animation: work-arrives 600ms ease 3s forwards; }
.scroll-scenes .work-entry:focus-visible { animation: none; opacity: 1; }
.scroll-scenes .entrance[data-entrance-state="product"] .hero-copy { visibility: hidden; }
@keyframes work-arrives { to { opacity: 1; } }
.scroll-scenes .entrance-words { position: absolute; left: var(--gutter); top: 18%; width: 44%; height: 72%; display: flex; align-items: center; }
.scroll-scenes .entrance-product { opacity: var(--product-opacity, 0); transform: translate3d(0, var(--product-y, 24px), 0); visibility: hidden; pointer-events: none; }
.scroll-scenes .entrance[data-entrance-state="product"] .entrance-product { visibility: visible; pointer-events: auto; }
.scroll-scenes .botanical-specimen { position: absolute; top: 0; left: 52%; width: min(52vw, 70svh); height: auto; margin: 0; transform: translate3d(calc(-50% + var(--specimen-x, 0px)), var(--specimen-y, 3svh), 0); will-change: transform; }
.scroll-scenes .botanical-foreground { display: block; opacity: 1; transform: translate3d(var(--foreground-x, 0px), var(--foreground-y, 0px), 0); will-change: transform; }
@media (max-width: 1050px) and (min-width: 761px) {
  .entrance-product h2 { font-size: 6.8vw; }
  .entrance-product > p:not(.release-status) { font-size: 18px; }
  .cozykin-signature { width: 180px; margin-bottom: 20px; }
}
@media (max-width: 760px) {
  .entrance-sticky { padding: 110px var(--gutter) 60px; }
  .entrance-header { height: 82px; padding: 18px var(--gutter); }
  .entrance-header nav { gap: 18px; }
  .entrance-header nav a { font-size: 13px; }
  .scroll-scenes .entrance { height: calc(var(--scene-height) + 115svh); }
  .scroll-scenes .botanical-specimen { width: min(66vw, 36svh); left: 50%; }
  .scroll-scenes .entrance-words { top: 15%; width: calc(100% - var(--gutter) * 2); height: 36%; }
  .entrance-product h2 { font-size: clamp(38px, 6.6vw, 50px); line-height: 1.03; }
  .cozykin-signature { width: 154px; margin-bottom: 14px; }
  .entrance-product > p:not(.release-status) { font-size: 15px; line-height: 1.45; margin: 20px 0 18px; }
  .entrance-product .text-link { font-size: 16px; gap: 10px; }
  .scroll-scenes .botanical-foreground { width: 100%; right: 0; bottom: 0; }
  .scroll-scenes .hero-copy { bottom: 13%; }
  .work-entry { font-size: 14px; }
}
@media (max-height: 600px) and (min-width: 761px) {
  .scroll-scenes .entrance-words { top: 22%; height: 72%; }
  .entrance-product h2 { font-size: 60px; }
  .cozykin-signature { width: 160px; margin-bottom: 12px; }
  .entrance-product > p:not(.release-status) { font-size: 17px; margin: 14px 0; }
}
@media (max-width: 760px) and (max-height: 700px) {
  .scroll-scenes .entrance-words { top: 100px; height: auto; display: block; }
  .scroll-scenes .botanical-specimen { width: min(66vw, 26svh); }
  .cozykin-signature { width: 128px; margin-bottom: 8px; }
  .entrance-product h2 { font-size: 34px; }
  .entrance-product > p:not(.release-status) { font-size: 14px; line-height: 1.4; margin: 14px 0 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .entrance-sticky { position: relative; }
  .entrance .hero-copy { opacity: 1; transform: none; }
  .work-entry { animation: none; opacity: 1; }
  .botanical-foreground { display: none; }
}