/* The Artifics / About. Uses the existing Satoshi and warm monochrome tokens. */
.aa-page { position:relative; z-index:1; overflow:clip; color:var(--text); font-family:var(--font); }
.aa-page :where(figure,blockquote,ul,ol,dl) { margin:0; padding:0; border:0; }
.aa-page :where(h1,h2,h3,p) { margin:0; }
.aa-page a { text-underline-offset:5px; }
.aa-page .aa-kicker { color:var(--text-muted); font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
.aa-page .aa-title { font-size:clamp(40px,5.3vw,88px); line-height:1.04; letter-spacing:-.045em; font-weight:500; }
.aa-line { display:block; }
.aa-page .aa-soft { color:var(--text-muted); }
.aa-page .aa-h2 { font-size:clamp(32px,3.5vw,56px); line-height:1.08; letter-spacing:-.035em; font-weight:500; text-wrap:balance; }
.aa-page .aa-body { color:var(--text-muted); font-size:17px; line-height:1.7; max-width:59ch; }
.aa-page .aa-body strong { color:var(--text-soft); }
.aa-page .aa-button { min-height:44px; gap:16px; }
.aa-page .aa-button .aa-arrow { display:inline-block; font-size:19px; transition:transform 220ms var(--ease-out); }
.aa-page .aa-button:hover .aa-arrow { transform:translateX(3px); }
.aa-hero { position:relative; isolation:isolate; }
.aa-hero-inner { min-height:min(780px,calc(100svh - var(--header-h))); display:grid; grid-template-columns:1.15fr 1fr; gap:32px; align-items:center; padding-block:clamp(40px,5.5vw,88px); }
.aa-hero-copy { position:relative; z-index:2; max-width:780px; }
.aa-hero .aa-title { margin-top:26px; }
.aa-hero .aa-body { margin-top:26px; max-width:42ch; }
.aa-hero-actions { display:flex; gap:24px; flex-wrap:wrap; align-items:center; margin-top:32px; }
.aa-hero-link { display:inline-flex; align-items:center; min-height:44px; color:var(--text-soft); font-size:15px; border-bottom:1px solid var(--line-strong); }
.aa-sculpture { position:relative; width:100%; aspect-ratio:1; max-width:580px; margin-inline:auto; display:grid; place-items:center; perspective:1000px; isolation:isolate; }
.aa-sculpture::before { content:""; position:absolute; inset:4%; background:radial-gradient(ellipse at 58% 58%,rgba(243,241,236,.055),transparent 68%); z-index:-1; }
.aa-sculpture-pose { position:relative; width:66%; aspect-ratio:1; transform-style:preserve-3d; transform:rotateX(-12deg) rotateY(-22deg) rotateZ(-9deg); }
.aa-sculpture-layer { position:absolute; inset:0; width:100%; height:100%; transform:translateZ(calc(var(--layer) * -10px)); transform-style:preserve-3d; }
.aa-sculpture-layer svg { width:100%; height:100%; overflow:visible; }
.aa-sculpture-layer path { fill:var(--bg-raised); stroke:var(--text-soft); stroke-width:.24px; }
.aa-sculpture-layer:not(:first-child) { opacity:calc(.78 - var(--layer) * .065); }
.aa-sculpture-layer:first-child path { fill:var(--text); stroke:var(--text); stroke-width:.15px; }
.aa-sculpture-shadow { position:absolute; width:65%; height:14%; left:19%; bottom:0; background:radial-gradient(ellipse,rgba(243,241,236,.08),transparent 65%); transform:rotate(-9deg); }
.aa-team-inner { padding-block:var(--section); border-top:1px solid var(--line); }
.aa-section-intro { max-width:640px; }
.aa-section-intro .aa-body { margin-top:20px; max-width:46ch; }
.aa-team-grid { margin-top:64px; display:grid; grid-template-columns:1fr 1.12fr 1fr; gap:clamp(24px,3.2vw,56px); align-items:start; }
.aa-person { min-width:0; }
.aa-person:first-child,.aa-person:last-child { margin-top:72px; }
.aa-person-photo { position:relative; aspect-ratio:4 / 5; overflow:hidden; background:var(--bg-raised); isolation:isolate; }
.aa-person-image { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 45%; filter:grayscale(1); }
.aa-person--bartu .aa-person-image { object-position:50% 35%; }
.aa-person--berat .aa-person-image { object-position:50% 46%; }
.aa-person--kaan .aa-person-image { object-position:50% 38%; }
.aa-person-copy { margin-top:24px; border-top:1px solid var(--line-strong); padding-top:22px; }
.aa-page .aa-person-name { font-size:clamp(22px,2.05vw,32px); line-height:1.15; letter-spacing:-.025em; font-weight:500; }
.aa-page .aa-person-role { margin-top:8px; font-size:14px; line-height:1.5; color:var(--text-soft); }
.aa-page .aa-person-bio { margin-top:20px; font-size:15px; line-height:1.7; color:var(--text-muted); max-width:37ch; }
.aa-person-placeholder { height:100%; display:grid; place-items:center; position:relative; background:linear-gradient(145deg,var(--bg-raised),var(--bg-inset)); }
.aa-person-placeholder span { font-size:clamp(72px,10vw,154px); line-height:1; letter-spacing:-.07em; color:var(--text-label); font-weight:500; opacity:.5; }
.aa-page .aa-photo-note { color:var(--text-label); font-size:12px; margin-top:10px; }
.aa-conviction { background:var(--bg-raised); border-block:1px solid var(--line); }
.aa-conviction-inner { padding-block:clamp(80px,10vw,152px); }
.aa-page .aa-statement { max-width:1080px; font-size:clamp(32px,4.5vw,72px); font-weight:500; letter-spacing:-.04em; line-height:1.12; text-wrap:balance; }
.aa-statement .aa-statement-word { display:inline-block; }
.aa-conviction .aa-body { margin-top:32px; max-width:55ch; color:var(--text-soft); }
.aa-origin-inner { padding-block:var(--section); display:grid; grid-template-columns:1.14fr 1fr; gap:clamp(40px,6vw,96px); align-items:center; }
.aa-origin-copy .aa-body { margin-top:24px; }
.aa-origin-copy .aa-body + .aa-body { margin-top:18px; }
.aa-origin-copy .aa-button { margin-top:30px; }
.aa-product { min-width:0; position:relative; }
.aa-product-frame { padding:12px; border:1px solid var(--line-strong); border-radius:var(--radius-panel); background:var(--bg-raised); transform:perspective(1500px) rotateY(5deg) rotateX(2deg); transform-origin:center; }
.aa-product-frame img { width:100%; height:auto; border-radius:var(--radius-control); }
.aa-page .aa-product-caption { color:var(--text-label); font-size:12px; line-height:1.5; margin-top:18px; }
.aa-principles-inner { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,6vw,96px); padding-block:var(--section); border-top:1px solid var(--line); align-items:start; }
.aa-principles-copy .aa-body { margin-top:24px; max-width:33ch; }
.aa-principles-list { border-top:1px solid var(--line-strong); }
.aa-principle { border-bottom:1px solid var(--line-strong); }
.aa-principle summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:27px; font-size:clamp(18px,1.65vw,24px); letter-spacing:-.015em; font-weight:500; line-height:1.35; cursor:pointer; }
.aa-principle summary::-webkit-details-marker { display:none; }
.aa-principle summary::after { content:"+"; font-size:25px; color:var(--text-muted); line-height:1; font-weight:400; transform-origin:center; transition:transform 220ms var(--ease-out); }
.aa-principle[open] summary::after { transform:rotate(45deg); }
.aa-page .aa-principle p { padding:0 32px 28px 0; font-size:16px; line-height:1.7; color:var(--text-muted); max-width:54ch; }
.aa-close { border-top:1px solid var(--line); }
.aa-close-inner { display:grid; grid-template-columns:1fr auto; align-items:end; gap:40px; padding-block:clamp(80px,10vw,148px); }
.aa-page .aa-close-title { font-size:clamp(42px,5.4vw,84px); line-height:1.05; letter-spacing:-.04em; font-weight:500; }
.aa-close-copy .aa-body { margin-top:24px; max-width:42ch; }
.aa-close-actions { padding-bottom:4px; display:grid; justify-items:start; gap:24px; }
.aa-close-actions .aa-email { color:var(--text-muted); font-size:15px; }
.aa-page .aa-email:hover { text-decoration:underline; }
.aa-page [data-aa-enter] { will-change:auto; }
@media (min-width:1500px) { .aa-team-grid { max-width:1420px; margin-inline:auto; } }
@media (max-width:1023px) {
 .aa-hero-inner { grid-template-columns:1.2fr 1fr; gap:12px; min-height:620px; }
 .aa-page .aa-title { font-size:clamp(40px,5.7vw,62px); }
 .aa-team-grid { gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .aa-person:first-child,.aa-person:last-child { margin-top:40px; }
 .aa-origin-inner { grid-template-columns:1fr; }
 .aa-product { max-width:780px; }
 .aa-origin-copy { max-width:660px; }
 .aa-principles-inner { grid-template-columns:1fr; gap:40px; }
 .aa-principles-copy .aa-body { max-width:54ch; }
 .aa-close-inner { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:767px) {
 .aa-hero-inner { grid-template-columns:1fr; min-height:calc(100svh - var(--header-h)); gap:12px; padding-block:36px 32px; }
 .aa-hero .aa-title { margin-top:20px; font-size:clamp(36px,10.6vw,60px); }
 .aa-hero .aa-body { margin-top:20px; font-size:16px; max-width:39ch; }
 .aa-hero-actions { margin-top:24px; gap:20px; }
 .aa-sculpture { max-width:280px; height:235px; aspect-ratio:auto; }
 .aa-sculpture-pose { width:180px; }
 .aa-team-inner { padding-top:72px; }
 .aa-team-grid { grid-template-columns:1fr; margin-top:40px; gap:56px; }
 .aa-person { max-width:520px; width:100%; margin-inline:auto; }
 .aa-person:first-child,.aa-person:last-child { margin-top:0; }
 .aa-person-copy { margin-top:20px; padding-top:20px; }
 .aa-page .aa-person-name { font-size:28px; }
 .aa-page .aa-person-bio { max-width:48ch; margin-top:16px; }
 .aa-person-placeholder span { font-size:112px; }
 .aa-origin-inner { gap:40px; }
 .aa-product-frame { padding:7px; transform:none; }
 .aa-page .aa-body { font-size:16px; }
 .aa-close-actions .aa-button { min-width:152px; }
}
@media (max-height:720px) and (max-width:767px) { .aa-hero-inner { padding-block:28px 20px; gap:4px; } .aa-sculpture { height:160px; } .aa-sculpture-pose { width:125px; } }
@media (prefers-reduced-motion:reduce) {
 .aa-page *, .aa-page *::before,.aa-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .aa-page .aa-sculpture-pose { transform:rotateX(-12deg) rotateY(-22deg) rotateZ(-9deg)!important; }
 .aa-page [data-aa-enter],.aa-page .aa-person-image,.aa-page .aa-statement-word { opacity:1!important; transform:none!important; }
}
@media print { .aa-hero-inner { min-height:0; } .aa-sculpture { display:none; } .aa-page [data-aa-enter] { opacity:1!important; transform:none!important; } .aa-person { break-inside:avoid; } }