/* Bir Yön — SKA campus / two motion studies. */
[data-design=yon] .site-nav{gap:22px;font-size:11px}
[data-design=yon] .header-contact{font-size:11px;padding-inline:17px;gap:14px}
.campus-experience{height:235svh;position:relative;isolation:isolate}
.campus-pin{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:#100a23}
.campus-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 52%,#51416b45,transparent 53%),linear-gradient(135deg,transparent 60%,#c4ff0004)}
.campus-ambient:after{content:'SKA';position:absolute;right:0;bottom:0;font:700 36vw/.7 Archivo,sans-serif;letter-spacing:-.1em;color:#fff;opacity:.018;pointer-events:none}
.campus-copy{position:absolute;z-index:4;left:var(--gutter);top:21%;width:43%;pointer-events:none}
.campus-copy a{pointer-events:auto}
.campus-copy .eyebrow{font-size:9px;letter-spacing:.12em;color:#c2b9d1;margin-bottom:29px}
.campus-copy h1{font-size:clamp(64px,6.8vw,112px);line-height:1.015;letter-spacing:-.068em}
.campus-copy h1 em{font-style:normal;color:var(--accent)}
.campus-copy>p{font-size:13px;line-height:1.9;color:#c8c1d4;margin:27px 0 27px;max-width:370px}
.campus-copy .actions{gap:25px}
.campus-copy .button{font-size:11px;gap:20px;min-height:47px;padding:12px 20px}
.campus-copy .text-link{font-size:11px;gap:10px;min-height:47px}
.campus-story{display:flex;gap:20px;max-width:385px;margin-top:48px;padding-top:20px;border-top:1px solid #ffffff20;align-items:flex-start}
.story-number{font:500 10px/1.7 Manrope,sans-serif;white-space:nowrap;color:#c4ff00;padding-top:2px}
.campus-story h2{font-size:17px;letter-spacing:-.025em;line-height:1.4;margin-bottom:8px}
.campus-story p{font-size:10px;line-height:1.8;color:#b7b0c4}
.campus-stage{position:absolute;width:71%;height:93%;right:-9%;top:6%;z-index:2;perspective:1200px}
.campus-canvas,.campus-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .8s;pointer-events:none}
.campus-canvas{opacity:0}.campus-stage[data-ready=true] .campus-canvas{opacity:1}.campus-stage[data-ready=true] .campus-poster{opacity:0}
.campus-poster{padding:10% 7% 9% 0;filter:drop-shadow(0 40px 32px #0007)}
.campus-brand-seal{display:flex;align-items:center;gap:6px;position:absolute;right:18%;top:14%;color:#d5d0dd;z-index:6;transform:rotate(5deg);background:#161022b8;border:1px solid #ffffff20;backdrop-filter:blur(14px);border-radius:8px;padding:5px 12px 5px 5px;box-shadow:0 15px 40px #0003}
.campus-brand-seal img{height:47px;width:47px}.campus-brand-seal span{font-size:7px;line-height:1.65;letter-spacing:.08em}
.channel-node{position:absolute;z-index:7;display:flex;gap:10px;padding:14px 18px 13px 13px;border:1px solid #ffffff2a;background:linear-gradient(120deg,#211830ed,#171021dd);box-shadow:0 18px 35px #08041355;border-radius:12px;backdrop-filter:blur(14px);opacity:0;transform:translateY(30px) scale(.93);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;min-width:180px}
.channel-symbol{width:29px;height:29px;border:1px solid #c4ff0050;border-radius:8px;color:#c4ff00;display:grid;place-items:center;font-size:21px}
.channel-node small,.candidate-note small{display:block;font-size:7px;letter-spacing:.12em;color:#b8b0c6;margin-bottom:7px}
.channel-node strong{display:block;font-size:9px;font-weight:500;line-height:1.6}
.node-web{top:18%;left:19%;transform:translateY(30px) rotate(-6deg)}
.node-social{top:25%;right:14%;transform:translateY(30px) rotate(7deg)}
.node-map{bottom:16%;right:15%;transform:translateY(30px) rotate(-4deg)}
.mini-browser{display:flex;gap:4px;width:130px;height:17px;border-top:1px solid #ffffff20;margin-top:9px;padding-top:6px}.mini-browser i{width:4px;height:4px;background:#7e758f;border-radius:50%}
.mini-wave{display:block;color:#c4ff00;letter-spacing:3px;font-size:14px;margin-top:5px;max-width:146px;overflow:hidden;white-space:nowrap}
.mini-rating{display:block;color:#c4ff00;font-size:10px;margin-top:9px;letter-spacing:3px}
[data-variant=dijital][data-chapter='1'] .channel-node,[data-variant=dijital][data-chapter='2'] .channel-node{opacity:1;transform:translateY(0) rotate(0)}
.campus-connections{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.digital-path{stroke:#c4ff00;stroke-width:1;stroke-dasharray:4 8;opacity:0;transition:opacity .5s}
[data-variant=dijital][data-chapter='1'] .digital-path,[data-variant=dijital][data-chapter='2'] .digital-path{opacity:.45;animation:connection-dash 9s linear infinite}
.candidate-path{stroke:url(#route-color);stroke-width:1.5;opacity:0;transition:opacity .6s}
.route-dot{fill:#c4ff00;filter:drop-shadow(0 0 7px #c4ff00);opacity:0}
[data-variant=aday] .candidate-path,[data-variant=aday] .route-dot{opacity:.85}
.candidate-note{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#21192de8;border:1px solid #c4ff0044;border-radius:50px;box-shadow:0 12px 40px #0006;opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}
.candidate-note>span{display:grid;place-items:center;width:30px;height:30px;background:#c4ff00;color:#100a23;border-radius:50%;font-size:20px}
.candidate-note small{font-size:6px;margin-bottom:5px}.candidate-note strong{font-size:9px;font-weight:500}
.candidate-search{left:17%;bottom:22%}.candidate-message{right:15%;top:27%}
[data-variant=aday] .candidate-search,[data-variant=aday][data-chapter='1'] .candidate-message,[data-variant=aday][data-chapter='2'] .candidate-message{opacity:1;transform:translateY(0)}
.model-caption{display:flex;align-items:center;gap:8px;position:absolute;left:40%;bottom:8%;color:#a9a1ba;font-size:8px;letter-spacing:.03em;z-index:6}
.live-dot{width:4px;height:4px;border-radius:50%;background:#c4ff00;box-shadow:0 0 10px #c4ff0066}
.campus-bottom{position:absolute;z-index:8;bottom:65px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aaa1ba;font-size:9px}
.campus-scroll{display:flex;align-items:center;gap:12px;min-height:44px}.campus-scroll svg{transform:rotate(90deg);width:18px;height:18px;color:#c4ff00}
.campus-chapters{display:flex;gap:30px;font-size:9px}.campus-chapters button{opacity:.5;transition:opacity .4s}.campus-chapters .active{opacity:1;color:#c4ff00}
.campus-pause{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:inherit;font:inherit;min-height:44px;padding:5px}
.campus-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:54px;height:1px;background:#ffffff16}.campus-progress i{display:block;height:1px;width:0;background:#c4ff00}
.preview-nav{position:fixed;left:20px;bottom:13px;z-index:50;display:flex;align-items:center;gap:6px;padding:5px 6px 5px 13px;border:1px solid #766b88;background:#151022ed;border-radius:40px;color:#e5deee;box-shadow:0 2px 20px #0004;backdrop-filter:blur(12px);font-size:9px}
.preview-nav>span{font-size:8px;color:#a99cbd;letter-spacing:.08em;padding-right:5px}.preview-nav a{min-height:32px;display:flex;align-items:center;padding:7px 12px;border-radius:30px;font-weight:650}.preview-nav a[aria-current=page]{background:#c4ff00;color:#100a23}
.reference-collection{padding:102px var(--gutter) 100px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.reference-art{position:relative;aspect-ratio:1.18;overflow:hidden;border-radius:3px;background:#f4f4f1}
.reference-art>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.reference-tile:hover img{transform:scale(1.035)}
.reference-art>span{position:absolute;right:16px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;background:#100a23;color:#c4ff00;border-radius:50%}.reference-art svg{height:17px;width:17px;transform:rotate(-35deg)}
.reference-info{display:flex;gap:15px;padding-top:17px}.reference-index{font-size:8px;color:#c4ff00;padding-top:5px;min-width:14px}.reference-info h3{font-size:22px;line-height:1.2;letter-spacing:-.035em}.reference-info p{font-size:10px;color:#aba1bc;margin-top:8px;line-height:1.6}
.partners{padding:88px var(--gutter) 100px;background:#1a122d;border-top:1px solid #362942}
.partners-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}.partners-heading h2{font-size:clamp(40px,4.8vw,74px);line-height:1.05}.partners-heading em{color:#c4ff00;font-style:normal}.partners-heading>p{font-size:12px;line-height:1.9;color:#b5a9c4;max-width:290px;padding-bottom:7px}
.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.partner-visual{position:relative;aspect-ratio:.85;background:linear-gradient(150deg,#2d2340,#21172e);overflow:hidden;border-top:1px solid #4c3e5b;border-radius:140px 140px 4px 4px}
.partner-visual:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#18102066);pointer-events:none}
.partner-visual img{position:absolute;height:100%;width:100%;object-fit:contain;object-position:bottom;bottom:-2px;z-index:2;transition:transform .6s}
.partner-orbit{position:absolute;left:12%;top:14%;width:76%;aspect-ratio:1;border:1px solid #c4ff0040;border-radius:50%;box-shadow:0 0 40px #c4ff000a}
.partner-card:nth-child(2) .partner-visual{background:linear-gradient(145deg,#d7e6b8,#91a573)}
.partner-card:nth-child(3) .partner-visual{background:linear-gradient(145deg,#3b385c,#23203f)}
.partner-card:nth-child(4) .partner-visual{background:linear-gradient(145deg,#cfdfb3,#748f5c)}
.partner-card:hover img{transform:scale(1.035)}
.partner-arrow{position:absolute;z-index:4;bottom:15px;right:15px;width:32px;height:32px;border-radius:50%;background:#c4ff00;color:#100a23;display:grid;place-items:center}.partner-arrow svg{width:16px;height:16px;transform:rotate(-35deg)}
.partner-info{padding-top:19px}.partner-info h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.partner-info p{font-size:10px;line-height:1.6;margin-top:7px;color:#b7adc6}
.site-directory{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.site-directory h2{font-size:36px;margin-bottom:35px}.site-directory a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3c304d;padding:19px 0;font-size:15px}.site-directory a svg{width:21px;height:21px;color:#c4ff00}
.preview-notice{border:1px solid #675976;padding:23px 26px;color:#ccc1d6;font-size:13px;line-height:1.8;margin-bottom:40px;max-width:650px}.thankyou-copy h2{font-size:40px;margin-bottom:24px}.thankyou-copy>p{max-width:650px;line-height:1.8}.thankyou-copy .button{margin-top:30px}
[data-design=yon] .footer-bottom{padding-bottom:58px}
.campus-paused *{animation-play-state:paused!important}
@keyframes connection-dash{to{stroke-dashoffset:-120}}
@media(min-width:1800px){.campus-stage{right:-4%;width:67%}.campus-copy{top:23%}}
@media(max-width:1100px){[data-design=yon] .site-nav{gap:17px}.campus-copy{width:48%;top:22%}.campus-copy h1{font-size:7vw}.campus-stage{right:-13%;width:76%}.campus-copy .eyebrow{font-size:8px}.campus-copy .text-link{font-size:10px}.campus-copy .actions{gap:17px}.campus-story{max-width:330px;margin-top:32px}.channel-node{min-width:155px;padding:11px}.node-web{left:24%;top:15%}.node-social{right:17%;top:28%}.node-map{right:17%;bottom:15%}.reference-info h3{font-size:20px}.partner-info h3{font-size:21px}.campus-chapters{gap:20px}}
@media(max-width:850px){.campus-experience{height:245svh}.campus-pin{min-height:850px}.campus-copy{top:147px;width:calc(100% - 60px)}.campus-copy h1{font-size:63px}.campus-copy .eyebrow{margin-bottom:20px}.campus-copy>p{max-width:310px;font-size:12px;margin-top:20px}.campus-story{position:absolute;left:auto;right:0;top:140px;width:32%;margin:0;display:block}.story-number{display:block;margin-bottom:8px}.campus-story h2{font-size:15px}.campus-stage{width:90%;height:61%;top:auto;bottom:35px;right:-2%}.campus-brand-seal{right:15%;top:10%}.node-web{left:5%;top:26%}.node-social{right:5%;top:22%}.node-map{bottom:18%;right:8%}.campus-chapters{display:none}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.partner-visual{aspect-ratio:.97}.partners-heading>p{max-width:240px}.model-caption{left:38%;bottom:10%}.candidate-search{left:5%}.candidate-message{right:4%}}
@media(max-width:600px){.campus-experience{height:245svh}.campus-pin{height:100svh;min-height:845px}.campus-copy{top:133px;left:22px;width:calc(100% - 44px)}.campus-copy .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:19px}.campus-copy h1{font-size:clamp(43px,11.8vw,66px);line-height:1.02}.campus-copy>p{font-size:11px;line-height:1.8;margin:19px 0 19px;max-width:305px}.campus-copy .actions{gap:18px}.campus-copy .button{font-size:9px;min-height:43px;padding:10px 14px;gap:13px}.campus-copy .text-link{font-size:9px;gap:8px}.campus-copy .arrow{width:16px;height:16px}.campus-story{display:none}.campus-stage{width:125%;height:47%;bottom:62px;right:-14%;top:auto}.campus-poster{padding:4% 8% 8%}.campus-brand-seal{top:6%;right:20%;padding:3px 8px 3px 3px;border-radius:6px;gap:3px}.campus-brand-seal img{height:32px;width:32px}.campus-brand-seal span{font-size:5px}.campus-bottom{left:22px;right:22px;bottom:57px;font-size:8px;gap:12px}.campus-scroll{gap:8px}.campus-scroll svg{height:14px;width:14px}.campus-pause{gap:5px;font-size:7px;white-space:nowrap}.campus-progress{left:22px;right:22px;bottom:55px}.channel-node{padding:8px;gap:7px;border-radius:8px;min-width:135px}.channel-symbol{height:22px;width:22px;font-size:17px;border-radius:5px}.channel-node small{font-size:5px;margin-bottom:4px}.channel-node strong{font-size:7px}.node-web{left:13%;top:12%}.node-social{right:12%;top:33%}.node-map{bottom:9%;right:20%}.mini-browser{width:85px;height:12px;margin-top:5px;padding-top:4px}.mini-browser i{height:3px;width:3px}.mini-wave{font-size:9px;letter-spacing:2px;max-width:96px}.mini-rating{font-size:7px;margin-top:4px}.model-caption{font-size:6px;left:25%;bottom:0}.candidate-note{padding:8px 10px;gap:7px}.candidate-note>span{height:23px;width:23px;font-size:16px}.candidate-note small{font-size:5px;margin-bottom:4px}.candidate-note strong{font-size:7px}.candidate-search{left:14%;bottom:12%}.candidate-message{right:12%;top:20%}.preview-nav{left:10px;bottom:9px;padding-left:10px;font-size:8px;gap:2px}.preview-nav>span{font-size:7px;padding-right:3px}.preview-nav a{padding:6px 10px;min-height:30px}.reference-collection{padding:64px 22px}.reference-collection .work-heading h2{font-size:36px}.reference-grid{gap:25px 15px}.reference-art{aspect-ratio:.95}.reference-art>span{right:9px;bottom:9px;height:27px;width:27px}.reference-art svg{height:14px;width:14px}.reference-info{gap:7px;padding-top:13px}.reference-index{font-size:6px;min-width:10px}.reference-info h3{font-size:16px;line-height:1.25}.reference-info p{font-size:8px;margin-top:6px}.partners{padding:60px 22px 66px}.partners-heading{display:block;margin-bottom:27px}.partners-heading h2{font-size:41px}.partners-heading>p{font-size:11px;margin-top:21px}.partners-grid{gap:25px 14px}.partner-visual{aspect-ratio:.76;border-radius:95px 95px 3px 3px}.partner-info{padding-top:14px}.partner-info h3{font-size:17px;letter-spacing:-.025em;line-height:1.3}.partner-info p{font-size:8px;margin-top:6px}.partner-arrow{height:25px;width:25px;bottom:10px;right:10px}.partner-arrow svg{height:13px;width:13px}.site-directory{grid-template-columns:1fr;gap:50px}.site-directory h2{font-size:29px;margin-bottom:25px}.site-directory a{font-size:13px}.thankyou-copy h2{font-size:33px}}
@media(max-width:370px){.campus-copy h1{font-size:42px}.campus-pin{min-height:810px}.campus-stage{height:45%;bottom:65px}.campus-copy .eyebrow{font-size:6px}.preview-nav a{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.campus-experience{height:auto}.campus-pin{position:relative;min-height:800px}.digital-path{animation:none!important}.route-dot{display:none}.campus-connections animateMotion{display:none}.campus-pause{display:none}.channel-node{transition:none}.campus-poster,.campus-canvas{transition:none}.campus-progress{display:none}}

/* SKA belongs to the agency touch, never to the school facade. */
.campus-canvas{filter:saturate(calc(.12 + var(--activation,0)*.88)) brightness(calc(.73 + var(--activation,0)*.27));transition:opacity .8s,filter .3s}
.campus-brand-seal{right:auto;left:25%;top:13%;transform:translate(var(--touch-x,-25%),var(--touch-y,0)) rotate(-6deg);border-color:#c4ff0070;box-shadow:0 0 calc(10px + var(--activation,0)*35px) #c4ff0028;transition:transform .15s}
.campus-brand-seal:after{content:"";position:absolute;left:50%;top:100%;height:calc(10px + var(--activation,0)*95px);width:1px;background:linear-gradient(#c4ff00,transparent);opacity:var(--activation,0)}
@media(max-width:600px){.campus-brand-seal{left:27%;top:2%;--touch-y:0!important;transform:translateX(var(--touch-x,-25%)) rotate(-6deg)}}

.campus-stage:before{content:"";position:absolute;inset:28% 12% 4%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#c4ff0026,transparent 62%);opacity:var(--activation,0);filter:blur(20px)}
[data-variant=aday] .candidate-path,[data-variant=aday] .route-dot{opacity:calc(var(--activation,0)*.85)}

.transformation-state{position:absolute;left:28%;top:10%;font-size:8px;letter-spacing:.04em;display:flex;align-items:center;gap:8px;color:#cfc6dc;z-index:7}.transformation-state i{height:4px;width:4px;border-radius:50%;background:#c4ff00}.campus-brand-seal{top:17%}@media(max-width:600px){.transformation-state{left:23%;top:-4%;font-size:7px}.campus-brand-seal{top:3%}}

[data-design=yon].home .site-nav.open{background:#171026;color:#f4f4ef}

.touch-ring{position:absolute;left:40%;top:39%;width:90px;height:90px;border:1px solid #c4ff00;border-radius:50%;z-index:4;pointer-events:none;opacity:var(--touch-ring-opacity,0);transform:scale(calc(.3 + var(--activation,0)*6)) rotateX(60deg);box-shadow:0 0 15px #c4ff0033,inset 0 0 15px #c4ff0022}
@media(min-width:1000px){.reference-art{aspect-ratio:1.4}.reference-collection .work-heading{margin-bottom:35px}}

.campus-chapters button{font:inherit;letter-spacing:inherit;color:inherit;padding:10px 0;border:0;background:transparent;min-height:44px;cursor:pointer}