*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f5f2eb;color:#23372e;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}a,button,select{touch-action:manipulation}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ae613d}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}.demo-note{padding:9px 5%;display:flex;justify-content:space-between;background:#23372e;color:#f5f2eb;font-size:11px;letter-spacing:.03em}.demo-note a{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:20px}.brand{display:flex;align-items:center;gap:13px;font:42px/.9 Georgia,serif;letter-spacing:-2px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.2em;margin-top:11px}.mark{position:relative;width:44px;height:48px;border:1px solid #23372e;font:40px/40px Georgia;letter-spacing:-9px;padding-left:3px}.mark>span{color:#ad643e}nav{display:flex;gap:28px;align-items:center;font-size:13px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding:14px 23px;border:1px solid #23372e;background:#23372e;color:#f9f5ed;font-size:13px}.button:hover{background:#3c5547}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700}.hero{padding:20px 5% 0;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:6%;align-items:center}.hero-copy{padding:35px 0}h1,h2,h3,p,figure{margin:0}h1{font:clamp(55px,5.7vw,90px)/1.03 Georgia,serif;letter-spacing:-3px;margin:25px 0}em{font-weight:400;color:#9b573b}p{max-width:50ch}.hero-copy p{max-width:31ch;color:#627066;margin-bottom:28px}.hero-note{display:block;font-size:11px;color:#627066;margin-top:22px}.hero-image{height:620px;position:relative;overflow:hidden}.hero-image img{object-position:62% center;animation:arrive 1.2s ease-out both}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#23372ee8;color:white;font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:12px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:27px 0;border-bottom:1px solid #cdd1c6;font-size:11px;letter-spacing:.06em}.spaces{padding:100px 5%}.section-heading{display:grid;grid-template-columns:.55fr 1fr .75fr;gap:30px;align-items:start}.section-heading h2,h2{font:52px/1.1 Georgia,serif;letter-spacing:-1.5px}.section-heading p{font-size:14px;color:#627066}.space-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #a7b2a6;margin-top:45px}.space-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:20px 5px;text-align:left;display:flex;justify-content:space-between;gap:10px;color:#627066;font-size:14px}.space-tabs button[aria-pressed=true]{color:#23372e;border-color:#ad643e}.space-tabs span{font-size:10px}.space-story{padding-top:38px;display:grid;grid-template-columns:.55fr 1fr .75fr;gap:30px}.space-index{font:76px/1 Georgia;color:#b7c0ad}.space-story h3{font:30px Georgia;margin-bottom:15px}.space-story p{font-size:14px;color:#627066}.text-link{display:inline-block;border-bottom:1px solid;margin-top:22px;font-size:13px}.palette{display:flex;gap:8px;margin:18px 0}.palette i{width:55px;height:70px;background:#e9e1d1}.palette i:nth-child(2){background:#52624c}.palette i:nth-child(3){background:#b28e63}small{font-size:11px;color:#627066}.details{background:#23372e;color:#f5f2eb;padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.details em{color:#d1aa82}.details p{color:#c0c9bf;font-size:14px}.detail-title>p{margin-top:25px;max-width:33ch}.details h2{margin-top:25px}.detail-list article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #ffffff35}.detail-list article:first-child{padding-top:0}.detail-list article>span{font-size:11px;color:#d1aa82}.detail-list h3{font:25px Georgia;margin-bottom:12px}.brief{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.brief h2{margin:25px 0}.brief p{color:#627066;font-size:14px}.brief .concept-note{font-size:12px;margin-top:28px;max-width:37ch}.brief form{padding:35px;background:#eae8dd}.brief label,legend{font-size:12px;display:block;margin:18px 0 8px}.brief label:first-child{margin-top:0}select{width:100%;min-height:48px;padding:10px;background:#f5f2eb;border:1px solid #a6b09f;color:#23372e}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;padding-top:18px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.swatches button{background:none;border:1px solid transparent;padding:6px;color:#23372e;font-size:10px;min-height:65px}.swatches button[aria-pressed=true]{border-color:#23372e}.swatches i{display:block;height:30px;margin-bottom:5px}output{display:block;font-size:12px;padding:20px 0;line-height:1.8}.brief form>.button{width:100%}.brief .form-note{font-size:10px;margin-top:15px}.gulf-cta{text-align:center;padding:70px 6%;background:#e5e5d7}.gulf-cta h2{margin:18px 0}.gulf-cta p{margin:0 auto 25px;font-size:14px}footer{padding:45px 5%;display:flex;justify-content:space-between;gap:35px;align-items:start}footer .brand{font-size:28px}footer p,footer>a:last-child{font-size:10px;color:#627066}footer p{max-width:65ch}@keyframes arrive{from{transform:scale(1.04);opacity:.5}to{transform:scale(1);opacity:1}}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:800px){header{padding:24px 5%}nav>a:not(.button){display:none}.brand{font-size:34px}.mark{display:none}nav .button{padding:12px;gap:8px}.hero{grid-template-columns:1fr;padding-top:0}.hero-copy{padding:25px 0 35px}h1{font-size:65px;letter-spacing:-2px}.hero-copy p{max-width:40ch}.hero-image{height:430px}.hero-note{margin-top:17px}.hero-bottom{font-size:9px;gap:15px}.spaces{padding:60px 6%}.section-heading{grid-template-columns:1fr;gap:20px}h2,.section-heading h2{font-size:43px}.space-tabs{margin-top:25px}.space-tabs button{font-size:12px;padding:15px 5px}.space-tabs span{display:none}.space-story{grid-template-columns:40px 1fr;gap:20px}.space-index{font-size:36px}.space-story aside{grid-column:2}.details,.brief{grid-template-columns:1fr;padding:60px 6%;gap:40px}.brief form{padding:23px}.hero-image figcaption{font-size:8px}.hero-image figcaption span{display:none}footer{flex-direction:column;gap:20px}.gulf-cta h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}