:root{--ink:#f2efdc;--muted:#b9c5b9;--orange:#efab7e;--bg:#071b16;--font:'Brandon Grotesque','Avenir Next',Avenir,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:7px}button{border:0}p{line-height:1.8;color:var(--muted)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;z-index:100;background:var(--ink);color:var(--bg);padding:20px}.skip:focus{top:0}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:124px;padding:17px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#06130de6,transparent);transition:background .3s}.logo{display:flex;align-items:center;gap:13px}.logo img{width:auto;height:88px;object-fit:contain}.logo span{font-size:25px;font-weight:800;letter-spacing:-1px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.pill{border:1px solid #f2efdc50;border-radius:50px;padding:16px 23px}.pill span{margin-left:28px}.story{height:380svh;position:relative}.story-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#06140f}.story-anchor{position:absolute;top:125svh}#donuk{top:250svh}#brand-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04150ee8,transparent 80%),linear-gradient(0deg,#06170eb3,transparent 25%,transparent 80%,#06170e66)}.story-copy{position:absolute;left:7%;top:50%;transform:translateY(-42%);width:64%;animation:enter .7s both}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.6px;font-weight:500}.eyebrow i{width:6px;height:6px;background:var(--orange);border-radius:50%}h1,h2{font-size:clamp(46px,5.8vw,98px);letter-spacing:-.055em;line-height:1.08;font-weight:700;margin:28px 0}h1 span,h2 span{color:#d7d9be}h1{font-size:clamp(50px,6.7vw,110px)}.story-copy p{font-size:16px}.line-link{display:inline-flex;align-items:center;gap:50px;font-size:13px;border-bottom:1px solid #f2efdc60;padding:15px 0;margin-top:25px}.line-link span{font-size:21px}.fine{display:block;font-size:8px;letter-spacing:2px;margin-top:40px;color:#bac8b5}.temperature{font-size:64px;letter-spacing:-4px;margin-top:27px;color:#b6e8e0}.temperature>span{font-size:27px;letter-spacing:-1px}.temperature small{display:block;font-size:8px;letter-spacing:2px;margin-top:2px}.story-bottom{position:absolute;bottom:45px;left:7%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#c3caba}.story-bottom a span{font-size:18px;margin-left:20px}.story-bottom button{background:none;font-size:11px;color:#c3caba}.story-bottom button span{margin-left:8px;font-size:9px}.story-progress{position:absolute;left:7%;right:5%;bottom:23px;height:1px;background:#ffffff20}.story-progress span{display:block;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--orange)}.chapter-nav{position:absolute;right:4%;top:44%;display:grid;gap:16px}.chapter-nav a{border:1px solid #ffffff30;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:10px;color:#c8d0b8}.chapter-nav a[aria-current]{background:var(--ink);color:var(--bg)}.delivery{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:130px 7% 100px;background:radial-gradient(ellipse at 80% 50%,#163a33,transparent 60%);overflow:hidden}.delivery h2{font-size:clamp(40px,4.7vw,76px)}.delivery-copy{position:relative;z-index:2}.delivery-copy>p{font-size:14px}.audiences{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.audiences button{background:none;border:1px solid #ffffff35;border-radius:35px;padding:12px 15px;font-size:10px;transition:.3s}.audiences button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.audience-copy{min-height:52px;max-width:390px}.route-art{position:relative;aspect-ratio:1/1;min-width:0}.route-art svg{width:120%;position:absolute;left:-10%;top:0}.route-base{stroke:#ffffff0a;stroke-width:2}.route-line{stroke:url(#route-color);stroke-width:1.5;stroke-dasharray:5 7}.route-glow{position:absolute;inset:15%;background:#7be1c91c;filter:blur(55px);border-radius:50%}.route-art img{position:absolute;width:26%;height:auto;object-fit:contain;left:41%;top:40%;transform:rotate(-9deg);filter:drop-shadow(0 20px 25px #0009)}.route-label{position:absolute;font-size:8px;color:var(--orange);letter-spacing:1px}.route-label strong{display:block;color:var(--ink);font-size:12px;font-weight:500;margin-top:7px;letter-spacing:0}.route-start{left:3%;top:76%}.route-cold{left:45%;top:28%}.route-end{right:0;top:15%}.route-note{position:absolute;bottom:0;right:9%;font-size:8px;letter-spacing:3px;color:#7e9988}.collection{padding:120px 7% 70px;background:radial-gradient(ellipse at 50% 55%,#46533970,transparent 65%),#0c211a;overflow:hidden;position:relative}.collection-heading{text-align:center}.collection-heading .eyebrow{justify-content:center}.collection-heading h2{font-size:clamp(44px,5vw,82px)}.collection-heading p{font-size:14px}.collection-stage{position:relative;max-width:1000px;height:590px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:0}.pack{margin:0;position:relative;width:29%;text-align:center;z-index:2;transition:transform .6s}.pack img{width:100%;height:350px;object-fit:contain;filter:drop-shadow(0 25px 30px #0009);transition:transform .6s}.pack.side img{height:280px}.pack.left{transform:rotate(-11deg) translateY(22px)}.pack.right{transform:rotate(11deg) translateY(22px)}.pack.flagship{z-index:3;transform:translateY(-20px)}.pack figcaption{font-size:19px;margin-top:20px;font-weight:700}.pack small{display:block;font-size:10px;font-weight:400;margin-top:7px;color:var(--muted)}.collection-stage:hover .pack.flagship img{transform:translateY(-14px)}.collection-stage:hover .pack.left{transform:rotate(-15deg) translate(-12px,16px)}.collection-stage:hover .pack.right{transform:rotate(15deg) translate(12px,16px)}.collection-orbit{position:absolute;width:85%;height:30%;border:1px solid #dfeac01c;transform:rotate(-12deg);border-radius:50%;top:43%}.scene-cta{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #e4e9c960;padding:17px 24px;border-radius:45px;white-space:nowrap;font-size:13px}.scene-cta b{margin-left:40px;font-size:22px;font-weight:400}.collection-foot{border-top:1px solid #ffffff1c;padding-top:25px;margin-top:70px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#aabc9b}.contact-section{padding:150px 7% 65px;background:radial-gradient(ellipse at 95% 20%,#70503840,transparent 70%)}.contact-section h2{font-size:clamp(48px,6.7vw,110px)}.contact-section>p{font-size:14px}.contact-call{font-size:clamp(28px,4.2vw,66px);font-weight:500;letter-spacing:-.04em;border-bottom:1px solid #ffffff30;padding:20px 0;display:inline-flex;gap:70px;align-items:center}.contact-call span{font-size:40px;color:var(--orange)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:100px;gap:30px}.contact-bottom p,.contact-bottom a{font-size:11px;line-height:1.9}.contact-bottom a{border-bottom:1px solid #ffffff40;padding-bottom:9px}footer{padding:30px 7%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;font-size:9px;color:#95a48c}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.paused .route-dot{display:none}@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.story-copy{width:58%}.delivery,.collection,.contact-section{padding-left:10%;padding-right:10%}}
@media(max-width:800px){.site-header{height:100px;padding:12px 5%}.logo img{height:68px}.logo span{font-size:20px}.site-header nav{gap:14px}.site-header nav>a:first-child{display:none}.site-header nav>a{font-size:10px}.pill{padding:11px 14px}.pill span{margin-left:10px}.story-copy{width:85%;left:6%}.story-copy h1,.story-copy h2{font-size:clamp(43px,8vw,68px)}.story-copy p{font-size:14px}.chapter-nav{right:4%;top:auto;bottom:100px;display:flex}.chapter-nav a{width:28px;height:28px;font-size:8px}.scene-label{display:none}.delivery{grid-template-columns:1fr;padding:100px 6% 65px}.route-art{max-width:600px;width:100%;margin:auto}.delivery h2{font-size:52px}.collection{padding:100px 6% 50px}.collection-stage{height:480px}.pack img{height:270px}.pack.side img{height:215px}.contact-section{padding:100px 6% 50px}}
@media(max-width:520px){.logo img{height:62px}.logo span{font-size:18px}.site-header nav>a:nth-child(2){display:none}.eyebrow{font-size:8px;letter-spacing:1.8px}.story{height:340svh}.story-stage{min-height:620px}.story-anchor{top:110svh}#donuk{top:220svh}.story-copy{top:48%;width:90%}.story-copy h1,.story-copy h2{font-size:44px;letter-spacing:-2px}.story-copy p{max-width:290px;font-size:13px}.story-copy p br{display:none}.film-shade{background:linear-gradient(90deg,#04150edb,#04150e55),linear-gradient(0deg,#06170e99,transparent)}#brand-film{object-position:65% center}.story-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.story-bottom button span{font-size:8px}.story-bottom a span{margin-left:8px}.temperature{font-size:50px}.delivery h2{font-size:44px}.route-art{margin-top:35px}.route-label strong{font-size:10px}.route-end{right:2%}.collection-heading h2{font-size:46px}.collection-stage{height:370px;margin-top:30px;gap:0}.pack{width:33%}.pack img{height:210px}.pack.side img{height:170px}.pack figcaption{font-size:14px}.pack small{font-size:8px}.scene-cta{padding:12px 18px;font-size:11px}.collection-foot{font-size:7px;letter-spacing:1px;gap:20px}.collection-foot span:last-child{text-align:right}.contact-section h2{font-size:48px}.contact-call{gap:30px;font-size:30px}.contact-bottom{margin-top:65px;flex-wrap:wrap;gap:20px}.contact-bottom p{font-size:10px}footer{font-size:8px;gap:15px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.route-dot{display:none}}

@media(max-width:520px){.story-copy{width:88%}.story-copy h1,.story-copy h2{font-size:clamp(37px,10.7vw,44px)}}

/* Shorter scroll runway gives immediate scene feedback. */
.story{height:240svh}.story-anchor{top:48svh}#donuk{top:105svh}.story-progress{height:2px}.story-progress span{height:2px}

/* Restrained story typography: imagery leads, copy supports. */
.story-copy{width:44%;max-width:620px}.story-copy h1,.story-copy h2{font-size:clamp(32px,3.2vw,54px);line-height:1.16;letter-spacing:-.035em;margin:22px 0}.story-copy p{font-size:clamp(14px,1.1vw,18px);max-width:460px;line-height:1.8}.temperature{font-size:45px}.temperature>span{font-size:23px}
@media(max-width:800px){.story-copy{width:72%}.story-copy h1,.story-copy h2{font-size:clamp(30px,4.8vw,40px)}}
@media(max-width:520px){.story-copy{width:86%}.story-copy h1,.story-copy h2{font-size:32px;letter-spacing:-1px}.story-copy p{font-size:14px}}

/* Four continuous film chapters, including packaging. */
.story{height:300svh}
#uretim{top:calc(32svh + 110px)}
#donuk{top:calc(86svh + 110px)}
#paket{top:calc(144svh + 110px)}

/* Shared page surface and continuous film exit. */
:root{--bg:#071b16}
.story-stage,.delivery,.collection,.contact-section,footer{background:var(--bg)}
.film-shade{background:linear-gradient(90deg,#04150ee8,transparent 80%),linear-gradient(0deg,var(--bg) 0%,#071b16cc 7%,transparent 28%,transparent 80%,#06170e66)}
.route-glow{opacity:.35}

.chapter-nav,.story-progress,.story-bottom #next-scene,.story-bottom .scene-label,.story-copy[data-scene="1"]>.eyebrow,.story-copy[data-scene="2"]>.eyebrow,.story-copy[data-scene="3"]>.eyebrow{display:none!important}
.story-bottom{justify-content:flex-end}
.embedded-collection{padding:0;position:relative;overflow:hidden}
#product-experience{display:block;width:100%;height:100svh;min-height:650px;border:0;background:var(--bg)}
.scene-exit{display:block;text-align:center;padding:18px;font-size:12px;color:var(--muted)}

/* Keep navigation above the film, not on the packaging. */
.site-header{height:84px;padding:10px 4%;background:#071b16f5}.logo img{height:62px}.site-header nav{gap:24px}.site-header .pill{padding:11px 19px}
#brand-film{top:84px;bottom:0;height:calc(100% - 84px)}
@media(max-width:700px){.site-header{height:72px;padding:8px 5%}.logo img{height:48px}.logo span{font-size:19px}.site-header nav{gap:12px}.site-header .pill{padding:9px 12px}#brand-film{top:72px;height:calc(100% - 72px)}}

.site-header{height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-header .logo{grid-column:2;justify-self:center}.site-header nav{grid-column:3;justify-self:end}.logo img{height:78px}.logo span{font-size:32px}#brand-film{top:100px;height:calc(100% - 100px)}
@media(max-width:1000px){.site-header{display:flex;justify-content:space-between}.logo span{font-size:25px}.logo img{height:64px}}@media(max-width:700px){.site-header{height:78px}.logo img{height:54px}.logo span{font-size:22px}#brand-film{top:78px;height:calc(100% - 78px)}}

/* Keep the complete three-package finale inside the film stage. */
#brand-film{object-fit:contain;object-position:center center;background:#041f25}

/* Feather the actual film rectangle into the page, including letterbox edges. */
.story-stage{background:var(--bg)}
.site-header{background:linear-gradient(180deg,#071b16 0%,#071b16eb 58%,#071b1600 100%)}
#brand-film{inset:auto;left:50%;top:calc(50% + 50px);transform:translate(-50%,-50%);width:min(100%,calc((100svh - 100px)*16/9));height:auto;aspect-ratio:16/9;object-fit:contain;background:transparent;mask-image:linear-gradient(to right,transparent,#000 8%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 85%,transparent);-webkit-mask-composite:source-in}
@media(max-width:700px){#brand-film{top:calc(50% + 39px);width:min(100%,calc((100svh - 78px)*16/9));height:auto}}

.story-copy{transition:opacity .7s ease}.film-finale .story-copy{opacity:0;pointer-events:none}

/* Larger header logo and wordmark. */
.site-header{height:124px}.site-header .logo{gap:18px}.logo img{height:100px;width:auto}.logo span{font-size:40px;white-space:nowrap}
#brand-film{top:calc(50% + 62px);width:min(100%,calc((100svh - 124px)*16/9))}
@media(max-width:1000px){.logo img{height:82px}.logo span{font-size:32px}}
@media(max-width:700px){.site-header{height:96px}.site-header .logo{gap:12px}.logo img{height:70px}.logo span{font-size:28px}#brand-film{top:calc(50% + 48px);width:min(100%,calc((100svh - 96px)*16/9))}}
@media(max-width:380px){.site-header .logo{gap:8px}.logo img{height:62px}.logo span{font-size:24px}}

/* Increase the current brand size by a further 40 percent. */
.site-header{height:164px}.logo img{height:140px}.logo span{font-size:56px}
#brand-film{top:calc(50% + 82px);width:min(100%,calc((100svh - 164px)*16/9))}
@media(max-width:1000px){.logo img{height:114.8px}.logo span{font-size:44.8px}}
@media(max-width:700px){.site-header{height:124px}.logo img{height:98px}.logo span{font-size:39.2px}#brand-film{top:calc(50% + 62px);width:min(100%,calc((100svh - 124px)*16/9))}}
@media(max-width:380px){.logo img{height:86.8px}.logo span{font-size:33.6px}}

/* Reserve a clear text column beside the packages in the final film scene. */
.story-copy[data-scene="3"]{left:6%;width:31%;max-width:460px}
.story-copy[data-scene="3"] h2{font-size:clamp(27px,2.55vw,43px);line-height:1.18}
.story-copy[data-scene="3"] p{max-width:100%;font-size:clamp(13px,1vw,16px);line-height:1.7}
.story-copy[data-scene="3"] p br{display:none}
@media(max-width:800px){.story-copy[data-scene="3"]{left:5%;width:36%}.story-copy[data-scene="3"] h2{font-size:clamp(22px,3.3vw,30px)}.story-copy[data-scene="3"] p{font-size:12px}}
@media(max-width:520px){.story-copy[data-scene="3"]{left:6%;top:28%;transform:translateY(-50%);width:84%;max-width:340px}.story-copy[data-scene="3"] h2{font-size:27px}.story-copy[data-scene="3"] p{font-size:12px}}

.story-copy[data-scene="3"]{width:27%;max-width:390px}
.story-copy[data-scene="3"] h2{font-size:clamp(25px,2.35vw,39px);overflow-wrap:normal}
.story-copy[data-scene="3"] p{width:100%;max-width:340px;white-space:normal;overflow-wrap:break-word;margin-top:12px}
@media(max-width:800px){.story-copy[data-scene="3"]{width:32%;max-width:300px}.story-copy[data-scene="3"] h2{font-size:clamp(20px,3vw,26px)}}
@media(max-width:520px){.story-copy[data-scene="3"]{width:84%;max-width:300px}.story-copy[data-scene="3"] h2{font-size:25px}}

/* Interactive freezer collection. */
.freezer-section{padding:110px 7% 90px;background:radial-gradient(ellipse at 76% 48%,#70433038,transparent 60%),#071b16;scroll-margin-top:164px;border-top:1px solid #ffffff12}.freezer-top{margin-bottom:45px}.freezer-top h2{font-size:clamp(38px,4.3vw,68px);letter-spacing:-.045em;line-height:1.1;margin:20px 0 16px}.freezer-top>p{font-size:16px;color:#bac8ba}.freezer-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:start}.freezer-tabs{display:flex;gap:12px;margin-bottom:30px}.freezer-tabs button{padding:12px 22px;border:1px solid #ffffff28;border-radius:30px;background:transparent;color:#bac8ba;font:inherit;font-size:19px;cursor:pointer;transition:.25s}.freezer-tabs button span{font-size:12px}.freezer-tabs button[aria-pressed=true]{background:#f1f2df;color:#17382c;border-color:#f1f2df}.freezer-tabs button:hover{border-color:#ffa477}.freezer-name{font-size:clamp(26px,2.7vw,42px);margin:0 0 20px;letter-spacing:-.03em}.freezer-capacity{display:flex;align-items:baseline;gap:12px;margin-bottom:26px}.freezer-capacity strong{font-size:44px;letter-spacing:-2px;color:#ffa477}.freezer-capacity span{font-size:13px;color:#bac8ba}.freezer-spec-tabs{display:flex;gap:22px;border-bottom:1px solid #ffffff22;margin-bottom:12px}.freezer-spec-tabs button{font:inherit;font-size:14px;color:#bac8ba;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;cursor:pointer}.freezer-spec-tabs button[aria-selected=true]{border-color:#ffa477;color:#f1f2df}.freezer-spec-list{margin:0 0 22px;min-height:220px}.freezer-spec-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12;padding:12px 0;font-size:14px;line-height:1.5}.freezer-spec-list dt{color:#a8b8a8}.freezer-spec-list dd{margin:0;text-align:right}.freezer-copy>.line-link{font-size:15px}.freezer-showcase{align-self:center;min-width:0}.freezer-image-button{position:relative;width:100%;padding:25px 25px 45px;background:#f6f4ed;border:1px solid #eddbb64d;border-radius:28px;cursor:zoom-in;overflow:hidden;box-shadow:0 30px 70px #0003}.freezer-image-button img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.freezer-image-button:hover img{transform:translateY(-7px) scale(1.025) rotate(-1deg)}.freezer-image-button>span{position:absolute;bottom:20px;left:0;right:0;color:#385044;font-size:10px;letter-spacing:2px}.freezer-model-note{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;letter-spacing:1.5px;color:#bac8ba}#freezer-zoom{background:#f6f4ed;border:0;border-radius:22px;padding:30px;max-width:90vw;max-height:90svh}#freezer-zoom::backdrop{background:#02100de0;backdrop-filter:blur(12px)}#freezer-zoom img{display:block;max-width:80vw;max-height:78svh;object-fit:contain;mix-blend-mode:multiply}.freezer-close{position:absolute;right:12px;top:7px;background:none;border:0;color:#17382c;font-size:32px;cursor:pointer}@media(max-width:1000px){.site-header nav{gap:14px}.freezer-layout{gap:5%}.freezer-tabs button{padding:11px 17px}}@media(max-width:700px){.freezer-section{padding:70px 6%;scroll-margin-top:124px}.freezer-layout{grid-template-columns:1fr;gap:35px}.freezer-top{margin-bottom:30px}.freezer-showcase{grid-row:1}.freezer-image-button img{max-height:330px}.freezer-image-button{padding:18px 18px 40px}.freezer-tabs{justify-content:center}.freezer-spec-list div{font-size:13px}.site-header nav>a[href="#reyonlar"]{display:none}}@media(prefers-reduced-motion:reduce){.freezer-image-button img{transition:none}.freezer-image-button:hover img{transform:none}}

/* Balanced navigation around the centered brand. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding-inline:4%;height:164px}.site-header .nav-left{grid-column:1;grid-row:1;justify-self:start}.site-header .logo{grid-column:2;grid-row:1;justify-self:center}.site-header .nav-right{grid-column:3;grid-row:1;justify-self:end}.site-header nav{gap:clamp(18px,2vw,36px);font-size:14px;white-space:nowrap}.site-header nav>a{display:inline-block!important;position:relative;padding:12px 0;font-size:inherit}.site-header nav>a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav>a:hover:after,.site-header nav>a[aria-current=page]:after{transform:scaleX(1)}.site-header nav>a:hover{color:var(--orange)}
@media(min-width:901px) and (max-width:1250px){.site-header{gap:16px;padding-inline:3%}.site-header .logo{gap:10px}.site-header .logo img{height:108px}.site-header .logo span{font-size:40px}.site-header nav{gap:18px;font-size:13px}}
@media(max-width:900px){.site-header{height:150px;grid-template-columns:2fr 3fr;grid-template-rows:96px 36px;gap:0;padding:6px 5% 12px;background:linear-gradient(#071b16,#071b16f5 85%,#071b1600)}.site-header .logo{grid-column:1 / -1;grid-row:1;gap:12px}.site-header .logo img{height:82px}.site-header .logo span{font-size:34px}.site-header .nav-left{grid-column:1;grid-row:2;justify-self:stretch;justify-content:space-around}.site-header .nav-right{grid-column:2;grid-row:2;justify-self:stretch;justify-content:space-around}.site-header nav{gap:10px;font-size:12px}.site-header nav>a{padding:10px 0}}
@media(max-width:380px){.site-header{padding-inline:3%}.site-header nav{font-size:11px;gap:5px}.site-header .logo span{font-size:30px}}
.about-page{background:radial-gradient(ellipse at 85% 35%,#754e2929,transparent 60%),#071b16}.about-main{max-width:1440px;margin:auto;padding:230px 7% 90px}.about-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.about-hero h1{font-size:clamp(48px,5.5vw,84px);margin:26px 0;line-height:1.08}.about-hero p{font-size:18px;max-width:650px}.about-image{position:relative;text-align:center}.about-image img{width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 25px 35px #0006);transition:transform .6s}.about-image:hover img{transform:translateY(-8px) rotate(2deg)}.about-company{margin-top:90px;padding-top:50px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.about-company h2{font-size:38px;margin:0 0 22px}.about-company p{font-size:17px;margin-top:0}.about-links{display:flex;gap:35px;flex-wrap:wrap;margin-top:28px}.about-links a{padding:12px 0;border-bottom:1px solid #ffffff40}.about-links a:hover{color:var(--orange)}
@media(max-width:700px){.about-main{padding:190px 7% 60px}.about-hero{grid-template-columns:1fr;gap:30px}.about-hero h1{font-size:48px}.about-hero p,.about-company p{font-size:16px}.about-image img{max-height:300px}.about-company{grid-template-columns:1fr;gap:20px;margin-top:45px}.about-company h2{font-size:32px}}

@media(min-width:901px) and (max-width:1500px){.site-header{gap:16px;padding-inline:3%}.site-header .logo{gap:10px}.site-header .logo img{height:108px}.site-header .logo span{font-size:40px}.site-header nav{gap:18px;font-size:13px}}
@media(max-width:900px){.site-header{grid-template-columns:1fr 1fr}.site-header nav{gap:12px;font-size:12px}}
@media(max-width:600px){.site-header{height:176px;grid-template-columns:1fr;grid-template-rows:86px 32px 32px;padding:5px 5% 15px}.site-header .logo{grid-column:1;grid-row:1}.site-header .logo img{height:74px}.site-header .logo span{font-size:32px}.site-header .nav-left{grid-column:1;grid-row:2;justify-content:center;gap:26px}.site-header .nav-right{grid-column:1;grid-row:3;justify-content:center;gap:22px}.site-header nav{font-size:12px}.site-header nav>a{padding:7px 0}}

/* Keep the navigation close to the centered brand and easy to read. */
@media(min-width:901px){.site-header .nav-left{justify-self:end}.site-header .nav-right{justify-self:start}.site-header{column-gap:clamp(32px,4.5vw,90px)}.site-header nav{font-size:clamp(14px,1vw,17px);gap:clamp(28px,2.8vw,56px)}}
@media(min-width:901px) and (max-width:1100px){.site-header{column-gap:18px;padding-inline:2%}.site-header .logo img{height:90px}.site-header .logo span{font-size:32px}.site-header nav{font-size:14px;gap:14px}}
@media(max-width:900px){.site-header nav{font-size:14px}}
@media(max-width:600px){.site-header .nav-left{gap:25px}.site-header .nav-right{gap:17px}.site-header nav{font-size:14px}}
@media(max-width:380px){.site-header nav{font-size:13px}.site-header .nav-right{gap:13px}}

@media(min-width:901px){.site-header .nav-left,.site-header .nav-right{justify-self:center}}

/* Badge-style lift and light sweep, once every ten seconds. */
.site-header .logo{position:relative;isolation:isolate;overflow:hidden;animation:brandLift 10s ease-in-out 10s infinite}
.site-header .logo:after{content:"";position:absolute;inset:-80%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#f6d7a533 50%,transparent 58%);transform:translateX(-75%);opacity:0;animation:brandSweep 10s ease-in-out 10s infinite}
@keyframes brandLift{0%,32%,100%{transform:translateY(0)}9%,23%{transform:translateY(-3px)}}
@keyframes brandSweep{0%{transform:translateX(-75%);opacity:0}3%{opacity:1}28%{transform:translateX(75%);opacity:1}31%,100%{transform:translateX(75%);opacity:0}}
@media(prefers-reduced-motion:reduce){.site-header .logo,.site-header .logo:after{animation:none!important}.site-header .logo:after{display:none}}

/* The sheen is clipped to the artwork and glyphs, never the link box. */
.site-header .logo{overflow:visible}
.site-header .logo:after{display:none;animation:none}
.site-header .logo .brand-logo-art{position:relative;display:inline-flex;align-items:center;flex:none;line-height:0;letter-spacing:normal}
.site-header .logo .brand-logo-art img{display:block}
.site-header .brand-logo-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff2cf99 50%,transparent 60%);background-size:300% 100%;background-position:150% 0;mask:url('assets/logo.svg') center/contain no-repeat;-webkit-mask:url('assets/logo.svg') center/contain no-repeat;opacity:0;animation:brandArtSweep 10s linear 10s infinite}
.site-header .brand-wordmark{position:relative}
.site-header .brand-wordmark:after{content:attr(data-brand-text);position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(110deg,transparent 40%,#ffffffd9 50%,transparent 60%);background-size:300% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:brandTextSweep 10s linear 10s infinite}
@keyframes brandArtSweep{0%{background-position:150% 0;opacity:0}2%{opacity:1}15%{background-position:-50% 0;opacity:1}17%,100%{background-position:-50% 0;opacity:0}}
@keyframes brandTextSweep{0%,8%{background-position:150% 0;opacity:0}10%{opacity:1}29%{background-position:-50% 0;opacity:1}31%,100%{background-position:-50% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.site-header .brand-logo-art:after,.site-header .brand-wordmark:after{display:none;animation:none}}

.site-header .logo .brand-wordmark{color:#ffa477}

/* Balanced temperature value, unit and caption. */
.story-copy .temperature{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;column-gap:6px;width:fit-content;font-size:clamp(56px,4.2vw,72px);line-height:1.1;letter-spacing:-2px}
.story-copy .temperature>span{font-size:.62em;line-height:1;letter-spacing:0}
.story-copy .temperature small{grid-column:1 / -1;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:1.6px;margin-top:12px}
@media(max-width:520px){.story-copy .temperature{font-size:52px;column-gap:5px}.story-copy .temperature small{font-size:12px;letter-spacing:1.3px;margin-top:10px}}

body>footer>span:first-child{font-size:12px;line-height:1.6}
@media(max-width:520px){body>footer>span:first-child{font-size:11px}}

body>footer>a[href="#baslangic"]{font-size:12px;line-height:1.6}
@media(max-width:520px){body>footer>a[href="#baslangic"]{font-size:11px}}

/* Full-screen section destinations: cancel the root anchor inset once. */
:root{--section-header-height:164px}
#reyonlar,#satis-noktasi,#iletisim{scroll-margin-top:-110px;padding-top:calc(var(--section-header-height) + 32px);min-height:100svh}
#iletisim{display:grid;align-content:center}
@media(max-width:900px){:root{--section-header-height:150px}}
@media(max-width:600px){:root{--section-header-height:176px}#reyonlar,#satis-noktasi,#iletisim{padding-top:calc(var(--section-header-height) + 24px)}}
@media(min-width:651px){#reyonlar .reyon-details{top:calc(var(--section-header-height) + 197px)}}
@media(min-width:1600px){#reyonlar .reyon-details{top:calc(var(--section-header-height) + 242px)}}

/* Direct paths from the opening story to products and sales applications. */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 20px;border:1px solid var(--orange);border-radius:30px;font-size:15px;font-weight:600;line-height:1.3;transition:background .2s,color .2s}
.hero-action-primary{background:var(--orange);color:var(--bg)}
.hero-action-primary:hover{background:var(--ink);border-color:var(--ink)}
.hero-action-secondary{background:#071b1680;color:var(--ink);border-color:#f2efdc70}
.hero-action-secondary:hover{background:var(--ink);color:var(--bg)}
@media(max-width:520px){.hero-actions{gap:10px;margin-top:20px}.hero-action{font-size:14px;padding:12px 16px;gap:12px}.story-copy[data-scene="0"]{top:50%;transform:translateY(-35%)}}

/* Mobile story: copy occupies its own row above the film. */
@media(max-width:600px){
 .story-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:176px auto minmax(180px,1fr) 44px;height:100svh;min-height:740px}
 .story-stage .story-copy,.story-stage .story-copy[data-scene]{position:relative;grid-column:1;grid-row:2;left:auto;top:auto;transform:none;translate:none;width:auto;max-width:none;margin:0;padding:18px 6% 10px;animation:none;align-self:start}
 .story-stage .story-copy h1,.story-stage .story-copy h2{font-size:clamp(28px,8vw,34px);line-height:1.14;margin:16px 0;letter-spacing:-1px}
 .story-stage .story-copy p{width:auto;max-width:none;font-size:14px;line-height:1.6;margin:10px 0}
 .story-stage .story-copy .fine{margin-top:18px}
 .story-stage .story-copy .temperature{margin-top:16px;font-size:44px}
 .story-stage .hero-actions{gap:10px;margin-top:18px}
 .story-stage .hero-action{min-height:44px;font-size:13px;padding:11px 14px;gap:8px}
 .story-stage #brand-film{position:relative;grid-column:1;grid-row:3;inset:auto;transform:none;translate:none;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain;object-position:center;align-self:center}
 .story-stage .film-shade{display:none}
 .story-stage .story-bottom{position:relative;grid-column:1;grid-row:4;inset:auto;padding:0 6%;align-self:center}
}

/* The page stays fixed horizontally while product and shelf scenes handle swipes. */
html{overflow-x:clip;overscroll-behavior-x:none}
@supports not (overflow:clip){html{overflow-x:hidden}}

/* Compact section spacing on phones; anchor offsets remain separate. */
@media(max-width:600px){#reyonlar,#satis-noktasi,#iletisim{padding-top:40px;scroll-margin-top:176px}#reyonlar{padding-bottom:32px}#product-experience{height: min(100svh,780px);min-height:680px}}

@media(max-width:600px){.story-stage .story-copy{text-align:center}.story-stage .story-copy .eyebrow,.story-stage .hero-actions{justify-content:center}.story-stage .story-copy .temperature{justify-content:center}}

/* Dissolve the film background in every direction, without rectangular edges. */
@media(max-width:600px){.story-stage #brand-film{mask-image:radial-gradient(ellipse 50% 50% at center,#000 38%,rgba(0,0,0,.92) 48%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.16) 84%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 38%,rgba(0,0,0,.92) 48%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.16) 84%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}}

@media(max-width:600px){.story-stage #motion{display:none}.story-stage .story-copy .temperature{margin-inline:auto}}

.mobile-menu-toggle,.site-header .mobile-menu-panel{display:none}
@media(max-width:600px){
 html{scroll-padding-top:100px}
 .site-header.has-mobile-menu{height:100px;display:flex;justify-content:center;padding:8px 64px 8px 16px;background:#071b16f5}
 .site-header.has-mobile-menu>.nav-left,.site-header.has-mobile-menu>.nav-right{display:none}
 .site-header.has-mobile-menu .logo{display:flex;gap:10px;grid-area:auto}
 .site-header.has-mobile-menu .logo img{height:70px}
 .site-header.has-mobile-menu .logo .brand-wordmark{font-size:30px;white-space:nowrap}
 .mobile-menu-toggle{display:flex;position:absolute;right:14px;top:28px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid #f2efdc40;border-radius:12px;color:#f2efdc}
 .mobile-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
 .site-header .mobile-menu-panel:not([hidden]){display:flex;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#0a241e;border:1px solid #f2efdc25;border-radius:16px;box-shadow:0 16px 35px #0005;max-height:calc(100dvh - 120px);overflow:auto}
 .site-header .mobile-menu-panel a{display:block!important;padding:14px 18px;text-align:left;font-size:16px;border-radius:8px}
 .site-header .mobile-menu-panel a:hover{background:#ffffff0c}
 .story-stage{grid-template-rows:100px auto minmax(180px,1fr) 44px}
 :root{--section-header-height:100px}
 #reyonlar,#satis-noktasi,#iletisim{scroll-margin-top:100px}
}
@media(max-width:360px){.site-header.has-mobile-menu .logo img{height:60px}.site-header.has-mobile-menu .logo .brand-wordmark{font-size:25px}}

/* Keep the packaging caption until its sticky section leaves the viewport. */
.film-finale .story-copy{opacity:1;pointer-events:auto}

@media(max-width:600px){#product-experience{min-height:740px}}

@media(max-width:600px){.story-stage{height: min(100svh,640px);min-height:620px;grid-template-rows:100px auto minmax(180px,1fr) 0px}.story-stage .story-bottom{display:none}}

@media(min-width:651px){#reyonlar .reyon-back{position:absolute;left:-51vw;top:0;white-space:nowrap;z-index:5}}

.contact-link-arrow .vector-arrow,.contact-social-arrow .vector-arrow{display:block;width:20px;height:20px;flex:none}

@media(max-width:600px){
 .story-stage #brand-film{transition:none}
 .story.film-opening .story-stage #brand-film{transform:translateX(-24%)}
}

@media(max-width:600px){
 .story.film-opening .story-stage #brand-film{mask-image:radial-gradient(ellipse 26% 50% at 74% 50%,#000 65%,rgba(0,0,0,.6) 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 26% 50% at 74% 50%,#000 65%,rgba(0,0,0,.6) 80%,transparent 100%)}
}

@media(max-width:600px){.story-stage{height:100svh;min-height:620px}.story.film-opening .story-stage #brand-film{width:120%;max-width:none;margin-left:-10%}.story.film-opening .story-stage #brand-film{transform:translateX(-24%)}}

/* A stable mobile video box prevents a size jump at the opening cut. */
@media(max-width:600px){.story.film-opening .story-stage #brand-film{width:100%;max-width:100%;margin-left:0}}

/* Reserve the same copy row for every mobile chapter. */
@media(max-width:600px){.story-stage{grid-template-rows:100px 300px minmax(180px,1fr) 0px}.story-stage .story-copy{align-self:start}}