/* Arclune company website: warm daylight, mineral green and restrained brass. */
:root {
  --ivory: oklch(97% .018 86);
  --linen: oklch(93% .029 83);
  --sage: oklch(86% .045 144);
  --forest: oklch(31% .048 155);
  --cedar: oklch(43% .074 158);
  --body-ink: oklch(43% .034 151);
  --brass: oklch(47% .065 79);
}
body {background:var(--ivory)}
.header-links {display:flex;gap:32px;align-items:center}
.masthead-right {gap:32px}
.masthead .header-contact {border-bottom:1px solid currentColor;padding:8px 0}
.masthead a {transition:color .25s ease}
.masthead a:hover {color:#e1ce9f}
.masthead.on-paper,.menu-open .masthead {color:var(--forest)}
.masthead.on-paper::before {background:linear-gradient(var(--ivory) 65%,oklch(97% .018 86 / 0))}
.masthead.on-paper .brand img,.menu-open .masthead .brand img {filter:brightness(0)}
.masthead.on-paper a:hover,.menu-open .masthead a:hover {color:var(--brass)}
.menu-open .masthead::before {background:none}
.menu-panel {background:var(--sage);color:var(--forest)}
.menu-panel nav {gap:12px}
.menu-panel nav a {font-size:clamp(42px,6vw,76px)}
.menu-panel nav a:hover {color:var(--brass)}
.menu-panel-bottom {color:var(--body-ink)}
.company-intro {background:var(--ivory);color:var(--forest);padding-top:105px;padding-bottom:75px}
.company-intro-main {display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}
.company-intro h2 {font:clamp(38px,4.6vw,67px)/1.12 Gloock,serif;letter-spacing:-.035em}
.company-intro-main>p {font-size:16px;line-height:1.9;color:var(--body-ink);max-width:490px}
.backing {display:flex;align-items:center;gap:24px;border-top:1px solid oklch(31% .048 155 / .17);margin-top:60px;padding-top:30px}
.backing>span {font-size:11px;color:var(--body-ink)}
.backing img {width:132px;height:auto;filter:brightness(0);opacity:.83}
.systems {background:var(--ivory);color:var(--forest)}
.product-row {display:grid;grid-template-columns:1fr 1.25fr;align-items:center;overflow:hidden}
.product-row--rover {background:var(--sage)}
.product-copy {padding:70px 50px 70px var(--gutter)}
.product-copy h2 {font:clamp(42px,4.8vw,72px)/1.06 Gloock,serif;letter-spacing:-.04em;margin-bottom:28px}
.product-copy>p:not(.eyebrow) {font-size:15px;line-height:1.9;max-width:445px;color:var(--body-ink)}
.product-image {margin:0;overflow:hidden;position:relative}
.product-image img {display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(1.08)}
.product-row--rover .product-image {height:640px;aspect-ratio:auto;max-width:none;background:#152019}
.product-row--rover .product-image img {object-position:59% center}
.product-row--manufacturing {grid-template-columns:1fr 1fr;gap:9vw;padding:95px var(--gutter);background:var(--ivory)}
.product-row--manufacturing .product-copy {padding:30px 0}
.product-row--manufacturing .product-image {max-width:570px;width:100%;height:620px}
.product-row--manufacturing .product-image img {object-position:center 59%}
.inline-link {display:inline-flex;align-items:center;gap:40px;margin-top:34px;padding:13px 0;border-bottom:1px solid var(--forest);font-size:13px;color:var(--forest);transition:color .3s}
.inline-link span {transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.inline-link:hover {color:var(--brass)}
.inline-link:hover span {transform:translate(4px,-4px)}
.worksite {background:var(--linen);color:var(--forest)}
.application-heading {display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;padding-top:105px;padding-bottom:60px}
.application-heading h2 {font:clamp(40px,4.7vw,70px)/1.08 Gloock,serif;letter-spacing:-.04em}
.application-heading>p {max-width:430px;font-size:15px;line-height:1.9;color:var(--body-ink)}
.landscape-window {aspect-ratio:2.08}
.landscape-image {filter:brightness(1.08) saturate(1.04)}
.worksite-panorama figcaption {font-size:11px;letter-spacing:0;text-transform:none;color:var(--body-ink);margin-top:20px;display:block}
.application-fields {display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding-top:55px;padding-bottom:95px}
.application-fields article {padding-top:25px;border-top:1px solid oklch(31% .048 155 / .23)}
.application-fields h3 {font-size:24px;line-height:1.35;letter-spacing:-.03em;margin-bottom:14px}
.application-fields p {font-size:14px;line-height:1.85;color:var(--body-ink);max-width:340px}
.people {background:var(--ivory);color:var(--forest);padding-top:105px;padding-bottom:110px}
.people-top h2 {font-size:clamp(42px,4.8vw,70px);line-height:1.1}
.people-top>p {font-size:15px;line-height:1.9;color:var(--body-ink)}
.portrait img {filter:grayscale(.12);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s}
.portrait:hover img {filter:grayscale(0)}
.person-role,.person-bio,.advisor>p:not(.eyebrow) {color:var(--body-ink)}
.person-bio {font-size:14px;line-height:1.85}
.person h3 {font-size:clamp(23px,2.2vw,33px)}
.person-profile {display:inline-flex;gap:18px;font-size:11px;margin-top:13px;padding:4px 0;border-bottom:1px solid oklch(31% .048 155 / .35);transition:color .25s}
.person-profile:hover,.advisor a:hover {color:var(--brass)}
.person-logos img {filter:none;opacity:.9}
.advisor-photo {border-radius:2px;width:115px}
.advisor-photo img {filter:grayscale(.12)}
.advisor {border-color:oklch(31% .048 155 / .2)}
.contact {background:var(--cedar);color:var(--ivory);padding:100px var(--gutter) 80px}
.contact .eyebrow {color:oklch(87% .04 104)}
.contact h2 {font-size:clamp(64px,8.6vw,128px);line-height:1.02;letter-spacing:-.04em}
.contact-bottom {border-color:oklch(97% .018 86 / .3);margin-top:55px}
.contact-bottom>p {color:oklch(91% .02 107);font-size:14px;line-height:1.85;max-width:350px}
.contact-mail {font-size:clamp(21px,2.5vw,36px);border-color:oklch(97% .018 86 / .45)}
.footer {background:var(--ivory);color:var(--forest);border:0;padding-top:55px}
.footer p,.footer address,.footer-baseline {color:var(--body-ink);font-size:11px}
.footer-links {gap:25px;font-size:12px}
.footer a:hover {color:var(--brass)}
.footer-baseline {border-top:1px solid oklch(31% .048 155 / .16);padding-top:25px;margin-top:40px}
.chapter-summary {background:var(--ivory);color:var(--forest)}
.chapter-summary details {border-bottom:1px solid oklch(31% .048 155 / .2);padding:25px 0}
.chapter-summary summary {cursor:pointer;font-size:14px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.chapter-summary summary::-webkit-details-marker {display:none}
.chapter-summary summary span {transition:transform .3s}
.chapter-summary details[open] summary span {transform:rotate(45deg)}
.operations-transcript {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding-top:25px}
.chapter-summary .operations-transcript article {padding:0;max-width:500px}
.chapter-summary .operations-transcript h3 {font-size:24px;line-height:1.3}
.chapter-summary .operations-transcript p:not(.eyebrow) {color:var(--body-ink);font-size:14px;line-height:1.9}
@media(min-width:901px){.menu-trigger{display:none}}
@media(max-width:1050px){
  .product-copy{padding-right:30px}.product-copy h2{font-size:48px}.product-copy>p:not(.eyebrow){font-size:14px}
  .product-row--rover .product-image{height:610px}.product-row--manufacturing{gap:7vw}.product-row--manufacturing .product-image{height:530px}
  .header-links{gap:24px}.masthead-right{gap:24px}.application-heading h2{font-size:48px}.application-heading{gap:6%}
}
@media(max-width:900px){
  .header-links{display:none}.masthead-right .header-contact{display:block}
  .company-intro-main{grid-template-columns:1fr;gap:30px}.company-intro-main>p{max-width:600px}
  .product-row{grid-template-columns:1fr}.product-copy{padding:70px var(--gutter) 55px}.product-copy>p:not(.eyebrow){max-width:620px}
  .product-row--rover .product-image{height:520px;margin:0 var(--gutter) 65px}.product-row--rover .product-image img{object-position:center 62%}
  .product-row--manufacturing{grid-template-columns:1fr 1fr;gap:5vw;padding-top:70px;padding-bottom:70px}.product-row--manufacturing .product-copy{padding:0}.product-row--manufacturing .product-image{height:500px}
  .product-row--manufacturing .product-copy h2{font-size:43px}.application-heading{grid-template-columns:1fr;gap:28px}.application-heading>p{max-width:610px}
  .application-fields{gap:4%}.application-fields h3{font-size:21px}.application-fields p{font-size:13px}
}
@media(max-width:600px){
  .masthead-right .header-contact{display:none}.menu-panel nav a{font-size:46px}.menu-panel-bottom{font-size:12px}
  .company-intro{padding-top:70px;padding-bottom:50px}.company-intro h2{font-size:40px}.company-intro-main>p{font-size:15px;line-height:1.85}.backing{margin-top:35px;padding-top:25px}.backing img{width:120px}
  .product-copy{padding:60px var(--gutter) 40px}.product-copy h2{font-size:49px}.product-copy>p:not(.eyebrow){font-size:14px}
  .product-row--rover .product-image{height:365px;margin:0}.product-row--rover .product-image img{object-position:58% center}
  .product-row--manufacturing{display:flex;flex-direction:column-reverse;gap:36px;padding:65px var(--gutter)}.product-row--manufacturing .product-copy h2{font-size:49px}.product-row--manufacturing .product-image{width:100%;height:420px;max-width:none}
  .application-heading{padding-top:65px;padding-bottom:38px}.application-heading h2{font-size:42px}.application-heading>p{font-size:14px}.landscape-window{aspect-ratio:1.15}
  .application-fields{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:65px}.application-fields h3{font-size:25px}.application-fields p{font-size:14px;max-width:none}.application-fields article{padding-top:20px}
  .people{padding-top:65px;padding-bottom:70px}.people-top h2{font-size:43px}.people-top>p{font-size:14px}.people-top{margin-bottom:40px}.team-layout{grid-template-columns:1fr;gap:45px}.portrait{aspect-ratio:1.15}.person h3{font-size:29px}.person-role{font-size:10px;margin-top:20px}.person-bio{font-size:14px;max-width:340px}.person-logos{margin-top:18px}.person-logos img{max-width:80px;max-height:28px}
  .advisor{grid-column:auto;grid-template-columns:80px 1fr;gap:8px 20px}.advisor-photo{width:80px;grid-row:1 / span 4}.advisor .eyebrow{grid-column:2;grid-row:1}.advisor h3{grid-column:2;grid-row:2}.advisor>p:not(.eyebrow){grid-column:2;grid-row:3}.advisor .text-link{grid-column:2;grid-row:4;margin-top:4px;justify-self:start}
  .contact{padding-top:65px;padding-bottom:60px}.contact h2{font-size:59px}.contact-bottom{margin-top:35px}.contact-bottom>p{font-size:14px}.contact-mail{font-size:22px}.footer{padding-top:42px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-links{gap:18px}.footer-location{grid-column:1 / -1;text-align:left}.footer-baseline{flex-wrap:wrap;gap:24px 15px}.footer-baseline nav{gap:18px}.footer-baseline>a{width:100%}
  .operations-transcript{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .inline-link:hover span{transform:none}}

.masthead.on-paper::before{inset:0;background:var(--ivory);border-bottom:1px solid oklch(31% .048 155 / .1)}.menu-open .masthead::before{inset:0;background:var(--sage);border:0}