/* Roll Event Lab — zip'ten taşınan konsept stilleri (globals.css statik portu) */
:root { --black: #11100f; --paper: #f3efe7; --font-geist-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #0b0b0c; color: #fff; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
figure, h1, h2, h3, p { margin: 0; }
.site { min-height: 100vh; overflow: hidden; }
.wrap { width: min(100% - 64px, 1320px); margin-inline: auto; }
.rel-wordmark { display: flex; align-items: center; gap: 11px; font-size: 11px; font-weight: 800; line-height: .93; letter-spacing: -.03em; }
.rel-wordmark.compact { font-size: 9px; gap: 8px; }
.rel-mark { position: relative; display: inline-block; width: 36px; height: 36px; border: 3px solid currentColor; border-radius: 50%; }
.rel-wordmark.compact .rel-mark { width: 28px; height: 28px; border-width: 2px; }
.rel-mark:after { content: ""; position: absolute; inset: 7px; border: 2px solid currentColor; border-radius: 50%; }
.rel-mark i { position: absolute; top: 50%; width: 42%; height: 3px; background: currentColor; }
.rel-mark i:first-child { left: -6px; transform: rotate(35deg); }
.rel-mark i:last-child { right: -6px; transform: rotate(-35deg); }

/* Tasarımlar arası geçiş komponenti */
.concept-switch { position: fixed; z-index: 100; right: 22px; bottom: 22px; display: grid; grid-template-columns: 42px 42px auto 42px; width: auto; overflow: hidden; background: rgba(10,10,10,.86); color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 28px; box-shadow: 0 14px 38px rgba(0,0,0,.24); backdrop-filter: blur(15px); }
.concept-switch a, .concept-switch span { display: grid; place-items: center; min-height: 42px; border-right: 1px solid rgba(255,255,255,.16); font-size: 15px; transition: background .2s, color .2s; }
.concept-switch a:last-child { border-right: 0; }
.concept-switch span { padding: 0 13px; font: 9px var(--font-geist-mono); letter-spacing: .13em; white-space: nowrap; }
.concept-switch a:hover { background: #fff; color: #000; }
.site section[id], .site footer[id] { scroll-margin-top: 24px; }

/* Üst bilgi çubuğu (proje geneli) */
.backbar { position: relative; z-index: 60; background: #000; color: #9a9aa0; font-size: 12px; padding: 8px 0; font-family: Arial, sans-serif; font-weight: 400; }
.backbar-inner { width: min(100% - 48px, 1320px); margin-inline: auto; display: flex; justify-content: space-between; gap: 12px; }
.backbar a { color: #fff; }
.backbar a:hover { color: #ff7451; }
.backbar .mono { font: 11px var(--font-geist-mono); letter-spacing: .06em; }

/* Editorial */
.editorial-site { background: #eee8dc; color: #181611; font-family: "Times New Roman", Georgia, serif; }
.editorial-site .wrap { max-width: 1350px; }
.editorial-nav { min-height: 100px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #28251f; font-family:Arial,sans-serif; }
.editorial-nav nav { display:flex; gap:34px; font-size:11px; font-weight:700; }
.editorial-contact { border-bottom:1px solid; padding:9px 0; font-size:11px; font-weight:800; }
.editorial-hero { padding:38px 0 95px; }
.editorial-issue { display:flex; justify-content:space-between; font:10px var(--font-geist-mono); letter-spacing:.12em; }
.editorial-hero h1 { margin-top:38px; font-size:clamp(72px,10.6vw,162px); line-height:.76; letter-spacing:-.075em; font-weight:900; }
.editorial-hero h1 em { color:#c93b2d; font-weight:400; }
.editorial-hero-grid { display:grid; grid-template-columns:.9fr 1.7fr .5fr; gap:35px; align-items:end; margin-top:45px; }
.editorial-hero-grid > p { font-family:Arial,sans-serif; font-size:17px; line-height:1.55; max-width:300px; }
.editorial-hero-grid figure { height:390px; }
.editorial-hero-grid figcaption { margin-top:8px; font:9px var(--font-geist-mono); }
.editorial-stamp { width:150px; height:150px; border:1px solid; border-radius:50%; display:grid; place-items:center; align-content:center; font:bold 39px Arial,sans-serif; transform:rotate(9deg); }
.editorial-stamp small { font:8px var(--font-geist-mono); text-align:center; letter-spacing:.1em; }
.section-index { padding:19px 0; border-top:1px solid; font:10px var(--font-geist-mono); letter-spacing:.14em; }
.editorial-services { padding-bottom:120px; }
.editorial-service-list { display:grid; grid-template-columns:repeat(2,1fr); border-bottom:1px solid; }
.editorial-service-list a { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; padding:22px 0; border-top:1px solid; font-size:clamp(23px,3vw,43px); text-transform:uppercase; letter-spacing:-.04em; }
.editorial-service-list a:nth-child(odd) { padding-right:28px; border-right:1px solid; }
.editorial-service-list a:nth-child(even) { padding-left:28px; }
.editorial-service-list span { font:9px var(--font-geist-mono); }
.editorial-service-list b { font-family:Arial,sans-serif; font-size:20px; transition:transform .2s; }
.editorial-service-list a:hover b { transform:translate(4px,-4px); }
.editorial-story { display:grid; grid-template-columns:1.05fr 1fr; min-height:720px; padding:80px 0; border-top:1px solid; gap:80px; }
.editorial-story figure { height:610px; transform:rotate(-2deg); }
.editorial-story h2 { margin-top:55px; font-size:clamp(46px,5.8vw,80px); line-height:.93; letter-spacing:-.055em; }
.editorial-story h2 em { color:#c93b2d; font-weight:400; }
.editorial-story > div > p { max-width:500px; margin-top:35px; font:16px/1.65 Arial,sans-serif; }
.editorial-story > div > a { display:inline-block; margin-top:40px; border-bottom:1px solid; font:11px Arial,sans-serif; font-weight:800; padding-bottom:8px; }
.editorial-events { padding:80px 0 130px; }
.editorial-events > h2 { font-size:clamp(58px,8vw,116px); line-height:.83; letter-spacing:-.065em; margin:42px 0 65px; }
.editorial-events > div:last-child { border-bottom:1px solid; }
.editorial-events article { display:grid; grid-template-columns:120px 1fr 1fr auto; align-items:center; border-top:1px solid; padding:20px 0; font-family:Arial,sans-serif; }
.editorial-events time { display:flex; gap:8px; align-items:baseline; font-size:10px; }
.editorial-events time b { font:54px Georgia,serif; }
.editorial-events h3 { font-size:18px; }
.editorial-events p, .editorial-events a { font-size:10px; }
.editorial-footer { background:#c93b2d; color:#f8eddb; padding:90px 0 50px; }
.editorial-footer > div { display:grid; grid-template-columns:1fr auto; gap:70px; align-items:end; }
.editorial-footer p { font-size:clamp(48px,7vw,100px); line-height:.9; letter-spacing:-.055em; grid-column:1/-1; }
.editorial-footer p em { font-weight:400; }
.editorial-footer > div > a { font:12px Arial,sans-serif; border-bottom:1px solid; padding-bottom:9px; }

/* Kinetic */
.kinetic-site { background:#f1ef0b; color:#0b0b0b; font-family:Arial,sans-serif; font-weight:700; }
.kinetic-nav { min-height:90px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; padding:0 3.5vw; border-bottom:3px solid; }
.kinetic-nav nav { display:flex; justify-content:center; gap:30px; font-size:11px; }
.kinetic-nav button { background:transparent; border:2px solid; padding:10px 14px; font-size:10px; }
.kinetic-hero { display:grid; grid-template-columns:1.5fr .75fr; grid-template-rows:58px minmax(290px,auto) 360px; min-height:0; position:relative; border-bottom:3px solid; }
.kinetic-ticker { grid-column:1/-1; display:flex; align-items:center; overflow:hidden; white-space:nowrap; border-bottom:3px solid; font-size:clamp(16px,1.35vw,21px); line-height:1; letter-spacing:.055em; }
.kinetic-ticker span { display:block; flex:0 0 auto; min-width:max-content; padding-right:1.2em; animation:marquee 22s linear infinite; }
.kinetic-title { grid-column:1/-1; display:grid; grid-template-columns:1fr .38fr 1.48fr; align-items:end; gap:10px; min-width:0; padding:2.3vw 3.5vw 1vw; font-size:clamp(60px,9.8vw,148px); line-height:.72; letter-spacing:-.085em; }
.kinetic-title strong { color:#ee3a29; font-size:1.25em; transform:rotate(-8deg); }
.kinetic-hero-image { position:relative; margin:2.5vw 0 0 3.5vw; overflow:hidden; border:3px solid; }
.kinetic-hero-image img { filter:grayscale(1) contrast(1.4); }
.kinetic-burst { position:absolute; right:20px; top:20px; width:112px; height:112px; border-radius:50%; display:grid; place-items:center; text-align:center; background:#ee3a29; color:#f1ef0b; transform:rotate(12deg); }
.kinetic-hero aside { border-left:3px solid; margin-top:2.5vw; padding:32px; display:flex; flex-direction:column; justify-content:space-between; }
.kinetic-hero aside b { font:10px var(--font-geist-mono); }
.kinetic-hero aside p { font-size:36px; line-height:1; }
.kinetic-hero aside a { border-top:3px solid; padding-top:15px; font-size:12px; }
.kinetic-services { display:grid; grid-template-columns:.56fr 1.44fr; border-bottom:3px solid; }
.kinetic-services > h2 { padding:55px 3.5vw; font-size:clamp(53px,7vw,104px); line-height:.78; letter-spacing:-.07em; }
.kinetic-services > div { display:grid; grid-template-columns:1fr 1fr; border-left:3px solid; }
.kinetic-services article { min-height:150px; padding:22px; border-bottom:3px solid; position:relative; }
.kinetic-services article:nth-child(odd) { border-right:3px solid; }
.kinetic-services article:nth-last-child(-n+2) { border-bottom:0; }
.kinetic-services h3 { max-width:280px; margin-top:20px; font-size:25px; text-transform:uppercase; line-height:.9; }
.kinetic-services article span { font:10px var(--font-geist-mono); }
.kinetic-services article b { position:absolute; right:20px; top:20px; }
.kinetic-statement { min-height:780px; position:relative; padding:90px 3.5vw; background:#e83829; color:#f1ef0b; overflow:hidden; }
.kinetic-statement > p { font:11px var(--font-geist-mono); }
.kinetic-statement h2 { position:relative; z-index:2; font-size:clamp(75px,12vw,180px); line-height:.69; letter-spacing:-.09em; margin-top:45px; }
.kinetic-statement h2 i { color:#0b0b0b; }
.kinetic-statement figure { position:absolute; right:5%; bottom:4%; width:32%; height:55%; transform:rotate(7deg); border:3px solid #0b0b0b; }
.kinetic-statement figure img { filter:grayscale(1) contrast(1.5); }
.kinetic-events { border-bottom:3px solid; }
.kinetic-events header { min-height:220px; display:flex; justify-content:space-between; align-items:flex-end; padding:50px 3.5vw; }
.kinetic-events header h2 { font-size:clamp(60px,9vw,130px); line-height:.8; letter-spacing:-.075em; }
.kinetic-events article { display:grid; grid-template-columns:70px 160px 1fr 1fr auto; align-items:center; min-height:110px; padding:0 3.5vw; border-top:3px solid; }
.kinetic-events article > b, .kinetic-events time { font:11px var(--font-geist-mono); }
.kinetic-events h3 { font-size:22px; }
.kinetic-events p, .kinetic-events a { font-size:11px; }
.kinetic-footer { padding:80px 3.5vw 35px; background:#0b0b0b; color:#f1ef0b; }
.kinetic-footer h2 { font-size:clamp(92px,17vw,250px); line-height:.68; letter-spacing:-.09em; }
.kinetic-footer > a { display:inline-block; margin:70px 0; border:2px solid; padding:17px 24px; }
.kinetic-footer > div { display:flex; justify-content:space-between; align-items:end; border-top:1px solid #f1ef0b; padding-top:25px; font-size:9px; }

/* Aegean */
.aegean-site { --teal:#063f43; --aqua:#d7eff0; --coral:#ff7358; background:#d7eff0; color:var(--teal); font-family:Arial,sans-serif; }
.aegean-nav { position:relative; z-index:20; min-height:105px; display:flex; align-items:center; justify-content:space-between; }
.aegean-nav nav { display:flex; gap:34px; font-size:13px; }
.aegean-pill { position:relative; z-index:21; padding:10px 10px 10px 18px; border:1px solid; border-radius:30px; background:rgba(215,239,240,.82); box-shadow:0 8px 28px rgba(6,63,67,.08); backdrop-filter:blur(12px); font-size:12px; }
.aegean-pill span { display:inline-grid; place-items:center; width:30px; height:30px; margin-left:10px; background:var(--teal); color:#fff; border-radius:50%; }
.aegean-hero { position:relative; min-height:890px; padding-top:70px; }
.aegean-sun { position:absolute; z-index:0; right:-11%; top:-8%; width:520px; aspect-ratio:1; background:var(--coral); border-radius:50%; opacity:.96; pointer-events:none; }
.aegean-eyebrow { position:relative; font:10px var(--font-geist-mono); letter-spacing:.16em; }
.aegean-hero h1 { position:relative; z-index:2; margin-top:25px; font:400 clamp(75px,10vw,148px)/.78 Georgia,serif; letter-spacing:-.065em; }
.aegean-hero h1 i { margin-left:16%; }
.aegean-hero h1 em { color:var(--coral); margin-left:3%; }
.aegean-image { position:absolute; width:41%; height:515px; right:4%; bottom:45px; border-radius:220px 220px 15px 15px; overflow:hidden; }
.aegean-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#063f4355,transparent 55%); }
.aegean-image span { position:absolute; z-index:2; bottom:24px; right:30px; color:#fff; text-align:right; font:9px var(--font-geist-mono); letter-spacing:.13em; }
.aegean-lede { position:absolute; left:0; bottom:80px; max-width:300px; font-size:16px; line-height:1.6; }
.aegean-services { padding:140px 0; }
.aegean-services header p, .aegean-story > div > div > p, .aegean-events header p, .aegean-footer > div > p { font:10px var(--font-geist-mono); letter-spacing:.18em; }
.aegean-services header h2 { margin-top:25px; font:400 clamp(50px,6.5vw,90px)/.94 Georgia,serif; letter-spacing:-.05em; }
.aegean-services header h2 em { color:var(--coral); }
.aegean-services > div { display:grid; grid-template-columns:repeat(4,1fr); margin-top:70px; border-top:1px solid; border-left:1px solid; }
.aegean-services article { min-height:245px; padding:20px; border-right:1px solid; border-bottom:1px solid; display:flex; flex-direction:column; }
.aegean-services article span { font:9px var(--font-geist-mono); }
.aegean-services h3 { font:27px/1 Georgia,serif; margin-top:40px; }
.aegean-services article p { margin-top:15px; font-size:12px; line-height:1.5; opacity:.7; }
.aegean-services article a { margin-top:auto; font-size:11px; }
.aegean-story { background:#f3e6ce; padding:110px 0; }
.aegean-story > div { display:grid; grid-template-columns:.9fr 1fr; align-items:center; gap:100px; }
.aegean-story figure { height:620px; border-radius:230px 230px 20px 20px; overflow:hidden; }
.aegean-story h2 { font:400 clamp(43px,5.2vw,74px)/.97 Georgia,serif; letter-spacing:-.045em; margin-top:30px; }
.aegean-story ul { list-style:none; padding:0; margin:45px 0 0; }
.aegean-story li { padding:17px 0; border-top:1px solid; font-size:14px; }
.aegean-story li:before { content:"✦"; color:var(--coral); margin-right:13px; }
.aegean-events { padding:140px 0; }
.aegean-events > header { display:flex; justify-content:space-between; align-items:end; }
.aegean-events header h2 { margin-top:20px; font:400 clamp(58px,7vw,98px)/.85 Georgia,serif; letter-spacing:-.05em; }
.aegean-events header h2 i { color:var(--coral); }
.aegean-events header > a { border-bottom:1px solid; padding-bottom:8px; font-size:12px; }
.aegean-events > div { margin-top:65px; border-bottom:1px solid; }
.aegean-events article { display:grid; grid-template-columns:160px 1fr auto; align-items:center; min-height:125px; border-top:1px solid; }
.aegean-events time { display:flex; align-items:center; gap:12px; font:9px var(--font-geist-mono); }
.aegean-events time b { font:64px Georgia,serif; }
.aegean-events article > div p { font:9px var(--font-geist-mono); color:var(--coral); }
.aegean-events h3 { font:30px Georgia,serif; margin-top:6px; }
.aegean-events article > a { width:44px; height:44px; display:grid; place-items:center; border:1px solid; border-radius:50%; }
.aegean-footer { background:var(--teal); color:#d7eff0; padding:110px 0 35px; }
.aegean-footer h2 { font:400 clamp(70px,10vw,145px)/.8 Georgia,serif; letter-spacing:-.065em; margin-top:38px; }
.aegean-footer h2 i { color:var(--coral); }
.aegean-footer > div > a { display:inline-block; margin-top:60px; font-size:15px; border-bottom:1px solid; padding-bottom:10px; }
.aegean-footer-bottom { display:flex; justify-content:space-between; align-items:end; margin-top:110px; padding-top:25px; border-top:1px solid #d7eff044; font:9px var(--font-geist-mono); }

/* Noir */
.noir-site { background:#0c0c0b; color:#e9e1d3; font-family:Arial,sans-serif; }
.noir-site .wrap { max-width:1300px; }
.noir-nav { position:absolute; z-index:3; left:50%; transform:translateX(-50%); min-height:110px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ffffff44; }
.noir-nav nav { display:flex; gap:33px; font-size:12px; }
.noir-nav > a { border:1px solid #ffffff77; border-radius:30px; padding:12px 16px; font-size:11px; }
.noir-nav > a span { margin-left:20px; }
.noir-hero { min-height:850px; position:relative; display:flex; align-items:flex-end; overflow:hidden; }
.noir-backdrop { position:absolute; inset:0; }
.noir-backdrop:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#050505 8%,#05050599 45%,transparent 75%),linear-gradient(0deg,#090909 2%,transparent 42%); }
.noir-backdrop img { filter:saturate(.55) contrast(1.12); transform:scale(1.03); animation:slowZoom 15s ease-out both; }
.noir-hero-copy { position:relative; z-index:2; padding-bottom:70px; }
.noir-hero-copy > p { font:9px var(--font-geist-mono); letter-spacing:.18em; color:#ccb991; }
.noir-hero-copy h1 { margin-top:25px; font:400 clamp(79px,10vw,145px)/.79 Georgia,serif; letter-spacing:-.065em; }
.noir-hero-copy h1 em { color:#ccb991; }
.noir-hero-copy > div { display:flex; gap:35px; margin-top:45px; font:9px var(--font-geist-mono); letter-spacing:.13em; }
.noir-scroll { position:absolute; z-index:2; right:4%; bottom:60px; font:9px/1.6 var(--font-geist-mono); letter-spacing:.14em; text-align:right; }
.noir-intro { padding:140px 0 130px; display:grid; grid-template-columns:.4fr 1.2fr .5fr; gap:60px; border-bottom:1px solid #ffffff2a; }
.noir-intro > p, .noir-services header > p, .noir-events header > p, .noir-footer > div > p { font:9px var(--font-geist-mono); letter-spacing:.15em; color:#bda97e; }
.noir-intro h2 { font:400 clamp(43px,5.4vw,74px)/1.03 Georgia,serif; letter-spacing:-.045em; }
.noir-intro > div p { color:#a6a095; font-size:13px; line-height:1.7; }
.noir-intro > div a { display:inline-block; margin-top:38px; border-bottom:1px solid; padding-bottom:8px; font-size:10px; }
.noir-services { padding:130px 0; }
.noir-services header { display:flex; justify-content:space-between; align-items:start; }
.noir-services header h2 { font:400 clamp(52px,7vw,96px)/.9 Georgia,serif; letter-spacing:-.05em; width:55%; }
.noir-services header h2 i { color:#bda97e; }
.noir-services > div { margin-top:70px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #ffffff44; }
.noir-services a { display:grid; grid-template-columns:45px 1fr auto; align-items:center; min-height:105px; border-bottom:1px solid #ffffff44; }
.noir-services a:nth-child(odd) { border-right:1px solid #ffffff44; padding-right:25px; }
.noir-services a:nth-child(even) { padding-left:25px; }
.noir-services a span { font:9px var(--font-geist-mono); color:#bda97e; }
.noir-services h3 { font:25px Georgia,serif; }
.noir-feature { height:760px; position:relative; }
.noir-feature:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#090909ee,transparent 65%); }
.noir-feature img { filter:saturate(.4); }
.noir-feature > div { position:absolute; z-index:2; left:6%; bottom:70px; }
.noir-feature p { font:9px var(--font-geist-mono); letter-spacing:.15em; }
.noir-feature h2 { font:400 clamp(57px,8vw,110px)/.89 Georgia,serif; letter-spacing:-.055em; margin:20px 0 35px; }
.noir-feature a { font-size:10px; border-bottom:1px solid; padding-bottom:8px; }
.noir-events { padding:130px 0; }
.noir-events header { display:flex; justify-content:space-between; align-items:start; margin-bottom:70px; }
.noir-events header h2 { width:55%; font:400 clamp(60px,7vw,100px)/.86 Georgia,serif; letter-spacing:-.055em; }
.noir-events header h2 em { color:#bda97e; }
.noir-events article { display:grid; grid-template-columns:160px 1fr auto; align-items:center; min-height:125px; border-top:1px solid #ffffff44; }
.noir-events article:last-child { border-bottom:1px solid #ffffff44; }
.noir-events time { display:flex; align-items:baseline; gap:10px; font:9px var(--font-geist-mono); color:#bda97e; }
.noir-events time b { font:52px Georgia,serif; color:#e9e1d3; }
.noir-events article > div p { font:9px var(--font-geist-mono); color:#bda97e; }
.noir-events h3 { font:26px Georgia,serif; margin-top:6px; }
.noir-events article > a { font-size:9px; }
.noir-footer { background:#bda97e; color:#15130f; padding:100px 0 35px; }
.noir-footer h2 { font:400 clamp(75px,11vw,150px)/.78 Georgia,serif; letter-spacing:-.07em; margin-top:35px; }
.noir-footer h2 em { color:#f1e9db; }
.noir-footer > div > a { display:inline-block; margin-top:55px; font-size:15px; border-bottom:1px solid; padding-bottom:9px; }
.noir-footer > div > div { display:flex; justify-content:space-between; align-items:end; margin-top:110px; padding-top:25px; border-top:1px solid #15130f55; font:9px var(--font-geist-mono); }

/* Apple */
.apple-site { background:#f5f5f7; color:#17171a; font-family:Arial,sans-serif; }
.apple-wrap { width:min(100% - 64px,1180px); margin-inline:auto; }
.apple-nav { position:relative; z-index:5; width:min(100% - 64px,1180px); height:68px; margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font-size:11px; }
.apple-nav nav { display:flex; justify-content:center; gap:28px; color:#53535a; }
.apple-nav > a { justify-self:end; padding:8px 14px; background:#17171a; color:#fff; border-radius:20px; }
.apple-hero { position:relative; min-height:940px; text-align:center; padding:100px 30px 0; overflow:hidden; }
.apple-glow { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; }
.apple-glow-one { width:500px; height:500px; background:#bb94ff; opacity:.28; top:70px; left:10%; }
.apple-glow-two { width:560px; height:500px; background:#ff967c; opacity:.25; top:100px; right:6%; }
.apple-hero > p:first-of-type { position:relative; font-size:12px; font-weight:700; letter-spacing:.12em; }
.apple-hero h1 { position:relative; font-size:clamp(74px,10vw,142px); line-height:.88; letter-spacing:-.072em; margin-top:22px; }
.apple-hero h1 span, .apple-story h2 span, .apple-services h2 span, .apple-feature h2 span, .apple-footer h2 span { color:#777780; }
.apple-lede { position:relative; margin-top:35px; color:#65656d; font-size:18px; line-height:1.5; }
.apple-actions { position:relative; display:flex; justify-content:center; align-items:center; gap:18px; margin-top:30px; font-size:13px; }
.apple-actions a:first-child { background:#17171a; color:#fff; border-radius:30px; padding:13px 19px; }
.apple-actions a:first-child span { margin-left:20px; }
.apple-actions a:last-child { color:#4d4d55; }
.apple-hero figure { position:relative; width:min(100%,1020px); height:510px; margin:65px auto 0; border-radius:36px 36px 0 0; overflow:hidden; box-shadow:0 45px 90px #16161b33; }
.apple-hero figure:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0008,transparent 50%); }
.apple-live { position:absolute; z-index:2; left:26px; bottom:24px; background:#ffffffdd; border:1px solid #fff; backdrop-filter:blur(12px); border-radius:30px; padding:11px 15px; font-size:10px; font-weight:700; }
.apple-live i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#f2382c; margin-right:7px; }
.apple-story { padding:150px 0; }
.apple-story > p, .apple-services header > p, .apple-feature > div > p:first-child, .apple-events header p { color:#878790; font-size:12px; font-weight:700; }
.apple-story h2, .apple-services h2 { font-size:clamp(58px,7vw,92px); line-height:.94; letter-spacing:-.06em; margin-top:18px; }
.apple-story-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:70px; }
.apple-story-cards article { min-height:280px; padding:28px; display:flex; flex-direction:column; border-radius:25px; background:#fff; box-shadow:0 10px 35px #2222280c; }
.apple-story-cards b { color:#9999a2; font-size:11px; }
.apple-story-cards h3 { font-size:25px; margin-top:auto; }
.apple-story-cards p { color:#777780; line-height:1.55; margin-top:11px; font-size:13px; }
.apple-services { padding:130px 0; }
.apple-services > div { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:65px; }
.apple-services a { min-height:105px; display:grid; grid-template-columns:50px 1fr auto; align-items:center; background:#fff; border-radius:20px; padding:0 25px; transition:transform .25s, box-shadow .25s; }
.apple-services a:hover { transform:translateY(-3px); box-shadow:0 15px 30px #1c1c2410; }
.apple-services a span { color:#9a9aa2; font-size:10px; }
.apple-services h3 { font-size:22px; }
.apple-services a b { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#f2f2f4; }
.apple-feature { display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; padding:130px 0; }
.apple-feature figure { height:600px; border-radius:35px; overflow:hidden; box-shadow:0 30px 70px #16161b24; }
.apple-feature h2 { font-size:clamp(50px,6.6vw,85px); line-height:.93; letter-spacing:-.06em; margin-top:20px; }
.apple-feature > div > p:nth-of-type(2) { color:#73737b; line-height:1.6; max-width:390px; margin-top:30px; }
.apple-feature > div a { display:inline-block; margin-top:35px; font-size:13px; color:#066fd1; }
.apple-events { padding:130px 0; }
.apple-events header h2 { font-size:clamp(55px,7vw,90px); letter-spacing:-.06em; margin-top:15px; }
.apple-events > div { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:60px; }
.apple-events article { position:relative; min-height:300px; border-radius:26px; background:#fff; padding:25px; display:flex; flex-direction:column; }
.apple-events time { color:#888890; font-size:10px; }
.apple-events time b { display:block; color:#17171a; font-size:54px; line-height:1; letter-spacing:-.05em; }
.apple-events article > div { margin-top:auto; }
.apple-events article > div p { color:#888890; font-size:10px; }
.apple-events h3 { font-size:21px; margin-top:8px; max-width:250px; }
.apple-events article > a { position:absolute; right:22px; top:22px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#f1f1f3; }
.apple-footer { background:#111114; color:#f5f5f7; padding:110px 0 35px; }
.apple-footer h2 { font-size:clamp(58px,8vw,104px); line-height:.93; letter-spacing:-.06em; }
.apple-footer > div > a { display:inline-block; margin-top:55px; color:#76abff; font-size:17px; }
.apple-footer > div > div { margin-top:110px; border-top:1px solid #ffffff29; padding-top:25px; display:flex; justify-content:space-between; align-items:end; color:#8c8c95; font-size:9px; }

/* Rave */
.rave-site { position:relative; background:#060606; color:#eaff00; font-family:Arial,sans-serif; font-weight:800; }
.rave-site:before { content:""; position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.14; background-image:linear-gradient(#eaff0040 1px,transparent 1px),linear-gradient(90deg,#eaff0040 1px,transparent 1px); background-size:48px 48px; }
.rave-noise { position:fixed; inset:0; z-index:5; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.rave-nav { position:relative; z-index:2; min-height:104px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:0 3.5vw; border-bottom:1px solid #eaff00; }
.rave-nav nav { display:flex; justify-content:center; gap:18px; font:9px var(--font-geist-mono); }
.rave-nav > span { justify-self:end; text-align:right; font:8px/1.6 var(--font-geist-mono); }
.rave-hero { min-height:870px; position:relative; z-index:1; padding:50px 3.5vw; overflow:hidden; }
.rave-code { font:9px/1.6 var(--font-geist-mono); }
.rave-hero h1 { position:relative; z-index:2; display:flex; flex-direction:column; width:72%; font:normal clamp(105px,15vw,220px)/.57 Impact, "Arial Black", sans-serif; letter-spacing:-.045em; margin-top:50px; transform:skewY(-3deg); }
.rave-hero h1 span:nth-child(3) { align-self:flex-end; font-size:.55em; -webkit-text-stroke:2px #eaff00; color:transparent; }
.rave-hero h1 b { color:#ff35ce; margin-left:10%; }
.rave-hero h1 em { color:#fff; margin-left:28%; }
.rave-hero figure { position:absolute; z-index:1; width:42%; height:63%; right:3.5%; top:11%; transform:rotate(4deg); border:2px solid #eaff00; clip-path:polygon(7% 0,100% 4%,92% 100%,0 93%); }
.rave-hero figure img { filter:saturate(1.7) contrast(1.3) hue-rotate(25deg); }
.rave-hero figure:after { content:""; position:absolute; inset:0; background:#8c00ff55; mix-blend-mode:screen; }
.rave-cross { position:absolute; z-index:2; right:4%; bottom:2%; font-size:120px; color:#ff35ce; font-weight:200; }
.rave-hero > p { position:absolute; bottom:55px; right:3.5%; text-align:right; font:9px/1.6 var(--font-geist-mono); }
.rave-enter { position:absolute; left:3.5vw; bottom:50px; display:flex; align-items:center; gap:25px; font:10px var(--font-geist-mono); }
.rave-enter b { width:48px; height:48px; border:1px solid; border-radius:50%; display:grid; place-items:center; }
.rave-marquee { position:relative; z-index:1; display:flex; overflow:hidden; white-space:nowrap; background:#eaff00; color:#080808; padding:12px 0; font-size:20px; }
.rave-marquee span { min-width:100%; animation:marquee 15s linear infinite; }
.rave-services, .rave-events { position:relative; z-index:1; padding:110px 3.5vw; }
.rave-services header, .rave-events header { display:grid; grid-template-columns:.3fr 1fr; }
.rave-services header > span, .rave-events header > span, .rave-footer > span { font:9px var(--font-geist-mono); }
.rave-services header h2, .rave-events header h2 { font:normal clamp(80px,11vw,155px)/.69 Impact,"Arial Black",sans-serif; letter-spacing:-.035em; }
.rave-services header h2 i, .rave-events header h2 i { color:#ff35ce; }
.rave-services > div { display:grid; grid-template-columns:1fr 1fr; margin-top:70px; border-top:1px solid; border-left:1px solid; }
.rave-services a { min-height:130px; display:grid; grid-template-columns:50px 1fr auto; align-items:center; padding:20px; border-right:1px solid; border-bottom:1px solid; }
.rave-services a span { font:9px var(--font-geist-mono); }
.rave-services h3 { font-size:27px; text-transform:uppercase; }
.rave-services a b { font-size:35px; color:#ff35ce; }
.rave-manifesto { position:relative; z-index:1; min-height:860px; padding:120px 3.5vw; background:#ff35ce; color:#080808; overflow:hidden; }
.rave-manifesto > p { font:10px var(--font-geist-mono); }
.rave-manifesto h2 { position:relative; z-index:2; margin-top:40px; font:normal clamp(82px,11.5vw,165px)/.7 Impact,"Arial Black",sans-serif; letter-spacing:-.035em; }
.rave-manifesto h2 span { color:#eaff00; -webkit-text-stroke:2px #080808; }
.rave-manifesto figure { position:absolute; width:28%; height:48%; right:5%; bottom:5%; transform:rotate(-7deg); border:2px solid #080808; }
.rave-manifesto figure img { filter:grayscale(1) contrast(1.5); }
.rave-orbit { position:absolute; width:150px; height:150px; right:4%; top:7%; border:2px solid; border-radius:50%; display:grid; place-items:center; text-align:center; transform:rotate(12deg); animation:spin 12s linear infinite; }
.rave-events { padding-bottom:150px; }
.rave-events > div { margin-top:70px; border-top:1px solid; }
.rave-events article { display:grid; grid-template-columns:70px 130px 1fr auto; align-items:center; min-height:135px; border-bottom:1px solid; }
.rave-events article > b, .rave-events time { font:10px var(--font-geist-mono); }
.rave-events article > div p { font:8px var(--font-geist-mono); color:#ff35ce; }
.rave-events h3 { font-size:30px; text-transform:uppercase; margin:7px 0; }
.rave-events article > div span { font:8px var(--font-geist-mono); }
.rave-events article > a { font:14px var(--font-geist-mono); }
.rave-footer { position:relative; z-index:1; background:#eaff00; color:#070707; padding:100px 3.5vw 35px; }
.rave-footer > p { font:10px var(--font-geist-mono); margin-top:35px; }
.rave-footer h2 { font:normal clamp(100px,15vw,220px)/.65 Impact,"Arial Black",sans-serif; letter-spacing:-.04em; margin-top:35px; }
.rave-footer h2 i { color:#ff35ce; -webkit-text-stroke:2px #070707; }
.rave-footer > a { display:inline-block; margin-top:60px; border:2px solid; padding:16px 20px; font:11px var(--font-geist-mono); }
.rave-footer > div { display:flex; justify-content:space-between; align-items:end; margin-top:100px; border-top:1px solid; padding-top:20px; font:8px var(--font-geist-mono); }

@keyframes marquee { to { transform:translateX(-100%); } }
@keyframes slowZoom { from { transform:scale(1.03); } to { transform:scale(1.12); } }
@keyframes spin { to { transform:rotate(372deg); } }

@media (max-width: 900px) {
  .wrap, .apple-wrap, .apple-nav { width:min(100% - 38px, 1320px); }
  .concept-switch { bottom:14px; right:14px; grid-template-columns:40px 40px auto 40px; }
  .concept-switch a, .concept-switch span { min-height:40px; }
  .concept-switch span { padding:0 12px; }
  .editorial-hero-grid { grid-template-columns:1fr 1.5fr; }
  .editorial-stamp { display:none; }
  .editorial-story { gap:45px; }
  .editorial-story figure { height:520px; }
  .kinetic-title { grid-template-columns:1fr .35fr 1.5fr; }
  .kinetic-services { grid-template-columns:1fr; }
  .kinetic-services > div { border-left:0; border-top:3px solid; }
  .aegean-sun { width:400px; }
  .aegean-image { width:45%; height:430px; }
  .aegean-services > div { grid-template-columns:repeat(2,1fr); }
  .aegean-story > div { gap:50px; }
  .noir-intro { grid-template-columns:.3fr 1fr; }
  .noir-intro > div { grid-column:2; }
  .apple-feature { gap:45px; }
  .rave-hero figure { width:47%; opacity:.75; }
}

@media (max-width: 680px) {
  .editorial-nav nav, .aegean-nav nav, .noir-nav nav, .apple-nav nav, .rave-nav nav, .kinetic-nav nav { display:none; }
  .editorial-nav { min-height:82px; }
  .editorial-hero { padding-bottom:70px; }
  .editorial-hero h1 { font-size:clamp(46px,13.5vw,68px); line-height:.86; letter-spacing:-.085em; }
  .editorial-hero-grid { grid-template-columns:1fr; gap:28px; }
  .editorial-hero-grid figure { height:310px; }
  .editorial-service-list { grid-template-columns:1fr; }
  .editorial-service-list a:nth-child(odd), .editorial-service-list a:nth-child(even) { padding:18px 0; border-right:0; }
  .editorial-story { grid-template-columns:1fr; gap:45px; }
  .editorial-story figure { height:430px; }
  .editorial-story h2 { margin-top:30px; }
  .editorial-events article { grid-template-columns:95px 1fr auto; gap:10px; }
  .editorial-events article p { display:none; }
  .editorial-events article a { grid-column:3; }
  .editorial-footer > div { grid-template-columns:1fr; gap:35px; }
  .kinetic-nav { min-height:78px; grid-template-columns:1fr auto; }
  .kinetic-hero { grid-template-columns:1fr; grid-template-rows:50px auto 330px auto; }
  .kinetic-ticker { font-size:15px; }
  .kinetic-title { grid-template-columns:1fr auto; align-items:end; gap:0 8px; padding:34px 18px 20px; font-size:23vw; line-height:.67; }
  .kinetic-title span:first-child { grid-column:1/-1; }
  .kinetic-title strong { grid-column:1; justify-self:start; font-size:1.05em; }
  .kinetic-title span:last-child { grid-column:2; font-size:.64em; padding-bottom:.08em; }
  .kinetic-hero-image { margin:28px 18px 0; }
  .kinetic-hero aside { border-left:0; border-top:3px solid; margin-top:0; min-height:250px; }
  .kinetic-services > div { grid-template-columns:1fr; }
  .kinetic-services article:nth-child(odd) { border-right:0; }
  .kinetic-services article:nth-last-child(2) { border-bottom:3px solid; }
  .kinetic-statement { min-height:660px; }
  .kinetic-statement h2 { font-size:19vw; }
  .kinetic-statement figure { width:49%; height:45%; }
  .kinetic-events article { grid-template-columns:45px 75px 1fr auto; padding:0 18px; }
  .kinetic-events article p { display:none; }
  .aegean-nav { min-height:82px; }
  .aegean-pill { padding:9px 11px; background:rgba(215,239,240,.92); }
  .aegean-pill span { display:none; }
  .aegean-hero { min-height:820px; padding-top:55px; }
  .aegean-sun { width:300px; right:-35%; top:-3%; }
  .aegean-hero h1 { font-size:17.5vw; line-height:.86; }
  .aegean-hero h1 i { margin-left:8%; }
  .aegean-image { width:63%; height:330px; right:0; bottom:70px; }
  .aegean-lede { max-width:48%; bottom:90px; font-size:13px; }
  .aegean-services > div { grid-template-columns:1fr; }
  .aegean-story > div { grid-template-columns:1fr; }
  .aegean-story figure { height:460px; }
  .aegean-events article { grid-template-columns:105px 1fr auto; }
  .aegean-events time b { font-size:46px; }
  .aegean-events h3 { font-size:21px; }
  .noir-nav { min-height:82px; }
  .noir-hero { min-height:760px; }
  .noir-backdrop:after { background:linear-gradient(0deg,#050505 5%,#05050588 75%,transparent); }
  .noir-hero-copy h1 { font-size:15.8vw; line-height:.84; }
  .noir-hero-copy > div { gap:12px; flex-wrap:wrap; }
  .noir-scroll { display:none; }
  .noir-intro { grid-template-columns:1fr; gap:30px; }
  .noir-intro > div { grid-column:auto; }
  .noir-services header { display:block; }
  .noir-services header h2 { width:100%; margin-top:30px; }
  .noir-services > div { grid-template-columns:1fr; }
  .noir-services a:nth-child(odd), .noir-services a:nth-child(even) { border-right:0; padding:0; }
  .noir-feature { height:650px; }
  .noir-events header { display:block; }
  .noir-events header h2 { width:100%; margin-top:30px; }
  .noir-events article { grid-template-columns:105px 1fr auto; }
  .apple-nav { grid-template-columns:1fr auto; }
  .apple-hero { min-height:800px; padding:80px 18px 0; }
  .apple-hero h1 { font-size:17.5vw; line-height:.9; }
  .apple-lede br { display:none; }
  .apple-hero figure { height:360px; border-radius:25px 25px 0 0; }
  .apple-story-cards { grid-template-columns:1fr; }
  .apple-story-cards article { min-height:220px; }
  .apple-services > div { grid-template-columns:1fr; }
  .apple-feature { grid-template-columns:1fr; }
  .apple-feature figure { height:450px; }
  .apple-events > div { grid-template-columns:1fr; }
  .apple-events article { min-height:240px; }
  .rave-nav { min-height:82px; grid-template-columns:1fr 1fr; }
  .rave-hero { min-height:790px; }
  .rave-hero h1 { width:100%; font-size:24vw; margin-top:90px; }
  .rave-hero figure { width:72%; height:46%; top:23%; right:-11%; opacity:.55; }
  .rave-hero > p { bottom:100px; }
  .rave-marquee { font-size:15px; }
  .rave-services header, .rave-events header { grid-template-columns:1fr; gap:25px; }
  .rave-services header h2, .rave-events header h2 { font-size:20vw; }
  .rave-services > div { grid-template-columns:1fr; }
  .rave-manifesto { min-height:720px; }
  .rave-manifesto h2 { font-size:19vw; }
  .rave-manifesto figure { width:46%; height:32%; }
  .rave-events article { grid-template-columns:45px 80px 1fr auto; }
  .rave-events h3 { font-size:18px; }
  .rave-footer h2 { font-size:22vw; }
}

@media (max-width: 420px) {
  .wrap, .apple-wrap, .apple-nav { width:min(100% - 28px, 1320px); }
  .editorial-contact { font-size:9px; }
  .editorial-hero-grid figure { height:275px; }
  .kinetic-title { font-size:21.5vw; }
  .kinetic-services > h2 { font-size:15.5vw; }
  .aegean-pill { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
  .aegean-hero h1 { font-size:16.8vw; }
  .noir-nav > a { padding:10px 12px; font-size:9px; }
  .apple-actions { flex-wrap:wrap; }
  .rave-nav > span { font-size:7px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *:before, *:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}