@font-face{font-family:Simonetta;src:url(media/fonts/simonetta.ttf) format('truetype');font-display:swap}
@font-face{font-family:Plex;src:url(media/fonts/plex.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(media/fonts/plex-bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f1ede9;--ink:#292725;--line:#c8c3bd;--serif:Simonetta,Georgia,serif;--sans:Plex,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,video:focus-visible{outline:2px solid #847b6c;outline-offset:7px}.section{padding:80px max(6vw,calc((100vw - 1300px)/2));position:relative}.dark{background:#111;color:var(--paper)}.contact-details{display:flex;flex-direction:column;gap:7px;font-size:11px;letter-spacing:1.2px}.contact-details a{font-weight:700}.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}.cover{display:grid;grid-template-columns:1fr 1.25fr;gap:50px 7%;padding-top:90px;padding-bottom:45px;align-items:center;min-height:95svh}.cover-title h1{font-family:var(--serif);font-weight:400;font-size:clamp(68px,7.2vw,119px);line-height:.94;letter-spacing:-3px}.cover-image{width:100%;overflow:hidden}.cover-image img{height:auto}.cover-arrow{display:inline-block;font-size:90px;font-family:var(--serif);line-height:.7;margin-top:60px;transition:transform .4s}.cover-arrow:hover{transform:translateX(12px)}.cover-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:25px;margin-top:20px}.cover-name{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.5px}.cover-location{font-size:10px;letter-spacing:1px}.about{padding-top:75px;padding-bottom:90px}.about-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:55px;font-size:12px;letter-spacing:1.6px}.about-top h2{font:inherit}.about-top>span{text-align:right;line-height:1.5}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:14%;align-items:center}.portrait{max-width:420px;aspect-ratio:737/969}.portrait img{filter:grayscale(1)}.about-copy p{font-size:13px;line-height:1.95;letter-spacing:.6px;max-width:490px;margin-bottom:24px}.about-copy .contact-details{margin-top:45px}.types{padding-top:110px;padding-bottom:100px}.types h2{font-family:var(--serif);font-size:clamp(35px,5vw,70px);font-weight:400;letter-spacing:-1.8px;margin-bottom:65px}.type-list{list-style:none;margin:0 0 70px;padding:0}.type-list li{font-size:clamp(22px,2.8vw,40px);letter-spacing:1.4px;border-bottom:1px solid var(--line);padding:20px 0}.type-list li:first-child{border-top:1px solid var(--line)}.examples,.story{display:grid;grid-template-columns:.7fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--line);padding-top:90px;padding-bottom:90px;min-height:85svh}.story:nth-of-type(odd){grid-template-columns:1fr .7fr}.story:nth-of-type(odd) .story-heading{grid-column:2;grid-row:1}.story:nth-of-type(odd) .story-media{grid-column:1;grid-row:1}.story-heading{max-width:410px}.page-mark{display:block;font-size:10px;letter-spacing:1.5px;color:#8d857e;margin-bottom:40px}.story-heading h2{font-size:clamp(19px,2.2vw,31px);font-weight:700;line-height:1.6;letter-spacing:1.1px}.examples .story-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(35px,4.7vw,66px);line-height:1.1;letter-spacing:-1.5px}.story-media{width:100%;max-width:620px;justify-self:center}.composition{position:relative;width:100%;overflow:hidden;isolation:isolate}.collage-item{position:absolute;overflow:hidden;border-radius:14px;background:#ddd6cf}.collage-item img{width:100%;height:100%;object-fit:cover}.collage-item video{display:block;width:100%;height:100%;object-fit:cover;background:#181715}.examples .collage-item{border-radius:0}.closing{display:grid;grid-template-columns:.8fr 1fr;gap:55px 12%;align-items:center;padding-top:100px;padding-bottom:60px}.closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(45px,5vw,80px);letter-spacing:-1.6px;line-height:1.05}.closing-image{max-width:530px;aspect-ratio:1/1.185}.closing-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;font-size:11px;letter-spacing:1px}.back-top{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border:1px solid #b8b0a8;background:#f1ede9dd;backdrop-filter:blur(5px);color:#292725;display:grid;place-items:center;font-size:32px;border-radius:50%;z-index:20}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:#111;color:white;z-index:60}.skip:focus{top:12px}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.cover{min-height:900px}.story,.examples{min-height:900px}}
@media(max-width:1000px) and (min-width:701px){.cover-title h1{font-size:65px;letter-spacing:-2px}.cover{gap:35px 5%}.cover-name{flex-direction:column;font-size:11px}.about-grid{gap:8%}.about-copy p{font-size:11px}.story-heading h2{font-size:19px}.story,.examples{gap:6%}.closing h2{font-size:46px}}
@media(max-width:700px){.section{padding:55px 7%}.cover{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:auto;padding:55px 0 35px}.cover-title{padding:0 10%}.cover-title h1{font-size:clamp(38px,11.44vw,80px);line-height:.92;letter-spacing:-.446vw}.cover-arrow{display:none}.cover-image{margin-top:45px}.cover-bottom{padding:30px 10% 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.cover-name{font-size:clamp(12px,3.421vw,20px);letter-spacing:0;flex-direction:column;gap:24px;text-align:right}.cover .contact-details{font-size:clamp(10px,2.405vw,14px);gap:8px;letter-spacing:.7px}.cover-location{font-size:clamp(10px,2.405vw,14px);grid-column:1/-1;letter-spacing:.7px}.about-top{font-size:clamp(12px,3.421vw,20px);margin-bottom:35px;letter-spacing:.9px}.about-grid{display:flex;flex-direction:column;gap:40px}.portrait{width:78%;max-width:380px}.about-copy p{font-size:clamp(12px,2.715vw,16px);letter-spacing:.25px;line-height:1.9;margin-bottom:22px}.about-copy .contact-details{font-size:clamp(10px,2.405vw,14px);margin-top:34px}.types h2{font-size:clamp(30px,10.452vw,65px);letter-spacing:-.407vw;margin-inline:-3vw;white-space:nowrap;margin-bottom:50px}.type-list li{font-size:clamp(23px,7.191vw,42px);padding:18px 0;letter-spacing:.352vw}.type-list{margin-bottom:65px}.types .contact-details{font-size:clamp(10px,2.405vw,14px)}.story,.examples{display:flex;flex-direction:column;gap:30px;min-height:0;padding:45px 6% 55px}.story-heading{order:2;max-width:100%;width:100%;text-align:center}.story-heading h2{font-size:clamp(12px,3.269vw,18px);letter-spacing:.7px;line-height:1.7;font-weight:700;max-width:310px;margin:auto}.page-mark{display:none}.story-media{order:1;width:100%;max-width:540px}.collage-item{border-radius:10px}.examples{padding:0;gap:0}.examples .story-heading{order:1;position:absolute;z-index:2;top:50%;left:0;transform:translateY(-50%);width:100%;pointer-events:none}.examples .story-heading h2{font-size:24px;writing-mode:vertical-rl;background:var(--paper);padding:16px 7px;letter-spacing:-.5px;line-height:1;max-width:none;margin:auto}.examples .story-media{max-width:none}.closing{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:55px 7% 35px}.closing h2{font-size:clamp(28px,7.264vw,48px);letter-spacing:-1px}.closing-image{max-width:100%;width:100%;aspect-ratio:1/1.185}.closing-bottom{font-size:clamp(10px,2.405vw,14px)}.closing-bottom .contact-details{font-size:clamp(10px,2.405vw,14px);letter-spacing:.7px}.back-top{width:48px;height:48px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media(min-width:701px){.story-media{max-width:min(620px,calc(80svh * var(--composition-aspect)))}.story-heading h2{font-size:clamp(18px,1.7vw,25px)}}

.back-top span{display:block;transition:transform .3s ease}.back-top.is-next span{transform:rotate(180deg)}