/* A full homepage: distinct visual chapters and a different purpose for each. */
/* Industry accordion: one application at a time, with a useful specification behind it. */
.home-industries{padding:105px 0 70px;background:#e6e6dc;scroll-margin-top:105px}
.home-industries .section-head{margin-bottom:55px}
.home-industry-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 18px}
.home-industry-scene{position:relative;min-width:0;overflow:hidden;color:#fff;background:#18392e;isolation:isolate}
.home-industry-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b2119a6,#0b2119e8);z-index:-1;transition:opacity .55s}
.home-industry-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102a23ed 0%,#163d32d9 50%,#102a234d 100%);z-index:-1}
.home-industry-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;z-index:-2;transform:scale(1.035);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.atelier-site .home-industry-scene h3{font-family:inherit;font-size:clamp(18px,1.7vw,25px);font-weight:500;line-height:1.22;letter-spacing:var(--tracking-heading);margin:0;color:#fff}
.home-industry-trigger{display:flex;align-items:flex-start;gap:18px;width:100%;padding:30px 25px 24px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default}
.home-scene-number{font-size:10px;line-height:1.5;letter-spacing:.1em;font-weight:400;opacity:.7;padding-top:5px}
.home-industry-trigger>span:nth-child(2){max-width:14ch}
.home-industry-toggle{display:none}
.home-industry-copy{padding:14px 30px 32px}
.atelier-site .home-industry-title{font-family:var(--font-sans);font-size:clamp(38px,3.9vw,57px);letter-spacing:var(--tracking-display);line-height:1.06;margin:0 0 22px;color:#fff}
.home-industry-intro{font-size:14px;line-height:1.75;margin:0 0 24px;max-width:42ch;color:#fff}
.home-industry-specs{margin:0 0 24px;max-width:430px}
.home-industry-specs>div{padding:12px 0 14px;border-top:1px solid #ffffff40}
.home-industry-specs dt{font-size:12px;font-weight:600;letter-spacing:.01em;margin-bottom:5px}
.home-industry-specs dd{font-size:12px;line-height:1.7;margin:0;color:#edf0e9}
.home-industry-products{margin-bottom:26px;max-width:44ch}
.home-industry-products>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#d5ddcc}
.home-industry-products>p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#fff}
.atelier-site .home-scene-link{font-size:11px;line-height:1.7;letter-spacing:.01em;display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff85;padding:5px 0;transition:border-color .2s}
.atelier-site .home-scene-link:hover{color:#fff;border-color:#fff}
.home-industry-trigger:focus-visible,.home-scene-link:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.home-scene-link:focus-visible{outline-offset:6px}
.home-image-note{font-size:9px;color:#58695c;text-align:right;padding-top:12px}
.home-industry-scenes.is-ready{grid-template-columns:2.8fr 1fr 1fr 1fr;transition:grid-template-columns .65s cubic-bezier(.22,1,.36,1)}
.home-industry-scenes.is-ready[data-active="1"]{grid-template-columns:1fr 2.8fr 1fr 1fr}
.home-industry-scenes.is-ready[data-active="2"]{grid-template-columns:1fr 1fr 2.8fr 1fr}
.home-industry-scenes.is-ready[data-active="3"]{grid-template-columns:1fr 1fr 1fr 2.8fr}
.home-industry-scenes.is-ready .home-industry-scene{min-height:640px}
.home-industry-scenes.is-ready .home-industry-trigger{min-height:108px;cursor:pointer}
.home-industry-scenes.is-ready .home-industry-details{opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .2s,transform .35s,visibility 0s .2s}
.home-industry-scenes.is-ready .home-industry-copy{width:clamp(360px,38vw,540px);max-width:none}
.home-industry-scenes.is-ready .is-active .home-industry-details{opacity:1;visibility:visible;transform:none;transition:opacity .45s .1s,transform .55s cubic-bezier(.22,1,.36,1) .1s,visibility 0s}
.home-industry-scenes.is-ready .is-active:after{opacity:0}
.home-industry-scenes.is-ready .is-active img{transform:scale(1)}
.home-industry-scenes[data-input="keyboard"],.home-industry-scenes[data-input="keyboard"] *{transition:none!important}
@media(max-width:1100px) and (min-width:961px){.home-industry-trigger{padding:25px 18px;gap:10px}.home-industry-copy{padding-inline:24px}.home-industry-scenes.is-ready .home-industry-scene{min-height:665px}}
@media(max-width:960px){
 .home-industry-scenes,.home-industry-scenes.is-ready,.home-industry-scenes.is-ready[data-active]{grid-template-columns:1fr;gap:2px;padding:0 18px;transition:none}
 .home-industry-scenes.is-ready .home-industry-scene{min-height:0}
 .home-industry-scenes.is-ready .home-industry-trigger{min-height:103px;padding:28px 26px;align-items:center}
 .atelier-site .home-industry-scene h3{font-size:23px}
 .home-industry-trigger>span:nth-child(2){max-width:none}
 .home-scene-number{padding:0}
 .home-industry-toggle{display:block;position:relative;width:14px;height:14px;margin-left:auto;flex:0 0 14px}
 .home-industry-toggle:before,.home-industry-toggle:after{content:'';position:absolute;background:currentColor;inset:6px 0;height:1px}
 .home-industry-toggle:after{transform:rotate(90deg);transition:transform .25s}
 .is-active .home-industry-toggle:after{transform:rotate(0)}
 .home-industry-scenes.is-ready .home-industry-details{display:none;transform:none;transition:none}
 .home-industry-scenes.is-ready .is-active .home-industry-details{display:block;transition:none}
 .home-industry-scenes.is-ready .home-industry-copy{width:auto;max-width:560px;padding:5px 26px 32px}
 .home-industry-scene img{object-position:center 52%;transition:none}
 .home-industry-intro{font-size:14px}.home-industry-specs dd{font-size:13px}
 .home-industry-title{max-width:14ch}
}
@media(max-width:760px){.home-industry-scenes,.home-industry-scenes.is-ready,.home-industry-scenes.is-ready[data-active]{padding:0 10px}.home-industry-scenes.is-ready .home-industry-trigger{padding:26px 20px;gap:13px}.atelier-site .home-industry-scene h3{font-size:21px}.home-industry-scenes.is-ready .home-industry-copy{padding-inline:20px}.atelier-site .home-industry-title{font-size:43px}}
@media(prefers-reduced-motion:reduce){.home-industry-scenes,.home-industry-scenes *,.home-industry-scenes *:before,.home-industry-scenes *:after{transition:none!important}.home-industry-scenes .home-industry-scene img{transform:none}}
.home-founder{overflow:clip}.home-founder-head{display:grid;grid-template-columns:1fr 2fr;gap:7%;align-items:start;margin-bottom:65px}.home-founder-head>.eyebrow{margin-top:12px}.atelier-site .home-founder-head h2{font-size:clamp(46px,5.8vw,84px);line-height:1.02;margin:0}.home-founder-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:center}.home-founder-copy{padding:0 0 25px 12%}.home-founder-name{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0 25px;margin-bottom:28px}.home-founder-name span{display:block;font-size:11px;color:#667366;margin-bottom:10px}.home-founder-name strong{font-family:var(--font-sans);font-size:44px;font-weight:450;letter-spacing:var(--tracking-heading)}.home-founder-copy>p{font-size:15px;line-height:1.9;max-width:47ch}.home-founder-copy>.textlink{display:inline-block;margin-top:16px}.home-founder-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.home-founder-photos .client-photo{margin:0}.home-founder-photos .home-story-building{grid-column:1/-1;margin-right:13%}.home-founder-photos .home-story-person{grid-column:2;margin:-95px -15% 0 -40px;position:relative;border:10px solid var(--paper);background:var(--paper)}.home-founder-photos img{width:100%;height:auto;display:block}.home-founder-photos .home-story-person img{aspect-ratio:.88;object-fit:cover;object-position:62%}.home-founder-photos figcaption{font-size:9px;line-height:1.5;padding-top:9px}
.home-responsibility{padding:110px 0;background:#dedfd2}.home-responsibility .section-head{margin-bottom:60px}.home-responsibility-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:start}.home-responsibility-layout>.client-photo{position:sticky;top:130px;margin:0}.home-responsibility-layout>.client-photo img{width:100%;aspect-ratio:.96;object-fit:cover;object-position:52%}.home-responsibility-layout figcaption{font-size:9px;padding-top:12px;color:#576457}.home-responsibility-points>article{border-top:1px solid #7b8c7055;padding:25px 0 50px}.home-responsibility-points>article>span{font-size:10px;color:#677458;letter-spacing:.06em}.atelier-site .home-responsibility h3{font-size:clamp(29px,3vw,43px);line-height:1.08;margin:22px 0}.home-responsibility p{font-size:14px;line-height:1.85;max-width:46ch}.home-responsibility-points>.textlink{display:inline-block;margin-top:5px}
.home-archive{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center}.home-archive-art{position:relative;min-height:600px;display:grid;place-items:center;background:#ebe9e0;padding:50px;perspective:1000px}.home-brochure-cover{position:relative;aspect-ratio:.73;width:min(100%,360px);overflow:hidden;transform:rotate(-7deg) rotateY(-12deg);box-shadow:18px 22px 25px #21352720,2px 2px 0 #c8c8bd;transition:transform 800ms cubic-bezier(.22,1,.36,1)}.home-brochure-cover img{width:200%;height:100%;max-width:none;display:block;object-fit:fill;position:absolute;right:0}.home-archive-caption{position:absolute;bottom:21px;left:25px;font-size:9px;letter-spacing:.02em}.atelier-site .home-archive h2{font-size:clamp(45px,5vw,72px);line-height:1.03;margin:22px 0 32px}.home-archive-copy>p:not(.eyebrow){font-size:15px;line-height:1.85}.home-archive-copy>.btn{margin-top:22px}.home-archive-copy>.textlink{display:table;margin-top:24px}
.home-library{background:#efece3;padding:100px 0 115px}.home-library .section-head{align-items:end;margin-bottom:55px}.home-library-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:start}.home-library-feature{text-decoration:none}.home-library-feature figure{margin:0 0 30px}.home-library-feature img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 28%;display:block}.home-library-feature figcaption{font-size:9px;color:#61705f;padding-top:10px}.atelier-site .home-library-feature h3{font-size:clamp(37px,4vw,57px);line-height:1.05;margin:16px 0}.home-library-feature>p:not(.eyebrow){font-size:14px;max-width:46ch;line-height:1.8}.home-library-list>a{display:block;padding:25px 0 30px;border-top:1px solid var(--border);text-decoration:none}.home-library-list>a>span{font-size:10px;letter-spacing:.06em;color:var(--clay)}.atelier-site .home-library-list h3{font-size:clamp(28px,2.7vw,40px);line-height:1.08;margin:20px 0 15px}.home-library-list p{font-size:13px;line-height:1.8;max-width:40ch}.home-library-list a:hover h3{color:var(--clay)}
@media(hover:hover) and (pointer:fine){.home-brochure-cover:hover{transform:rotate(-2deg) rotateY(0)}}
@media(max-width:1000px){.home-founder-layout{gap:7%}.home-founder-copy{padding-left:0}.home-archive{gap:6%}.home-archive-art{min-height:470px;padding:35px}.home-founder-photos .home-story-person{margin-top:-40px;margin-right:0}}
@media(max-width:760px){.home-industries,.home-responsibility,.home-library{padding-block:65px}.home-industries .section-head,.home-responsibility .section-head{margin-bottom:30px}.home-founder-head,.home-founder-layout,.home-responsibility-layout,.home-archive,.home-library-grid{grid-template-columns:1fr;gap:35px}.home-founder-head{margin-bottom:35px}.atelier-site .home-founder-head h2{font-size:45px}.home-founder-copy>p{font-size:14px;line-height:1.8}.home-founder-name strong{font-size:39px}.home-founder-photos{margin-top:10px}.home-founder-photos .home-story-person{margin-top:-30px}.home-responsibility-layout>.client-photo{position:relative;top:auto}.home-responsibility-layout>.client-photo img{aspect-ratio:1.2}.home-responsibility-points>article{padding:22px 0 30px}.home-responsibility p{font-size:13px}.home-responsibility-points h3 br{display:none}.home-archive-art{min-height:440px;padding:35px 45px}.home-brochure-cover{max-width:240px}.home-archive-copy>p:not(.eyebrow){font-size:14px}.home-library .section-head{display:block;margin-bottom:35px}.home-library .section-head>.textlink{display:inline-block;margin-top:22px}.home-library-grid{gap:45px}.home-library-feature img{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.home-industry-scene img,.home-brochure-cover{transition:none}.home-industry-scene:hover img{transform:none}.home-brochure-cover,.home-brochure-cover:hover{transform:none}.home-responsibility-layout>.client-photo{position:relative;top:auto}}