/* PLATONIK KIMYA - FULLSCREEN / MOTION EDITION
   Enhancements are progressive: content remains visible without JavaScript. */
:root {
  --ease-cinematic: cubic-bezier(.22,1,.36,1);
  --section-min-h: 100svh;
}
@supports (min-height: 100dvh) { :root { --section-min-h:100dvh; } }
html { scroll-padding-top:0; }
main > section[id] { scroll-margin-top:0; }

/* Every visible main section occupies at least one complete viewport.
   min-height (not height) guarantees long copy is never clipped. */
.site main > .hero,
.site main > .technology,
.site main > .cinematic,
.site main > .product-section,
.site main > .about-section,
.site main > .shopping-section {
  min-height:var(--section-min-h);
  max-height:none;
  width:100%;
}
.site main > .hero { height:var(--section-min-h); min-height:600px; }
.site main > .technology,
.site main > .product-section,
.site main > .shopping-section {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.site main > .technology {
  padding-block:clamp(108px,11svh,145px) clamp(60px,7svh,106px);
}
.site .technology .section-center-title {
  margin:clamp(22px,3.8svh,64px) auto clamp(27px,5svh,70px);
}
.site .technology .tech-list { min-height:0; }
.site main > .cinematic {
  height:auto;
  display:grid;
  place-items:center;
}
.site main > .product-section {
  padding-block:clamp(105px,12svh,148px) clamp(55px,7svh,100px);
}
.site .products-heading { margin-bottom:clamp(22px,3.1svh,55px); }
.site .product-card {
  max-height:min(49svh,585px);
  min-height:235px;
}
.site .product-actions { margin-top:clamp(18px,3svh,34px); }
.site main > .about-section {
  padding-block:clamp(100px,11svh,160px) clamp(75px,9svh,120px);
}
.site main > .shopping-section {
  padding-block:clamp(100px,10svh,145px) clamp(65px,7svh,105px);
}
.site .shopping-scene {height:clamp(190px,29svh,360px);margin-top:clamp(16px,2svh,32px);}

/* Seamless outline typography, moving continuously RIGHT -> LEFT. */
.site .outline-word,
.site .shopping-outline {
  width:100%;
  max-width:100%;
  left:0;
  right:0;
  transform:none;
  overflow:hidden;
  white-space:nowrap;
  line-height:1.16;
  pointer-events:none;
  text-align:left;
}
.site .outline-word {top:clamp(18px,4svh,70px);}
.site .shopping-outline {top:45%;}
.marquee-track {display:flex;align-items:center;width:max-content;white-space:nowrap;animation:marquee-right-to-left 24s linear infinite;will-change:transform;}
.shopping-outline .marquee-track {animation-duration:31s;}
.marquee-unit {display:block;flex:0 0 auto;padding-right:.58em;}
@keyframes marquee-right-to-left {to {transform:translate3d(-50%,0,0)}}

/* Ambient blue/cyan and violet lighting for depth. */
.site .technology::before,
.site .product-section::before,
.site .shopping-section::before {
  content:"";position:absolute;z-index:0;pointer-events:none;
  top:-32%;right:-15%;width:72vw;height:72vw;border-radius:50%;
  background:radial-gradient(circle,rgba(50,225,255,.24),transparent 67%);
  animation:glow-drift 15s ease-in-out infinite alternate;
}
.site .product-section::before {left:-24%;right:auto;top:20%;background:radial-gradient(circle,rgba(41,157,249,.26),transparent 66%);animation-duration:18s;}
.site .shopping-section::before {right:-28%;top:-14%;background:radial-gradient(circle,rgba(255,184,250,.24),transparent 67%);}
@keyframes glow-drift { from {transform:translate3d(-4%,0,0) scale(.95)} to {transform:translate3d(7%,6%,0) scale(1.12)} }
.site .hero-shade {isolation:isolate;}
.site .hero-shade::after {
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(255,255,255,.18),transparent 38%);
  mix-blend-mode:screen;opacity:.7;pointer-events:none;
}
.site .cinematic-background {animation:cinematic-breathe 20s ease-in-out infinite alternate;transform-origin:center;}
@keyframes cinematic-breathe {from{transform:scale(1.01)}to{transform:scale(1.1)}}
.site .about-glow {animation:about-pulse 12s ease-in-out infinite alternate;}
@keyframes about-pulse {to{transform:translate3d(12%,3%,0) scale(1.15);opacity:.48}}
.site .stat-star {animation:star-float 6s ease-in-out infinite alternate;}
@keyframes star-float {to{transform:translate3d(-12px,-22px,0) rotate(12deg);filter:drop-shadow(0 14px 24px #4ec6ff)}}
.site .shopping-scene img {animation:product-float 6.5s ease-in-out infinite;}
@keyframes product-float {0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-16px,0) rotate(1.5deg)}}

/* Cards + buttons: refined tactile feedback. */
.site .tech-visual {position:relative;overflow:hidden;transition:transform .48s var(--ease-cinematic),box-shadow .48s var(--ease-cinematic),border-color .3s;}
.site .tech-visual::after {
  content:"";position:absolute;inset:-80%;transform:translateX(-95%) rotate(28deg);
  background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.25) 50%,transparent 58%);
  transition:transform .9s var(--ease-cinematic);pointer-events:none;
}
.site .tech-card button:hover .tech-visual::after,
.site .tech-card button:focus-visible .tech-visual::after {transform:translateX(95%) rotate(28deg);}
.site .tech-card button:hover .tech-visual,
.site .tech-card button:focus-visible .tech-visual {transform:translate3d(0,-9px,0) scale(1.055);border-color:#fff;box-shadow:0 21px 58px rgba(0,13,86,.44),0 0 0 7px rgba(255,255,255,.09);}
.site .product-card {transition:transform .55s var(--ease-cinematic),box-shadow .55s var(--ease-cinematic);}
.site .product-card::after {
  content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.11);
  border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.2) 49%,transparent 67%);
  transform:translate3d(-130%,0,0);transition:transform .85s var(--ease-cinematic);
}
.site .product-card:hover::after,.site .product-card:focus-visible::after {transform:translate3d(130%,0,0);}
.site .product-card:hover,.site .product-card:focus-visible {
  transform:translate3d(0,-12px,0) scale(1.015);
  box-shadow:0 30px 75px rgba(0,17,91,.51);
}
.site .product-card img {transition:transform .7s var(--ease-cinematic);}
.site .product-card:hover img {transform:scale(1.085);}
.site .hero-cta,.site .shop-pill,.site .outline-pill,.site .slider-arrow,.site .cinematic-action,.site .shopping-links > *,
.site .footer-contact-button,.site .text-action {transition:transform .36s var(--ease-cinematic),color .28s,background .28s,box-shadow .36s,opacity .28s;}
.site .slider-arrow:hover,.site .slider-arrow:focus-visible {transform:scale(1.2) translateX(2px);}
.site .hero-cta:hover,.site .outline-pill:hover,.site .cinematic-action:hover,
.site .footer-contact-button:hover {transform:translateY(-5px);box-shadow:0 13px 35px rgba(0,13,82,.27);}
.site .shopping-links > *:hover {transform:translateY(-3px);opacity:1;}
.site .brand-stat {transition:transform .65s var(--ease-cinematic);}
.site .about-grid:hover .brand-stat {transform:translateY(-5px);}

/* Progress line and controlled entrance transitions. */
.scroll-progress {position:fixed;z-index:28;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#36eff8,#f58aff);box-shadow:0 0 16px #67d9ff;}
@media (prefers-reduced-motion:no-preference) {
  html.motion-ready .reveal-target {opacity:0;transform:translate3d(0,38px,0);transition:opacity .9s var(--ease-cinematic),transform .9s var(--ease-cinematic);}
  html.motion-ready .reveal-target.is-visible {opacity:1;transform:translate3d(0,0,0);}
  .site .product-card,.site .tech-card {animation:carousel-appear .52s var(--ease-cinematic) both;}
  @keyframes carousel-appear {from {opacity:0;filter:blur(5px)}to {opacity:1;filter:blur(0)}}
}


/* Two cards on portrait tablets avoid stacking four tall product cards
   across multiple rows and keep the carousel within one viewport. */
@media (min-width:651px) and (max-width:900px) {
  .site .tech-list {grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,650px);margin-inline:auto;gap:24px;}
  .site .product-list {grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,660px);margin-inline:auto;}
  .site .product-card {max-height:min(48svh,445px);}
}

/* Compact displays must not crop content for the sake of 100vh. */
@media (max-width:900px) {
  .site main > .technology {padding:100px var(--gutter) 60px;}
  .site main > .product-section {padding:100px var(--gutter) 70px;}
  .site main > .about-section {padding:100px var(--gutter) 75px;}
  .site main > .shopping-section {padding:100px var(--gutter) 70px;}
  .site .product-card {max-height:min(51svh,490px);}
}
@media (max-width:650px) {
  .site main > .hero {min-height:var(--section-min-h);height:var(--section-min-h);}
  .site main > .technology {padding:95px 16px 55px;}
  .site .technology .section-center-title {margin:35px auto 28px;}
  .site .technology .tech-list {min-height:0;gap:clamp(15px,2.6svh,28px) 9px;}
  .site .tech-visual {height:clamp(90px,14svh,120px);width:clamp(90px,14svh,120px);}
  .site .tech-card h3 {font-size:clamp(13px,3.6vw,16px);}
  .site .tech-card p {font-size:clamp(11px,2.65vw,13px);}
  .site main > .cinematic {min-height:var(--section-min-h);height:auto;}
  .site main > .product-section {padding:100px 13px 58px;}
  .site .product-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  .site .product-card {max-height:none;min-height:0;aspect-ratio:296/474;}
  .site main > .about-section {padding:100px 23px 60px;}
  .site main > .shopping-section {padding:95px 18px 60px;}
  .site .shopping-scene {height:clamp(185px,27svh,310px);}
  .site .outline-word {font-size:clamp(70px,18vw,110px);top:35px;}
  .site .shopping-outline {font-size:clamp(60px,14vw,100px);}
  .site .store-logos {margin-top:7px;}
  .site .product-card:hover,.site .product-card:focus-visible {transform:translate3d(0,-5px,0) scale(1.008);}
}
@media (max-height:730px) and (min-width:901px) {
  .site main > .technology {padding-block:85px 42px;}
  .site .technology .section-center-title {margin:19px auto 24px;}
  .site .tech-visual {width:clamp(105px,17svh,145px);height:clamp(105px,17svh,145px);}
  .site .tech-card {gap:7px;}
  .site .tech-card p {font-size:12px;}
  .site .product-card {max-height:43svh;min-height:0;}
  .site main > .product-section {padding-block:84px 35px;}
  .site main > .about-section {padding-block:87px 45px;}
  .site main > .shopping-section {padding-block:87px 45px;}
  .site .shopping-scene {height:25svh;}
}
@media (prefers-reduced-motion:reduce) {
  .marquee-track,.site .cinematic-background,.site .shopping-scene img,.site .about-glow,
  .site .stat-star,.site .technology::before,.site .product-section::before,.site .shopping-section::before,
  .site .tech-card,.site .product-card {animation:none!important;}
  .site .reveal-target {opacity:1!important;transform:none!important;}
  .site .product-card:hover,.site .tech-card button:hover .tech-visual {transform:none!important;}
}