/* Grovia UI5 Ekran — temel katman.
   Kaynak: Grovia-Studio-UI5.zip / style.css. Tasarim birebir korundu.
   TEK DEGISIKLIK: fontlar Google Fonts @import'undan yerel woff2'ye alindi.
   NEDEN: Web.config'deki CSP `style-src 'self' 'unsafe-inline'` diyor; fonts.googleapis.com
   listede yok. Bugun kural Report-Only oldugu icin engellenmiyor, yalniz raporlaniyor --
   zorlayiciya alindigi gun sayfa fontsuz kalirdi. UI4 de fontlarini kendi klasorunde tasiyor.
   Unicode araliklari Google'in kendi bolumlemesi: Turkce i (U+0131) latin'de, g/s/I latin-ext'te. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/ui5/assets/dmsans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/ui5/assets/dmsans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/ui5/assets/grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/ui5/assets/grotesk-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--paper:#f4f3ee;--ink:#232322;--purple:#594bea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:10px;align-items:center}.logo>b{background:var(--purple);color:var(--paper);font-size:38px;line-height:42px;width:44px;text-align:center}.logo>span{font-size:26px;font-weight:700;letter-spacing:-1.7px;line-height:24px}.logo small{display:block;letter-spacing:5px;font-size:10px;line-height:15px}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--purple)}.contact{padding:13px 20px;background:var(--ink);color:white;font-size:14px;display:inline-flex;gap:24px;align-items:center}.journey{height:285vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;inset:0;z-index:2}.eyebrow{font:12px 'Space Grotesk',monospace;letter-spacing:1.8px;font-weight:500}.hero-copy>.eyebrow{position:absolute;top:17%;left:4%}h1,h2,h3,p{margin-top:0}.hero-copy h1{position:absolute;left:4%;top:24%;font:500 clamp(34px,4.1vw,70px)/.98 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:0;z-index:3}.hero-copy h1>span{font-size:20px;vertical-align:top;margin-left:8px}.side-note{position:absolute;right:5%;top:27%;font-size:16px;line-height:1.55}.big-type{position:absolute;left:3%;bottom:16%;font:700 16vw/.8 'Space Grotesk',sans-serif;letter-spacing:-1.1vw;color:#deddd7;white-space:nowrap}.big-type span{display:block;text-align:right;margin-top:15px;margin-left:33vw;font-size:12vw}.computer{position:absolute;z-index:3;left:50%;top:50%;width:min(42vw,62vh);transform:translate(-50%,-46%) rotate(-5deg);transform-origin:50% 35%;mix-blend-mode:multiply;will-change:transform;pointer-events:none}.computer img{display:block;width:100%;height:auto}.explore{position:absolute;left:4%;bottom:22%;border-bottom:1px solid;padding:10px 0;font-size:15px}.hero-foot{position:absolute;left:4%;bottom:4%;font:12px monospace;letter-spacing:1px}.scroll-cue{position:absolute;z-index:6;bottom:3.7%;left:50%;transform:translateX(-50%);text-align:center;width:240px}.scroll-cue>span{font-size:24px}.scroll-cue p{font:11px monospace;letter-spacing:1px;margin:9px 0}.scroll-cue>div{height:2px;background:#c5c3be;width:100px;margin:auto}.scroll-cue i{display:block;height:2px;background:var(--purple);width:0}.boot{position:absolute;inset:0;z-index:4;background:#141421;color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;pointer-events:none;font-family:monospace}.boot>b{font-size:90px}.boot p{font-size:16px}.boot-bar{width:180px;height:8px;background:#333346}.boot-bar i{display:block;width:0;height:100%;background:#a89bff}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.desktop{position:absolute;inset:0;z-index:5;background:#b9b0f5;opacity:0;display:flex;flex-direction:column;padding:100px 4% 30px;transform:translateY(30px);pointer-events:none}.desktop-top,.desktop-bottom{display:flex;justify-content:space-between;gap:20px;font:12px monospace;padding:16px 0;border-bottom:1px solid #79729e}.desktop-bottom{border-bottom:0;border-top:1px solid #79729e}.desktop-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 3%}.desktop h2{font:500 clamp(40px,5vw,80px)/1.03 'Space Grotesk';letter-spacing:-3px;margin:10px 0 35px}em{font-family:Georgia,serif;font-weight:400}.folders{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;gap:25px}.folders a{display:flex;flex-direction:column;align-items:center;font:16px monospace;gap:9px;padding:12px;border:1px solid transparent}.folders a:hover{background:#ffffff35;border:1px dashed #504873}.folders span{color:#f4f3ee;font-size:65px;line-height:1;text-shadow:4px 4px 0 #55468e}.folders small{font-size:12px;color:#49415f}.section{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.section-top span{font-size:14px;color:#666}.section-top p{margin:0}h2{font:500 clamp(42px,5.5vw,84px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-3px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:55px}.project{display:block}.window-title{border:1px solid #292929;display:flex;justify-content:space-between;padding:11px 14px;font:12px monospace}.brand-art{height:360px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:27px 20px;overflow:hidden;transition:filter .25s}.project:hover .brand-art{filter:saturate(1.3)}.bol .brand-art{background:#ddeb90;color:#234b30}.candy .brand-art{background:#6142d1;color:#ffcd53}.brand-tag,.brand-bottom{font:11px monospace;letter-spacing:2px}.brand-art strong{font:700 clamp(55px,6vw,100px)/.8 'Space Grotesk';letter-spacing:-6px;transition:transform .4s}.brand-art strong span{font-weight:400}.brand-art strong sup{font-size:20px;letter-spacing:0}.candy strong{transform:rotate(-8deg);text-align:center}.candy strong i{font-family:Georgia}.project:hover strong{transform:rotate(0deg) scale(1.06)}.project-label{display:flex;justify-content:space-between;padding:19px 0;align-items:center}.project-label b{font-size:22px}.project-label span{font-size:13px}.services{background:#24242a;color:var(--paper)}.services .section-top span{color:#bdbcc8}.services em{color:#bab0ff}.service-list{margin-top:55px}.service-list details{border-top:1px solid #53535a}.service-list details:last-child{border-bottom:1px solid #53535a}summary{display:flex;align-items:center;gap:28px;cursor:pointer;padding:25px 0;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font:12px monospace;color:#bcb6e7}summary h3{font:400 clamp(20px,2.5vw,36px) 'Space Grotesk';margin:0;flex:1}summary>b{font-size:26px;font-weight:400}details[open] summary>b{transform:rotate(45deg)}details>p{padding-left:44px;max-width:760px;line-height:1.7;color:#c6c6d0;font-size:16px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:50px}.about-grid p{font-size:20px;line-height:1.6}.about-grid p+p{font-size:16px;color:#67676b}.stamp{display:inline-block;font:11px monospace;letter-spacing:1px;border:1px solid #a3a2a0;padding:12px;margin-top:20px}footer{background:#d7f26e}footer h2{margin:40px 0 80px}footer h2 a{border-bottom:3px solid}footer h2 a:hover{color:var(--purple)}.footer-line{border-top:1px solid #829545;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:13px}#detail{min-height:100vh;padding:145px 7% 80px}.back{display:block;margin-bottom:55px}#detail h1{font:500 clamp(55px,10vw,150px) 'Space Grotesk';letter-spacing:-5px;margin-bottom:20px}#detail-copy{max-width:600px;font-size:20px;line-height:1.6}#detail-art{margin:50px 0}#detail-art .brand-art{height:400px}body.detail-mode header nav{visibility:hidden}[hidden]{display:none!important}
@media(min-width:1700px){.computer{width:min(44vw,67vh)}}@media(max-width:750px){header{padding:20px 5%}.logo>span{font-size:21px}.logo>b{font-size:31px;width:35px;line-height:36px}header nav{display:none}.contact{font-size:12px;padding:11px 13px;gap:10px}.hero-copy>.eyebrow{top:16%;font-size:10px;left:6%}.hero-copy h1{top:22%;left:6%;font-size:38px;letter-spacing:-2px}.side-note{display:none}.computer{width:min(78vw,51vh);top:53%;transform:translate(-50%,-38%) rotate(-5deg)}.big-type{font-size:22vw;bottom:18%;left:3%}.big-type span{font-size:17vw;margin-left:23vw}.explore{bottom:15%;left:6%;font-size:13px}.hero-foot{display:none}.scroll-cue{bottom:3%}.desktop{padding:80px 5% 25px}.desktop-top>span:last-child,.desktop-bottom>span:last-child{display:none}.desktop-top{font-size:10px}.desktop h2{font-size:44px;letter-spacing:-2px;margin-bottom:20px}.folders{grid-template-columns:1fr 1fr;gap:6px}.folders span{font-size:42px}.folders a{font-size:14px;padding:9px}.folders small{font-size:11px}.desktop-body{padding:15px 0}.desktop-bottom{font-size:10px}.section{padding:65px 6%}.section-top{align-items:flex-start;flex-direction:column;gap:12px}.section-top span{font-size:13px}h2{font-size:43px;letter-spacing:-2px}.projects{grid-template-columns:1fr;gap:28px;margin-top:35px}.brand-art{height:320px}.brand-art strong{font-size:80px}.about-grid{grid-template-columns:1fr;gap:0;margin-top:35px}.about-grid p{font-size:18px}.footer-line{flex-wrap:wrap;line-height:1.5}.footer-line span{order:3;width:100%}summary{gap:16px}summary h3{font-size:20px}details>p{padding-left:28px}footer h2{font-size:38px}#detail{padding:120px 6% 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.stage{position:relative;height:auto;overflow:hidden}.hero-copy{height:90svh;position:relative}.computer{top:44svh;transform:translate(-50%,-40%)!important}.boot,.scroll-cue{display:none}.desktop{position:relative;opacity:1!important;transform:none!important;min-height:90svh;pointer-events:auto;padding-top:35px}.blink{animation:none}*{transition:none!important}}

/* A playful, floating creative workspace */
.computer{perspective:1100px}.computer-motion{transform-style:preserve-3d;animation:computer-hover 6s ease-in-out infinite;will-change:transform}.computer img{transform:rotateY(var(--mouse-x,0deg)) rotateX(var(--mouse-y,0deg));transition:transform .5s ease-out}
@keyframes computer-hover{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}
.orbit-scene{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateY(var(--orbit-lift,0px));opacity:var(--orbit-opacity,1)}
.orbit-item{position:absolute;display:flex;align-items:center;flex-direction:column;gap:10px;animation:float-token 5s ease-in-out infinite;will-change:transform}.orbit-item>.token{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;border:1px solid #ffffff90;box-shadow:0 10px 0 -6px #29233225,0 19px 30px -15px #35295550,inset 0 2px 2px #ffffff90;transform:rotate(var(--tilt,-8deg));transition:transform .4s}.token svg{width:34px;height:34px}.orbit-item>span{font:12px 'Space Grotesk',sans-serif;color:#5e5b69;letter-spacing:.3px}.instagram{left:32%;top:20%;animation-delay:-1s;--tilt:-13deg}.instagram .token{background:linear-gradient(135deg,#7957e7,#d451a4 55%,#f4b16d);color:white}.meta{left:66%;top:39%;animation-delay:-3s;--tilt:12deg}.meta .token{background:#e4ecff;color:#0866ff}.meta-symbol{font:64px/1 Arial,sans-serif;margin-top:-7px}.camera{left:27%;top:61%;animation-delay:-2s;--tilt:-16deg}.camera .token{background:#34313d;color:#f1eee8;border-color:#6b6879;box-shadow:0 10px 0 -6px #1d192450,0 19px 30px -15px #35295550,inset 0 2px 2px #777181}.play{left:62%;top:72%;animation-delay:-.5s;--tilt:15deg}.play .token{background:#d8ed83;color:#343e1c}.cursor{left:68%;top:61%;animation-delay:-4s;--tilt:16deg}.cursor .token{width:42px;height:42px;background:#f9ca88;border-radius:12px}.cursor svg{width:23px;height:23px}.sparkle{left:43%;top:16%;animation-delay:-2.6s;--tilt:5deg}.sparkle .token{width:40px;height:40px;background:#e4ddfa;border-radius:12px;color:#6552b2}.sparkle svg{width:25px;height:25px}
@keyframes float-token{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(8px,-19px) rotate(5deg)}}
.big-type{font-size:14vw;color:#dfded9;bottom:15%}.big-type span{font-size:10vw;margin-left:42vw}.hero-copy h1{font-size:clamp(34px,3.8vw,64px);letter-spacing:-2.5px}.side-note{font-size:15px;right:5%;top:24%;line-height:1.6}.computer{width:min(40vw,58vh)}
@media(max-width:750px){.computer{width:min(69vw,45vh);top:54%}.hero-copy h1{top:22%;font-size:36px}.big-type{bottom:20%;font-size:21vw}.big-type span{font-size:15vw;margin-left:28vw}.orbit-item>.token{width:47px;height:47px;border-radius:13px}.token svg{width:26px;height:26px}.orbit-item>span{display:none}.instagram{left:73%;top:31%}.meta{left:80%;top:51%}.meta-symbol{font-size:47px;margin-top:-5px}.camera{left:6%;top:55%}.play{left:72%;top:70%}.cursor{left:17%;top:74%}.sparkle{left:13%;top:40%}.cursor .token,.sparkle .token{width:32px;height:32px;border-radius:9px}.cursor svg,.sparkle svg{width:20px;height:20px}.explore{bottom:14%}.orbit-scene{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.computer-motion,.orbit-item{animation:none}.computer img{transform:none}.orbit-scene{height:90svh;opacity:1!important;transform:none!important}.computer{top:49svh}}

/* Scroll choreography: align, orbit, collect, dive, reveal. */
.journey{height:360vh}.computer{z-index:4;mix-blend-mode:multiply;will-change:transform,opacity;transform-origin:50% 35%}.computer-motion{animation:none;transform:none}.computer img{transform:none!important;transition:none}.orbit-scene{z-index:auto;overflow:visible;pointer-events:none}.orbit-item{animation:none!important;will-change:transform,opacity;pointer-events:auto;cursor:crosshair}.orbit-item>span{background:#f4f3eec9;padding:4px 9px;border-radius:4px;backdrop-filter:blur(5px)}.orbit-item>.token{width:76px;height:76px;border-radius:22px;border:2px solid #ffffffa0;transform:none;box-shadow:inset 0 -7px 12px #17122f35,0 20px 30px -12px #30205260;position:relative;overflow:hidden}.orbit-item>.token:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff65,transparent 42%,transparent 60%,#ffffff20);pointer-events:none}.token svg{width:38px;height:38px;filter:drop-shadow(0 2px 1px #0002)}.instagram .token{background:radial-gradient(circle at 15% 95%,#ffe28f,transparent 50%),linear-gradient(135deg,#6c44ef,#e34596 60%,#fe8456)}.meta .token{background:linear-gradient(140deg,#fff,#cfdeff)}.camera .token{background:linear-gradient(145deg,#655f78,#24212c)}.play .token{background:linear-gradient(140deg,#f0ffc1,#b4d955)}.meta-symbol{font-size:70px}.cursor .token,.sparkle .token{width:49px;height:49px;border-radius:15px}.screen-energy{position:absolute;left:50%;top:44%;width:110px;height:110px;z-index:4;pointer-events:none;background:radial-gradient(ellipse,#f1ecffb0, #9675ff60 35%,transparent 70%);filter:blur(10px);opacity:0;mix-blend-mode:screen}.boot{z-index:7}.desktop{z-index:8;transform-origin:center}.scroll-cue{z-index:9}.folders a{will-change:transform,opacity}
@media(max-width:750px){.orbit-item>.token{width:52px;height:52px;border-radius:16px}.token svg{width:28px;height:28px}.meta-symbol{font-size:47px}.cursor .token,.sparkle .token{width:35px;height:35px;border-radius:11px}.cursor svg,.sparkle svg{width:21px;height:21px}.screen-energy{top:47%}.journey{height:330vh}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.orbit-item{pointer-events:none}.screen-energy{display:none}.desktop{filter:none!important;transform:none!important}.folders a{transform:none!important;opacity:1!important}}

/* Shared scene scale, clean silhouette, and interaction states. */
.computer{pointer-events:auto;cursor:pointer;outline-offset:12px;filter:none!important}.computer img{clip-path:polygon(17% 3%,82% 3%,87% 5%,90% 10%,91% 60%,93% 68%,99% 87%,99% 93%,97% 96%,4% 96%,1% 93%,1% 87%,7% 69%,9% 62%,11% 11%,13% 6%);mix-blend-mode:multiply}.computer-3d-canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;outline:none;cursor:grab;touch-action:none}.computer-3d-canvas:active{cursor:grabbing}.computer:focus-visible{outline:2px dashed var(--purple)}
.orbit-item>.token{width:var(--icon-size);height:var(--icon-size);border-radius:28%;border-width:1px}.token svg{width:50%;height:50%}.meta-symbol{font-size:calc(var(--icon-size)*.91);margin-top:-.08em}.cursor .token,.sparkle .token{width:calc(var(--icon-size)*.64);height:calc(var(--icon-size)*.64);border-radius:28%}.cursor svg,.sparkle svg{width:54%;height:54%}.orbit-item>span{font-size:clamp(10px,calc(var(--icon-size)*.17),13px);padding:3px 7px;transition:background .2s,color .2s}.orbit-item[role=button]{cursor:pointer}.orbit-item:hover>span,.orbit-item:focus-visible>span{background:var(--ink);color:white}.orbit-item:focus-visible{outline:2px dashed var(--purple);outline-offset:7px}.facebook .token{background:linear-gradient(145deg,#5197ff,#0866ff);color:white}.facebook svg{width:58%;height:58%}.screen-energy{pointer-events:none}
.project,.folders a,.contact,.explore,summary{position:relative;isolation:isolate;overflow:hidden}.project{transition:transform .3s ease,box-shadow .3s ease;transform-origin:center;will-change:transform}.project:hover{box-shadow:0 25px 40px -28px #30205265}.project:after,.folders a:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--hx,50%) var(--hy,50%),#fff3,transparent 55%);opacity:0;transition:opacity .3s}.project:hover:after,.folders a:hover:after{opacity:1}.folders a{transition:background .25s,box-shadow .25s;border-radius:8px}.folders a:hover{box-shadow:0 16px 24px -16px #29224180}.folders a>span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.folders a:hover>span{transform:translateY(-8px) rotate(-9deg)}.contact,.explore{transition:background .25s,color .25s,box-shadow .25s}.contact:hover{background:var(--purple);box-shadow:0 8px 20px -9px #594bea80}.explore:hover{color:var(--purple)}nav a{position:relative;padding-bottom:7px}nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}summary{transition:background .25s,padding .3s}summary:hover{background:#ffffff08;padding-left:12px;padding-right:12px}summary b{transition:transform .3s}.service-list details[open] p{animation:detail-in .35s ease both}.click-wave{position:absolute;z-index:10;width:16px;height:16px;border-radius:50%;pointer-events:none;background:#a899ef70;transform:translate(-50%,-50%);animation:click-wave .65s ease-out forwards}@keyframes click-wave{to{transform:translate(-50%,-50%) scale(22);opacity:0}}@keyframes detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.reveal-block{opacity:0;translate:0 28px;transition:opacity .7s,translate .7s}.reveal-block.revealed{opacity:1;translate:0 0}
@media(max-width:750px){.computer{width:var(--art-size)}.hero-copy h1{font-size:clamp(28px,7vw,36px)}.orbit-item>span{display:none}}
@media(max-height:600px) and (min-width:751px){header{padding-top:12px;padding-bottom:12px}.hero-copy>.eyebrow{top:23%;font-size:10px}.hero-copy h1{top:31%;font-size:clamp(26px,3vw,40px)}.side-note{top:27%;font-size:13px}.hero-foot{font-size:10px}.scroll-cue{bottom:2%}.big-type{font-size:12vw}.big-type span{font-size:9vw}}
@media(prefers-reduced-motion:reduce){.reveal-block{opacity:1;translate:none}.project{transform:none!important}.click-wave{display:none}.service-list details[open] p{animation:none}}

.stage{--art-size:min(40vw,55vh);--icon-size:clamp(28px,6.2vw,85px)}@media(max-width:750px){.stage{--art-size:min(63vw,40vh);--icon-size:9.7vw}}

/* Dar telefon (<=560px). ZIP tasariminin tek telefon kirilma noktasi 750px'di:
   320px ile 749px ayni duzeni aliyordu. 320px olculdugunde hero basligi ve
   masaustu klasorleri tasiyordu. Lint 24 bu boslugu denetliyor. */
@media(max-width:560px){
.logo>span{font-size:18px;letter-spacing:-1.2px}.logo>b{font-size:26px;width:30px;line-height:31px}
.hero-copy h1{font-size:clamp(25px,8.4vw,33px);letter-spacing:-1.4px;top:21%}
.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.2px}
.big-type{font-size:25vw;bottom:21%}.big-type span{font-size:18vw;margin-left:22vw}
.explore{font-size:12px}.scroll-cue{width:190px}.scroll-cue p{font-size:10px}
.desktop{padding:72px 5% 20px}.desktop h2{font-size:33px;letter-spacing:-1.4px}
.folders{gap:5px}.folders a{padding:7px;font-size:12px}.folders span{font-size:34px}.folders small{font-size:10px}
.section{padding:52px 5%}h2{font-size:34px;letter-spacing:-1.4px}
.brand-art{height:250px}.brand-art strong{font-size:58px;letter-spacing:-3px}
.about-grid p{font-size:16px}.footer-line{font-size:12px}
summary h3{font-size:17px}summary{gap:12px;padding:19px 0}details>p{padding-left:20px;font-size:15px}
}