/* One design language, two distinct palettes. */
.personal{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;--line:var(--border);--selection:var(--accent)}
.personal.theme-hasan{--bg:#11151b;--ink:#f3f2e9;--muted:#a5a9b1;--panel:#1b2028;--border:#333a45;--accent:#d4ed9a;--accent-ink:#162015;--focus:#d4ed9a;--halo:#263723;--note:#c7b6a0}
.personal.theme-damla{--bg:#fff8f8;--ink:#47303c;--muted:#8e717e;--panel:#ffedf2;--border:#ead7de;--accent:#b74478;--accent-ink:#fff;--focus:#b74478;--halo:#f5c7da;--note:#b85f8a}
.personal .brandmark{background:var(--accent);color:var(--accent-ink)}.personal .nav a{color:var(--muted)}.personal .nav a:first-child{color:var(--ink)}.personal .intro{padding-top:88px;padding-bottom:108px;display:grid;grid-template-columns:1.09fr .91fr;gap:5%;align-items:center;min-height:660px}.personal .intro h1{font-size:clamp(5.4rem,11vw,10.4rem);font-weight:750;line-height:.85;letter-spacing:-.092em;margin:27px 0 30px}.personal .intro h1 .first{display:block;font-size:.38em;font-weight:470;line-height:1.15;letter-spacing:-.045em;margin-bottom:13px}.personal .intro h1 .name{display:block;white-space:nowrap}.personal .tagline{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:650;letter-spacing:-.045em;margin-bottom:13px}.personal .description{font-size:1.05rem;color:var(--muted);max-width:510px;line-height:1.8;margin-bottom:31px}.personal .button-primary{background:var(--accent);color:var(--accent-ink)}.personal .button-outline{border:1px solid var(--border);color:var(--ink)}.personal .buttons{display:flex;flex-wrap:wrap;gap:12px}.personal .visual{height:470px;position:relative;display:grid;place-items:center}.personal .visual:before{content:"";position:absolute;inset:20px 13px;border:1px solid var(--border);border-radius:50%;transform:rotate(-22deg)}.personal .visual:after{content:"";position:absolute;inset:77px 67px;border:1px dashed var(--border);border-radius:50%;transform:rotate(22deg)}.personal .monogram{position:relative;z-index:2;width:min(58%,270px);aspect-ratio:1;border-radius:49% 51% 43% 57% / 47% 45% 55% 53%;display:grid;place-items:center;background:var(--halo);box-shadow:0 0 110px -25px var(--halo);transform:rotate(-13deg)}.personal .monogram span{font-family:Georgia,serif;font-weight:500;color:var(--accent);font-size:clamp(7rem,15vw,12rem);line-height:1;transform:rotate(13deg)}.personal .orbit-label{position:absolute;z-index:3;font-size:.78rem;letter-spacing:.16em;font-weight:650;text-transform:uppercase;transform:rotate(-9deg);left:0;bottom:65px;color:var(--muted)}.personal .orbit-dot{position:absolute;z-index:3;width:14px;height:14px;top:45px;right:65px;background:var(--accent);border-radius:50%}.personal.theme-damla .monogram{border-radius:55% 45% 59% 41% / 49% 55% 45% 51%}.personal.theme-damla .intro{padding-top:76px}.personal.theme-damla .intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.085em;font-size:clamp(5.2rem,10vw,9.4rem)}.personal.theme-damla .tagline{font-family:Georgia,serif;font-weight:500;font-size:clamp(1.6rem,2.7vw,2.3rem)}.personal.theme-damla .orbit-dot{box-shadow:0 0 0 20px #f7e3eb}.personal .divider{border-top:1px solid var(--border)}.personal .about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-top:88px;padding-bottom:105px}.personal .about-grid h2{font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.07em;line-height:1.02;font-weight:680;max-width:480px;margin-top:23px}.personal.theme-damla .about-grid h2{font-family:Georgia,serif;font-weight:500}.personal .about-copy{padding-top:42px}.personal .about-copy p{font-size:1.08rem;line-height:1.85;color:var(--muted);margin-bottom:23px}.personal .section-title{font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:-.065em;margin:0;font-weight:680}.personal.theme-damla .section-title{font-family:Georgia,serif;font-weight:500}.personal .interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.personal .interest-card{background:var(--panel);border:1px solid var(--border);padding:27px 24px 29px;min-height:240px;border-radius:18px;transition:transform .2s}.personal .interest-card:hover{transform:translateY(-5px)}.personal .interest-card .number{color:var(--note);font-size:.8rem;font-weight:800;letter-spacing:.16em}.personal .interest-card h3{font-size:1.22rem;letter-spacing:-.03em;margin-top:43px;margin-bottom:11px}.personal .interest-card p{color:var(--muted);line-height:1.65;font-size:.9rem}.personal .elsewhere{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:88px;padding:35px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.personal .elsewhere h2{font-size:1.8rem;letter-spacing:-.05em;margin:0}.personal .elsewhere-links{display:flex;gap:10px;flex-wrap:wrap}.personal .elsewhere-links a{border:1px solid var(--border);padding:13px 17px;border-radius:100px;text-decoration:none;font-size:.85rem}.personal .elsewhere-links a:hover{background:var(--panel)}.personal .footer{margin-top:70px}
@media(max-width:980px){.personal .intro{grid-template-columns:1fr .8fr;gap:0}.personal .intro h1{font-size:clamp(4.4rem,11vw,7.3rem)}.personal .visual{height:400px}.personal .interest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.personal .intro{grid-template-columns:1fr;padding-top:65px;padding-bottom:40px;min-height:0}.personal .intro h1{font-size:clamp(5rem,14vw,8rem)}.personal .visual{height:320px;max-width:420px;width:100%;margin-inline:auto}.personal .monogram{max-width:190px}.personal .monogram span{font-size:7.5rem}.personal .orbit-label{bottom:15px}.personal .about-grid{grid-template-columns:1fr;gap:10px;padding-top:70px;padding-bottom:75px}.personal .about-copy{padding-top:0}.personal .interest-grid{grid-template-columns:1fr 1fr}.personal .interest-card{min-height:220px;padding:21px 17px}.personal .elsewhere{align-items:flex-start;flex-direction:column}}
@media(max-width:440px){.personal .interest-grid{grid-template-columns:1fr}.personal .interest-card{min-height:165px}.personal .interest-card h3{margin-top:25px}.personal .intro h1 .name{white-space:normal}}