/* STOK About — image-led editorial layout, October 2026 */
.about-main{overflow:hidden;background:#fff;color:#40363e}
.about-main .about-kicker{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.about-main .display-serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.055em}
.about-main .about-hero{display:grid;grid-template-columns:49% 51%;min-height:680px;padding-left:5.5%;align-items:stretch}
.about-main .hero-copy{padding:64px 5% 42px 0;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}
.about-main .hero-copy-top{display:flex;justify-content:space-between;max-width:425px;gap:20px}
.about-main .hero-page-no{font-size:10px;color:#817c82;white-space:nowrap}
.about-main .hero-title{font-size:clamp(99px,9.2vw,155px);line-height:.79;margin:42px -18% 43px 0;position:relative;z-index:2}
.about-main .hero-title em{font-weight:400;font-style:italic}
.about-main .hero-bottom{max-width:380px}
.about-main .hero-bottom p{font-size:13px;line-height:1.85;max-width:340px;margin-bottom:34px}
.about-main .hero-bottom a{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.about-main .hero-photo{position:relative;height:680px;overflow:hidden;background:#f2f2f4}
.about-main .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center}
.about-main .photo-tag{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:.11em;text-transform:uppercase;padding:12px 17px;background:#fff;color:#40363e}
.about-main .who{padding-top:150px;padding-bottom:108px}
.about-main .who-top{display:grid;grid-template-columns:58% 42%;gap:0;padding-bottom:100px;align-items:start}
.about-main .who-title{font-size:clamp(69px,7vw,110px);line-height:.88;margin:27px 0 0}
.about-main .who-title em{font-weight:400;font-style:italic}
.about-main .who-right{padding:65px 0 0 12%;max-width:500px}
.about-main .who-right p{font-size:13px;line-height:1.96;margin-bottom:20px;color:#514951}
.about-main .who-right .about-text-cta{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:7px}
.about-main .photo-story{display:grid;grid-template-columns:1.23fr .77fr;gap:7%;align-items:start}
.about-main .photo-story figure:first-child{margin:0}
.about-main .photo-story figure:first-child img{width:100%;height:490px;object-fit:cover;object-position:45% center}
.about-main .photo-story figure:nth-child(2){margin:118px 0 0}
.about-main .photo-story figure:nth-child(2) img{width:100%;height:470px;object-fit:cover;object-position:center}
.about-main .photo-legend{margin-top:12px;display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.09em;font-size:9px;color:#817c82}
.about-main .photo-legend .num{color:#40363e}
.about-main .work{padding-top:95px;padding-bottom:108px;background:#f2f2f4}
.about-main .work-heading{display:grid;grid-template-columns:54% 46%;align-items:end;gap:0;margin-top:28px;margin-bottom:73px}
.about-main .work-heading h2{font-size:clamp(66px,6.9vw,107px);line-height:.88}
.about-main .work-heading h2 em{font-style:italic;font-weight:400}
.about-main .work-heading p{max-width:370px;padding-left:15%;font-size:13px;line-height:1.9}
.about-main .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.about-main .step{border-top:1px solid #bcb7bc;padding-top:20px;min-width:0}
.about-main .step-index{font-family:'Cormorant Garamond',Georgia,serif;font-size:65px;line-height:1;margin-bottom:33px}
.about-main .step h3{font-size:15px;font-weight:500;margin:0 0 10px}
.about-main .step p{font-size:11px;color:#666169;line-height:1.8;max-width:220px}
.about-main .full-picture{padding-top:117px;padding-bottom:116px}
.about-main .full-picture-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;gap:25px}
.about-main .full-picture-header h2{font-size:clamp(52px,5.5vw,86px);line-height:1}
.about-main .full-picture-header .small-phrase{font-size:10px;text-align:right;text-transform:uppercase;letter-spacing:.15em}
.about-main .big-photo{position:relative}
.about-main .big-photo img{width:100%;height:min(60vw,690px);object-fit:cover;object-position:center 54%}
.about-main .big-photo .photo-tag{right:0}
.about-main .full-picture-bottom{display:flex;justify-content:space-between;align-items:start;gap:28px;margin-top:23px}
.about-main .full-picture-bottom p{font-size:12px;line-height:1.9;max-width:390px}
.about-main .full-picture-bottom a{font-size:10px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:6px;white-space:nowrap}
.about-main .closing{border-top:1px solid #e3e0e3;padding-top:82px;padding-bottom:110px;display:grid;grid-template-columns:1.3fr .7fr;gap:11%;align-items:end}
.about-main .closing h2{font-size:clamp(76px,8vw,123px);line-height:.83}
.about-main .closing h2 em{font-weight:400;font-style:italic}
.about-main .closing-right{padding-bottom:7px}
.about-main .closing-right p{font-size:13px;line-height:1.9;margin-bottom:26px;max-width:320px}
.about-main .closing-right a{display:inline-block;background:#40363e;color:#fff;font-size:11px;padding:17px 22px}
.about-main .closing-right a:hover{background:#211a20}
.about-main a:focus-visible{outline:2px solid #40363e;outline-offset:4px}
@media(max-width:920px){.about-main .about-hero{min-height:600px}.about-main .hero-photo{height:600px}.about-main .hero-title{font-size:clamp(88px,10vw,120px)}.about-main .photo-story figure:first-child img{height:390px}.about-main .photo-story figure:nth-child(2) img{height:340px}.about-main .who{padding-top:100px}.about-main .who-right{padding-left:7%}.about-main .steps{gap:16px}.about-main .step-index{font-size:57px}}
@media(max-width:640px){.about-main .about-hero{display:flex;flex-direction:column;min-height:0;padding:0 5.5%}.about-main .hero-copy{padding:40px 0 35px;gap:0}.about-main .hero-title{font-size:clamp(90px,17vw,112px);margin:52px 0 32px;line-height:.81}.about-main .hero-bottom p{font-size:12px;max-width:310px;margin-bottom:16px}.about-main .hero-photo{height:440px;margin:0 -6.18%}.about-main .hero-photo img{object-position:53% center}.about-main .photo-tag{font-size:8px;max-width:70%}.about-main .who{padding-top:77px;padding-bottom:72px}.about-main .who-top{display:block;padding-bottom:47px}.about-main .who-title{font-size:clamp(71px,13vw,92px);margin-top:27px}.about-main .who-right{padding:28px 0 0;max-width:100%}.about-main .who-right p{font-size:12px;line-height:1.9}.about-main .who-right .about-text-cta{margin-top:3px}.about-main .photo-story{grid-template-columns:1.1fr .9fr;gap:12px;align-items:start}.about-main .photo-story figure:first-child img{height:280px}.about-main .photo-story figure:nth-child(2){margin-top:85px}.about-main .photo-story figure:nth-child(2) img{height:235px}.about-main .photo-legend{font-size:8px;line-height:1.4}.about-main .photo-legend .num{display:none}.about-main .work{padding-top:72px;padding-bottom:78px}.about-main .work-heading{display:block;margin-top:20px;margin-bottom:43px}.about-main .work-heading h2{font-size:clamp(75px,13vw,100px)}.about-main .work-heading p{padding:0;margin-top:22px;font-size:12px;max-width:320px}.about-main .steps{display:grid;grid-template-columns:repeat(2,1fr);row-gap:32px;column-gap:20px}.about-main .step{padding-top:12px}.about-main .step-index{font-size:55px;margin-bottom:20px}.about-main .step h3{font-size:12px}.about-main .step p{font-size:10px}.about-main .full-picture{padding-top:67px;padding-bottom:76px}.about-main .full-picture-header{align-items:end}.about-main .full-picture-header h2{font-size:clamp(53px,10vw,77px)}.about-main .full-picture-header .small-phrase{font-size:8px}.about-main .big-photo img{height:420px;object-position:57% center}.about-main .full-picture-bottom{display:block;margin-top:18px}.about-main .full-picture-bottom p{font-size:12px}.about-main .full-picture-bottom a{display:inline-block;margin-top:21px}.about-main .closing{display:block;padding-top:61px;padding-bottom:90px}.about-main .closing h2{font-size:clamp(85px,16vw,120px)}.about-main .closing-right{padding-top:30px}.about-main .closing-right p{font-size:12px}.about-main .closing-right a{padding:15px 20px}}
@media(max-width:360px){.about-main .hero-title{font-size:80px}.about-main .who-title{font-size:65px}.about-main .closing h2{font-size:78px}}