:root{--black:#0a0a0a;--white:#f1f0ed;--line:#2e2e2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;z-index:2;width:100%}.logo{font:600 20px Unbounded,sans-serif;letter-spacing:-1px}.logo span{color:#777}.header nav{display:flex;gap:38px;font-size:13px}.header nav a{transition:.2s;color:#b7b7b7}.header nav a:hover{color:white}.header-book{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;border-bottom:1px solid;padding-bottom:4px}.hero{min-height:820px;padding:150px 4vw 65px;display:grid;grid-template-columns:55% 45%;position:relative;overflow:hidden}.hero-copy{z-index:1;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#a5a5a5;margin:0 0 24px}.hero h1,.section-head h2,.about h2,.booking h2{font:600 clamp(58px,8vw,122px)/.92 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:0}.lead{font-size:16px;line-height:1.7;color:#b7b7b7;max-width:480px;margin:35px 0}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:60px;padding:20px 25px;text-transform:uppercase;font:600 11px Inter;letter-spacing:1.3px;cursor:pointer}.button.light{background:var(--white);color:var(--black)}.button span{font-size:18px}.hero-image{position:absolute;right:0;top:0;width:46%;height:100%;background:linear-gradient(90deg,#0a0a0a00,#0a0a0a00),url('https://images.unsplash.com/photo-1590246814883-57c511bee3e2?auto=format&fit=crop&w=1400&q=88') center/cover;filter:grayscale(1);opacity:.72}.hero-note{position:absolute;bottom:65px;right:4vw;font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:1.2px}.works{background:var(--white);color:var(--black);padding:120px 4vw}.works .eyebrow{color:#555}.section-head{display:grid;grid-template-columns:1fr 3fr auto;align-items:end;margin-bottom:60px}.section-head h2{font-size:clamp(60px,10vw,145px)}.section-head>span{font-size:11px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:2vw;align-items:start}.work{margin:0}.work .photo{height:100%;background-position:center;background-size:cover;filter:grayscale(1);transition:.4s}.work:hover .photo{filter:grayscale(.15)}.work figcaption{display:flex;justify-content:space-between;padding-top:12px;text-transform:uppercase;font-size:10px;letter-spacing:1px}.work-a{grid-column:1/6}.work-a .photo{height:600px;background-image:url('https://images.unsplash.com/photo-1565058379802-bbe93b2f703a?auto=format&fit=crop&w=1000&q=85')}.work-b{grid-column:7/10;margin-top:130px}.work-b .photo{height:400px;background-image:url('https://images.unsplash.com/photo-1611501275019-9b5cda994e8d?auto=format&fit=crop&w=900&q=85')}.work-c{grid-column:10/13;margin-top:25px}.work-c .photo{height:440px;background-image:url('https://images.unsplash.com/photo-1598371839696-5c5bb00bdc28?auto=format&fit=crop&w=900&q=85')}.work-d{grid-column:1/4;margin-top:30px}.work-d .photo{height:390px;background-image:url('https://images.unsplash.com/photo-1542727365-19732a80dcfd?auto=format&fit=crop&w=900&q=85')}.work-e{grid-column:5/9;margin-top:100px}.work-e .photo{height:520px;background-image:url('https://images.unsplash.com/photo-1611335992174-4560e7c9c7b6?auto=format&fit=crop&w=900&q=85')}.work-f{grid-column:10/13;margin-top:10px}.work-f .photo{height:400px;background-image:url('https://images.unsplash.com/photo-1574540440621-48fbf0f60f9a?auto=format&fit=crop&w=900&q=85')}.demo-note{font-size:10px;color:#777;margin-top:45px}.about{padding:130px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:clamp(55px,7vw,105px)}.about-copy{padding-top:45px}.about-copy .big{font:500 clamp(24px,2.8vw,42px)/1.28 Unbounded;letter-spacing:-.04em;margin:0 0 45px}.about-copy>p:not(.big){color:#aaa;line-height:1.8;max-width:620px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:60px;padding-top:25px}.stats strong{font:500 35px Unbounded;display:block}.stats span{color:#777;text-transform:uppercase;font-size:9px;letter-spacing:1px}.process{padding:0 4vw 130px}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:1fr 2fr 3fr;align-items:center;border-bottom:1px solid var(--line);padding:28px 0}.process li span,.process li p{font-size:11px;color:#777}.process li strong{text-transform:uppercase;font:500 17px Unbounded}.booking{background:var(--white);color:var(--black);padding:120px 4vw;text-align:center}.booking .eyebrow{color:#555}.booking h2{font-size:clamp(65px,10vw,140px)}.button.dark{background:var(--black);color:white;margin-top:50px}.booking-hint{font-size:11px;color:#666;margin-top:20px}footer{padding:70px 4vw 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;font-size:13px;line-height:1.8}footer .label{color:#777;text-transform:uppercase;font-size:9px;letter-spacing:1px;margin:0 0 12px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:50px;color:#666;font-size:9px;display:flex;justify-content:space-between}dialog{background:#111;color:white;border:1px solid #444;padding:50px;max-width:500px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog h3{font:500 28px/1.25 Unbounded;margin:0 0 20px}.close{position:absolute;right:15px;top:12px;background:none;color:white;border:0;font-size:28px;cursor:pointer}.dialog-links{display:flex;gap:10px;margin-top:30px}.dialog-links a{border:1px solid #555;padding:15px;font-size:11px;text-transform:uppercase}
@media(max-width:760px){.header{height:65px}.header nav{display:none}.hero{min-height:760px;padding-top:120px;display:block}.hero h1{font-size:48px}.hero-image{width:72%;opacity:.38}.lead{max-width:310px}.hero-note{display:none}.section-head{display:block}.section-head>span{display:none}.works{padding-top:85px}.gallery{display:block}.work{margin:0 0 42px}.work .photo,.work-a .photo,.work-b .photo,.work-c .photo,.work-d .photo,.work-e .photo,.work-f .photo{height:440px}.work:nth-child(even) .photo{height:520px}.about{grid-template-columns:1fr;padding:90px 4vw}.about-copy{padding-top:0}.stats strong{font-size:26px}.process li{grid-template-columns:45px 1fr}.process li p{grid-column:2}.booking{padding:90px 4vw}footer{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}dialog{width:92%;padding:40px 25px}}