*,::before,::after{box-sizing:border-box;border:0 solid}body{margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}a{color:inherit;text-decoration:inherit}
:root { --ink: #1b1b19; --ivory: #f3f0e9; --paper: #faf9f5; --bronze: #a3855d; --radius: 0; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }

.design-switcher { position: fixed; z-index: 100; top: 96px; right: 20px; display: flex; align-items: center; gap: 3px; padding: 5px; border-radius: 30px; background: rgba(20,20,18,.82); color: #fff; backdrop-filter: blur(12px); box-shadow: 0 8px 30px rgba(0,0,0,.16); }
.design-switcher span { padding: 0 8px; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }
.design-switcher a { width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; transition: .2s ease; }
.design-switcher a:hover { background: rgba(255,255,255,.12); }
.design-switcher a.active { background: #fff; color: #151513; }

.site-header { height: 84px; padding: 0 4.5vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: absolute; inset: 0 0 auto; z-index: 20; color: #fff; border-bottom: 1px solid rgba(255,255,255,.22); }
.wordmark { font-family: Georgia, "Times New Roman", serif; font-size: 30px; letter-spacing: .22em; line-height: 1; }
nav { display: flex; gap: 38px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
nav a, .header-contact { transition: opacity .2s ease; }
nav a:hover, .header-contact:hover { opacity: .65; }
.header-contact { justify-self: end; display: flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }

.hero { position: relative; min-height: 790px; height: 100svh; color: #fff; overflow: hidden; }
.hero img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,4,.79) 0%, rgba(8,8,7,.42) 40%, rgba(8,8,7,.04) 72%), linear-gradient(0deg, rgba(8,8,7,.42), transparent 45%); }
.hero-content { position: absolute; left: 8.5vw; bottom: 18%; max-width: 820px; }
.eyebrow { margin: 0 0 28px; font-size: 10px; letter-spacing: .24em; text-transform: uppercase; font-weight: 600; color: #7f766a; }
.eyebrow.light { color: #d3c8b8; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.04em; }
h1 { font-size: clamp(58px, 7.1vw, 112px); line-height: .92; margin: 0; }
.hero h1 { font-size: clamp(44px, 5.4vw, 82px); }
h1 em, h2 em { color: #c5a77d; font-weight: 400; }
.hero-copy { max-width: 550px; margin: 38px 0 0; font-size: 17px; line-height: 1.65; color: rgba(255,255,255,.82); }
.scroll-cue { position: absolute; right: 4.5vw; bottom: 42px; display: flex; align-items: center; gap: 11px; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }

.section-pad { padding: 130px 8.5vw; }
.intro, .operations, .portfolio, .contact { display: grid; grid-template-columns: 20% 1fr; gap: 6vw; }
.section-label { display: flex; align-items: flex-start; gap: 15px; padding-top: 5px; color: #8c8378; text-transform: uppercase; font-size: 9px; letter-spacing: .18em; }
.section-label p { margin: 0; }
.section-label span { font-family: Georgia, serif; color: var(--bronze); }
.intro-body { max-width: 1000px; }
.intro h2, .portfolio h2, .standards h2 { font-size: clamp(42px, 5.1vw, 74px); line-height: 1.08; margin: 0; max-width: 980px; }
.intro h2 { font-size: clamp(34px, 3.9vw, 56px); max-width: 820px; }
.portfolio h2, .standards h2 { font-size: clamp(37px, 4.4vw, 64px); }
.intro-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; margin-top: 72px; padding-left: 20%; }
.intro-columns p, .portfolio-heading > p, .standards-copy > p { margin: 0; font-size: 15px; line-height: 1.8; color: #655f57; }

.dark-section { background: var(--ink); color: var(--ivory); }
.muted-label { color: #7c776f; }
.operations-body { max-width: 1100px; }
.operation-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #484640; }
.operation-grid article { min-height: 290px; padding: 36px 44px 44px 0; border-bottom: 1px solid #484640; }
.operation-grid article:nth-child(odd) { border-right: 1px solid #484640; }
.operation-grid article:nth-child(even) { padding-left: 44px; }
.operation-grid span { color: var(--bronze); font-family: Georgia, serif; font-size: 12px; }
.operation-grid h3 { font-family: Georgia, serif; font-weight: 400; font-size: 25px; margin: 52px 0 20px; }
.operation-grid p { color: #aaa69d; line-height: 1.75; max-width: 430px; margin: 0; font-size: 14px; }

.portfolio { background: var(--ivory); }
.portfolio-heading { display: grid; grid-template-columns: 1.5fr .75fr; gap: 7vw; align-items: end; margin-bottom: 84px; }
.portfolio-heading > p { padding-bottom: 8px; }
.location-list { border-top: 1px solid #bcb5aa; }
.location-row { display: grid; grid-template-columns: 8% 37% 1fr; gap: 20px; align-items: center; padding: 30px 0; border-bottom: 1px solid #c9c2b7; }
.location-index { color: var(--bronze); font-family: Georgia, serif; font-size: 12px; }
.location-row h3 { font-family: Georgia, serif; font-size: clamp(22px, 1.9vw, 30px); font-weight: 400; margin: 0; }
.location-row p { margin: 0; font-size: 12px; line-height: 1.6; color: #777067; letter-spacing: .035em; }
.portfolio-note { font-size: 10px; color: #827c73; margin: 28px 0 0; }

.standards { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 660px; }
.standards-image { background: linear-gradient(90deg, rgba(18,17,15,.12), transparent), url('/onyx-hero.png') center/cover; }
.standards-copy { padding: 10vw 9vw; background: #d6cec0; display: flex; flex-direction: column; justify-content: center; }
.standards-copy h2 { font-size: clamp(42px, 4.7vw, 68px); margin-bottom: 42px; }
.standards-copy > p { color: #4f4942; max-width: 530px; }

.contact { background: #11110f; color: var(--ivory); min-height: 690px; }
.light-label { color: #77736c; }
.contact h2 { font-size: clamp(43px, 5.3vw, 78px); line-height: .98; margin: 0; }
.contact-details { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 35px; border-top: 1px solid #3c3a36; padding-top: 32px; }
.contact-details a, .contact-details p { display: flex; align-items: flex-start; gap: 13px; margin: 0; font-size: 12px; line-height: 1.8; color: #bbb6ad; }

footer { min-height: 120px; background: #11110f; color: #8c8880; padding: 36px 4.5vw; border-top: 1px solid #302f2c; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
footer .wordmark { color: var(--ivory); font-size: 22px; }
footer p { margin: 0; }
footer p:last-child { justify-self: end; }

@media (max-width: 850px) {
  .design-switcher { top: auto; right: 14px; bottom: 14px; }
  .site-header { grid-template-columns: 1fr auto; padding: 0 22px; height: 72px; }
  nav { display: none; }
  .hero { min-height: 700px; }
  .hero-content { left: 24px; right: 24px; bottom: 15%; }
  .hero-shade { background: linear-gradient(90deg, rgba(5,5,4,.7), rgba(5,5,4,.15)), linear-gradient(0deg, rgba(5,5,4,.6), transparent 55%); }
  .scroll-cue { right: 24px; bottom: 25px; }
  .section-pad { padding: 88px 24px; }
  .intro, .operations, .portfolio, .contact { grid-template-columns: 1fr; gap: 65px; }
  .intro-columns { grid-template-columns: 1fr; padding-left: 0; gap: 28px; margin-top: 45px; }
  .operation-grid { grid-template-columns: 1fr; }
  .operation-grid article, .operation-grid article:nth-child(even) { padding: 32px 0 38px; min-height: 0; }
  .operation-grid article:nth-child(odd) { border-right: 0; }
  .operation-grid h3 { margin-top: 30px; }
  .portfolio-heading { grid-template-columns: 1fr; gap: 35px; margin-bottom: 55px; }
  .location-row { grid-template-columns: 12% 1fr; }
  .location-row p { grid-column: 2; }
  .standards { grid-template-columns: 1fr; }
  .standards-image { min-height: 430px; }
  .standards-copy { padding: 85px 24px; }
  .contact-details { grid-template-columns: 1fr; gap: 22px; }
  footer { grid-template-columns: 1fr; gap: 18px; }
  footer p:last-child { justify-self: start; }
}

/* Proposal D — real estate company */
.proposal-d { background: #f7f7f4; color: #17201e; font-family: Arial, Helvetica, sans-serif; }
.d-header { height: 92px; padding: 0 4.5vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #cdd2cf; background: #f7f7f4; }
.d-mark { font: 500 29px/1 Georgia, serif; letter-spacing: .24em; }
.d-header nav { color: #48514f; }
.d-header > p { justify-self: end; margin: 0; color: #69716f; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.d-switcher { top: 106px; background: rgba(26,38,35,.92); }
.d-hero { min-height: calc(100svh - 92px); display: grid; grid-template-columns: 52% 48%; padding: 5vw 4.5vw 4.5vw; gap: 5vw; }
.d-hero-copy { padding: 4vh 0 2vh 4vw; display: flex; flex-direction: column; justify-content: center; }
.d-eyebrow { margin: 0 0 30px; color: #71807c; font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.d-hero h1 { margin: 0; color: #17201e; font-size: clamp(58px, 7.3vw, 110px); line-height: .92; }
.d-hero h1 em, .d-company h2 em { color: #8b7351; }
.d-hero-copy > p:not(.d-eyebrow) { max-width: 560px; margin: 46px 0 35px; color: #58615f; font-size: 16px; line-height: 1.75; }
.d-hero-copy > a { display: flex; align-items: center; gap: 12px; width: max-content; padding-bottom: 8px; border-bottom: 1px solid #25302d; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.d-hero-image { min-height: 610px; position: relative; overflow: hidden; }
.d-hero-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75); }
.d-hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 65%,rgba(13,22,20,.48)); }
.d-hero-image span { position: absolute; z-index: 1; left: 25px; bottom: 23px; color: #fff; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.d-company, .d-approach, .d-locations, .d-contact { padding: 135px 8.5vw; display: grid; grid-template-columns: 20% 1fr; gap: 6vw; }
.d-section-label { display: flex; gap: 14px; padding-top: 4px; color: #76807d; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.d-section-label span { color: #987d58; font-family: Georgia, serif; }.d-section-label p { margin: 0; }
.d-company { background: #1d2926; color: #e9ece8; }
.d-company .d-section-label { color: #87918e; }
.d-company h2, .d-approach h2, .d-locations h2, .d-contact h2 { margin: 0; font: 400 clamp(46px,5.3vw,76px)/1.06 Georgia,serif; letter-spacing: -.035em; }
.d-copy-pair { margin: 72px 0 0 20%; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; }
.d-copy-pair p { margin: 0; color: #aab2af; font-size: 15px; line-height: 1.8; }
.d-approach { background: #eef0ed; }
.d-approach-head { display: grid; grid-template-columns: 35% 1fr; align-items: start; }
.d-pillars { margin-top: 85px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #bac1be; }
.d-pillars article { padding: 30px 30px 20px 0; border-right: 1px solid #c6cbc8; min-height: 290px; }.d-pillars article:not(:first-child) { padding-left: 30px; }.d-pillars article:last-child { border-right: 0; }
.d-pillars article > span { color: #9a7e58; font: 11px Georgia,serif; }.d-pillars h3 { margin: 62px 0 22px; font: 400 27px Georgia,serif; }.d-pillars p { margin: 0; color: #66706d; font-size: 13px; line-height: 1.7; }
.d-locations { background: #f7f7f4; }
.d-locations-main > div:first-child { display: grid; grid-template-columns: 32% 1fr; align-items: start; }
.d-location-grid { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #bdc3c0; }
.d-location-grid article { display: grid; grid-template-columns: 52px 1fr; align-items: center; min-height: 95px; border-bottom: 1px solid #cbd0cd; }.d-location-grid article:nth-child(odd) { border-right: 1px solid #cbd0cd; padding-right: 30px; }.d-location-grid article:nth-child(even) { padding-left: 30px; }
.d-location-grid span { color: #957a56; font: 11px Georgia,serif; }.d-location-grid h3 { margin: 0; font: 400 24px/1.25 Georgia,serif; }
.d-contact { background: #d8ddd9; min-height: 650px; align-items: center; }
.d-contact-main { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: center; }
.d-contact-data { display: grid; gap: 18px; }.d-contact-data a,.d-contact-data p { display: flex; align-items: flex-start; gap: 12px; margin: 0; color: #56605d; font-size: 13px; line-height: 1.7; }.d-contact-data .d-mail { width: max-content; margin-top: 20px; padding: 13px 18px; border: 1px solid #9ca5a1; color: #25302d; text-transform: uppercase; letter-spacing: .13em; font-size: 9px; }
.d-footer { padding: 34px 4.5vw; background: #17201e; color: #838d89; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }.d-footer .d-mark { color: #edf0ed; font-size: 21px; }.d-footer span:last-child { justify-self: end; }

@media (max-width: 850px) {
  .d-switcher { top: auto; }
  .d-header { grid-template-columns: 1fr auto; padding: 0 22px; }.d-header nav { display: none; }.d-header > p { font-size: 0; }.d-header > p::after { content: "Dubai"; font-size: 9px; }
  .d-hero { grid-template-columns: 1fr; padding: 75px 24px 24px; gap: 55px; }.d-hero-copy { padding: 0; }.d-hero h1 { font-size: 54px; }.d-hero-image { min-height: 520px; }
  .d-company,.d-approach,.d-locations,.d-contact { padding: 90px 24px; grid-template-columns: 1fr; gap: 55px; }.d-copy-pair { margin: 52px 0 0; grid-template-columns: 1fr; gap: 28px; }.d-approach-head,.d-locations-main > div:first-child,.d-contact-main { grid-template-columns: 1fr; gap: 38px; }.d-pillars { grid-template-columns: 1fr; margin-top: 55px; }.d-pillars article,.d-pillars article:not(:first-child) { min-height: 0; padding: 28px 0 35px; border-right: 0; border-bottom: 1px solid #c6cbc8; }.d-pillars h3 { margin: 28px 0 18px; }.d-location-grid { grid-template-columns: 1fr; margin-top: 55px; }.d-location-grid article:nth-child(odd),.d-location-grid article:nth-child(even) { border-right: 0; padding: 0; }.d-contact { min-height: 0; }.d-footer { grid-template-columns: 1fr; gap: 17px; }.d-footer span:last-child { justify-self: start; }
}

@media (max-width: 480px) {
  .header-contact { font-size: 0; }
  .header-contact svg { width: 18px; height: 18px; }
  .wordmark { font-size: 26px; }
  h1 { font-size: 53px; }
  .hero h1 { font-size: 41px; }
  .intro h2 { font-size: 33px; }
  .portfolio h2, .standards h2 { font-size: 35px; }
  .contact h2 { font-size: 41px; }
  .hero-copy { font-size: 15px; }
  .location-row { grid-template-columns: 14% 1fr; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Proposal B — contemporary corporate */
.proposal-b { background: #f4f3ef; color: #111; font-family: Arial, Helvetica, sans-serif; }
.b-header { height: 86px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #c8c6bf; }
.b-mark { font: 500 28px/1 Georgia, serif; letter-spacing: .24em; }
.b-header nav { color: #333; }
.b-contact-link { justify-self: end; display: flex; align-items: center; gap: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .15em; }
.light-switcher { top: 100px; background: rgba(255,255,255,.9); color: #111; border: 1px solid #d4d0c7; }
.light-switcher a.active { background: #161616; color: white; }
.b-hero { min-height: calc(100svh - 86px); display: grid; grid-template-columns: 46% 54%; }
.b-hero-copy { padding: 10vh 6vw 6vh 8vw; display: flex; flex-direction: column; justify-content: center; }
.b-kicker, .b-index { margin: 0 0 35px; color: #7f7669; font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.b-hero h1 { color: #141414; font-size: clamp(58px, 6.6vw, 105px); line-height: .91; }
.b-hero h1 i, .b-statement h2 i { color: #9a7351; font-family: Georgia, serif; font-weight: 400; }
.b-hero-copy > p:not(.b-kicker) { max-width: 490px; margin: 48px 0 32px; color: #55534e; font-size: 16px; line-height: 1.7; }
.b-hero-copy > a { display: flex; gap: 10px; align-items: center; width: max-content; border-bottom: 1px solid; padding-bottom: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.b-hero-image { position: relative; margin: 3.5vw 3.5vw 3.5vw 0; overflow: hidden; }
.b-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.b-hero-image span { position: absolute; right: 22px; bottom: 20px; color: white; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.b-statement { padding: 140px 8vw; background: #111; color: #eee; }
.b-statement h2, .b-model h2, .b-locations h2, .b-contact h2 { margin: 0; font: 400 clamp(45px, 5.4vw, 78px)/1.06 Georgia, serif; letter-spacing: -.035em; }
.b-statement-copy { margin: 75px 0 0 35%; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; }
.b-statement-copy p { margin: 0; color: #aaa8a2; font-size: 15px; line-height: 1.8; }
.b-model { padding: 135px 8vw; display: grid; grid-template-columns: 38% 1fr; gap: 8vw; }
.b-model-list { border-top: 1px solid #b9b6ae; }
.b-model-list article { display: grid; grid-template-columns: 8% 43% 1fr; align-items: baseline; padding: 30px 0; border-bottom: 1px solid #c9c6be; }
.b-model-list span { color: #a17d59; font: 12px Georgia, serif; }
.b-model-list h3 { margin: 0; font: 400 24px Georgia, serif; }
.b-model-list p { margin: 0; color: #65625c; font-size: 13px; line-height: 1.7; }
.b-locations { padding: 135px 8vw; background: #d7d1c5; display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; }
.b-locations ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid #aaa397; }
.b-locations li { padding: 22px 0; border-bottom: 1px solid #b9b2a7; font: 400 23px Georgia, serif; }
.b-locations li span { display: inline-block; width: 55px; color: #8b7257; font: 10px Arial, sans-serif; }
.b-contact { padding: 130px 8vw 100px; background: #dedbd4; display: grid; grid-template-columns: 1fr 1fr auto; gap: 6vw; align-items: end; }
.b-contact-data { display: grid; gap: 18px; }
.b-contact-data a, .b-contact-data p { margin: 0; display: flex; gap: 12px; align-items: flex-start; color: #55534e; font-size: 13px; line-height: 1.7; }
.b-arrow { width: 82px; height: 82px; display: grid; place-items: center; border: 1px solid #99958b; border-radius: 50%; }
.b-footer { padding: 35px 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: #111; color: #888; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.b-footer .b-mark { color: #eee; font-size: 20px; }.b-footer span:last-child { justify-self: end; }

/* Proposal C — dark institutional */
.proposal-c { background: #151716; color: #e9e8e1; font-family: Arial, Helvetica, sans-serif; }
.c-header { height: 92px; padding: 0 4vw; display: grid; grid-template-columns: auto 1fr auto; gap: 34px; align-items: center; border-bottom: 1px solid #363938; }
.c-mark { font: 400 29px/1 Georgia, serif; letter-spacing: .25em; }.c-mark span { display: block; margin-top: 8px; color: #858a87; font: 8px Arial, sans-serif; letter-spacing: .35em; text-transform: uppercase; }
.c-header-line { height: 1px; background: #363938; }.c-header nav { color: #a9ada9; }
.dark-switcher { top: 106px; background: rgba(44,47,45,.9); border: 1px solid #4c504e; }
.c-hero { min-height: calc(100svh - 92px); padding: 7vh 4vw 4vw; display: grid; grid-template-columns: 52% 48%; grid-template-rows: 1fr auto; }
.c-hero-title { padding: 4vh 4vw; position: relative; z-index: 1; }
.c-hero-title > p { margin: 0 0 7vh; color: #929893; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.c-hero h1 { font-size: clamp(58px, 7.3vw, 112px); line-height: .9; color: #eee; white-space: nowrap; }
.c-hero h1 em { color: #b5a184; }
.c-hero-visual { min-height: 570px; overflow: hidden; }.c-hero-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.62) contrast(1.06); }
.c-hero-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 0 0 4vw; }
.c-hero-foot p { max-width: 520px; margin: 0; color: #a5aaa6; font-size: 15px; line-height: 1.7; }.c-hero-foot a { display:flex; gap:12px; align-items:center; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.c-about, .c-operations, .c-presence, .c-contact { padding: 130px 8vw; border-top: 1px solid #363938; display: grid; grid-template-columns: 22% 1fr; gap: 6vw; }
.c-section-key { display: flex; gap: 14px; color: #7f8581; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }.c-section-key p { margin: 0; }.c-section-key span { color: #b5a184; font-family: Georgia, serif; }
.c-about-main h2, .c-presence h2 { margin: 0; max-width: 1000px; font: 400 clamp(45px, 5.4vw, 78px)/1.05 Georgia, serif; letter-spacing: -.035em; }
.c-about-main > p { max-width: 650px; margin: 65px 0 0 26%; color: #a5aaa6; font-size: 15px; line-height: 1.8; }
.c-operation-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #484c4a; }
.c-operation-grid article { padding: 35px 35px 45px 0; border-bottom: 1px solid #484c4a; }.c-operation-grid article:nth-child(odd) { border-right: 1px solid #484c4a; }.c-operation-grid article:nth-child(even) { padding-left: 35px; }
.c-operation-grid article p { margin: 0 0 55px; color: #858b87; font-size: 9px; letter-spacing: .17em; text-transform: uppercase; }.c-operation-grid h3 { margin: 0 0 30px; font: 400 30px/1.18 Georgia, serif; }.c-operation-grid article span { color: #929792; font-size: 13px; line-height: 1.7; }
.c-presence { background: #e1ded6; color: #171817; }.c-presence .c-section-key { color: #777871; }.c-presence-main { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; }
.c-location-cloud { display: flex; flex-direction: column; border-top: 1px solid #a9a79f; }.c-location-cloud span { padding: 19px 0; border-bottom: 1px solid #bbb8b0; font: 400 20px Georgia, serif; }
.c-contact { min-height: 560px; align-items: center; }.c-contact-main { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; }.c-contact-main h2 { margin: 0; font: 400 clamp(80px, 10vw, 155px)/1 Georgia, serif; letter-spacing: .16em; }.c-contact-main > div { display: grid; gap: 18px; }.c-contact-main a,.c-contact-main p { margin: 0; display: flex; align-items: flex-start; gap: 12px; color: #a6aba7; font-size: 13px; line-height: 1.7; }
.c-footer { padding: 32px 4vw; border-top: 1px solid #363938; display: flex; justify-content: space-between; color: #737874; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }

@media (max-width: 850px) {
  .light-switcher,.dark-switcher { top:auto; }
  .b-header,.c-header { grid-template-columns: 1fr auto; padding: 0 22px; }.b-header nav,.c-header nav,.c-header-line { display:none; }
  .b-hero { grid-template-columns: 1fr; }.b-hero-copy { padding: 85px 24px 65px; }.b-hero-image { min-height: 540px; margin: 0; }
  .b-statement,.b-model,.b-locations,.b-contact { padding: 90px 24px; grid-template-columns: 1fr; gap: 55px; }.b-statement-copy { margin: 55px 0 0; grid-template-columns: 1fr; gap: 28px; }.b-model-list article { grid-template-columns: 12% 1fr; gap: 10px; }.b-model-list p { grid-column: 2; margin-top: 12px; }.b-contact { align-items:start; }.b-footer { grid-template-columns:1fr; gap:16px; }.b-footer span:last-child{justify-self:start;}
  .c-hero { grid-template-columns: 1fr; grid-template-rows: auto 50vh auto; padding: 70px 24px 35px; }.c-hero-title { padding:0 0 48px; }.c-hero-title > p { margin-bottom: 45px; }.c-hero h1 { white-space: normal; font-size: 54px; }.c-hero-visual { min-height:0; }.c-hero-foot { grid-column:1; padding:30px 0 0; gap:35px; align-items:flex-start; }.c-about,.c-operations,.c-presence,.c-contact { padding: 90px 24px; grid-template-columns:1fr; gap:55px; }.c-about-main > p { margin:45px 0 0; }.c-operation-grid,.c-presence-main,.c-contact-main { grid-template-columns:1fr; }.c-operation-grid article,.c-operation-grid article:nth-child(even){padding:32px 0 38px;}.c-operation-grid article:nth-child(odd){border-right:0;}.c-operation-grid article p{margin-bottom:30px;}.c-contact-main h2{font-size:68px;}.c-footer{gap:20px;}
}