@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--paper: #eee9df;--paper-bright: #f6f2eb;--ink: #171815;--red: #9b2722;--scarlet: #dd493b;--green: #324c2b;--blue: #67a9ba;--yellow: #e9bc52;--line: rgba(23, 24, 21, .24);--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}body.lightbox-open{overflow:hidden}button,a{color:inherit}a{text-decoration:none}button{font:inherit}img{display:block;width:100%}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:22px 28px;color:var(--paper-bright);font-size:11px;line-height:.95;letter-spacing:-.02em;mix-blend-mode:difference}.wordmark{width:max-content;font-size:13px;font-weight:600}.site-header nav{display:flex;gap:28px;line-height:1;text-transform:uppercase;letter-spacing:.06em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .35s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.header-index{opacity:.62}.header-actions{justify-self:end;display:flex;align-items:center;gap:22px;line-height:1;letter-spacing:.06em}.hero{position:relative;min-height:180vh;color:var(--paper-bright);background:var(--red);overflow:clip}.hero:before,.hero:after{content:"";position:absolute;width:32vw;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.23}.hero:before{top:10vh;left:-12vw;background:#e4b8c5}.hero:after{top:68vh;right:-14vw;background:#3e5e34}.hero-kicker{position:absolute;top:14vh;left:50%;z-index:4;margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transform:translate(-50%)}.hero-title{position:sticky;top:16vh;z-index:3;display:flex;flex-direction:column;justify-content:center;height:68vh;margin:0;padding:0 3vw;font-size:clamp(80px,17.4vw,270px);font-weight:500;line-height:.72;letter-spacing:-.085em;pointer-events:none}.hero-line{display:block;transition:transform .1s linear}.hero-line--one{align-self:flex-start;transform:translate(calc(var(--hero-progress, 0) * -8vw))}.hero-line--two{align-self:flex-end;padding-right:.05em;transform:translate(calc(var(--hero-progress, 0) * 8vw))}.assembly{position:sticky;top:12vh;z-index:2;width:min(50vw,670px);aspect-ratio:1144 / 1375;margin:-58vh auto 0;transform:scale(calc(.74 + var(--assemble-progress, 0) * .26));filter:saturate(calc(.65 + var(--assemble-progress, 0) * .35))}.assembly-canvas{position:absolute;inset:0;overflow:hidden;background:transparent}.assembly-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;will-change:transform}.assembly-floor{z-index:1;clip-path:inset(58% 0 0);transform:translateY(calc((1 - var(--assemble-progress, 0)) * 112%))}.assembly-room{z-index:2;transform:translate(calc((1 - var(--assemble-progress, 0)) * -108%)) rotate(calc((1 - var(--assemble-progress, 0)) * -4deg));transform-origin:10% 52%}.assembly-cheetah{z-index:3;transform:translate3d(calc((1 - var(--assemble-progress, 0)) * 18%),calc((1 - var(--assemble-progress, 0)) * -118%),0) rotate(calc((1 - var(--assemble-progress, 0)) * 7deg));transform-origin:62% 52%}.hero-foot{position:absolute;left:28px;right:28px;bottom:30px;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:11px;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}.hero-foot p{margin:0}.hero-foot p:last-child{text-align:right}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue i{display:block;width:1px;height:46px;overflow:hidden;background:#ffffff38}.scroll-cue i:after{content:"";display:block;width:1px;height:55%;background:#fff;animation:scrollPulse 1.8s ease-in-out infinite}@keyframes scrollPulse{0%{transform:translateY(-110%)}55%,to{transform:translateY(200%)}}.statement-band{position:relative;z-index:4;overflow:hidden;padding:17px 0 20px;color:var(--ink);background:var(--yellow);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.marquee{display:flex;width:max-content;font-size:clamp(40px,7vw,100px);font-weight:500;line-height:.92;letter-spacing:-.06em;animation:marquee 28s linear infinite}.marquee span{padding-right:.25em}@keyframes marquee{to{transform:translate(-50%)}}.intro{position:relative;min-height:100vh;padding:11vw 6vw 5vw;background:var(--paper)}.eyebrow{margin:0;font-size:11px;line-height:1;letter-spacing:.1em;text-transform:uppercase}.intro-copy{max-width:1300px;margin:12vh 0 14vh;font-size:clamp(46px,7.1vw,112px);font-weight:500;line-height:.95;letter-spacing:-.055em}.intro-copy em,.small-heading em,.contact h2 em{font-family:var(--serif);font-weight:400}.intro-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase}.intro-notes p{margin:0}.work{position:relative;height:170vh}.work-sticky{position:sticky;top:0;display:grid;grid-template-columns:8vw minmax(0,1.45fr) minmax(260px,.75fr) 5vw;grid-template-rows:1fr auto;align-items:center;gap:4vw;height:100vh;padding:6vw 3.2vw 3vw;overflow:hidden}.work-sticky--reverse{grid-template-columns:5vw minmax(260px,.75fr) minmax(0,1.45fr) 8vw}.work--red .work-sticky{color:var(--paper-bright);background:#a52f29}.work--cream .work-sticky{color:var(--ink);background:#ded5c7}.work--ink .work-sticky{color:var(--paper-bright);background:#151713}.work--blue .work-sticky{color:var(--ink);background:#73adba}.work--night .work-sticky{color:var(--paper-bright);background:#242c38}.work--green .work-sticky{color:var(--paper-bright);background:#3d5331}.work-number{align-self:start;margin:0;font-family:var(--serif);font-size:clamp(70px,11vw,170px);line-height:.75;writing-mode:vertical-rl;opacity:.9}.work-sticky--reverse .work-number{grid-column:4;transform:rotate(180deg)}.work-image{position:relative;z-index:2;grid-column:2;grid-row:1;display:block;justify-self:center;width:min(100%,900px);max-height:76vh;padding:0;overflow:hidden;background:none;border:0;box-shadow:0 30px 80px #0003;transform:translateY(calc((.5 - var(--section-progress, .5)) * 11vh)) rotate(calc((var(--section-progress, .5) - .5) * 2.2deg));cursor:zoom-in}.work-image.layer-scene,.work-sticky--reverse .work-image.layer-scene{transform:none}.work-sticky--reverse .work-image{grid-column:3;transform:translateY(calc((.5 - var(--section-progress, .5)) * 11vh)) rotate(calc((.5 - var(--section-progress, .5)) * 2.2deg))}.work-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-image:hover>img,.work-image:focus-visible>img{transform:scale(1.035)}.layer-canvas{position:absolute;inset:0;display:block;overflow:hidden;background:currentColor;transition:transform .8s cubic-bezier(.22,1,.36,1)}.layer-scene:hover .layer-canvas,.layer-scene:focus-visible .layer-canvas{transform:scale(1.025)}.layer-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.layer-base{transform:scale(calc(1.025 - var(--section-progress, 0) * .025));transform-origin:center}.layer-mover{z-index:2;opacity:clamp(0,calc(var(--section-progress, 0) * 3.4),1);will-change:transform,opacity}.layer-deio-left{clip-path:inset(0 50% 0 0);transform:translate3d(calc((1 - var(--section-progress, 0)) * -78%),calc((1 - var(--section-progress, 0)) * -18%),0) rotate(calc((1 - var(--section-progress, 0)) * -8deg));transform-origin:28% 72%}.layer-deio-right{clip-path:inset(0 0 0 50%);transform:translate3d(calc((1 - var(--section-progress, 0)) * 78%),calc((1 - var(--section-progress, 0)) * -12%),0) rotate(calc((1 - var(--section-progress, 0)) * 8deg));transform-origin:72% 72%}.layer-heiress{transform:translate3d(calc((1 - var(--section-progress, 0)) * 16%),calc((1 - var(--section-progress, 0)) * -86%),0) rotate(calc((1 - var(--section-progress, 0)) * 7deg));transform-origin:60% 60%}.layer-hedonist{transform:translate3d(calc((1 - var(--section-progress, 0)) * -12%),calc((1 - var(--section-progress, 0)) * -78%),0) rotate(calc((1 - var(--section-progress, 0)) * -7deg));transform-origin:52% 55%}.paradise-blank{z-index:1;background:linear-gradient(to bottom,#68a9bb 0 29%,#be1d52 32% 100%);-webkit-mask:url(/layers/paradise-cat.webp) center / 100% 100% no-repeat;mask:url(/layers/paradise-cat.webp) center / 100% 100% no-repeat;opacity:clamp(0,calc(4 - var(--section-progress, 0) * 4),1)}.layer-paradise{z-index:3;transform:translate3d(calc((1 - var(--section-progress, 0)) * 58%),calc((1 - var(--section-progress, 0)) * -72%),0) rotate(calc((1 - var(--section-progress, 0)) * 9deg));transform-origin:60% 58%}.layer-night-lamp{clip-path:polygon(41% 0,100% 0,100% 84%,41% 84%);transform:translate3d(calc((1 - var(--section-progress, 0)) * 58%),calc((1 - var(--section-progress, 0)) * -74%),0) rotate(calc((1 - var(--section-progress, 0)) * 5deg));transform-origin:65% 78%}.layer-night-vase{clip-path:polygon(0 38%,51% 38%,51% 100%,0 100%);transform:translate3d(calc((1 - var(--section-progress, 0)) * -65%),calc((1 - var(--section-progress, 0)) * 22%),0) rotate(calc((1 - var(--section-progress, 0)) * -6deg));transform-origin:28% 78%}.layer-night-book{clip-path:polygon(34% 80%,100% 80%,100% 100%,34% 100%);transform:translate3d(calc((1 - var(--section-progress, 0)) * 32%),calc((1 - var(--section-progress, 0)) * 55%),0) rotate(calc((1 - var(--section-progress, 0)) * 8deg));transform-origin:64% 91%}.layer-maldives{transform:translate3d(calc((1 - var(--section-progress, 0)) * 35%),calc((1 - var(--section-progress, 0)) * -78%),0) rotate(calc((1 - var(--section-progress, 0)) * 6deg));transform-origin:58% 68%}.work-image.landscape{aspect-ratio:1239 / 872}.work-image.portrait{width:min(35vw,560px);aspect-ratio:1066 / 1280}.work-image.square{width:min(45vw,690px);aspect-ratio:1}.work-image.tall{width:min(40vw,650px);aspect-ratio:100 / 145}.work-caption{position:relative;z-index:3;grid-column:3;grid-row:1;align-self:end;padding-bottom:6vh}.work-sticky--reverse .work-caption{grid-column:2;grid-row:1}.work-caption .status{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.work-caption .status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.work-caption .status--available:before{background:#b8e46d;box-shadow:0 0 0 5px #b8e46d24}.work-caption h3{margin:0 0 32px;font-size:clamp(44px,6vw,96px);font-weight:500;line-height:.84;letter-spacing:-.065em}.work-caption>p:not(.status){margin:0;font-size:11px;line-height:1.35;text-transform:uppercase}.enquire-link{display:flex;justify-content:space-between;width:min(100%,290px);margin-top:24px;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.enquire-link span{transition:transform .25s ease}.enquire-link:hover span{transform:translate(3px,-3px)}.side-note{grid-column:2 / 4;grid-row:2;margin:0;padding-top:14px;border-top:1px solid currentColor;font-family:var(--serif);font-size:16px;font-style:italic;opacity:.65}.small-works{position:relative;display:grid;grid-template-columns:.8fr 1fr 1fr;align-items:start;gap:5vw;min-height:140vh;padding:13vw 6vw;background:var(--paper-bright)}.small-heading{position:sticky;top:24vh}.small-heading h2{margin:24px 0 0;font-size:clamp(55px,7vw,110px);font-weight:500;line-height:.82;letter-spacing:-.06em}.archive-card{position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:left;background:none;border:0;cursor:zoom-in}.archive-card--tuscan{margin-top:38vh}.archive-card img{aspect-ratio:3 / 4;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.archive-card:hover img,.archive-card:focus-visible img{transform:scale(1.035)}.archive-card span{display:block;padding:12px 0;border-bottom:1px solid var(--ink);font-family:var(--serif);font-size:19px}.archive-card span b{font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase}.contact{position:relative;min-height:100vh;padding:9vw 6vw 2vw;overflow:hidden;color:var(--paper-bright);background:var(--red)}.contact h2{max-width:1050px;margin:8vh 0 10vh;font-size:clamp(64px,10.2vw,158px);font-weight:500;line-height:.81;letter-spacing:-.07em}.contact-orbit{position:absolute;top:-15vw;right:-15vw;display:flex;align-items:center;justify-content:center;width:42vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;animation:rotate 22s linear infinite}.contact-orbit span{width:60%;text-align:center;font-size:10px;line-height:1.8;letter-spacing:.12em}@keyframes rotate{to{transform:rotate(360deg)}}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.55)}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:42px 12px;padding:18px 20px 24px 0;border-bottom:1px solid rgba(255,255,255,.55);transition:background .3s ease,padding .3s ease}.contact-links a:not(:last-child){margin-right:24px}.contact-links a:hover,.contact-links a:focus-visible{padding-left:16px;background:#ffffff12}.contact-links span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.contact-links i{justify-self:end;font-style:normal}.contact-links b{grid-column:1 / -1;font-size:clamp(18px,2vw,28px);font-weight:500;letter-spacing:-.03em}.contact footer{display:flex;justify-content:space-between;margin-top:16vh;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact footer p{margin:0}.footer-links{display:flex;gap:24px}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:24px;color:var(--paper-bright);background:#0f100ef7;border:0}.lightbox[open]{display:grid;grid-template-columns:1fr minmax(220px,.28fr);grid-template-rows:1fr auto;gap:24px;animation:lightboxIn .35s ease both}.lightbox::backdrop{background:#0f100ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes lightboxIn{0%{opacity:0;transform:scale(.985)}}.lightbox img{grid-row:1 / 3;width:100%;height:calc(100vh - 48px);object-fit:contain}.lightbox>div{align-self:end;padding:0 10px 18px}.lightbox h2{margin:0 0 12px;font-size:clamp(36px,5vw,72px);line-height:.9;letter-spacing:-.06em}.lightbox p{max-width:280px;margin:0;font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.lightbox-close{justify-self:end;padding:10px 0;color:inherit;background:none;border:0;font-size:11px;text-transform:uppercase;cursor:pointer}.cursor{position:fixed;top:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;width:74px;height:74px;color:var(--paper-bright);background:var(--red);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.35);transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.cursor span{font-size:9px;letter-spacing:.1em}.cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:820px){.site-header{grid-template-columns:1fr auto;padding:18px}.site-header nav,.header-index{display:none}.header-actions{gap:0}.hero{min-height:175vh}.hero-kicker{top:11vh;white-space:nowrap}.hero-title{top:11vh;height:52vh;padding:0 4vw;font-size:23.5vw}.hero-line--two{padding-right:.08em;font-size:.82em}.assembly{top:24vh;width:78vw;margin-top:-43vh}.hero-foot{left:18px;right:18px;grid-template-columns:1fr 1fr}.hero-foot .scroll-cue{display:none}.intro{min-height:auto;padding:24vw 18px 16vw}.intro-copy{margin:10vh 0;font-size:13.5vw}.intro-notes{grid-template-columns:1fr}.intro-notes p{padding-bottom:10px;border-bottom:1px solid var(--line)}.work{height:185vh}.work-sticky,.work-sticky--reverse{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:3vh;padding:9vh 18px 20px}.work-number,.work-sticky--reverse .work-number{position:absolute;top:8vh;right:18px;grid-column:auto;font-size:22vw;writing-mode:initial;transform:none;opacity:.35}.work-image,.work-image.portrait,.work-image.square,.work-image.tall,.work-sticky--reverse .work-image{grid-column:1;grid-row:2;width:min(82vw,480px);max-height:54vh;transform:translateY(calc((.5 - var(--section-progress, .5)) * 5vh))}.work-image.layer-scene,.work-sticky--reverse .work-image.layer-scene{transform:none}.work-image.landscape{width:100%}.work-caption,.work-sticky--reverse .work-caption{grid-column:1;grid-row:3;align-self:end;padding:0}.work-caption h3{margin-bottom:18px;font-size:12vw}.work-caption>p:not(.status){display:none}.work-caption .status{margin-bottom:10px}.enquire-link{position:relative;right:auto;bottom:auto;width:100%;margin-top:16px}.side-note{display:none}.small-works{grid-template-columns:1fr 1fr;gap:12vw 18px;min-height:auto;padding:22vw 18px}.small-heading{position:relative;top:auto;grid-column:1 / -1}.small-heading h2{font-size:17vw}.archive-card--tuscan{margin-top:18vh}.contact{padding:22vw 18px 24px}.contact h2{margin:9vh 0 12vh;font-size:17vw}.contact-links{grid-template-columns:1fr}.contact-links a:not(:last-child){margin-right:0}.contact-orbit{width:85vw;top:-26vw;right:-45vw}.lightbox{padding:18px}.lightbox[open]{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.lightbox img{grid-row:2;height:67vh}.lightbox>div{grid-row:3;padding:0}.lightbox-close{grid-row:1}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.assembly,.assembly-floor,.assembly-room,.assembly-cheetah,.hero-line,.work-image,.work-sticky--reverse .work-image,.layer-base,.layer-mover{transform:none!important}.layer-mover{opacity:1!important}.paradise-blank{opacity:0!important}}
