/* Pace: documentary photography, strong type and an open working index. */
[data-design=pace] .site-header{position:fixed;left:30px;right:30px;top:18px;color:var(--hero-ink);padding:12px 20px;border-bottom:1px solid #fff5;transition:background .25s,color .25s}
[data-design=pace] .site-header.over-paper{color:var(--ink);background:color-mix(in srgb,var(--paper) 95%,transparent);border-color:var(--rule);backdrop-filter:blur(16px)}
[data-design=pace][data-navigation=floating] .site-header{max-width:820px;margin:auto;border-radius:8px;background:#171819b3;backdrop-filter:blur(18px)}
[data-design=pace][data-navigation=floating] .site-header.over-paper{background:var(--paper)}
[data-design=pace] .action{border-radius:2px;font-size:13px;font-weight:500;padding:16px 18px;gap:35px}
[data-design=pace] .site-header .action{font-size:11px;min-height:39px;padding:10px 14px}
.pace-hero{min-height:calc(100svh - 16px);display:flex;align-items:flex-end;padding:130px 3vw clamp(40px,6svh,72px);position:relative;background:#222;color:var(--hero-ink);isolation:isolate;margin:8px;border-radius:6px;overflow:hidden}
.pace-hero-art{position:absolute;inset:0;z-index:-2}.pace-hero-art>img{object-position:64% 50%}
.pace-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1118,transparent 65%)}
.pace-hero-bottom{position:relative;width:100%;display:flex;align-items:end;justify-content:space-between;gap:5vw}
.pace-hero h1{font-size:min(clamp(78px,8.3vw,145px),18svh);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;max-width:820px;font-weight:500}
.pace-hero-note{width:265px;flex:0 0 265px;padding-bottom:8px}.pace-hero-note p{font-size:14px;line-height:1.5;margin-bottom:23px}.pace-hero-note .action{font-size:12px;min-height:48px;gap:15px}
.pace-intro{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:start;padding:150px 5vw 160px;max-width:1500px;margin:auto}
.pace-detail{width:82%;aspect-ratio:.83;max-height:390px;overflow:hidden}.pace-intro-copy h2{font-size:clamp(45px,4.5vw,75px);font-weight:500;line-height:1.04;max-width:830px}
.pace-intro-copy p{font-size:17px;max-width:550px;margin:35px 0 22px}.pace-next{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--ink);font-size:34px;transition:background .3s,color .3s}.pace-next:hover{background:var(--ink);color:var(--paper)}
.pace-method{background:var(--ink);color:var(--paper);padding:110px 5vw 70px;--rule:color-mix(in srgb,var(--paper) 24%,transparent);--seam-cover:var(--paper)}
.pace-method-top{display:grid;grid-template-columns:1fr 1fr;gap:9vw;max-width:1440px;margin:auto}.pace-method-top>h2{font-size:clamp(50px,6vw,96px);text-transform:uppercase;line-height:.94;font-weight:500;position:sticky;top:140px;align-self:start}
.pace-method-rows article{padding:35px 0 45px;border-top:1px solid var(--rule)}.pace-method-rows h3{font-size:35px;font-weight:500}.pace-method-rows p{font-size:15px;max-width:510px;margin-top:21px;opacity:.86}
.pace-workroom{height:450px;margin:90px auto 0;max-width:1440px;overflow:hidden}.pace-workroom img{object-position:50% 60%}
.pace-examples{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:115px 5vw 140px;max-width:1560px;margin:auto;align-items:start}
.pace-example-heading{position:sticky;top:130px}.pace-example-heading h2{font-size:clamp(47px,4.7vw,74px);line-height:.98;text-transform:uppercase;font-weight:500}.pace-example-heading p{max-width:330px;font-size:15px;margin-top:30px}
.pace-examples .example-list{grid-template-columns:1fr;border-top:1px solid var(--rule)}.pace-examples .example-item{font-size:28px;font-weight:400;padding:24px 0;min-height:94px}.pace-examples .round-arrow{border:0;background:color-mix(in srgb,var(--ink) 5%,transparent);width:44px;height:44px}
[data-design=pace][data-work=columns] .pace-examples{grid-template-columns:1fr;gap:45px}[data-design=pace][data-work=columns] .pace-example-heading{position:static;display:flex;justify-content:space-between;gap:50px}[data-design=pace][data-work=columns] .example-list{grid-template-columns:repeat(3,minmax(0,1fr))}[data-design=pace][data-work=columns] .example-item{font-size:21px}
.pace-footer{position:relative;isolation:isolate;color:#fcf9f1;background:#171818;min-height:730px;padding:100px 5vw 0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin:8px;border-radius:6px}
.pace-footer-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.pace-footer-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1119,transparent 80%)}.pace-footer-art img{object-position:62%}
.pace-invitation{max-width:700px}.pace-invitation h2{font-size:clamp(65px,7vw,115px);font-weight:500;text-transform:uppercase;line-height:.93}.pace-invitation p{max-width:345px;font-size:16px;margin:30px 0}.pace-footer .footer-end{border-top:1px solid #fff4;margin-top:80px}
[data-design=pace][data-practice-layout=columns] .pace-method-top{grid-template-columns:1fr;gap:50px}[data-design=pace][data-practice-layout=columns] .pace-method-top>h2{position:static;max-width:800px}[data-design=pace][data-practice-layout=columns] .pace-method-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
/* Kin: a human opening, rippled glass and a garden closing. */
[data-design=kin] .site-header{position:fixed;top:23px;left:50%;right:auto;transform:translateX(-50%);padding:7px 8px 7px 17px;min-height:0;width:max-content;max-width:calc(100% - 42px);color:var(--ink);border:1px solid #ffffffa0;background:#fcfbf0bc;backdrop-filter:blur(22px);border-radius:11px;box-shadow:0 5px 25px #1c2d1b12;gap:20px}
[data-design=kin] .site-header .brand{font-size:27px}[data-design=kin] .site-header nav{font-size:12px;gap:5px}[data-design=kin] .site-header nav>a{padding:11px 14px;border-radius:7px}[data-design=kin] .site-header nav>a:not(.action):hover{opacity:1;background:#fff9}[data-design=kin] .site-header .action{background:#fffff5b3;color:var(--ink);min-height:34px;font-size:12px;gap:16px}
[data-design=kin][data-navigation=edge] .site-header{left:30px;right:30px;transform:none;width:auto;max-width:none;justify-content:space-between}
[data-design=kin] .action{background:#fcfbf4;color:#263428;box-shadow:0 3px 20px #152b1220;border:1px solid #fff5;border-radius:10px}
.kin-hero{position:relative;isolation:isolate;margin:10px;border-radius:24px;overflow:hidden;height:calc(100svh - 20px);min-height:730px;color:var(--hero-ink);background:#405543;display:grid;place-items:center}
.kin-hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.kin-hero-art img{object-position:50% 48%}.kin-hero:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(0deg,#11231538,#11231518)}
.kin-hero-copy{text-align:center;width:90%;max-width:1000px;padding-bottom:30px}.kin-hero h1{font-size:clamp(60px,6.4vw,101px);line-height:.99;letter-spacing:-.022em;font-weight:400;text-shadow:0 3px 20px #102d2260}.kin-hero h1 em{font-weight:400}.kin-hero-copy p{font-size:16px;max-width:410px;margin:27px auto 0;text-shadow:0 2px 8px #102d22}.kin-hero-action{position:absolute;bottom:55px;left:50%;transform:translateX(-50%)}.kin-hero-action .action{padding:14px 20px;min-height:50px;font-size:13px}
.kin-intro{padding:145px 7vw 55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;max-width:1540px;margin:auto}.kin-intro-copy h2{font-size:clamp(48px,4.8vw,74px);line-height:1;letter-spacing:-.02em}.kin-intro-copy p{font-size:16px;max-width:380px;margin-top:30px}
.kin-glass{height:510px;border-radius:50px;isolation:isolate;box-shadow:0 22px 60px #31462918}.kin-glass>img{height:100%;object-position:center}.kin-glass-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;color:#ffffee;font-family:var(--heading-font);font-size:clamp(50px,5vw,76px);letter-spacing:-.015em;line-height:1;text-shadow:0 2px 25px #193922aa;pointer-events:none}
.kin-practice{padding:65px 7vw 115px;max-width:1540px;margin:auto}.kin-practice>h2{font-size:55px;text-align:center;margin:20px 0 55px;line-height:1.03}.kin-practice-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}.kin-practice article{padding-top:30px;border-top:1px solid var(--rule)}.kin-practice h3{font-size:35px;line-height:1.06;letter-spacing:-.015em}.kin-practice p{font-size:15px;margin-top:23px;color:color-mix(in srgb,var(--ink) 80%,var(--paper))}
[data-design=kin][data-practice-layout=flow] .kin-practice-rows{grid-template-columns:1fr;max-width:950px;margin:auto;gap:0}[data-design=kin][data-practice-layout=flow] .kin-practice article{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:30px 0}[data-design=kin][data-practice-layout=flow] .kin-practice h3{font-size:40px}[data-design=kin][data-practice-layout=flow] .kin-practice p{margin:0}
.kin-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;padding:60px 12vw 145px;max-width:1540px;margin:auto}.kin-notebook{aspect-ratio:.85;border-radius:17px;box-shadow:0 15px 50px #38413118}.kin-note h2{font-size:clamp(50px,5vw,78px);line-height:1.03}.kin-note p{font-size:16px;max-width:420px;margin-top:30px}
.kin-examples{padding:110px 8vw 130px;border-top:1px solid var(--rule);max-width:1540px;margin:auto}.kin-example-heading{text-align:center;margin-bottom:65px}.kin-example-heading h2{font-size:clamp(58px,5.8vw,88px);letter-spacing:-.025em}.kin-example-heading p{max-width:450px;margin:28px auto 0;font-size:15px}
.kin-examples .example-list{gap:0 70px}.kin-examples .example-item{font-family:var(--heading-font);font-size:32px;min-height:91px}.kin-examples .round-arrow{width:36px;height:36px;background:#fff9;border-color:transparent;font-size:20px}.kin-examples .example-item:hover .round-arrow{background:var(--ink)}
.kin-footer{position:relative;isolation:isolate;overflow:hidden;margin:10px;border-radius:38px;min-height:780px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fffef0;background:#5c6547;padding:110px 6vw 0}
.kin-footer-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.kin-footer-art:after{content:'';position:absolute;inset:0;background:#17301c42}.kin-footer-art img{object-position:52%}
.kin-invitation{text-align:center;margin:auto;max-width:800px}.kin-invitation h2{font-size:clamp(65px,6.5vw,100px);letter-spacing:-.025em;line-height:.98;text-shadow:0 2px 20px #20382850}.kin-invitation p{max-width:390px;margin:30px auto;font-size:16px}.kin-footer .footer-end{width:100%;margin-top:100px;border-top:1px solid #fff6}.kin-footer .footer-end .brand{font-family:'DM Sans',sans-serif}
@media(max-width:1099px){
 .pace-hero h1{font-size:min(9vw,18svh)}.pace-hero-note{flex-basis:215px;width:215px}.pace-hero-note p{font-size:13px}.pace-intro{gap:6vw;padding-block:110px}.pace-method-top{gap:6vw}.pace-method-top>h2{font-size:60px}.pace-method-rows h3{font-size:30px}.pace-workroom{height:370px}.pace-examples{gap:5vw}.pace-example-heading h2{font-size:49px}.pace-examples .example-item{font-size:25px}
 .kin-intro{gap:5vw;padding:110px 5vw 40px}.kin-intro-copy h2{font-size:54px}.kin-glass{height:430px;border-radius:36px}.kin-practice{padding-inline:7vw}.kin-note{padding-inline:7vw;gap:6vw}.kin-note h2{font-size:59px}.kin-examples{padding-inline:7vw}.kin-examples .example-list{gap:0 35px}.kin-examples .example-item{font-size:27px}
}
@media(max-width:699px){
 [data-design=pace] .site-header{left:20px;right:20px;top:14px;padding:9px 4px;min-height:55px}[data-design=pace] .site-header.over-paper{padding-inline:12px;left:12px;right:12px}[data-design=pace] .site-header .brand{font-size:29px}[data-design=pace] .menu-toggle{width:35px;height:35px;min-height:35px;border-radius:3px}
 .pace-hero{min-height:calc(100svh - 10px);padding:110px 22px 64px;margin:5px;border-radius:4px}.pace-hero-art>img{object-position:63%}.pace-hero-bottom{display:block}.pace-hero h1{font-size:15.5vw;max-width:500px;line-height:.93;letter-spacing:-.055em}.pace-hero-note{width:100%;margin-top:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0}.pace-hero-note p{max-width:235px;font-size:14px;line-height:1.5;margin:0}.pace-hero-note .action{position:relative;font-size:0;gap:0;padding:0;width:53px;height:53px;min-height:53px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.pace-hero-note .action span{font-size:28px;position:absolute;inset:0;display:grid;place-items:center}
 .pace-intro{padding:80px 25px 75px;grid-template-columns:1fr;gap:32px}.pace-detail{width:48%;height:215px;justify-self:end;max-height:none}.pace-intro-copy h2{font-size:44px;line-height:1.06}.pace-intro-copy p{font-size:15px;margin:25px 0}.pace-next{width:52px;height:52px;font-size:29px}
 .pace-method{padding:70px 25px 30px}.pace-method-top{grid-template-columns:1fr;gap:42px}.pace-method-top>h2{position:static;font-size:54px}.pace-method-rows article{padding:27px 0 34px}.pace-method-rows h3{font-size:30px}.pace-method-rows p{font-size:15px;margin-top:17px}.pace-workroom{height:350px;margin-top:35px}.pace-workroom>img{object-position:60%}
 .pace-examples{display:block;padding:75px 25px 90px}.pace-example-heading{position:static;margin-bottom:35px}.pace-example-heading h2{font-size:51px;max-width:430px}.pace-example-heading p{font-size:14px;margin-top:23px;max-width:300px}.pace-examples .example-item{font-size:25px;min-height:85px;padding:22px 0}.pace-examples .round-arrow{width:38px;height:38px}
 .pace-footer{margin:5px;min-height:690px;padding:65px 25px 0}.pace-invitation h2{font-size:57px}.pace-invitation p{font-size:14px;max-width:270px}.pace-footer-art>img{object-position:61%}.pace-footer .footer-end{gap:15px;margin-top:100px}
 [data-design=pace][data-work=columns] .pace-example-heading{display:block}[data-design=pace][data-work=columns] .example-list{grid-template-columns:1fr}[data-design=pace][data-practice-layout=columns] .pace-method-rows{grid-template-columns:1fr;gap:0}
 [data-design=kin] .site-header{width:calc(100% - 54px);max-width:none;justify-content:space-between;top:23px;padding:8px 10px 8px 16px;gap:15px;border-radius:9px}[data-design=kin] .site-header .brand{font-size:26px}[data-design=kin] .menu-toggle{width:34px;height:34px;min-height:34px;border-color:#24392933;border-radius:6px}[data-design=kin][data-navigation=edge] .site-header{left:20px;right:20px;width:auto}
 .kin-hero{margin:6px;border-radius:17px;height:calc(100svh - 12px);min-height:710px}.kin-hero-art img{object-position:50%}.kin-hero-copy{width:92%;padding-bottom:0}.kin-hero h1{font-size:54px;line-height:1.03;letter-spacing:-.02em}.kin-hero-copy p{font-size:14px;width:260px;margin-top:25px}.kin-hero-action{bottom:43px}.kin-hero-action .action{font-size:12px;min-height:49px;gap:17px;white-space:nowrap}
 .kin-intro{padding:83px 25px 25px;display:flex;flex-direction:column;gap:40px}.kin-intro-copy h2{font-size:49px;max-width:420px}.kin-intro-copy p{font-size:15px;margin-top:25px}.kin-glass{width:100%;height:340px;border-radius:33px}.kin-glass-message{font-size:57px}
 .kin-practice{padding:45px 25px 55px}.kin-practice>h2{font-size:47px;margin:10px 0 35px}.kin-practice-rows{grid-template-columns:1fr;gap:0}.kin-practice article{padding:25px 0}.kin-practice h3{font-size:35px}.kin-practice p{font-size:15px;margin-top:18px}[data-design=kin][data-practice-layout=flow] .kin-practice article{grid-template-columns:1fr;gap:15px;padding:25px 0}[data-design=kin][data-practice-layout=flow] .kin-practice h3{font-size:35px}
 .kin-note{padding:40px 28px 80px;grid-template-columns:1fr;gap:40px}.kin-notebook{width:62%;max-height:300px;justify-self:start;border-radius:12px}.kin-note h2{font-size:51px}.kin-note p{font-size:15px;margin-top:25px}.kin-examples{padding:75px 25px 90px}.kin-example-heading{text-align:left;margin-bottom:35px}.kin-example-heading h2{font-size:54px}.kin-example-heading p{font-size:14px;margin:24px 0 0}.kin-examples .example-list{grid-template-columns:1fr}.kin-examples .example-item{font-size:29px;min-height:83px;padding:22px 0}
 .kin-footer{margin:6px;border-radius:23px;min-height:710px;padding:75px 25px 0}.kin-invitation h2{font-size:61px;max-width:350px}.kin-invitation p{font-size:14px;max-width:285px}.kin-invitation .action{font-size:12px;gap:18px}.kin-footer .footer-end{gap:15px;margin-top:80px}.kin-footer-art img{object-position:53%}
}