/* A shared studio floor, warm materials and real reflections anchor the scene. */
.studio-hero{background:radial-gradient(ellipse at 76% 48%,#e3c24518,transparent 55%),var(--paper)}
.software-page .studio-hero .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;min-height:735px;padding-top:45px;padding-bottom:28px}
.studio-hero .hero-copy{position:relative;z-index:2}
.software-page .studio-hero h1{font-size:clamp(52px,5.4vw,80px);letter-spacing:-3.5px;line-height:1.1}
.studio-hero .hero-art.studio-art{--studio-scale:1.10;position:relative;width:600px;height:620px;min-width:0;max-width:none;left:0;align-self:center;justify-self:center;margin:0 0 calc(var(--studio-scale)*620px - 620px);transform:scale(var(--studio-scale));transform-origin:50% 0}
.studio-art .hero-composition{inset:0 auto auto 55px;width:490px;height:620px;margin:0;scale:1;display:block;transform:perspective(1600px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));transform-origin:50% 470px;transform-style:preserve-3d}
.studio-art .studio-halo,.studio-art .studio-floor,.studio-art .studio-spark,.studio-art .award-object,.studio-art .award-object *,.studio-art .award-reflection,.studio-art .award-reflection *{pointer-events:none;user-select:none}
.studio-art .studio-halo{position:absolute;left:-70px;top:28px;width:620px;height:530px;background:radial-gradient(ellipse at 54% 48%,#f8c84b18 0,#dfaf3510 32%,transparent 71%);transform:translateZ(-45px)}
.studio-art .orbit-one{width:510px;height:510px;left:-5px;top:-3px;border-color:#b392444a}
.studio-art .orbit-two{width:415px;height:415px;left:46px;top:38px;border-color:#9c894d38;opacity:.55}
.studio-art .art-dot-one{top:60px;right:-20px;background:#f8d344}
.studio-art .art-dot-two{bottom:126px;left:3px;background:#bd9a39}
.studio-art .art-caption{top:-1px;left:155px;gap:8px;font-size:10px;letter-spacing:.35px;color:#78755e;transform:translateZ(9px) rotate(-7deg)}
.studio-art .brand-sculpture{left:65px;top:80px;width:360px;height:310px;border-radius:38px;background:#bf9220;transform:translateZ(20px) rotate(-13deg);box-shadow:2px 4px 0 #d7ac29,5px 9px 0 #c99d23,9px 15px 0 #ad7d15,14px 22px 0 #986b12,17px 28px 0 #885e10,25px 42px 32px #47341244}
.studio-art .sculpture-face{inset:-10px 0 10px;background:linear-gradient(145deg,#ffe974 0,#ffd93e 33%,#f8c624 69%,#e9ad12 100%);box-shadow:inset 0 2px 2px #fff7b8,inset 1px 0 1px #fff39bd9,inset -2px -2px 3px #cc8e0b66,0 -2px 14px #ffe16e3d}
.studio-art .sculpture-face::before{content:'';position:absolute;left:34px;right:24px;top:1px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#fffbd4e6 30%,#fff8bb 70%,transparent);box-shadow:0 0 12px #ffe37580;pointer-events:none}
.studio-art .sculpture-face::after{inset:15px;border:1px solid #fff2966b}
.studio-art .sculpture-face img{width:247px;transform:rotate(3deg);filter:brightness(0) drop-shadow(0 2px 0 #ffe98466)}
.studio-art .sculpture-word{bottom:33px;left:66px;font-size:7px;letter-spacing:2.6px;color:#4d3a12}
.studio-art .floating-label{background:#f2f2e6f7;border:1px solid #a3a4815c;color:#24281e;box-shadow:0 15px 28px #393a2319;z-index:3}
.studio-art .floating-label strong{font-size:11px}
.studio-art .floating-label small{font-size:9px;color:#70735f}
.studio-art .code-label{left:108px;top:390px;bottom:auto;width:230px;max-width:none;gap:12px;padding:15px 16px;transform:translateZ(38px) rotate(-4deg)}
.studio-art .code-symbol{font-size:24px}
.studio-art .label-dot{width:6px;height:6px;margin-left:auto;flex-shrink:0}
.studio-art .design-label{left:auto;right:-45px;top:55px;width:231px;max-width:none;gap:12px;padding:14px 16px;transform:translateZ(45px) rotate(6deg)}
.studio-art .design-symbol{font-size:31px;color:#9d7e18}
.studio-art .art-coordinate{right:-14px;bottom:auto;top:582px;font-size:8px;letter-spacing:1.1px;color:#858774}
.studio-art .studio-floor{position:absolute;left:-70px;top:443px;width:630px;height:165px;background:radial-gradient(ellipse at 18% 16%,#ffd76a85 0,#f0be4052 4%,#c9942829 15%,transparent 36%),radial-gradient(ellipse at 82% 16%,#ffd56e80 0,#eab8384d 5%,#be8d2e24 17%,transparent 38%),radial-gradient(ellipse at 52% 21%,#d9ab3f33 0,transparent 63%);transform:translateZ(-2px)}
.studio-art .studio-floor::before{content:'';position:absolute;left:16px;right:0;top:27px;height:1px;background:linear-gradient(90deg,transparent 1%,#b5964b26 8%,#fff1aaad 18%,#c8a14817 37%,#c59b3612 68%,#ffe29d99 83%,transparent 97%);pointer-events:none}
.studio-art .studio-floor::after{content:'';position:absolute;left:77px;right:65px;top:28px;height:77px;background:radial-gradient(ellipse at 50% 0,#3029102b,transparent 68%);pointer-events:none}
.studio-art .studio-floor{mask-image:linear-gradient(transparent 0,#000 23%,#000 66%,transparent 100%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(transparent 0,#000 23%,#000 66%,transparent 100%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in}
.studio-art .award-object{position:absolute;transform-style:preserve-3d;transform-origin:50% 100%;z-index:6}
.studio-art .award-object::before{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:12px;background:radial-gradient(ellipse,#3c2c174d 0,transparent 69%);transform:translateZ(-1px) rotateX(55deg);pointer-events:none}
.studio-art .award-crystal{--award-mask:url('../assets/awards/altin-orumcek-crystal-studio.webp');left:-35px;top:70px;width:170px;height:400px;transform:translateZ(55px) rotateY(-3deg) rotateZ(-2deg)}
.studio-art .award-bronze{--award-mask:url('../assets/awards/altin-orumcek-bronze-studio.webp');right:-35px;top:160px;width:200px;height:310px;transform:translateZ(70px) rotateY(3deg) rotateZ(2deg);z-index:7}
.studio-art .award-intro,.studio-art .award-surface{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 100%}
.studio-art .award-surface>img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
.studio-art .award-surface>.award-plaque{position:absolute;inset:0;transform:translateZ(1px)}
.studio-art .award-surface{animation:studio-crystal-turn 10.4s ease-in-out infinite;animation-play-state:paused}
.studio-art .award-bronze .award-surface{animation-name:studio-bronze-turn;animation-duration:12.6s;animation-delay:-3.1s}
.studio-art .award-glint{position:absolute;inset:0;overflow:hidden;mask:var(--award-mask) center bottom/contain no-repeat;-webkit-mask:var(--award-mask) center bottom/contain no-repeat}
.studio-art .award-glint::after{content:'';position:absolute;top:-10%;bottom:-10%;left:-80%;width:80%;background:linear-gradient(107deg,transparent 12%,#ffda7d10 31%,#ffefbda8 50%,#fff7d54a 57%,transparent 82%);opacity:0;transform:translateX(-25%);animation:studio-award-light 9.8s ease-in-out infinite;animation-play-state:paused}
.studio-art .award-bronze .award-glint::after{animation-delay:-3.7s}
.studio-art .award-reflection{position:absolute;top:470px;overflow:hidden;mask-image:linear-gradient(#000b 0,#0007 21%,#0002 64%,transparent 98%);-webkit-mask-image:linear-gradient(#000b 0,#0007 21%,#0002 64%,transparent 98%);opacity:.28;transform-origin:50% 0;z-index:1}
.studio-art .award-reflection>img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;transform:scaleY(-1);transform-origin:center}
.studio-art .award-reflection-crystal>img{height:400px}
.studio-art .award-reflection-crystal>.award-plaque{position:absolute;inset:0}
.studio-art .award-reflection-bronze>img{height:310px}
.studio-art .award-reflection-crystal{left:-35px;width:170px;height:142px;transform:translateZ(55px) rotateY(-3deg) rotateZ(-2deg)}
.studio-art .award-reflection-bronze{right:-35px;width:200px;height:133px;transform:translateZ(70px) rotateY(3deg) rotateZ(2deg);opacity:.23}
.studio-art .studio-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff9d9;box-shadow:0 0 7px #ffd0649c,0 0 16px #f5be3c4d;opacity:.72;z-index:8;animation:studio-spark-light 7.2s ease-in-out infinite;animation-play-state:paused}
.studio-art .studio-spark::before,.studio-art .studio-spark::after{content:'';position:absolute;pointer-events:none}
.studio-art .studio-spark::before{left:-16px;top:1px;width:35px;height:1px;background:linear-gradient(90deg,transparent,#fff3bbbd,transparent)}
.studio-art .studio-spark::after{left:1px;top:-7px;width:1px;height:18px;background:linear-gradient(transparent,#fff3bba6,transparent)}
.studio-art .studio-spark-crystal{left:49%;top:1.8%;transform:translateZ(1px);animation-delay:-1.8s}
.studio-art .studio-spark-contact{left:-18px;top:469px;transform:translateZ(56px)}
.studio-art .studio-spark-contact::before{left:-26px;width:55px}
.studio-art .studio-spark-bronze{left:365px;top:470px;transform:translateZ(71px);animation-delay:-3.3s}
.studio-art.motion-live .award-surface,.studio-art.motion-live .award-glint::after,.studio-art.motion-live .studio-spark{animation-play-state:running}
[data-theme="dark"] .studio-hero{background:radial-gradient(ellipse at 77% 49%,#b8892029,transparent 51%),#151815}
[data-theme="dark"] .studio-art .studio-halo{background:radial-gradient(ellipse at 54% 48%,#f8c84b1c 0,#dfaf3510 35%,transparent 70%)}
[data-theme="dark"] .studio-art .brand-sculpture{box-shadow:2px 4px 0 #d7ac29,5px 9px 0 #c99d23,9px 15px 0 #ad7d15,14px 22px 0 #986b12,17px 28px 0 #885e10,25px 42px 30px #0009}
[data-theme="dark"] .studio-art .floating-label{background:#20271df7;border-color:#80734180;color:#f5f5e9;box-shadow:0 14px 25px #0005}
[data-theme="dark"] .studio-art .floating-label small{color:#c4c9b1}
[data-theme="dark"] .studio-art .design-symbol{color:#f5d341}
[data-theme="dark"] .studio-art .art-caption{color:#d1d0b8}
[data-theme="dark"] .studio-art .art-coordinate{color:#b7b69d}
[data-theme="dark"] .studio-art .studio-floor{background:radial-gradient(ellipse at 18% 16%,#ffdb7bbd 0,#f5bd4173 4%,#ce962d3d 15%,transparent 36%),radial-gradient(ellipse at 82% 16%,#ffd06cb3 0,#eab83870 5%,#b7802838 17%,transparent 38%),radial-gradient(ellipse at 52% 23%,#d5a63852 0,transparent 66%)}
[data-theme="dark"] .studio-art .studio-floor::after{background:radial-gradient(ellipse at 50% 0,#0009,transparent 68%)}
[data-theme="dark"] .studio-art .award-object::before{background:radial-gradient(ellipse,#000a 0,transparent 69%)}
[data-theme="dark"] .studio-art .award-reflection{opacity:.39}
[data-theme="dark"] .studio-art .award-reflection-bronze{opacity:.32}
@keyframes studio-crystal-turn{0%,100%{transform:rotateY(-1deg)}50%{transform:rotateY(1deg)}}
@keyframes studio-bronze-turn{0%,100%{transform:rotateY(1deg)}50%{transform:rotateY(-1deg)}}
@keyframes studio-award-light{0%,32%{transform:translateX(-25%);opacity:0}39%{opacity:.14}48%{opacity:.38}61%,100%{transform:translateX(250%);opacity:0}}
@keyframes studio-spark-light{0%,100%{opacity:.58}50%{opacity:.92}}
@media(max-width:1499px){.studio-hero .hero-art.studio-art{--studio-scale:1.06}}
@media(max-width:1250px){.studio-hero .hero-art.studio-art{--studio-scale:1}}
@media(max-width:1150px){.studio-hero .hero-art.studio-art{--studio-scale:.92}.software-page .studio-hero .hero-grid{min-height:665px}}
@media(max-width:1050px){.studio-hero .hero-art.studio-art{--studio-scale:.84}.software-page .studio-hero .hero-grid{min-height:625px}}
@media(max-width:950px){.software-page .studio-hero h1{font-size:clamp(40px,5.4vw,52px);letter-spacing:-2.4px}.studio-hero .hero-art.studio-art{--studio-scale:.73}.software-page .studio-hero .hero-grid{min-height:590px;gap:18px}.studio-art .studio-halo{opacity:.8}}
@media(max-width:850px){.studio-hero .hero-art.studio-art{--studio-scale:.65}}
@media(max-width:750px){.studio-hero .hero-art.studio-art{--studio-scale:.58}}
@media(max-width:700px){.software-page .studio-hero h1{font-size:clamp(44px,10.8vw,68px);letter-spacing:-2.5px}.software-page .studio-hero .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:38px;padding-bottom:18px}.studio-hero .hero-art.studio-art{--studio-scale:1;align-self:center;justify-self:auto;margin-top:34px;margin-inline:0;margin-bottom:calc(var(--studio-scale)*620px - 620px)}.studio-hero .hero-copy{z-index:2}}
@media(max-width:650px){.studio-hero .hero-art.studio-art{--studio-scale:.90}}
@media(max-width:600px){.studio-hero .hero-art.studio-art{--studio-scale:.82}}
@media(max-width:550px){.studio-hero .hero-art.studio-art{--studio-scale:.74}}
@media(max-width:500px){.studio-hero .hero-art.studio-art{--studio-scale:.66}}
@media(max-width:450px){.studio-hero .hero-art.studio-art{--studio-scale:.60}}
@media(max-width:400px){.studio-hero .hero-art.studio-art{--studio-scale:.54}}
@media(max-width:360px){.studio-hero .hero-art.studio-art{--studio-scale:.49}}
@media(max-width:340px){.studio-hero .hero-art.studio-art{--studio-scale:.45}}
@media(hover:none),(pointer:coarse){.studio-art .hero-composition{transform:none}.studio-art .award-surface,.studio-art .award-glint::after,.studio-art .studio-spark{animation:none}}
[data-motion="reduced"] .studio-art .hero-composition{transform:none}
[data-motion="reduced"] .studio-art .award-surface,[data-motion="reduced"] .studio-art .award-glint::after,[data-motion="reduced"] .studio-art .studio-spark{animation:none}