@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--black:#101112;--white:#f7f7f5;--muted:#a9aaab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--black);background:var(--white)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{height:92px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:white;border-bottom:1px solid #ffffff35}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:.18em;line-height:1.1}.brand img{height:57px;width:86px;object-fit:cover}.brand small{display:block;font-size:12px;letter-spacing:.46em;margin-top:5px;font-weight:500}.header nav{display:flex;align-items:center;gap:31px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-cta{border:1px solid #fff;padding:15px 20px}.menu{display:none}.hero{height:min(820px,94vh);min-height:630px;position:relative;background:#131414;color:white;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:url('assets/ocean.jpg');background-position:center 55%;background-size:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.48) 48%,rgba(0,0,0,.05) 90%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 25%)}.hero-content{position:relative;z-index:1;padding:100px 5% 20px;max-width:950px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#e0e0e0}.eyebrow.dark{color:#646565}.hero h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:.055em;line-height:1.1}.hero h1{font-size:clamp(42px,5.3vw,86px);margin:24px 0}.hero h1 span,.statement h2 span,.contact h2 span{color:#aaa}.hero-content>p:not(.eyebrow){max-width:470px;font-size:17px;line-height:1.7;color:#e6e6e6}.actions{display:flex;gap:12px;margin-top:32px}.btn{padding:19px 25px;font-size:11px;font-weight:800;letter-spacing:.12em;border:1px solid white;display:inline-flex;align-items:center;gap:28px;justify-content:space-between;cursor:pointer}.btn-light{background:white;color:#111}.btn-outline{background:transparent;color:white}.hero-bottom{position:absolute;z-index:1;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em}.section{padding:110px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.about h2{font-size:clamp(32px,3.6vw,56px);margin:16px 0 0}.section-head>p{max-width:370px;line-height:1.8;color:#5c5c5c;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:white}.service-card img,.placeholder{width:100%;height:320px;object-fit:cover}.placeholder{background:linear-gradient(135deg,#262b2b,#7d8b88);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;letter-spacing:.16em;text-align:center;font-size:15px}.placeholder small{font-size:9px;color:#ddd}.service-card>div:last-child{padding:23px 12px 28px}.service-card>div>span{color:#8a8a8a;font-size:10px}.service-card h3{font-size:14px;letter-spacing:.08em;margin:13px 0}.service-card p{font-size:13px;line-height:1.65;color:#626262;margin:0}.work{background:#111;color:white}.work .section-head>p{color:#b9b9b9}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#333}.gallery figure.wide{grid-column:span 2}.gallery img{height:380px;width:100%;object-fit:cover;transition:transform .4s}.gallery .wide img{height:510px;object-position:center 45%}.gallery figure:hover img{transform:scale(1.025)}figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 18px;background:linear-gradient(transparent,#0009);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em}.statement{text-align:center;padding:130px 20px;background:#e9e9e6}.statement p{font-size:11px;letter-spacing:.25em}.statement h2{font-size:clamp(35px,5vw,78px);margin:30px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-mark{background:#111;color:white;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;letter-spacing:.22em;font-family:Manrope,sans-serif;font-size:26px;font-weight:800}.about-mark img{width:min(85%,460px)}.about-mark span{display:block;font-weight:400;letter-spacing:.5em;font-size:18px;margin-top:8px}.about-copy p:not(.eyebrow){font-size:16px;line-height:1.9;color:#555}.text-link{display:inline-block;border-bottom:1px solid #111;padding-bottom:10px;margin-top:24px;font-size:12px;letter-spacing:.1em;font-weight:700}.contact{background:#171819;color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(44px,5vw,78px);margin:25px 0}.contact>div>p:not(.eyebrow){color:#ccc;line-height:1.7;max-width:350px}.phone{display:block;font-size:26px;letter-spacing:.07em;margin:36px 0 18px}.social{font-size:12px;letter-spacing:.15em}.contact form{display:grid;gap:15px}.contact label{font-size:11px;letter-spacing:.08em;color:#ddd}.contact input,.contact textarea{display:block;width:100%;margin-top:9px;padding:15px;background:#242526;border:1px solid #555;color:white;font:inherit;font-size:14px;border-radius:0}.contact button{width:max-content}.form-note{font-size:11px;color:#b4b4b4;line-height:1.5;margin:0}footer{background:#0e0e0e;color:#aaa;padding:25px 5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em}@media(max-width:900px){.header nav{gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.section{padding:80px 5%}.contact{gap:6%}}@media(max-width:650px){.header{height:76px}.brand{font-size:13px}.brand img{width:64px;height:48px}.menu{display:block;background:none;color:white;border:0;font-size:27px;cursor:pointer}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:25px 5%;flex-direction:column;align-items:stretch;gap:22px}.header nav.open{display:flex}.hero{min-height:680px;height:92vh}.hero-image{background-position:54% center}.hero-shade{background:linear-gradient(90deg,#000b,#0005),linear-gradient(0deg,#0009,transparent 40%)}.hero h1{font-size:clamp(37px,10vw,58px)}.hero-content>p:not(.eyebrow){font-size:15px}.actions{flex-direction:column;align-items:start}.hero-bottom{font-size:8px}.hero-bottom span{display:none}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card img,.placeholder{height:210px}.service-card h3{font-size:12px}.service-card p{font-size:12px}.gallery{gap:9px}.gallery img{height:250px}.gallery .wide img{height:300px}figcaption{font-size:9px;padding:25px 12px 12px}.about,.contact{grid-template-columns:1fr;gap:40px}.about-mark{min-height:300px}.statement{padding:90px 10px}footer{flex-wrap:wrap;line-height:1.7}footer span:nth-child(2){display:none}}@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card img,.placeholder{height:260px}}
