/* Единая журнальная композиция: заголовки, воздух, подписи и кадры. */
:root{--accent:#9a7651;--paper:#f5f3ef;--ink:#171614;--gray:#706e69;--line:#d3d0c9}
h1,h2,h3,.manifesto-quote,.author-quote{font-family:var(--serif);font-weight:400;font-optical-sizing:auto}
h2{letter-spacing:-.04em;line-height:1.03}
.page-intro{position:relative;padding-top:clamp(55px,8vw,118px);padding-bottom:clamp(38px,6vw,82px);overflow:hidden}
.page-intro:after{content:"";position:absolute;right:8%;bottom:14%;width:clamp(46px,6vw,88px);height:1px;background:var(--accent);transform-origin:right;animation:journal-rule 1.2s cubic-bezier(.2,.8,.2,1) both}
.page-intro .section-top{margin-bottom:clamp(42px,7vw,94px)}
.page-intro h1{max-width:12ch;font-size:clamp(54px,8.3vw,126px);line-height:.93;letter-spacing:-.055em;text-wrap:balance}
.page-intro>p{max-width:42ch;margin-top:24px;font-size:clamp(14px,1.25vw,17px);line-height:1.65;color:var(--gray)}
.section-top,.eyebrow,.edition,.cover-bottom,.frame-meta,.archive-note,.chapter-image figcaption{font-feature-settings:"tnum" 1,"ss01" 1}
.section-top,.eyebrow{letter-spacing:.14em}
.cover h1{font-size:clamp(57px,11.2vw,184px);letter-spacing:-.075em}
.cover h1 em,.page-intro h1 em,h2 em{font-style:italic;color:var(--accent)}
.manifesto-quote{max-width:11ch;line-height:.99;letter-spacing:-.045em}
.manifesto-quote:first-letter{color:#c6a77e}
.moments-heading h2,.home-directory>h2,.biography-copy h2,.service-story-copy h2{font-size:clamp(48px,6.4vw,92px)}
.moment-card:nth-child(odd){margin-top:0}.moment-card:nth-child(even){margin-top:64px}
.moment-image{aspect-ratio:1.42;background:#d8d3ca}
.moment-card:nth-child(even) .moment-image{aspect-ratio:1.62}
.moment-image img{object-position:center 44%}
.moment-caption strong{letter-spacing:-.025em;font-size:clamp(23px,2.35vw,34px)}
.moment-caption>span:first-child{font:11px var(--serif);font-style:italic;color:var(--accent)}
.moments-track{align-items:flex-start;padding-bottom:38px}
.frame-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(30px,4vw,60px) clamp(15px,2vw,30px)}
.frame-card{grid-column:span 4;display:block;text-align:left;width:100%}
.frame-card:first-child,.frame-card:nth-child(5){grid-column:auto}
.frame-card[data-index="0"],.frame-card[data-index="3"],.frame-card[data-index="12"]{grid-column:span 7}
.frame-card[data-index="1"],.frame-card[data-index="2"],.frame-card[data-index="13"]{grid-column:span 5}
.frame-card[data-index="4"],.frame-card[data-index="5"],.frame-card[data-index="6"],.frame-card[data-index="9"],.frame-card[data-index="10"],.frame-card[data-index="11"]{grid-column:span 4}
.frame-card[data-index="7"],.frame-card[data-index="8"]{grid-column:span 6}
.frame-card[data-index="14"]{grid-column:span 5}.frame-card[data-index="15"]{grid-column:span 7}
.frame-image,.frame-card:first-child .frame-image,.frame-card:nth-child(5) .frame-image{height:auto;aspect-ratio:1.38;background:#dedbd3}
.frame-card[data-index="1"] .frame-image,.frame-card[data-index="4"] .frame-image,.frame-card[data-index="8"] .frame-image,.frame-card[data-index="13"] .frame-image{aspect-ratio:1.08}
.frame-card[data-index="2"] .frame-image{aspect-ratio:1.42}
.frame-image img{object-position:center 44%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.82)}
.frame-card[data-index="0"] .frame-image img,.frame-card[data-index="2"] .frame-image img{object-position:center center}
.frame-meta{align-items:baseline;min-height:32px;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);text-align:left}
.frame-meta span:first-child{font:clamp(14px,1.5vw,19px)/1.2 var(--serif);color:var(--ink)}
.frame-meta span:last-child{font-size:8px;letter-spacing:.12em;white-space:nowrap}
.archive-note{margin:10px 0 35px;line-height:1.7}
.directory-grid{gap:0 22px}
.home-directory .directory-grid{margin-top:38px}
.home-directory .directory-card{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:auto auto 1fr;column-gap:18px;min-height:164px;align-items:start;padding:25px 0;border-top:1px solid var(--line);transition:padding .35s ease,border-color .35s ease}
.home-directory .directory-card:hover{padding-left:8px;border-color:var(--accent)}
.directory-image{grid-column:2;grid-row:1/span 3;width:76px;height:102px;object-fit:cover;filter:saturate(.7);transition:filter .5s,transform .7s cubic-bezier(.2,.7,.2,1)}
.directory-card:hover .directory-image{filter:saturate(1);transform:scale(1.035)}
.home-directory .directory-card>span:first-child,.home-directory .directory-card h3,.home-directory .directory-card p{grid-column:1;max-width:100%}
.home-directory .directory-card h3{font:clamp(25px,2.6vw,36px)/1.12 var(--serif);margin:14px 0 7px;letter-spacing:-.025em}
.home-directory .directory-card p{font-size:11px;line-height:1.6;color:var(--gray)}
.home-directory .directory-card .card-arrow{right:92px;top:25px}
.author-filmstrip img{filter:saturate(.72);transition:filter .6s,transform 1s cubic-bezier(.2,.7,.2,1)}
.author-filmstrip>a:hover img{filter:saturate(1);transform:scale(1.035)}
.biography-copy>p{max-width:54ch;line-height:1.9}
.biography-copy .biography-intro:first-letter{float:left;font:5.1em/.74 var(--serif);padding:.1em .12em 0 0;color:var(--accent)}
.author-quote{max-width:16ch;border-color:var(--accent)}
.author-facts strong{font-family:var(--serif);font-weight:400}
.service-list details{transition:border-color .3s}
.service-list details[open]{border-color:var(--accent)}
.service-directory .directory-image{width:100%;height:auto;aspect-ratio:1.65;margin-bottom:17px;object-fit:cover}
.service-list summary strong{font-size:clamp(26px,3vw,37px)}
.service-visual-story{position:relative;grid-template-columns:1.12fr .88fr;min-height:500px;background:#efede7}
.service-story-image img{min-height:500px;object-position:center 42%}
.service-story-copy{padding:clamp(28px,5vw,72px)}
.service-story-copy p{font-size:14px;line-height:1.8;max-width:36ch}
.service-info article h2,.detail-service h2{letter-spacing:-.045em}
.chapter-image{position:relative}
.chapter-image>img{filter:saturate(.9);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .7s}
.chapter-image:hover>img{transform:scale(1.012);filter:saturate(1)}
.chapter-image figcaption{font-size:10px;letter-spacing:.1em}
.steps article{position:relative;padding-top:18px}
.steps article:before{content:"";position:absolute;top:-1px;left:0;width:30px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.steps article:hover:before{transform:scaleX(1)}
.process-frame{aspect-ratio:1.4;object-position:center 40%}
.color-study-grid img{aspect-ratio:1.28;object-position:center 42%}
.color-study-grid h3{letter-spacing:-.025em}
.instagram-copy h2,.contact h2{letter-spacing:-.045em}
.inspiration{background:#f0ede6}
.ticker>div{animation-duration:66s}
@keyframes journal-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.frame-card[data-index]{grid-column:span 6}.frame-card:first-child,.frame-card:nth-child(5){grid-column:auto}.home-directory .directory-card{min-height:154px}.directory-image{width:67px;height:90px}.home-directory .directory-card .card-arrow{right:82px}}
@media(max-width:600px){.page-intro{padding-top:44px;padding-bottom:34px}.page-intro .section-top{margin-bottom:42px}.page-intro h1{max-width:11ch;font-size:clamp(49px,14vw,76px)}.page-intro>p{font-size:14px;margin-top:18px}.cover h1{font-size:clamp(31px,10.5vw,68px);letter-spacing:-.095em}.manifesto{padding-top:54px;padding-bottom:40px}.manifesto-quote{margin:42px 0;font-size:clamp(48px,13vw,72px)}.moments-heading h2,.home-directory>h2,.biography-copy h2,.service-story-copy h2{font-size:clamp(43px,12vw,64px)}.moment-card:nth-child(even){margin-top:30px}.moment-image,.moment-card:nth-child(even) .moment-image{aspect-ratio:1.1}.moment-caption strong{font-size:25px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 13px}.frame-card,.frame-card[data-index]{grid-column:span 1!important}.frame-card:nth-child(3n + 1),.frame-card:nth-child(3n + 2){margin-top:18px}.frame-image,.frame-card:first-child .frame-image,.frame-card:nth-child(5) .frame-image{aspect-ratio:.86}.frame-card[data-index="2"] .frame-image{aspect-ratio:.86}.frame-card[data-index="14"] .frame-image{aspect-ratio:.86}.frame-meta{display:block;min-height:0;padding-top:9px}.frame-meta span:first-child{display:block;font-size:16px;line-height:1.15}.frame-meta span:last-child{display:block;margin-top:6px;font-size:7px}.frame-card:first-child .frame-image img,.frame-image img{object-position:center 44%}.archive-note{display:block;font-size:11px}.archive-note>span{display:none}.archive-note a{display:inline-block;margin:10px 0 0}.home-directory .directory-grid{grid-template-columns:1fr}.home-directory .directory-card{grid-template-columns:minmax(0,1fr) 66px;min-height:137px;padding:19px 0;column-gap:14px}.directory-image{width:66px;height:84px}.home-directory .directory-card h3{font-size:27px;margin-top:10px}.home-directory .directory-card p{font-size:11px}.home-directory .directory-card .card-arrow{right:78px;top:18px}.service-visual-story{grid-template-columns:1fr;min-height:0}.service-story-image img{height:300px;min-height:0}.service-story-copy{padding:30px 25px}.chapter-image>img{height:290px}.color-study-grid img{aspect-ratio:1.15}.biography-copy .biography-intro:first-letter{font-size:4em}}
@media(prefers-reduced-motion:reduce){.page-intro:after{animation:none}}
/* Cleaner contemporary journal type: restrained grotesk for navigation and reading, serif only for the author voice. */
h1,h2,h3,.moment-caption strong,.service-story-copy h2,.author-service-grid>a{font-family:var(--sans);font-weight:400;letter-spacing:-.045em}
h1,h2{line-height:1.02}
.page-intro h1{font-weight:400;letter-spacing:-.065em;max-width:13ch}
.cover h1{font-family:var(--sans);font-weight:400;letter-spacing:-.092em}
.manifesto-quote,.author-quote,.footer-brand,.wordmark{font-family:var(--serif)}
.manifesto-quote{font-size:clamp(49px,7.2vw,104px)}
.moment-caption strong{font-size:clamp(18px,1.85vw,26px);letter-spacing:-.035em}
.frame-meta span:first-child{font:500 clamp(12px,1.2vw,15px)/1.3 var(--sans);letter-spacing:-.02em}
.home-directory .directory-card h3{font:400 clamp(21px,2.1vw,28px)/1.2 var(--sans);letter-spacing:-.04em}
.service-list summary strong,.steps h3,.color-study-grid h3{font-family:var(--sans);font-weight:400;letter-spacing:-.045em}
.biography-copy h2,.contact h2,.instagram-copy h2{font-family:var(--sans);font-weight:400;letter-spacing:-.06em}
.frame-reading{padding:90px 8%;background:#eeece6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.frame-reading-head{display:grid;grid-template-columns:1fr 1.35fr .8fr;align-items:end;gap:25px;margin-bottom:36px}
.frame-reading-head>.eyebrow{align-self:start;padding-top:12px}
.frame-reading-head h2{font-size:clamp(38px,5.6vw,76px)}
.frame-reading-head>p{font-size:12px;line-height:1.75;color:var(--gray);max-width:34ch}
.frame-reading-body{display:grid;grid-template-columns:1.45fr .75fr;gap:clamp(30px,6vw,92px);align-items:center}
.frame-reading-visual{position:relative;overflow:hidden;background:#d3d1cb;aspect-ratio:1.64}
.frame-reading-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:opacity .28s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.frame-reading-visual.is-changing img{opacity:.25;transform:scale(1.015)}
.frame-reading-mark{position:absolute;left:18px;bottom:16px;color:#fff;font:9px var(--sans);letter-spacing:.16em;text-shadow:0 1px 8px #0008}
.frame-reading-choices{display:flex;flex-direction:column}
.frame-reading-choices [role="tab"]{display:grid;grid-template-columns:36px 1fr 22px;align-items:center;gap:12px;width:100%;padding:17px 0;border-top:1px solid #c8c5bd;text-align:left;transition:padding .25s,color .25s}
.frame-reading-choices [role="tab"]:last-of-type{border-bottom:1px solid #c8c5bd}
.frame-reading-choices [role="tab"]>span{font:11px var(--sans);color:var(--accent)}
.frame-reading-choices [role="tab"]>strong{font:400 21px/1.2 var(--sans);letter-spacing:-.035em}
.frame-reading-choices [role="tab"]>i{font-style:normal;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}
.frame-reading-choices [role="tab"].active,.frame-reading-choices [role="tab"]:hover{padding-left:8px;color:var(--accent)}
.frame-reading-choices [role="tab"].active>i,.frame-reading-choices [role="tab"]:hover>i{opacity:1;transform:none}
.frame-reading-note{min-height:50px;padding:18px 0 22px;font-size:11px;line-height:1.7;color:var(--gray)}
.frame-reading-choices .text-link{align-self:flex-start;margin-top:2px}
@media(max-width:900px){.frame-reading{padding:70px 7%}.frame-reading-head{grid-template-columns:1fr 1.5fr}.frame-reading-head>p{grid-column:2}.frame-reading-body{gap:32px}.frame-reading-choices [role="tab"]>strong{font-size:18px}}
@media(max-width:600px){.page-intro h1{font-size:clamp(47px,13.4vw,75px);max-width:12ch}.cover h1{font-size:clamp(43px,11.8vw,78px)}.frame-reading{padding:52px 7%}.frame-reading-head{display:block;margin-bottom:24px}.frame-reading-head h2{font-size:clamp(38px,10vw,54px);margin:18px 0}.frame-reading-head>p{font-size:12px}.frame-reading-body{grid-template-columns:1fr;gap:20px}.frame-reading-visual{aspect-ratio:1.2}.frame-reading-choices [role="tab"]{padding:13px 0}.frame-reading-choices [role="tab"]>strong{font-size:18px}.frame-reading-note{min-height:0;padding:14px 0}.moment-caption strong{font-size:20px}}

/* Minimal journal typography: elegant serif headlines, quiet sans-serif reading text. */
body{font-family:var(--sans);font-weight:400;letter-spacing:0}
h1,h2,h3,h4,.cover h1,.page-intro h1,.manifesto-quote,.author-quote,.footer-brand{font-family:var(--serif);font-style:normal;font-weight:400}
h1,h2,h3{letter-spacing:-.035em}
.cover h1{font-size:clamp(58px,9.5vw,138px);letter-spacing:-.055em;line-height:.94}
.page-intro h1{font-size:clamp(56px,8vw,112px);letter-spacing:-.045em;line-height:.98}
.cover h1 em,.page-intro h1 em,h2 em,.cover-caption p em{color:inherit;font-style:normal;font-weight:400}
.manifesto-quote{font-size:clamp(38px,5.5vw,74px);line-height:1.08;letter-spacing:-.045em}
.cover-caption p{font:400 clamp(20px,3.4vw,42px)/1.15 var(--serif);letter-spacing:-.025em}
.wordmark{font-family:var(--sans);font-weight:500;letter-spacing:-.055em}
.frame-meta span:first-child,.home-directory .directory-card h3,.moment-caption strong,.service-list summary strong,.steps h3,.color-study-grid h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
.section-top,.eyebrow,.edition,.cover-bottom,.frame-meta,.archive-note,.chapter-image figcaption{font-family:var(--sans)}
@media(max-width:600px){.cover h1{font-size:clamp(46px,12vw,78px)}.page-intro h1{font-size:clamp(46px,12vw,72px)}}