@font-face{font-family:Mona;src:url('/assets/about/mona-sans.ttf');font-display:swap}@font-face{font-family:Manrope;src:url('/assets/about/manrope.ttf');font-display:swap}
body{isolation:isolate;font-size:16px}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.header{border-bottom:0}.header nav [aria-current]{border-bottom:1px solid var(--cyan)}.about-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:90px 0 85px}.about-hero h1{font-size:clamp(44px,5vw,72px);margin:23px 0 28px;font-weight:800}.lead{font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}.plain-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:700}.identity{position:relative;min-height:410px;display:grid;place-items:center;min-width:0}.identity-orb{width:285px;height:285px;border:1px solid #83e7f561;background:radial-gradient(ellipse at 25% 10%,#71d9ef33,#b9a3ff0b 75%);box-shadow:0 0 90px #76bafa16,inset 0 0 55px #7f9cc710;border-radius:50%;display:grid;place-items:center}.identity-orb img{width:130px}.identity-orb:before,.identity-orb:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #b9a3ff26;border-radius:50%;transform:rotate(28deg) scaleY(.77)}.identity-orb:after{transform:rotate(-38deg) scaleY(.77)}.orbit-line{position:absolute;width:94%;height:62%;border:1px solid #83e7f523;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.identity-label{position:absolute;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;border:1px solid #90cbed57;background:linear-gradient(135deg,#375b7b75,#3b386044);padding:14px 20px;border-radius:12px;box-shadow:0 15px 45px #10233d35}.identity-label svg{color:var(--cyan);width:20px;height:20px}.label-music{left:0;top:30px;transform:rotate(-7deg)}.label-shield{right:0;top:74px;transform:rotate(7deg)}.label-people{left:3%;bottom:25px;transform:rotate(-4deg)}.identity-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:9px Consolas,monospace;color:var(--muted);letter-spacing:.16em;white-space:nowrap}.intro-strip{border-block:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 2fr auto;gap:24px;align-items:center}.intro-strip>span{font:10px Consolas,monospace;letter-spacing:.14em;color:var(--cyan)}.intro-strip p{font-size:15px}.intro-strip strong{color:var(--ink);font-weight:550}.intro-strip>svg{color:var(--lilac);width:34px;height:34px}.section-space{padding-block:78px}.approach-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;margin-bottom:38px}.approach-heading .eyebrow{grid-column:1/-1;margin-bottom:18px}.approach-heading>p{max-width:490px;font-size:15px;align-self:end;line-height:1.85}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle{padding:30px;position:relative;min-width:0}.principle .index{display:block;font:10px Consolas,monospace;color:var(--muted);letter-spacing:.1em;margin-bottom:36px}.principle>svg{color:var(--cyan);position:absolute;right:29px;top:64px}.principle h3{font-size:27px;max-width:210px}.principle p{margin-top:18px;font-size:14px;line-height:1.85}.principle code{font-size:12px;color:var(--cyan)}.moments-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:20px}.moment{padding:30px;min-width:0;display:flex;flex-direction:column;align-items:start}.moment>.eyebrow{font-size:9px;line-height:1.7}.moment>svg{color:var(--cyan);margin-bottom:27px}.moment h3{font-size:26px;margin-top:16px}.moment p{margin-top:20px;font-size:14px;line-height:1.85}.moment code{font-size:12px;color:var(--cyan)}.moment-music{background:radial-gradient(ellipse at 94% 20%,#83e7f51b,transparent 65%),linear-gradient(130deg,#3449694a,#25345133);display:flex;flex-direction:row;align-items:center;gap:24px}.moment-copy{position:relative;z-index:1;min-width:0;flex:1}.moment-copy .eyebrow{font-size:9px}.moment-copy .plain-link{margin-top:22px}.sound-art{display:flex;flex-direction:column;align-items:center;gap:20px;width:145px;flex-shrink:0}.record{width:138px;height:138px;border:1px solid #83e7f56b;background:repeating-radial-gradient(circle,#263b5a 0 6px,#719ccc40 7px,#263b5a 8px);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 35px #8ac6eb12}.sound-bars{display:flex;align-items:center;gap:6px;height:28px}.sound-bars i{width:4px;border-radius:3px;background:#83e7f580;height:12px}.sound-bars i:nth-child(2n){height:22px;background:#b9a3ff80}.sound-bars i:nth-child(3n){height:28px}.development{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-block:1px solid var(--line)}.development-heading h2{margin:20px 0 24px}.development-heading>p{font-size:15px;line-height:1.9;max-width:480px}.development-list{border-left:1px solid #83e7f538;padding-left:30px}.development-list article{position:relative;padding:0 0 34px}.development-list article:last-child{padding-bottom:0}.step-dot{position:absolute;left:-35px;top:8px;width:9px;height:9px;border-radius:50%;border:1px solid var(--cyan);background:#203853;box-shadow:0 0 14px #83e7f530}.step-label{font:10px Consolas,monospace;letter-spacing:.12em;color:var(--cyan)}.development-list article:nth-child(2) .step-label,.development-list article:nth-child(2) .step-dot{color:var(--lilac);border-color:var(--lilac)}.development-list article:nth-child(3) .step-label{color:var(--muted)}.development-list h3{font-size:23px;margin:10px 0}.development-list p{font-size:14px;line-height:1.8}.questions{display:grid;grid-template-columns:1fr 1.65fr;gap:70px}.questions h2{margin-top:18px}.question-list details{border-bottom:1px solid var(--line);padding:19px 0}.question-list summary{cursor:pointer;min-height:44px;font-size:16px;display:list-item;list-style-position:outside;margin-left:18px;padding-left:8px}.question-list summary::marker{color:var(--cyan)}.question-list summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.question-list p{font-size:14px;line-height:1.9;padding:10px 0 4px 26px}.question-list code{color:var(--cyan);font-size:13px}.closing{padding:55px 35px;text-align:center;background:radial-gradient(ellipse at 70% 100%,#7160a12b,transparent 80%)}.closing h2{margin:21px 0 27px;font-size:clamp(35px,3.6vw,51px)}.contact{display:block;color:var(--muted);font-size:12px;margin:22px auto 0;overflow-wrap:anywhere}.contact:hover{color:var(--cyan)}.footer{margin-top:54px}.footer .brand{gap:8px}.about-hero .eyebrow{display:block}
/* Same content, three distinct page compositions. */
body[data-design=constellation] .about-hero{display:block;text-align:center;padding-top:75px;padding-bottom:58px}body[data-design=constellation] .about-hero h1{font-size:clamp(44px,5.6vw,80px)}body[data-design=constellation] .hero-actions{justify-content:center}body[data-design=constellation] .identity{max-width:750px;margin:30px auto 0;min-height:350px}body[data-design=constellation] .label-music{left:2%;top:50px}body[data-design=constellation] .label-shield{right:2%;top:60px}body[data-design=constellation] .label-people{left:12%;bottom:28px}body[data-design=constellation] .identity-caption{bottom:0}body[data-design=constellation] .intro-strip{display:block;text-align:center;padding:36px}body[data-design=constellation] .intro-strip>svg{display:none}body[data-design=constellation] .intro-strip p{margin-top:15px}body[data-design=constellation] .approach{display:grid;grid-template-columns:1fr 1.7fr;gap:45px}body[data-design=constellation] .approach-heading{display:block;margin:0}body[data-design=constellation] .approach-heading h2{margin:20px 0}body[data-design=constellation] .approach-heading p{font-size:14px}body[data-design=constellation] .principles{grid-template-columns:1fr 1fr;gap:18px}body[data-design=constellation] .principle:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;column-gap:30px;padding-block:30px}body[data-design=constellation] .principle:first-child .index{grid-column:1/-1;margin-bottom:16px}body[data-design=constellation] .principle:first-child>svg{top:27px}body[data-design=constellation] .principle:first-child p{margin-top:0}body[data-design=constellation] .moments-grid{grid-template-columns:1fr 1fr}body[data-design=constellation] .moment-music{grid-column:1/-1;gap:50px}body[data-design=constellation] .moment-music .sound-art{width:250px}body[data-design=constellation] .development{display:block}body[data-design=constellation] .development-heading{max-width:760px;margin:0 auto 42px;text-align:center}body[data-design=constellation] .development-heading p{max-width:none}body[data-design=constellation] .development-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:24px 0 0;border-left:0;border-top:1px solid #83e7f538}body[data-design=constellation] .step-dot{top:-30px;left:0}
body[data-design=blueprint] .about-hero{grid-template-columns:1.8fr 1fr;padding-top:70px;gap:48px}body[data-design=blueprint] .about-hero h1{font-size:clamp(40px,5vw,74px)}body[data-design=blueprint] .about-hero .eyebrow:before{content:'[ ';color:var(--muted)}body[data-design=blueprint] .about-hero .eyebrow:after{content:' ]';color:var(--muted)}body[data-design=blueprint] .identity{border:1px solid var(--line);border-radius:16px;min-height:330px;background:linear-gradient(135deg,#35547926,#24335520)}body[data-design=blueprint] .identity-orb{width:165px;height:165px}body[data-design=blueprint] .identity-orb img{width:85px}body[data-design=blueprint] .identity-orb:before,body[data-design=blueprint] .identity-orb:after{width:215px;height:215px}body[data-design=blueprint] .identity-label{padding:7px 12px;font-size:10px;background:#263d5a70;border-radius:6px}body[data-design=blueprint] .identity-label svg{width:16px;height:16px}body[data-design=blueprint] .label-music{top:18px;left:15px;transform:none}body[data-design=blueprint] .label-shield{top:18px;right:15px;transform:none}body[data-design=blueprint] .label-people{bottom:25px;left:15px;transform:none}body[data-design=blueprint] .identity-caption{bottom:9px;font-size:8px}body[data-design=blueprint] .intro-strip{grid-template-columns:1fr 2fr auto}body[data-design=blueprint] .principles{display:block}body[data-design=blueprint] .principle{border-radius:0;border-inline:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:1fr 1.25fr 1.6fr;gap:30px;padding:28px 0;border-bottom:0}body[data-design=blueprint] .principle:last-child{border-bottom:1px solid var(--line)}body[data-design=blueprint] .principle .index{margin:0}body[data-design=blueprint] .principle>svg{position:static;grid-column:1;grid-row:2}body[data-design=blueprint] .principle h3{grid-column:2;grid-row:1/3;font-size:30px}body[data-design=blueprint] .principle p{grid-column:3;grid-row:1/3;margin:0}body[data-design=blueprint] .moments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-design=blueprint] .moment-music{display:block}body[data-design=blueprint] .moment-music .sound-art{display:none}body[data-design=blueprint] .moment-music .moment-copy:before{content:'01 / MÜZİK';display:block;font:11px Consolas,monospace;color:var(--cyan);margin-bottom:25px}body[data-design=blueprint] .development{grid-template-columns:1fr 1.6fr;gap:60px}body[data-design=blueprint] .development-list{border:0;padding:0}body[data-design=blueprint] .development-list article{display:grid;grid-template-columns:145px 1fr;gap:8px 28px;border-top:1px solid var(--line);padding:24px 0}body[data-design=blueprint] .development-list article:last-child{border-bottom:1px solid var(--line);padding-bottom:24px}body[data-design=blueprint] .development-list h3{margin:0}body[data-design=blueprint] .development-list p{grid-column:2}body[data-design=blueprint] .step-dot{display:none}body[data-design=blueprint] .closing{border-radius:0;border-inline:0;box-shadow:none;background:none}body[data-design=blueprint] .closing h2{font-family:Consolas,monospace;font-weight:700;letter-spacing:-.05em}
@media(max-width:1100px){.about-hero{gap:28px}.identity-orb{width:235px;height:235px}.identity-orb:before,.identity-orb:after{width:275px;height:275px}.identity-label{padding:12px;font-size:12px}.moments-grid{grid-template-columns:1fr 1fr}.moment-music{grid-column:1/-1}.moment-music .sound-art{width:220px}.moment-music p{max-width:600px}.development{gap:35px}body[data-design=constellation] .approach{grid-template-columns:1fr;gap:30px}body[data-design=constellation] .approach-heading p{max-width:650px}body[data-design=blueprint] .about-hero{grid-template-columns:1.35fr 1fr}body[data-design=blueprint] .moments-grid{grid-template-columns:1fr 1fr}body[data-design=blueprint] .moment-music{grid-column:auto}body[data-design=blueprint] .moment:last-child{grid-column:1/-1}body[data-design=blueprint] .development{grid-template-columns:1fr}body[data-design=blueprint] .development-heading p{max-width:680px}}
@media(max-width:700px){.about-hero,body[data-design=blueprint] .about-hero{grid-template-columns:1fr;padding:45px 0 50px;gap:25px}.about-hero h1{font-size:43px}.lead{font-size:16px}.hero-actions{gap:22px}.identity{max-width:440px;width:100%;margin:auto;min-height:355px}.identity-caption{font-size:8px}.identity-label{padding:11px 14px}.label-shield{top:73px}.intro-strip,body[data-design=blueprint] .intro-strip{grid-template-columns:1fr;gap:14px;padding-block:24px}.intro-strip>svg{display:none}.intro-strip p{font-size:15px}.section-space{padding-block:50px}.approach-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.approach-heading .eyebrow{margin:0}.approach-heading p{font-size:15px}.principles{grid-template-columns:1fr}.principle{padding:28px}.principle .index{margin-bottom:25px}.principle>svg{top:65px}.principle h3{font-size:29px;max-width:none}.principle p,.moment p,.development-list p,.question-list p{font-size:15px}.moments-grid,body[data-design=constellation] .moments-grid,body[data-design=blueprint] .moments-grid{grid-template-columns:1fr}.moment-music,.moment-music .moment-copy{min-width:0}.moment-music{display:block}.moment-music .sound-art,body[data-design=constellation] .moment-music .sound-art{width:100%;margin-top:27px;flex-direction:row;justify-content:end}.record{width:110px;height:110px}.moment-music,body[data-design=constellation] .moment-music,body[data-design=blueprint] .moment:last-child{grid-column:auto}.moment{padding:27px}.development,.questions{grid-template-columns:1fr;gap:30px}.development-heading p{font-size:15px}.development-list{margin-left:5px;padding-left:23px}.step-dot{left:-28px}.questions h2{margin-top:18px}.questions summary{font-size:15px;line-height:1.7}.closing{padding:40px 22px}.closing>.eyebrow{font-size:9px;line-height:1.8}.closing .contact{font-size:12px}.footer{padding:28px 0;margin-top:35px}body[data-design=constellation] .about-hero{padding-top:45px}body[data-design=constellation] .identity{min-height:340px;margin-top:28px}body[data-design=constellation] .identity-label{font-size:11px;padding:10px}body[data-design=constellation] .label-people{left:2%;bottom:36px}body[data-design=constellation] .principles{grid-template-columns:1fr}body[data-design=constellation] .principle:first-child{display:block;grid-column:auto}body[data-design=constellation] .principle:first-child p{margin-top:18px}body[data-design=constellation] .principle:first-child>svg{top:65px}body[data-design=constellation] .development-heading{text-align:left;margin-bottom:28px}body[data-design=constellation] .development-list{display:block;border-top:0;border-left:1px solid #83e7f538;padding:0 0 0 23px}body[data-design=constellation] .step-dot{left:-28px;top:8px}body[data-design=blueprint] .identity{max-width:380px;min-height:310px}body[data-design=blueprint] .identity-caption{font-size:8px}body[data-design=blueprint] .principle{grid-template-columns:1fr auto;gap:18px}body[data-design=blueprint] .principle>svg{grid-column:2;grid-row:1}body[data-design=blueprint] .principle h3{grid-column:1/-1;grid-row:2}body[data-design=blueprint] .principle p{grid-column:1/-1;grid-row:3}body[data-design=blueprint] .development-list article{grid-template-columns:1fr;gap:12px}body[data-design=blueprint] .development-list p{grid-column:1}}
@media(max-width:700px){.orbit-line{width:75%;height:52%}}
@media(max-width:375px){body .identity-orb:before,body .identity-orb:after{width:225px;height:225px}}
@media(max-width:375px){.identity-label{font-size:11px;gap:8px;padding:10px}.identity-orb{width:210px;height:210px}.identity-orb:before,.identity-orb:after{width:250px;height:250px}.identity-orb img{width:108px}.about-hero h1,body[data-design=constellation] .about-hero h1,body[data-design=blueprint] .about-hero h1{font-size:38px}.header .brand{font-size:15px}.header .brand img{width:28px}.header .panel-link{padding:8px;font-size:10px}.header .beta{font-size:8px}.identity-caption{letter-spacing:.1em}.approach-heading h2,.development-heading h2,.section-heading h2{font-size:32px}}
