:root {
  --ivory: #f4f0e9;
  --white: #faf8f3;
  --greige: #c9c0b5;
  --taupe: #b6a999;
  --ink: #171718;
  --muted: #716c66;
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Raleway", Arial, sans-serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
body.is-locked { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }

.noise { position: fixed; z-index: 20; inset: 0; opacity: .055; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; width: 28rem; height: 28rem; left: 0; top: 0; z-index: 1; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(250,248,243,.17), transparent 67%); transform: translate(-50%, -50%); mix-blend-mode: soft-light; }
.wrap { width: min(100% - 9vw, 1360px); margin-inline: auto; }
.eyebrow { margin: 0; font: 500 10px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.brand { display: inline-flex; align-items: center; }
.brand img { display: block; width: auto; max-width: 240px; max-height: 50px; object-fit: contain; }

.hero { min-height: 790px; height: 100svh; min-height: 680px; position: relative; isolation: isolate; overflow: hidden; color: var(--white); background: var(--ink); }
.hero__slides { position: absolute; inset: 0; z-index: 0; }
.hero-slide { visibility: hidden; position: absolute; inset: 0; overflow: hidden; clip-path: inset(0 0 0 0); }
.hero-slide.is-active { visibility: visible; z-index: 1; }.hero-slide.is-revealing { z-index: 2; animation: heroCurtainIn 1.25s cubic-bezier(.72,0,.18,1) both; }.hero-slide.is-revealing.is-from-previous { animation-name: heroCurtainInReverse; }
.hero-slide > img { position: absolute; inset: 0; display: block; height: 100%; width: 100%; object-fit: cover; object-position: center; transform: scale(1.05); animation: heroImageDrift 8s ease-out both; }.hero-slide:nth-child(2) > img { object-position: center 45%; }.hero-slide:nth-child(3) > img { object-position: center 55%; }
.hero-slide__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(16,16,16,.86), rgba(19,19,19,.43) 49%, rgba(19,19,19,.05)), linear-gradient(0deg, rgba(16,16,16,.64), transparent 52%); }
.hero-slide::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: var(--ivory); transform: translateY(101%); }.hero-slide.is-revealing::after { animation: heroPaperSweep 1.25s cubic-bezier(.72,0,.18,1) both; }.hero-slide.is-revealing.is-from-previous::after { animation-name: heroPaperSweepReverse; }
@keyframes heroCurtainIn { from { clip-path: inset(100% 0 0 0); } 56% { clip-path: inset(0 0 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes heroCurtainInReverse { from { clip-path: inset(0 0 100% 0); } 56% { clip-path: inset(0 0 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes heroPaperSweep { 0% { transform: translateY(101%); } 45% { transform: translateY(0); } 100% { transform: translateY(-101%); } } @keyframes heroPaperSweepReverse { 0% { transform: translateY(-101%); } 45% { transform: translateY(0); } 100% { transform: translateY(101%); } } @keyframes heroImageDrift { from { transform: scale(1.12); } to { transform: scale(1.04); } }
.nav { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-top: 30px; z-index: 4; }
.nav__links { display: flex; gap: clamp(24px, 3.5vw, 60px); font-size: 11px; letter-spacing: .04em; }
.nav__links a { transition: opacity .25s ease; }.nav__links a:hover { opacity: .56; }
.nav__contact { justify-self: end; font-size: 11px; border-bottom: 1px solid currentColor; padding-bottom: 5px; }.nav__contact span { margin-left: 8px; }
.menu-toggle { display: none; }
.hero__content { height: 100%; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 110px 0 154px; }
.hero__eyebrow { margin-bottom: 23px; opacity: .76; }
.hero h1 { margin: 0; font: 300 clamp(72px, 10.2vw, 160px)/.78 var(--sans); letter-spacing: -.095em; max-width: 850px; }
h1 em, h2 em { font-family: var(--serif); font-weight: 400; letter-spacing: -.075em; }
.hero__footer { display: flex; align-items: end; justify-content: space-between; width: min(100%, 735px); margin-top: clamp(45px, 9vh, 94px); padding-bottom: 18px; }
.hero__footer > p { margin: 0; font: 300 13px/1.55 var(--sans); letter-spacing: -.015em; }
.round-link { display: flex; align-items: center; justify-content: center; gap: 11px; width: 117px; height: 117px; border: 1px solid rgba(250,248,243,.5); border-radius: 50%; transition: background .3s, color .3s, transform .35s; font-size: 10px; line-height: 1.35; }.round-link b { font: 300 19px var(--serif); }.round-link:hover { color: var(--ink); background: var(--white); transform: rotate(-8deg); }
.hero__place { position: absolute; right: 4.5vw; bottom: 88px; z-index: 3; margin: 0; font: 9px var(--mono); letter-spacing: .07em; opacity: .8; }.hero__controls { position: absolute; z-index: 5; right: 0; bottom: 28px; left: 0; display: grid; grid-template-columns: max-content minmax(140px, 190px) max-content; justify-content: end; align-items: center; gap: 25px; }.hero__index { font: 10px var(--mono); }.hero__index i { padding-inline: 7px; opacity: .5; font-style: normal; }.hero__progress { width: 100%; height: 1px; overflow: hidden; background: rgba(250,248,243,.42); }.hero__progress span { display: block; height: 100%; transform-origin: left; background: var(--white); transition: transform .7s cubic-bezier(.2,.75,.25,1); }.hero__arrows { display: flex; gap: 8px; }.hero__arrow { display: grid; place-items: center; width: 37px; height: 37px; padding: 0; cursor: pointer; border: 1px solid rgba(250,248,243,.55); border-radius: 50%; color: var(--white); background: rgba(23,23,24,.16); font: 300 17px var(--sans); transition: background .25s, color .25s, transform .25s; }.hero__arrow:hover { color: var(--ink); background: var(--white); transform: scale(1.07); }

.curtain { position: fixed; z-index: 100; inset: 0; display: grid; place-content: center; color: var(--ink); background: var(--ivory); transition: clip-path 1.15s cubic-bezier(.76,0,.24,1), visibility 1.15s; }.curtain::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(23,23,24,.25); }.curtain.is-gone { clip-path: inset(0 0 100% 0); visibility: hidden; }.curtain__brand { display: flex; justify-content: center; }.curtain__brand img { display: block; width: min(40vw, 195px); max-height: 74px; object-fit: contain; }.curtain__progress { display: flex; justify-content: center; align-items: baseline; margin-top: 30px; font: 300 35px/1 var(--serif); }.curtain__progress small { margin-left: 3px; font: 10px var(--mono); }.curtain__track { position: relative; width: min(72vw, 230px); height: 1px; margin: 20px auto 0; overflow: hidden; background: rgba(23,23,24,.25); }.curtain__track span { position: absolute; inset: 0 100% 0 0; display: block; background: var(--ink); transition: right .18s ease-out; }

.manifesto { position: relative; padding-block: 154px 176px; display: grid; grid-template-columns: 22% 1fr; }.manifesto__copy { display: grid; grid-template-columns: 1fr 200px; gap: 40px; }.display-copy { margin: -11px 0 0; font: 300 clamp(34px, 4.15vw, 63px)/1.07 var(--sans); letter-spacing: -.065em; }.display-copy em { font-family: var(--serif); font-weight: 400; }.manifesto__note { align-self: end; padding-bottom: 6px; }.manifesto__note .line { display: block; width: 27px; height: 1px; margin-bottom: 16px; background: var(--ink); }.manifesto__note p { margin: 0; font: 400 12px/1.55 var(--sans); }.manifesto__side { position: absolute; right: 0; bottom: 28px; margin: 0; font: 9px/1.45 var(--mono); letter-spacing: .08em; color: var(--muted); writing-mode: vertical-rl; transform: rotate(180deg); text-transform: uppercase;}

.editorial-block { padding-block: 100px 153px; background: var(--white); }.editorial-block__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 83px; }.text-link { font: 500 11px var(--sans); border-bottom: 1px solid var(--ink); padding-bottom: 5px; }.text-link span { margin-left: 14px; }
.story { position: relative; }.story__number { font: 10px var(--mono); }.story--large { display: grid; grid-template-columns: 16% 59% 1fr; align-items: end; }.story--large .story__image { width: 100%; aspect-ratio: 1.37; }.story__image { display: block; position: relative; overflow: hidden; }.story__image img { display: block; height: 100%; width: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.75,.25,1); }.story__image:hover img { transform: scale(1.04); }.image-arrow { display: grid; place-items: center; position: absolute; right: 18px; top: 18px; width: 42px; height: 42px; border-radius: 50%; color: var(--ink); background: var(--white); font-size: 17px; opacity: 0; transform: translateY(9px); transition: .35s ease; }.story__image:hover .image-arrow { opacity: 1; transform: none; }.story__title { padding: 0 0 4px clamp(25px, 4vw, 67px); }.story h2, .process h2, .journal h2, .contact h2 { margin: 0; font: 300 clamp(43px, 5.3vw, 80px)/.85 var(--sans); letter-spacing: -.09em; }.story__title p { margin: 27px 0 0; font: 10px/1.55 var(--mono); color: var(--muted); }
.story--split { display: grid; grid-template-columns: 37% 46%; gap: 10%; align-items: center; margin-top: 166px; }.story--split .story__text { padding-left: 16%; }.story--split h2 { margin-top: 37px; font-size: clamp(48px, 5.5vw, 86px); }.story--split .story__text > p { max-width: 270px; margin: 34px 0 27px; font-size: 13px; line-height: 1.65; }.underline-link { display: inline-block; padding-bottom: 5px; border-bottom: 1px solid; font-size: 11px; }.underline-link span { margin-left: 17px; }.story--split .story__image { aspect-ratio: .95; }.story__vertical { position: absolute; bottom: 0; right: 0; margin: 0; font: 9px var(--mono); letter-spacing: .07em; color: var(--muted); writing-mode: vertical-rl; }

.quote-section { position: relative; overflow: hidden; padding-block: 130px; background: var(--taupe); display: grid; place-items: center; }.quote-section::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(21,21,21,.13), transparent 48%); }.quote-section__floral { position: absolute; inset: 0; opacity: .32; background: url("https://images.unsplash.com/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=1800&q=85") center/cover; filter: grayscale(1) sepia(.25) blur(1.2px); transform: scale(1.06); }.quote-section__inner { position: relative; z-index: 1; text-align: center; color: var(--white); }.quote-section .eyebrow { opacity: .85; }.quote-section blockquote { max-width: 830px; margin: 50px auto 38px; font: 400 clamp(33px, 4vw, 61px)/1.04 var(--serif); letter-spacing: -.055em; }.quote-section__author { display: flex; gap: 12px; justify-content: center; align-items: center; font: 10px var(--mono); }.quote-section__author span { width: 29px; height: 1px; background: currentColor; }

.process { padding-block: 157px 167px; display: grid; grid-template-columns: 42% 1fr; }.process__heading h2 { margin-top: 42px; }.process__steps { display: grid; gap: 35px; padding-top: 4px; }.step { display: grid; grid-template-columns: 45px 1fr 1.4fr; padding-bottom: 32px; border-bottom: 1px solid rgba(23,23,24,.25); }.step span { font: 10px var(--mono); }.step h3 { margin: -3px 0 0; font: 500 16px var(--sans); letter-spacing: -.04em; }.step p { margin: -4px 0 0; max-width: 280px; font: 12px/1.65 var(--sans); }

.journal { padding-block: 96px 119px; overflow: hidden; background: var(--greige); }.journal__header { display: flex; justify-content: space-between; align-items: baseline; }.journal__header h2 { font-size: clamp(55px, 6vw, 94px); }.journal__scroll { display: flex; gap: clamp(25px, 4vw, 68px); margin-top: 73px; overflow: visible; }.journal-card { display: block; flex: 0 0 min(31%, 370px); }.journal-card--offset { margin-top: 76px; }.journal-card__image { height: 350px; }.journal-card__image img { width: 100%; height: 100%; object-fit: cover; }.journal-card__meta { margin: 17px 0 12px; font: 9px var(--mono); }.journal-card h3 { max-width: 280px; margin: 0; font: 400 20px/1.12 var(--serif); letter-spacing: -.035em; }

.contact { min-height: 710px; position: relative; display: grid; align-items: center; color: var(--white); overflow: hidden; }.contact__background, .contact__overlay { position: absolute; inset: 0; }.contact__background { z-index: -2; }.contact__background img { filter: saturate(.67); }.contact__overlay { z-index: -1; background: linear-gradient(90deg, rgba(19,19,20,.82), rgba(19,19,20,.32)); }.contact__inner { padding-block: 100px; }.contact h2 { margin: 28px 0 50px; font-size: clamp(70px, 10vw, 148px); }.contact__button { display: flex; align-items: center; justify-content: space-between; max-width: 385px; border-bottom: 1px solid rgba(250,248,243,.8); padding-bottom: 10px; font: 300 clamp(19px, 2vw, 27px) var(--sans); }.contact__button span { font-size: 21px; }.contact__note { margin: 73px 0 0; font: 10px var(--mono); }
.footer { min-height: 116px; display: flex; align-items: center; justify-content: space-between; }.footer p, .footer div { margin: 0; font: 9px var(--mono); }.footer div { display: flex; gap: 25px; }.footer a { transition: opacity .25s; }.footer a:hover { opacity: .5; }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.75,.25,1); }.reveal.is-visible { opacity: 1; transform: none; }.image-reveal { clip-path: inset(0); }.image-reveal img { animation: imageIntro 1.4s cubic-bezier(.2,.75,.25,1) both; }@keyframes imageIntro { from { transform: scale(1.11); } to { transform: scale(1); } }

@media (max-width: 760px) {
  .wrap { width: min(100% - 40px, 1360px); }.desktop-only { display: none; }.cursor-glow { display: none; }
  .hero { min-height: 650px; }.hero-slide > img { object-position: 62% center; }.hero-slide__shade { background: linear-gradient(90deg, rgba(16,16,16,.82), rgba(19,19,19,.21)), linear-gradient(0deg, rgba(16,16,16,.72), transparent 58%); }
  .brand img { max-width: 136px; max-height: 27px; }.nav { grid-template-columns: 1fr auto; padding-top: 23px; }.nav__links, .nav__contact { display: none; }.menu-toggle { display: grid; gap: 5px; border: 0; background: none; padding: 5px 0; }.menu-toggle span { display: block; height: 1px; width: 26px; background: currentColor; transition: .3s; }.menu-toggle.is-open span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }.nav__links.is-open { position: absolute; display: flex; flex-direction: column; gap: 25px; top: 65px; right: 0; padding: 24px; color: var(--ink); background: var(--white); box-shadow: 0 14px 50px rgba(0,0,0,.16); }.hero__content { padding: 98px 0 126px; }.hero h1 { font-size: clamp(65px, 18vw, 100px); }.hero__footer { margin-top: 50px; width: 100%; }.round-link { width: 101px; height: 101px; }.hero__place { display: none; }.hero__controls { grid-template-columns: max-content minmax(0, 1fr) max-content; bottom: 20px; gap: 12px; }.hero__progress { width: 100%; }.hero__arrow { width: 34px; height: 34px; }
  .manifesto { display: block; padding-block: 90px 107px; }.manifesto__copy { display: block; margin-top: 38px; }.display-copy { font-size: clamp(35px, 9.4vw, 50px); }.manifesto__note { margin: 39px 0 0 25%; max-width: 210px; }.manifesto__side { right: 5px; bottom: 18px; }
  .editorial-block { padding-block: 66px 84px; }.editorial-block__top { margin-bottom: 43px; }.story--large { display: block; }.story--large .story__number { margin-bottom: 15px; }.story--large .story__image { aspect-ratio: .91; }.story__title { padding: 23px 0 0; display: flex; align-items: end; justify-content: space-between; }.story__title h2 { font-size: 53px; }.story__title p { margin: 0; font-size: 8px; }.story--split { display: flex; flex-direction: column-reverse; gap: 34px; align-items: stretch; margin-top: 90px; }.story--split .story__text { padding-left: 0; }.story--split h2 { margin-top: 27px; font-size: 59px; }.story--split .story__text > p { margin-top: 25px; }.story--split .story__image { aspect-ratio: 1.12; }.story__vertical { display: none; }
  .quote-section { padding-block: 100px; }.quote-section blockquote { margin: 40px auto 31px; font-size: 35px; }.quote-section__floral { background-position: 62% center; }
  .process { display: block; padding-block: 87px; }.process__heading h2 { margin-top: 32px; }.process__steps { padding-top: 70px; }.step { grid-template-columns: 36px 1fr; gap: 0; }.step p { grid-column: 2; margin: 19px 0 0; }.step h3 { font-size: 15px; }
  .journal { padding-block: 65px 76px; }.journal__header { display: block; }.journal__header h2 { margin-top: 27px; }.journal__scroll { width: auto; margin-left: 20px; margin-right: 0; margin-top: 42px; overflow-x: auto; padding: 0 20px 8px 0; scroll-snap-type: x mandatory; }.journal-card { flex-basis: 267px; scroll-snap-align: start; }.journal-card--offset { margin-top: 42px; }.journal-card__image { height: 320px; }
  .contact { min-height: 600px; }.contact__background img { object-position: 65% center; }.contact__inner { padding-block: 70px; }.contact h2 { margin: 26px 0 43px; font-size: 78px; }.contact__note { margin-top: 58px; }.footer { min-height: 100px; }.footer p { display: none; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

/* Single-page photography portfolio */
.portfolio { padding: 130px 0 144px; background: var(--white); }
.portfolio__header { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.portfolio__header h2, .formats h2 { margin: 36px 0 0; font: 300 clamp(52px, 6.2vw, 94px)/.84 var(--sans); letter-spacing: -.09em; }
.portfolio__header > p { margin: 0 6% 5px 0; font: 12px/1.58 var(--sans); }
.portfolio__filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 74px; padding-bottom: 25px; border-bottom: 1px solid rgba(23,23,24,.28); }
.filter { appearance: none; cursor: pointer; border: 1px solid rgba(23,23,24,.36); border-radius: 99px; padding: 10px 15px 9px; background: transparent; font: 500 10px var(--mono); transition: background .25s, color .25s, border-color .25s; }
.filter:hover, .filter.is-active { color: var(--white); border-color: var(--ink); background: var(--ink); }
.portfolio__grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; gap: 17px; margin-top: 25px; }
.portfolio-card { grid-column: span 4; min-height: 353px; position: relative; overflow: hidden; cursor: zoom-in; padding: 0; border: 0; color: var(--white); text-align: left; background: var(--ink); transition: opacity .35s, transform .45s; }
.portfolio-card--wide { grid-column: span 8; }.portfolio-card--tall { min-height: 520px; }
.portfolio-card.is-hidden { display: none; }.portfolio-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; filter: saturate(.78); transition: transform .8s cubic-bezier(.2,.75,.25,1), filter .5s; }.portfolio-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,15,15,.67), transparent 48%); }.portfolio-card span { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; display: flex; justify-content: space-between; align-items: center; font: 400 16px var(--serif); letter-spacing: -.025em; }.portfolio-card b { font: 300 19px var(--sans); }.portfolio-card:hover img { transform: scale(1.055); filter: saturate(1); }
.formats { padding: 135px 0 142px; color: var(--white); background: var(--ink); }.formats__header { display: grid; grid-template-columns: 1fr 1fr; }.formats__header h2 { grid-column: 1; }.formats__header > p:last-child { align-self: end; max-width: 250px; margin: 0 0 7px auto; font: 12px/1.6 var(--sans); color: rgba(250,248,243,.7); }.formats__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 91px; border-top: 1px solid rgba(250,248,243,.32); }.format-card { min-height: 251px; padding: 21px 25px 26px 0; border-bottom: 1px solid rgba(250,248,243,.32); border-right: 1px solid rgba(250,248,243,.32); }.format-card:nth-child(3n) { padding-left: 25px; padding-right: 0; border-right: 0; }.format-card:nth-child(3n + 2) { padding-left: 25px; }.format-card span { font: 10px var(--mono); color: rgba(250,248,243,.62); }.format-card h3 { margin: 58px 0 13px; font: 400 26px var(--serif); letter-spacing: -.04em; }.format-card p { max-width: 280px; margin: 0; font: 12px/1.62 var(--sans); color: rgba(250,248,243,.7); }
.process { grid-template-columns: 37% 1fr; }.process__steps { gap: 0; }.step { grid-template-columns: 55px 1fr 1.45fr; padding: 29px 0 30px; }.step:first-child { padding-top: 0; }.step h3 { font: 400 21px var(--serif); letter-spacing: -.04em; }.step p { max-width: 315px; }
.lightbox { width: min(92vw, 1120px); max-width: none; max-height: 92vh; padding: 0; border: 0; overflow: visible; color: var(--white); background: var(--ink); }.lightbox::backdrop { background: rgba(18,18,18,.88); backdrop-filter: blur(7px); }.lightbox figure { display: grid; margin: 0; max-height: 92vh; }.lightbox img { width: 100%; max-height: calc(92vh - 48px); object-fit: contain; }.lightbox figcaption { padding: 13px 18px 15px; font: 14px var(--serif); }.lightbox__close { position: absolute; z-index: 2; top: -14px; right: -14px; display: grid; place-items: center; width: 35px; height: 35px; cursor: pointer; border: 1px solid rgba(250,248,243,.45); border-radius: 50%; color: var(--white); background: var(--ink); font: 300 26px/1 var(--sans); }

@media (max-width: 760px) {
  .portfolio { padding: 78px 0 86px; }.portfolio__header { display: block; }.portfolio__header h2, .formats h2 { margin-top: 30px; font-size: 57px; }.portfolio__header > p { margin: 27px 0 0; }.portfolio__filters { flex-wrap: nowrap; margin-top: 44px; overflow-x: auto; padding: 0 0 20px; }.filter { flex: 0 0 auto; }.portfolio__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 15px; }.portfolio-card, .portfolio-card--wide { grid-column: span 1; min-height: 255px; }.portfolio-card--tall { min-height: 355px; }.portfolio-card span { right: 12px; bottom: 11px; left: 12px; font-size: 14px; }.portfolio-card b { font-size: 15px; }
  .formats { padding: 83px 0 86px; }.formats__header { display: block; }.formats__header > p:last-child { margin: 30px 0 0; }.formats__grid { display: block; margin-top: 55px; }.format-card, .format-card:nth-child(3n), .format-card:nth-child(3n + 2) { min-height: 0; padding: 20px 0 28px; border-right: 0; }.format-card h3 { margin: 32px 0 10px; font-size: 23px; }
  .process { padding-block: 87px; }.process__steps { padding-top: 54px; }.step { grid-template-columns: 36px 1fr; padding: 25px 0 28px; }.step:first-child { padding-top: 0; }.step h3 { font-size: 19px; }.lightbox { width: 94vw; }.lightbox__close { top: 8px; right: 8px; }
}