@import url("/printed-photo-frame.css?v=equal-1");
/* About introduction only. Existing icon section and shared shell keep their rules. */
.about-intro-note{display:none}
.about-intro-print picture{display:contents}
.about-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8%;align-items:start;padding:64px 0 40px}
.about-intro-copy{min-width:0}
.about-intro .eyebrow{font:var(--label-font);letter-spacing:var(--label-tracking);margin:0 0 22px}
.about-intro h1{font:500 clamp(68px,8.2vw,118px)/.96 var(--font-display);letter-spacing:-.045em;margin:0;font-optical-sizing:auto;font-synthesis:none}
.about-intro-signature{font:italic 500 28px/1.3 var(--font-display);margin:28px 0 32px}
.about-intro-description{font:400 17px/1.75 var(--font-body);max-width:42ch;margin:0;color:var(--muted)}
.about-intro-photo{position:relative;width:100%;max-width:440px;justify-self:end;margin:22px 0 0;min-width:0}
.about-intro-print{padding:var(--printed-photo-border-width);background:color-mix(in srgb,var(--stone) 74%,white);border-radius:1px}
.about-intro-print img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:45% 50%;border-radius:0;filter:saturate(.08) sepia(.20) contrast(.90) brightness(1.06)}
.about-intro-photo figcaption{font:var(--label-font);letter-spacing:var(--label-tracking);color:var(--muted);margin-top:14px}
@media(min-width:1024px){.about-desktop-editorial>.about-intro{grid-column:1/-1;grid-row:1/9;padding-top:24px}}
@media(min-width:721px) and (max-width:900px){
 .about-intro{gap:6%;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-top:48px}
 .about-intro h1{font-size:clamp(58px,8.1vw,73px)}
 .about-intro-description{font-size:16px}
}
@media(max-width:720px){
 .about-intro{grid-template-columns:minmax(0,1fr);gap:34px;padding:36px 0 12px}
 .about-intro .eyebrow{margin-bottom:22px}
 .about-intro h1{font-size:clamp(51px,13.8vw,92px);line-height:.98}
 .about-intro-signature{font-size:25px;margin:24px 0}
 .about-intro-description{font-size:16px;line-height:1.7;max-width:42ch}
 .about-intro-photo{width:87%;max-width:390px;margin:0;justify-self:end}
 .about-intro-print{padding:var(--printed-photo-border-width)}
 .about-intro-print img{aspect-ratio:5/6}
 .about-intro-photo figcaption{margin-top:12px}
}

/* Reuse the existing brand seal: rotating type, stationary chopsticks. */
.about-intro-description p{margin:0}
.about-intro-description p+p{margin-top:1.2em}
.about-intro-seal{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:104px;height:104px;z-index:1;color:var(--ink);background:transparent;pointer-events:none}
.about-seal-type{display:block;width:100%;height:100%;overflow:visible}
.about-seal-type text{fill:currentColor;font:500 11px "Inter",Arial,sans-serif;letter-spacing:1.2px}
.about-seal-center{position:absolute;width:25px;height:25px;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:no-preference){.about-seal-type{animation:about-seal-turn 18s linear infinite}}
@keyframes about-seal-turn{to{transform:rotate(360deg)}}
@media(max-width:720px){
 .about-intro-photo{margin-top:20px}
 .about-intro-seal{width:80px;height:80px}
 .about-seal-center{width:20px;height:20px}
}

/* Mobile editorial spread; desktop geometry and the icon section are untouched. */
@media(max-width:720px){
 .about-intro{--spread-title:clamp(27px,8.8vw,60px);display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:0;row-gap:0;padding-top:32px;overflow:visible}
 .about-intro-copy{display:contents}
 .about-intro .eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 25px}
 .about-intro h1{grid-column:1;grid-row:2;align-self:start;justify-self:start;font-size:var(--spread-title);line-height:1.06;position:relative;overflow:visible}
 .about-enabler-word{background:transparent;padding:0}
 .about-intro-photo{grid-column:2;grid-row:2;align-self:start;width:100%;max-width:none;margin:calc(var(--spread-title) * 1.8) 0 0;justify-self:end;overflow:visible}
 .about-intro-print{padding:var(--printed-photo-border-width);overflow:visible}
 .about-intro-print img{aspect-ratio:4/5;object-position:45% 50%}
 .about-intro-photo figcaption{display:none}
 .about-intro-seal{width:64px;height:64px;background:transparent;overflow:visible;z-index:3}
 .about-seal-center{width:20px;height:20px}
 .about-intro-signature{grid-column:1;grid-row:2;justify-self:start;align-self:start;font-size:clamp(20px,5vw,25px);margin:calc(var(--spread-title) * 3.18 + 16px) 0 0}
 .about-intro-note{display:none}
 .about-intro-description{grid-column:1/-1;grid-row:3;margin-top:32px;max-width:none}
 .about-intro-lead{display:block;font:italic 500 clamp(25px,6.8vw,36px)/1.25 var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 28px}
 .about-intro-rest{display:block}
}

/* Match the existing Blog pressed-paper hero finish. */
.about-intro h1{color:color-mix(in srgb,var(--paper) 88%,var(--ink));text-shadow:1px 2px 2px color-mix(in srgb,var(--stone) 90%,white),-1px -1px 1px color-mix(in srgb,var(--ink) 24%,transparent);}
@media(forced-colors:active){.about-intro h1{color:CanvasText;text-shadow:none}}