@import url('../collection/collection.css');
.shell{max-width:1600px;padding:0 44px}.network small{font-size:10px}.network strong{font-size:16px}.people{gap:60px;margin-top:70px}header .logo{width:210px}h1{font-size:clamp(60px,6.5vw,104px)}.network{transition:background .2s,transform .2s}.network:hover{transform:translateX(3px)}.network:active{transform:scale(.98)}
/* 12 — two opposing spaces: full-height sea and compact concierge */
.noir{--bg:#0c1418;--panel:#182b32;--muted:#9caeb4;--accent:#8ee6e9}.noir-layout{display:grid;grid-template-columns:1.5fr 1fr;margin-top:28px;min-height:690px;border:1px solid #ffffff1c}.noir-photo{position:relative;overflow:hidden}.noir-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center}.noir-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#021721f2,transparent 80%)}.noir-title{position:absolute;inset:auto 45px 55px;z-index:1}.noir h1{font:500 clamp(60px,6vw,92px)/1.02 Bodoni,serif;letter-spacing:-.045em}.noir h1 em{font-style:italic;color:white}.noir-title>span{display:block;font-size:9px;letter-spacing:.14em;margin-top:28px}.photo-index{position:absolute;top:25px;left:30px;font-size:9px;letter-spacing:.2em;background:#0c141870;padding:10px 15px;z-index:1}.noir-connect{padding:38px 36px}.noir-connect>.owl{width:60px;margin-bottom:35px}.noir-connect h2{font-size:42px}.noir-connect>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:15px 0 25px}.noir-connect .eyebrow{font-size:8px;margin-bottom:14px}.noir .networks{grid-template-columns:1fr;border:0;background:none}.noir .network{border-top:1px solid var(--line);min-height:65px;padding:13px 0;gap:18px}.noir .network>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.noir .network small{font-size:8px}.noir .network svg{width:20px}.noir .cta{width:100%;margin-top:20px}.noir .people{grid-template-columns:1fr 1.5fr}
/* 13 — oversized editorial typography with an uninterrupted image */
.atlas{--bg:#f0eee8;--ink:#122b30;--muted:#5c7475;--accent:#06666c;--line:#15373930;--panel:#e3e6df}.atlas .logo,.atlas .owl{filter:invert(1)}.atlas-heading{padding:45px 0 35px;text-align:center}.atlas-heading .eyebrow{margin-bottom:25px}.atlas h1{font:500 clamp(65px,7.7vw,114px)/1 Bodoni,serif;letter-spacing:-.055em}.atlas h1 em{display:inline;font-style:italic;color:#08676d}.atlas-cover{display:grid;grid-template-columns:3fr 1fr;gap:30px}.atlas-photo{position:relative;min-height:410px}.atlas-photo img{width:100%;height:100%;max-height:500px;object-fit:cover;object-position:50% 56%}.atlas-photo>span{position:absolute;bottom:22px;left:25px;background:#f8f5e9e0;padding:10px 15px;font-size:9px;letter-spacing:.15em}.atlas aside{border-block:1px solid var(--line);padding:35px 0;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:25px}.atlas aside>.owl{width:52px}.atlas .atlas-quote{font:500 34px/1.12 Bodoni,serif;letter-spacing:-.025em}.atlas aside>p:not(.atlas-quote){font-size:11px;color:var(--muted)}.atlas .cta{background:#123c40;color:#fff;gap:15px;margin:0;font-size:12px;padding:12px 16px}.atlas-links{margin:35px 0}.atlas-links .eyebrow{margin-bottom:14px}.atlas .networks{grid-template-columns:repeat(6,minmax(0,1fr));background:transparent;border-inline:0}.atlas .network{display:block;padding:25px 20px;min-height:118px;border-inline-end:1px solid var(--line);background:transparent}.atlas .network:last-child{border:0}.atlas .network strong{font-size:15px;margin-top:10px}.atlas .network small{font-size:8px}.atlas .network>b{position:absolute;top:23px;right:15px}.atlas .people{display:block;border-top:1px solid var(--line);margin-top:50px}.atlas .people-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.atlas .people-head>.eyebrow{display:none}.atlas .people h2{font-family:Bodoni;font-size:49px;font-weight:500}.atlas .contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px}.atlas .contact,.atlas .contact:first-child{padding:25px 0;border-top:1px solid var(--line);border-bottom:0}.atlas .contact-person p{font-size:13px}
/* 14 — cyan identity poster and monochrome directory */
.electric{--bg:#121617;--accent:#24edee;--muted:#acb6b8;--panel:#202a2d}.electric-main{display:grid;grid-template-columns:1.25fr 1fr;margin-top:30px;gap:35px}.electric-title{position:relative;background:#24edee;color:#0b2528;min-height:585px;padding:40px;overflow:hidden}.electric-title .eyebrow{font-size:8px;letter-spacing:.12em}.electric h1{font:600 clamp(70px,7.2vw,108px)/.99 Oswald,sans-serif;letter-spacing:-.04em;max-width:640px}.electric h1 em{color:transparent;-webkit-text-stroke:1.5px #0b2528}.electric-owl{display:flex;gap:25px;align-items:center;margin-top:42px}.electric-owl .owl{filter:invert(1);width:94px}.electric-owl span{font-size:9px;line-height:1.4;letter-spacing:.16em}.electric-directory{padding:12px 0;align-self:center}.electric-directory .eyebrow{margin-bottom:14px}.electric .networks{grid-template-columns:1fr;background:none;border-inline:0}.electric .network{border-bottom:1px solid var(--line);min-height:70px;padding:16px 8px;gap:25px}.electric .network strong{font-size:21px}.electric .network>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.electric .network small{font-size:9px}.electric .cta{width:100%;margin-top:25px}.electric-film{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px;border-block:1px solid var(--line);padding:22px 0}.electric-film img{height:190px;width:100%;object-fit:cover}.electric-film figcaption{font-size:8px;letter-spacing:.15em;margin-top:10px;color:var(--muted)}
/* 15 — photographic folio, paper and refined pill links */
.folio{--bg:#f6f5ef;--ink:#1b3032;--accent:#13636a;--muted:#607678;--line:#24424526;--panel:#e6eddf}.folio .logo,.folio .owl{filter:invert(1)}.folio-main{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding-top:40px}.folio-photo{position:relative;margin:0;min-height:660px}.folio-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:40% center;border-radius:180px 180px 0 0}.folio-photo figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#f6f5efe8;backdrop-filter:blur(10px);font-size:8px;letter-spacing:.15em}.folio-photo .owl{width:40px}.folio-copy{padding:25px 0}.folio-copy .eyebrow{font-size:9px}.folio h1{font:500 clamp(60px,6vw,92px)/1.02 Bodoni,serif;letter-spacing:-.04em}.folio h1 em{font-style:italic}.folio-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:24px 0}.folio .networks{grid-template-columns:1fr 1fr;background:none;border:0;gap:12px;margin-top:30px}.folio .network{border:1px solid #b8cbc3;border-radius:50px;min-height:75px;padding:16px 22px;background:transparent;gap:14px}.folio .network small{font-size:8px}.folio .network strong{font-size:15px}.folio .network svg{width:22px}.folio .network b{font-size:16px}.folio-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.folio-bottom>span{font-size:10px;letter-spacing:.15em}.folio-bottom .cta{margin:0;background:#b4e8dc;border-radius:50px}.folio .people h2{font-family:Bodoni;font-weight:500;font-size:50px}
/* 16 — image envelops an opaque, readable connection card */
.immerse{--bg:#07131c;--accent:#99e1ec;--muted:#a8bdc9;--panel:#143448}.immerse-main{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:45px;padding:50px;margin-top:25px;overflow:hidden}.immerse-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 50%}.immerse-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041729b0,#071c3060)}.immerse-caption,.immerse-card{z-index:1;position:relative}.immerse h1{font:500 clamp(68px,6.8vw,104px)/1.05 Oswald;letter-spacing:-.025em;text-transform:uppercase}.immerse h1 em{color:#fff}.immerse-caption .eyebrow{max-width:230px;line-height:1.8}.immerse-card{padding:34px;background:#071927ed;border:1px solid #d4f3ff42;backdrop-filter:blur(15px);box-shadow:0 30px 60px #0006;text-align:center}.immerse-card>.owl{width:70px;margin:0 auto 20px}.immerse-card h2{font-size:36px}.immerse-card>p{font-size:12px;color:var(--muted);margin:12px 0 27px}.immerse .networks{grid-template-columns:1fr 1fr;gap:10px;background:none;border:0;text-align:start}.immerse .network{background:#1e4050b0;border:1px solid #ffffff12;display:block;min-height:95px;padding:15px}.immerse .network strong{font-size:14px;margin-top:12px}.immerse .network small{font-size:8px}.immerse .network b{position:absolute;top:15px;right:14px;font-size:16px}.immerse .cta{width:100%;justify-content:space-between;margin-top:22px;font-size:12px}
html[lang=ar] .noir h1,html[lang=ar] .atlas h1,html[lang=ar] .folio h1,html[lang=ar] .electric h1,html[lang=ar] .immerse h1{font-family:NotoArabic,sans-serif;line-height:1.3;letter-spacing:-.055em;font-weight:700;font-size:64px}html[lang=ar] .atlas .atlas-quote,html[lang=ar] .atlas .people h2,html[lang=ar] .folio .people h2{font-family:NotoArabic;line-height:1.5;font-size:32px}html[lang=ar] .electric h1 em{-webkit-text-stroke:1px #0b2528}html[lang=ar] .atlas .network>b,html[lang=ar] .immerse .network>b{right:auto;left:14px}
@media(max-width:1100px){.shell{padding:0 30px}.noir-layout{grid-template-columns:1.2fr 1fr}.noir-title{inset:auto 30px 45px}.noir-connect{padding:30px 25px}.noir .network>span{display:block}.noir-connect h2{font-size:35px}.atlas-cover{grid-template-columns:2.6fr 1fr;gap:25px}.atlas .atlas-quote{font-size:29px}.atlas-photo{min-height:400px}.atlas .networks{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas .network:nth-child(3){border:0}.atlas .network:nth-child(-n+3){border-bottom:1px solid var(--line)}.atlas .contact-list{gap:0 28px}.electric-main{gap:25px;grid-template-columns:1fr 1fr}.electric-title{padding:30px;min-height:540px}.electric h1{font-size:72px}.electric .network>span{display:block}.electric .network strong{font-size:18px}.electric .network{min-height:72px}.folio-main{gap:40px}.folio .network{padding:15px 18px}.folio .networks{grid-template-columns:1fr}.folio .network{min-height:65px}.folio-copy{padding:0}.folio-photo{min-height:680px}.immerse-main{grid-template-columns:1fr 360px;gap:25px;padding:30px}.immerse-card{padding:28px}.immerse h1{font-size:64px}html[lang=ar] .noir h1,html[lang=ar] .electric h1,html[lang=ar] .immerse h1{font-size:50px}.people{gap:35px}}
@media(max-width:700px){.shell{padding:0 20px}header .logo{width:148px}header{min-height:85px}.noir-layout{display:flex;flex-direction:column;margin-top:18px}.noir-photo{min-height:450px}.noir-title{inset:auto 25px 40px}.noir h1{font-size:59px}.noir-title>.eyebrow{font-size:8px}.noir-connect{padding:30px 22px}.noir-connect>.owl{width:49px;margin-bottom:24px}.noir-connect h2{font-size:36px}.noir .network>span{display:flex}.noir .network small{font-size:8px;max-width:130px}.noir .network strong{font-size:15px}.noir .network{min-height:70px}.noir .people{display:block}.atlas-heading{padding:35px 0 25px;text-align:start}.atlas h1{font-size:64px}.atlas h1 em{display:block}.atlas-heading .eyebrow{font-size:8px;letter-spacing:.09em}.atlas-cover{display:flex;flex-direction:column;gap:22px}.atlas-photo{min-height:340px}.atlas-photo img{height:340px;object-position:60% center}.atlas aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0}.atlas aside>.owl{width:40px}.atlas .atlas-quote{grid-column:1/-1;grid-row:1;font-size:35px;max-width:300px}.atlas aside>p:not(.atlas-quote){font-size:9px}.atlas aside>.cta{grid-column:1/-1}.atlas .networks{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas .network{padding:20px 16px}.atlas .network:nth-child(3){border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}.atlas .network:nth-child(even){border-inline-end:0}.atlas .network:nth-child(4){border-bottom:1px solid var(--line)}.atlas .people-head{display:block}.atlas .people h2{font-size:42px}.atlas .contact-list{display:block}.electric-main{display:block;margin-top:18px}.electric-title{min-height:430px;padding:28px 22px}.electric h1{font-size:73px}.electric-title .eyebrow{font-size:7px}.electric-owl{margin-top:35px}.electric-owl .owl{width:70px}.electric-directory{padding:30px 0 0}.electric .network>span{display:flex}.electric .network strong{font-size:20px}.electric .network small{font-size:8px}.electric .network{gap:20px}.electric-film{gap:10px;padding:14px 0;margin-top:30px}.electric-film img{height:145px}.electric-film figcaption{font-size:6px;letter-spacing:0}.folio-main{display:flex;flex-direction:column;gap:32px;padding-top:25px}.folio-photo{min-height:345px}.folio-photo>img{border-radius:140px 140px 0 0;object-position:40% 60%}.folio-photo figcaption{padding:15px 20px}.folio-photo .owl{width:32px}.folio h1{font-size:64px}.folio-copy .eyebrow{font-size:8px;margin-bottom:18px}.folio-copy>p:not(.eyebrow){font-size:12px;margin:20px 0}.folio .networks{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.folio .network{border-radius:16px;display:block;min-height:112px;padding:16px 14px}.folio .network strong{font-size:14px;margin-top:12px}.folio .network b{position:absolute;top:16px;right:14px}.folio .network small{font-size:8px}.folio-bottom{display:block;padding:25px 0}.folio-bottom>span{font-size:9px}.folio-bottom .cta{width:100%;margin-top:18px}.folio .people h2{font-size:42px}.immerse .shell{padding:0 16px}.immerse-main{display:flex;flex-direction:column;gap:26px;align-items:stretch;padding:32px 16px 16px;min-height:0;margin-top:18px}.immerse-main>img{object-position:52% center}.immerse-main:after{background:linear-gradient(#02162e30,#031321dd)}.immerse h1{font-size:54px}.immerse-caption{padding:0 8px}.immerse-caption .eyebrow{font-size:8px;margin-bottom:15px}.immerse-card{padding:25px 18px}.immerse-card>.owl{width:55px;margin-bottom:17px}.immerse-card h2{font-size:31px}.immerse-card>p{font-size:11px;margin:12px 0 20px}.immerse .network{padding:14px 10px}.immerse .network strong{font-size:13px}.immerse .network small{font-size:7px}.immerse .network>b{right:10px;font-size:14px}.immerse .cta{padding:12px 16px}.people{margin-top:45px}html[lang=ar] .noir h1,html[lang=ar] .atlas h1,html[lang=ar] .folio h1,html[lang=ar] .electric h1,html[lang=ar] .immerse h1{font-size:44px;line-height:1.4}html[lang=ar] .noir-title{inset:auto 20px 35px}html[lang=ar] .folio .network>b{right:auto;left:14px}html[lang=ar] .atlas .atlas-quote{font-size:29px}}
