:root{--white:#f7f6ef;--ink:#77786a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 48%,#b0b0a2 0%,#aaaC9f 55%,#a7a99d 100%);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:5px}[hidden]{display:none!important}header{height:9.6vw;position:relative;color:var(--white)}nav{position:absolute;left:4.6%;top:3.6vw;display:flex;gap:2.55vw;align-items:center}nav a,.brand,h1,footer,.projects{font-family:Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.19em}nav a{font-size:.92vw;padding:7px 0;position:relative;opacity:.85}nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--white)}.logo{position:absolute;width:6.2%;height:6.1vw;left:46.9%;top:1.75vw}.logo img{width:100%;height:100%;object-fit:contain}.brand{position:absolute;right:4.5%;top:4.2vw;font-size:.86vw;letter-spacing:.22em}body[data-view=home] header{height:13.1vw}body[data-view=home] .logo{top:2.4vw}body[data-view=home] nav{top:3.7vw;left:5.8%}body[data-view=home] .contact-nav,body[data-view=gallery] .contact-nav,body[data-view=home] .brand,body[data-view=gallery] .brand{display:none}.home{position:relative;height:53.57vw}.hero-image{position:absolute;left:17.45%;top:0;width:65.2%;aspect-ratio:1.6}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image img.fit{object-fit:contain}.arrow{position:absolute;top:38%;border:0;background:none;width:4vw;height:4vw;display:grid;place-items:center;color:var(--white)}.arrow i{width:1.4vw;height:1.4vw;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.prev{left:4.5%}.next{right:4.5%}.prev i{transform:rotate(-135deg)}.projects{position:absolute;bottom:7.7%;left:50%;transform:translateX(-50%);font-size:.92vw;color:var(--white);padding:15px;text-align:center}.projects span{display:block;height:1px;width:4.5vw;margin:17px auto 0;background:var(--white);opacity:.6}.gallery{padding:0 4.7%}.mosaic{display:grid;grid-template-columns:repeat(100,1fr);gap:1.4vw}.photo{padding:0;border:0;background:none;grid-column:span 23;height:23.1vw;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo:nth-child(1){grid-column:span 41;height:22.1vw}.photo:nth-child(2){grid-column:span 25;height:22.1vw}.photo:nth-child(3){grid-column:span 34;height:22.1vw}.photo:nth-child(n+4){grid-column:span 25}.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4vw}.photo:nth-child(1){grid-column:span 5}.photo:nth-child(2){grid-column:span 3}.photo:nth-child(3){grid-column:span 4}.photo:nth-child(n+4){grid-column:span 3}.about{padding:0 4.6%}.about-main{display:grid;grid-template-columns:46% 1fr;gap:7.8%;align-items:start}.portrait{grid-column:1;grid-row:1;width:100%;height:auto;display:block}.about-studio{width:100%;height:auto;display:block;object-fit:cover;margin-top:1.7vw}.about-copy{max-width:31vw;padding-top:.1vw;font-size:1.46vw;line-height:1.23;letter-spacing:.02em}.about-copy h1,.contact h1{margin:0 0 1.8vw;font-size:1.06vw;letter-spacing:.2em}.about-copy p{margin:0 0 1.8vw}.about-copy .lead{font-size:1.8vw;line-height:1.28;margin-bottom:1.8vw}.about-strip{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:1.5vw;margin-top:1.7vw}.about-strip img{width:100%;height:15.5vw;object-fit:cover}.contact{padding:2.4vw 4.5% 0;display:grid;grid-template-columns:48.3% 1fr;gap:15%;align-items:center}.contact-image{width:100%;height:46.3vw;object-fit:cover}.contact-copy{font-size:1.65vw;line-height:1.45;padding-bottom:1vw}.contact-copy h1{margin:0 0 3.1vw}.contact-copy .lead{font-size:1.8vw;line-height:1.5;margin-bottom:3.3vw}.contact-copy hr{border:0;border-top:1px solid rgba(247,246,239,.3);width:80%;margin:0 0 3.4vw}.contact-copy a{font-size:1.65vw}.contact-copy>p:last-child{margin-top:1.7vw}footer{display:flex;justify-content:space-between;padding:2.8vw 4.6%;font-size:.82vw;color:var(--white);letter-spacing:.2em}body[data-view=home] footer,body[data-view=gallery] footer{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}dialog{padding:0;border:0;background:transparent;max-width:95vw;max-height:92vh;overflow:visible}dialog::backdrop{background:rgba(28,28,24,.9)}dialog img{display:block;max-width:85vw;max-height:85vh}.close,.light-prev,.light-next{position:absolute;color:white;border:0;background:none;font-size:35px}.close{right:0;top:-45px}.light-prev{left:-35px;top:45%}.light-next{right:-35px;top:45%}@media(max-width:600px){header,body[data-view=home] header{height:130px}nav,body[data-view=home] nav{left:0;right:0;top:83px;justify-content:center;gap:24px}nav a{font-size:9px;letter-spacing:1.8px}.logo,body[data-view=home] .logo{width:60px;height:55px;top:15px;left:calc(50% - 30px)}.brand{display:none}body[data-view=home] .contact-nav,body[data-view=gallery] .contact-nav{display:block}.home{height:calc(100svh - 130px);min-height:450px}.hero-image{top:3%;left:9%;width:82%;height:67%;aspect-ratio:auto}.arrow{width:30px;height:44px;top:35%}.arrow i{width:10px;height:10px}.prev{left:0}.next{right:0}.projects{font-size:10px;bottom:8%;letter-spacing:2px}.projects span{width:45px}.gallery{padding:10px 5%}.mosaic{grid-template-columns:1fr 1fr;gap:12px}.photo:nth-child(n){grid-column:span 1;height:58vw}.photo:first-child{grid-column:span 2;height:57vw}.about{padding:10px 6%}.about-main{grid-template-columns:1fr;gap:28px}.portrait{grid-column:1;grid-row:1}.about-copy{grid-column:1;grid-row:2}.about-studio{margin-top:15px}.about-copy{max-width:none;font-size:17px;line-height:1.4;letter-spacing:0}.about-copy h1,.contact-copy h1{font-size:11px;margin-bottom:23px}.about-copy .lead{font-size:22px;line-height:1.35;margin-bottom:22px}.about-copy p{margin-bottom:22px}.contact{padding:10px 6% 20px;grid-template-columns:1fr;gap:32px}.contact-image{height:auto}.contact-copy{font-size:19px}.contact-copy .lead{font-size:21px;margin-bottom:28px}.contact-copy hr{margin-bottom:28px;width:100%}.contact-copy a{font-size:19px}.contact-copy>p:last-child{margin-top:20px}footer{padding:28px 6%;font-size:8px;letter-spacing:1.4px}.light-prev{left:-20px}.light-next{right:-20px}}