@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');:root{--b:#0a0a09;--w:#f3f0e9;--m:#a8a59f;--x:clamp(20px,5vw,80px);--s:'Instrument Serif',serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--w);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.header{position:absolute;z-index:3;width:100%;padding:27px var(--x);display:flex;justify-content:space-between;mix-blend-mode:difference;color:white}.wordmark,.kicker,.section-head,footer{font:11px var(--mono);letter-spacing:.08em}.header nav{display:flex;gap:35px;font:10px var(--mono)}.menu-button,.menu{display:none}.hero,.feature,.cta{position:relative;min-height:90svh;background:center/cover no-repeat;display:flex;align-items:end;padding:var(--x)}.hero:before,.feature:before,.cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 70%),linear-gradient(0deg,#0009,transparent 50%)}.hero>div,.feature>div,.cta>div{position:relative;z-index:1}.hero h1,.page-title h1,.feature h2,.cta h2,.contact h2,.intro h2,.about h2{font:clamp(65px,11vw,180px)/.76 var(--s);letter-spacing:-.06em;margin:20px 0}.hero>a{position:absolute;z-index:1;right:var(--x);bottom:30px;font:10px var(--mono)}.intro,.block,.services,.about,.contact,.page-title,.form{padding:clamp(100px,15vw,210px) var(--x)}.intro h2{max-width:970px}.section-head{display:flex;justify-content:space-between;border-top:1px solid #555;padding-top:13px;margin-bottom:70px}.section-head span{max-width:250px;color:var(--m)}.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:7vw 2vw}.mosaic>a:nth-child(1){grid-column:1/10}.mosaic>a:nth-child(2){grid-column:8/13}.mosaic>a:nth-child(3){grid-column:2/6;margin-top:6vw}.mosaic>a:nth-child(4){grid-column:5/13;margin-top:7vw}.mosaic>a:nth-child(1) img{aspect-ratio:1.55}.mosaic>a:nth-child(2) img,.mosaic>a:nth-child(3) img{aspect-ratio:.7}.mosaic>a:nth-child(4) img{aspect-ratio:2}.mosaic h3{font:clamp(32px,5vw,75px)/.8 var(--s);margin:14px 0}.mosaic img,.photobook img,.grid img{filter:grayscale(20%);transition:.7s}.mosaic a:hover img,.photobook figure:hover img{filter:none;transform:scale(1.025)}.feature h2,.cta h2,.contact h2{font-size:clamp(65px,10vw,160px)}.feature a,.cta a{border-bottom:1px solid;padding-bottom:8px;font:10px var(--mono)}.services{background:var(--w);color:var(--b);position:relative}.services ol{list-style:none;padding:0;margin:0;width:70%}.services li{border-top:1px solid #aaa}.services li a{display:grid;grid-template-columns:55px 1fr 25px;padding:17px 0;font:clamp(29px,4.7vw,70px)/.9 var(--s)}.services span,.services i{font:10px var(--mono);font-style:normal}.service-image{position:absolute;right:12%;top:25%;width:29%;height:55%;overflow:hidden}.service-image img{height:100%}.photobook{display:grid;grid-template-columns:1.1fr .65fr .7fr;gap:3vw}.photobook figure{margin:0;overflow:hidden}.photobook figure:nth-child(1){grid-column:1/3}.photobook figure:nth-child(2){margin-top:12vw}.photobook figure:nth-child(3){grid-column:1/2;margin:8vw 0 0 15vw}.photobook figure:nth-child(4){grid-column:2/4;margin-top:5vw}.cta{min-height:78svh}.cta p{max-width:350px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about>div{max-width:440px;font-size:17px}.contact>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #555;padding-top:28px}.contact a{border:1px solid;border-radius:50%;height:120px;width:120px;display:grid;place-items:center;font:10px var(--mono)}footer{border-top:1px solid #555;padding:32px var(--x);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}footer nav{display:grid;gap:7px}footer small{grid-column:1/-1;color:var(--m)}.page-title{padding-bottom:60px;padding-top:150px}.page-title h1{font-size:clamp(74px,13vw,185px)}.page-title p{max-width:400px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2vw;padding:0 var(--x) 12vw}.grid figure{margin:0}.grid figure:nth-child(1){grid-column:1/9}.grid figure:nth-child(2){grid-column:9/13;margin-top:10vw}.grid figure:nth-child(3){grid-column:3/8;margin-top:6vw}.grid figure:nth-child(1) img{aspect-ratio:1.45}.grid figure:nth-child(2) img{aspect-ratio:.7}.grid figcaption{font:10px var(--mono);padding-top:8px;color:var(--m)}.form{display:grid;gap:20px;max-width:720px}.form label{font:10px var(--mono)}input,textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid #777;color:var(--w);padding:12px 0;font:16px 'DM Sans'}textarea{height:120px}.form button{justify-self:start;background:none;color:var(--w);border:1px solid;padding:14px 22px;font:10px var(--mono)}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.visible{opacity:1;transform:none}@media(max-width:700px){.header nav{display:none}.menu-button{display:block;background:none;border:0;color:inherit}.menu-button i{display:block;width:25px;height:1px;background:currentColor;margin:6px}.menu{position:fixed;z-index:2;inset:0;background:var(--w);color:var(--b);padding:110px var(--x) 30px;opacity:0;visibility:hidden}.menu-open .menu{display:flex;flex-direction:column;visibility:visible;opacity:1}.menu nav{display:grid;gap:13px}.menu nav a{font:13vw/.82 var(--s)}.menu p{margin-top:auto;font:10px var(--mono)}.hero{min-height:650px;background-position:60%}.hero h1{font-size:22vw}.section-head{display:block;margin-bottom:42px}.section-head span{display:block;margin-top:14px}.mosaic{display:block}.mosaic>a,.mosaic>a:nth-child(n){display:block;margin:0 0 60px}.mosaic>a:nth-child(1) img,.mosaic>a:nth-child(4) img{aspect-ratio:1.05}.mosaic>a:nth-child(2){margin-left:12vw}.mosaic>a:nth-child(3){margin-right:14vw}.mosaic h3{font-size:14vw}.feature,.cta{min-height:680px}.feature h2,.cta h2,.contact h2{font-size:18vw}.service-image{display:none}.services ol{width:100%}.services li a{grid-template-columns:34px 1fr 20px;font-size:9vw}.photobook{grid-template-columns:1fr 1fr;gap:16px}.photobook figure:nth-child(1){grid-column:1/-1}.photobook figure:nth-child(2){margin:0}.photobook figure:nth-child(3){grid-column:auto;margin:12vw 0 0}.photobook figure:nth-child(4){grid-column:1/-1;margin-top:10vw}.about{display:block}.contact>div{display:block}.contact a{margin-top:40px}footer{grid-template-columns:1fr 1fr}.grid{display:block;padding-bottom:100px}.grid figure,.grid figure:nth-child(n){margin:0 0 28px}.grid figure:nth-child(1) img{aspect-ratio:1.1}.grid figure:nth-child(2) img{aspect-ratio:.7}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.reveal{opacity:1;transform:none}}
