@layer components{body[data-page=portfolio]{color:#29261f;color-scheme:light;--line:#cfc6b7;--stone:#645c50;background:#f4f0e7}body[data-page=portfolio] .site-header,body[data-page=portfolio] #primary-navigation{background:#f4f0e7}body[data-page=portfolio] .site-footer{background:#e5ddcf;border-top:1px solid #cfc6b7}body[data-page=portfolio] .footer-bottom a:hover{color:#29261f}body[data-page=portfolio] :focus-visible{outline-color:#79644e}.story-dialog-navigation[hidden],[data-story-play][hidden]{display:none}.portfolio-intro{color:#29261f;background:#f4f0e7;padding-top:65px;padding-bottom:80px}.portfolio-folio{color:#6b6256;font-size:var(--text-label);letter-spacing:.09em;justify-content:space-between;gap:25px;display:flex}.portfolio-intro h1{max-width:1100px;margin-top:75px;font-size:clamp(62px,8vw,130px)}.portfolio-intro h1 em{color:#79644e}.portfolio-intro-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:45px;padding-left:34%;display:flex}.portfolio-scroll{font-size:var(--text-small);white-space:nowrap;align-items:center;gap:22px;text-decoration:none;display:flex}.portfolio-scroll>span{border:1px solid #b8ac9a;border-radius:50%;place-items:center;width:58px;height:58px;font-size:25px;transition:transform .35s,background .35s;display:grid}.portfolio-scroll:is(:hover,:focus-visible)>span{background:#e5ddcf;transform:translateY(4px)}.portfolio-intro-bottom>p{max-width:460px;font-size:var(--text-body);color:#645c50;margin:0}.portfolio-intro-bottom>.portfolio-scroll{width:fit-content;margin-left:auto;display:flex}.portfolio-index{padding:0 var(--gutter) 120px;color:#29261f;background:#f4f0e7;scroll-margin-top:0}.portfolio-list{gap:90px;display:grid}.portfolio-index-heading{border-top:1px solid #cfc6b7;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:-30px;padding-top:22px;display:flex}.portfolio-index-heading h2{font:var(--text-small) var(--sans);letter-spacing:.07em}.portfolio-index-heading>span{font-size:var(--text-label);letter-spacing:.1em;color:#645c50}.portfolio-entry{grid-template-columns:.75fr 1.25fr;align-items:center;gap:7%;width:100%;max-width:1320px;margin-inline:auto;text-decoration:none;display:grid;position:relative}.portfolio-entry-image{background:#e5ddcf;order:2;position:relative;overflow:hidden;box-shadow:0 18px 42px -28px #59432d75}.portfolio-entry-image picture{display:block}.portfolio-entry-image img{aspect-ratio:2/3;object-fit:cover;object-position:50% 57%;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.portfolio-entry:is(:hover,:focus-within) .portfolio-entry-image img{transform:scale(1.025)}.portfolio-open{color:#29261f;min-height:48px;font-size:var(--text-small);background:#f4f0e7;align-items:center;gap:35px;padding:12px 20px;transition:background .35s;display:inline-flex;position:absolute;bottom:25px;right:25px}.portfolio-entry-caption{align-items:baseline;gap:26px;padding-block:35px;display:grid}.portfolio-piece-number{font-family:var(--serif);color:#88745a;margin-bottom:14px;font-size:clamp(76px,9vw,130px);font-style:italic;line-height:1}.portfolio-entry-caption .eyebrow{color:#76624c}.portfolio-entry-caption h2{max-width:450px;margin-top:25px;font-size:clamp(40px,4.7vw,72px)}.portfolio-entry-caption p{color:#645c50;font-size:var(--text-control);margin-top:18px}.portfolio-entry-caption>span:last-child{font-size:var(--text-control)}.portfolio-entry-caption .portfolio-entry-summary{font-size:var(--text-body);max-width:365px;margin-top:28px;line-height:1.85}.portfolio-entry-action{font-size:var(--text-control);border-bottom:1px solid #b8ac9a;align-items:center;gap:35px;width:fit-content;min-height:50px;margin-top:8px;text-decoration:none;display:flex}.portfolio-entry-action:after{content:"";z-index:1;position:absolute;inset:0}.portfolio-entry-action>span,.portfolio-open>span{font-size:23px;transition:transform .35s}.portfolio-entry:is(:hover,:focus-within) .portfolio-entry-action>span,.portfolio-entry:is(:hover,:focus-within) .portfolio-open>span{transform:translate(3px,-3px)}.portfolio-invitation{background:#ede7da;border-top:1px solid #cfc6b7}.portfolio-invitation>div{justify-content:space-between;align-items:flex-end;gap:45px;margin-top:36px;display:flex}.portfolio-invitation h2{font-size:clamp(60px,7.7vw,116px)}.portfolio-invitation h2 em{color:#79644e}.portfolio-status{color:#76624c;font-size:var(--text-small);letter-spacing:.06em;border:1px solid #cfc6b7;margin-top:16px;padding:7px 12px;display:inline-block}.portfolio-image-label{color:#29261f;font-size:var(--text-small);letter-spacing:.04em;background:#f4f0e7;padding:8px 13px;position:absolute;top:20px;left:20px}.portfolio-empty{grid-template-columns:.8fr 1.4fr;align-items:center;gap:12vw;max-width:1100px;margin:auto;padding:65px 0;display:grid}.portfolio-empty>img{width:100%;max-width:300px;margin:auto}.portfolio-empty h2{margin-block:30px;font-size:clamp(42px,4.6vw,68px)}.portfolio-empty h2 em{color:#76624c}.portfolio-empty p:not(.eyebrow){color:#645c50;font-size:var(--text-body);max-width:440px}.portfolio-empty .text-link{margin-top:25px}html{scrollbar-gutter:stable}html.story-open{overflow:hidden}.story-dialog{color:#29261f;overscroll-behavior:contain;background:#f4f0e7;border:1px solid #cfc6b7;width:min(1200px,100% - 64px);max-width:none;max-height:calc(100dvh - 56px);padding:0;box-shadow:0 24px 100px #302b2438}.story-dialog::backdrop{backdrop-filter:blur(8px);background:#302b24a6}.story-dialog-toolbar{z-index:3;background:#f4f0e7;border-bottom:1px solid #cfc6b7;justify-content:space-between;align-items:center;gap:20px;padding:14px 32px;display:flex;position:sticky;top:0}.story-dialog-toolbar>span{font-size:var(--text-label);letter-spacing:.12em}.story-dialog-toolbar button{min-height:44px;color:inherit;font-size:var(--text-control);background:0 0;border:0;align-items:center;gap:24px;padding:0 8px;display:flex}.story-dialog-toolbar button span{font-size:27px}.story-dialog-navigation{border-top:1px solid #cfc6b7;justify-content:space-between;gap:20px;padding:25px 6%;display:flex}.story-dialog-navigation button{min-height:48px;color:inherit;font-size:var(--text-control);background:0 0;border:0;padding:10px 0}.story-dialog-navigation button:disabled{opacity:.35;cursor:default}.story-loading{font-family:var(--serif);padding:80px 6%;font-size:32px}[data-story-content]>.text-link{margin:0 6% 60px}.portfolio-story{color:#29261f;background:#f4f0e7}.story-heading{padding:80px 7% 60px}.story-heading .eyebrow{color:#76624c}.story-heading h1,.story-heading>h2{margin:25px 0;font-size:clamp(48px,6.5vw,96px);line-height:1.06}.story-lede{color:#645c50;font-size:var(--text-body);max-width:630px;line-height:1.85}.story-cover{object-fit:contain;background:#e5ddcf;width:100%;height:min(90svh,1000px);display:block}.story-cover-caption{font-size:var(--text-small);color:#645c50;border-bottom:1px solid #cfc6b7;padding:15px 7%}.story-chapters{padding:70px 7% 85px}.story-chapter+.story-chapter{border-top:1px solid #cfc6b7;margin-top:85px;padding-top:55px}.story-chapter-copy{grid-template-columns:70px 1fr;gap:30px;max-width:800px;margin:auto;display:grid}.story-chapter-copy>.eyebrow{color:#76624c;font:italic 48px/1 var(--serif);letter-spacing:-.04em}.story-chapter h2{margin-bottom:25px;font-size:clamp(35px,4vw,55px)}.story-chapter p{color:#645c50;white-space:pre-line;font-size:var(--text-body)}.story-chapter figure{margin-top:45px}.story-chapter figure img{width:100%;height:auto}.story-chapter figcaption{font-size:var(--text-small);color:#645c50;margin-top:15px}.story-film{border-top:1px solid #cfc6b7;margin-top:90px;padding-top:45px}.story-film h2{max-width:680px;margin-block:30px;font-size:44px}.story-film>p:not(.eyebrow){color:#645c50;font-size:var(--text-body);max-width:520px;margin-bottom:25px}.story-youtube-link{min-height:48px;font-size:var(--text-control);align-items:center;margin:15px 20px;display:inline-flex}.story-video-frame iframe{aspect-ratio:16/9;border:0;width:100%;margin-top:25px;display:block}.story-enquiry{border-top:1px solid #cfc6b7;margin-top:90px;padding-top:45px}.story-enquiry h2{margin-bottom:25px;font-size:44px}.story-back{min-height:64px;margin-inline:var(--gutter);font-size:var(--text-control);align-items:center;text-decoration:none;display:inline-flex}}@layer responsive{@media (width>=600px){.portfolio-entry:nth-of-type(2n) .portfolio-entry-image{order:0}}@media (width<=899px){.portfolio-intro-bottom{padding-left:0}.portfolio-scroll{flex-direction:column-reverse;align-items:flex-end;gap:12px}.portfolio-entry{grid-template-columns:.9fr 1.1fr;gap:6%}.portfolio-entry-caption{gap:18px}.portfolio-entry-caption .portfolio-entry-summary{font-size:var(--text-body)}.portfolio-open{font-size:var(--text-small);justify-content:space-between;gap:15px;padding-inline:15px;bottom:15px;left:15px;right:15px}.portfolio-invitation>div{flex-direction:column;align-items:flex-start}}@media (width<=599px){.portfolio-intro-bottom{margin-top:30px;display:block}.portfolio-intro-bottom>.portfolio-scroll{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:26px}.portfolio-scroll>span{width:46px;height:46px}.portfolio-list{gap:45px}.portfolio-index-heading{margin-bottom:0}.portfolio-piece-number{margin:0;padding-top:4px;font-size:40px}.portfolio-entry-caption h2{margin-top:14px}.portfolio-entry-caption .portfolio-entry-summary{font-size:var(--text-body);margin-top:20px}.portfolio-entry-caption .eyebrow{font-size:var(--text-label)}.portfolio-invitation>div{gap:25px;margin-top:25px}.story-cover{height:auto}.portfolio-entry{flex-direction:column;align-items:stretch;gap:0;display:flex}.portfolio-entry-image{order:0}.portfolio-entry-caption{grid-template-columns:45px 1fr;display:grid}.portfolio-entry-action{grid-column:2}.portfolio-intro{padding-block:40px 55px}.portfolio-folio>span{text-align:right;max-width:100px;font-size:var(--text-label)}.portfolio-intro h1{margin-top:50px;font-size:clamp(52px,13vw,70px)}.portfolio-intro-bottom>p{font-size:var(--text-body)}.portfolio-index{padding-block:28px 65px}.portfolio-entry-image img{aspect-ratio:2/3;object-fit:cover;height:auto}.portfolio-image-label{font-size:var(--text-label);width:fit-content;top:12px;left:12px;right:12px}.portfolio-open{font-size:var(--text-small);justify-content:space-between;padding-inline:15px;bottom:15px;left:15px;right:15px}.portfolio-entry-caption{gap:14px}.portfolio-entry-caption h2{font-size:42px}.portfolio-entry-caption p{font-size:var(--text-small)}.portfolio-empty{grid-template-columns:1fr;gap:35px;padding-block:30px}.portfolio-empty>img{max-width:190px}.story-dialog{border:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.story-dialog-toolbar{padding:10px 18px}.story-dialog-toolbar>span{font-size:var(--text-label)}.story-dialog-toolbar button{gap:15px}.story-heading{padding:40px 24px}.story-heading h1,.story-heading>h2{font-size:46px}.story-lede{font-size:var(--text-body)}.story-chapters{padding:45px 24px 60px}.story-chapter-copy{grid-template-columns:1fr;gap:18px}.story-chapter+.story-chapter{margin-top:55px}.story-chapter h2{font-size:36px}.story-chapter p{font-size:var(--text-body)}.story-dialog-navigation{padding-inline:24px}.story-dialog-navigation button{font-size:var(--text-small)}.story-film h2,.story-enquiry h2{font-size:36px}}@media (prefers-reduced-motion:no-preference){.story-dialog[open]{animation:.3s ease-out story-arrive}@keyframes story-arrive{0%{transform:translateY(14px)}to{transform:translateY(0)}}@supports (animation-timeline:view()){.portfolio-entry-image picture{animation:linear both gallery-drift view();animation-range:entry exit}@keyframes gallery-drift{0%{transform:scale(1.035)translateY(-1%)}to{transform:scale(1.035)translateY(1%)}}}}}