/* About page: native disclosures work with keyboard and without JavaScript. */
.about-hero-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 25%,#426c4a 0,transparent 52%),linear-gradient(120deg,#162e24,#244833);color:#fbf9ed;overflow:hidden;border-bottom:1px solid #83997d}
.about-hero-shell:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 119px,#d8e4c208 120px,transparent 121px)}
.about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;min-height:740px;padding-block:64px 76px;position:relative}
.about-hero-copy{position:relative;z-index:2}.about-hero-copy .eyebrow{color:#c4d1b6;display:flex;gap:14px;align-items:center}.about-hero-copy .eyebrow:before{content:'';height:1px;width:30px;background:#c4d1b6}
.about-hero-copy .nata-h1{max-width:650px;font-size:clamp(46px,5.7vw,82px);margin-bottom:28px;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.about-lead{max-width:580px;color:var(--muted);font-size:17px;line-height:1.9;margin-bottom:30px}
.about-hero-copy .about-lead{color:#d5dfce;font-size:16px;max-width:480px}
.about-hero-art{position:relative;margin:0;min-width:0}
.about-scene{position:relative;perspective:1100px;aspect-ratio:1/1.12;--tilt-x:0deg;--tilt-y:0deg}
.about-scene-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease-out}
.about-image-frame{position:absolute;inset:8% 10% 15%;border:8px solid #f7f6e6;border-radius:36px 36px 90px 36px;background:#e8eddd;transform:translateZ(80px) rotateY(-13deg) rotateZ(5deg);box-shadow:18px 28px 45px #0e211954,3px 4px 0 #bbc8a3;overflow:hidden}
.about-cover{height:100%;width:100%;object-fit:cover}.about-illustration{object-fit:contain;padding:16px;background:linear-gradient(135deg,#eaf0dc,#d4dfbd)}
.about-hero-art figcaption{text-align:center;font-style:italic;font-size:12px;margin:18px auto 0;color:#d1dcc6;max-width:90%}
.about-scene-plinth{position:absolute;width:82%;height:12%;bottom:0;left:9%;border-radius:50%;background:linear-gradient(165deg,#8d9d74,#354b33 52%,#132b21);box-shadow:0 18px 35px #0a1c1866,inset 0 2px 0 #d6e2bb66;transform:rotateX(55deg) translateZ(-15px)}
.about-scene-ring{position:absolute;width:104%;height:48%;left:-2%;top:32%;border:1px solid #bfd1a557;border-radius:50%;pointer-events:none}
.about-scene-ring-back{transform:rotateZ(-29deg) rotateX(54deg) translateZ(-35px)}
.about-scene-ring-front{width:93%;left:3.5%;top:42%;border-top-color:transparent;border-left-color:transparent;transform:rotateZ(24deg) rotateX(56deg) translateZ(110px)}
.about-orbit{position:absolute;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;box-shadow:9px 14px 22px #0e21194d;pointer-events:none;border:1px solid #ffffff3b}
.about-orbit svg{width:32px;height:32px}.about-orbit-one{right:0;top:6%;color:#27462f;background:linear-gradient(140deg,#eff3d8,#b5c897);transform:translateZ(145px) rotateZ(-12deg);animation:nata-orbit-float 6s ease-in-out infinite}
.about-orbit-two{left:0;bottom:13%;width:58px;height:58px;background:linear-gradient(140deg,#60835b,#294c35);color:#eff3d8;transform:translateZ(120px) rotateZ(16deg);animation:nata-orbit-float 7s ease-in-out -3s infinite}
@keyframes nata-orbit-float{50%{translate:0 -12px}}
.about-story{padding-block:72px;background:var(--sage);border-block:1px solid var(--line)}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.about-story-grid p:not(.eyebrow){font-size:17px;line-height:1.9;text-align:justify}
.about-story blockquote{font:italic 27px/1.5 var(--serif);border-left:2px solid #8d9e7a;margin:30px 0 0;padding-left:24px}
.about-extra{max-width:900px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin-top:36px}
.about-value{border:1px solid #cbd5c1;background:#f0f2e9;border-radius:6px;transition:background .2s,box-shadow .2s}
.about-value[open]{background:#e5ebdc;box-shadow:0 12px 28px #203d3009}
.about-value summary{padding:28px;font:26px/1.25 var(--serif);list-style:none;cursor:pointer;position:relative;padding-right:52px}
.about-number{display:block;font:12px/1 var(--sans);letter-spacing:.15em;margin-bottom:36px;color:var(--muted)}
.about-disclosure{display:inline-block;width:18px;height:18px;position:relative;flex-shrink:0}
.about-disclosure:before,.about-disclosure:after{content:'';position:absolute;background:currentColor;inset:8px 2px auto;height:1px}
.about-disclosure:after{transform:rotate(90deg);transition:transform .2s}
details[open]>summary .about-disclosure:after{transform:rotate(0)}
.about-value summary .about-disclosure{position:absolute;right:25px;bottom:32px}
.about-value-body{padding:0 28px 28px;line-height:1.8;color:var(--muted)}
.about-value-body>svg{width:30px;height:30px;color:var(--green);margin-top:12px}
.nata-about summary::-webkit-details-marker{display:none}
.about-team{background:#f0f2eb}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}
.about-person{min-width:0;background:var(--cream);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.about-person-photo .author-portrait{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:0}
.about-person-photo .author-placeholder{display:grid;place-items:center;background:#e1e7d8}
.about-person-copy{padding:25px}.about-person-copy .nata-h3{margin-bottom:8px}.about-person-copy>p{font-size:14px;color:var(--muted)}
.about-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}
.about-faq details{border-bottom:1px solid #cdd6c4;padding-block:22px}.about-faq details:first-child{border-top:1px solid #cdd6c4}
.about-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-weight:600;list-style:none}
.about-faq details p{margin-top:18px;margin-bottom:0;color:var(--muted);line-height:1.85}
.about-cta{background:var(--forest);color:var(--cream);padding:76px 0;text-align:center;border-bottom:1px solid #ffffff26}
.about-cta .container{max-width:790px}.about-cta .container>svg{width:35px;height:35px;margin-bottom:24px}.about-cta p{color:#d6dfcd;margin-bottom:28px}
@media(hover:hover){.about-value:hover{background:#e5ebdc}.about-person-photo img{transition:transform .5s}.about-person-photo{overflow:hidden}.about-person:hover img{transform:scale(1.035)}}
@media(max-width:900px){.about-hero{gap:40px}.about-values-grid{gap:12px}.about-value summary{padding:22px 40px 22px 22px;font-size:23px}.about-value-body{padding:0 22px 22px}.about-value summary .about-disclosure{right:16px;bottom:24px}.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.about-hero{grid-template-columns:1fr;padding-block:42px 52px;gap:24px;min-height:0}.about-hero-art{max-width:410px;width:100%;margin-inline:auto}.about-scene{aspect-ratio:1/1.08}.about-image-frame{border-width:6px;border-radius:25px 25px 60px 25px}.about-story-grid,.about-values-grid,.about-team-grid,.about-faq{grid-template-columns:1fr;gap:26px}.about-story{padding-block:48px}.about-number{margin-bottom:22px}.about-orbit{width:50px;height:50px}.about-orbit svg{width:25px;height:25px}.about-orbit-two{width:44px;height:44px}.about-cta{padding-block:54px}.about-person-photo .author-portrait{max-height:440px}}
@media(prefers-reduced-motion:reduce){.nata-about *{transition:none!important;animation:none!important}.about-scene-object{transform:none!important}}

/* A cream navigation capsule floats within the continuous opening scene. */
.nata-about-page .site-header{height:0;background:transparent;border:0;color:var(--forest);overflow:visible}
.nata-about-page .header-inner{position:relative;top:24px;width:min(950.4px,calc(90% - 50.4px));min-height:95.04px;padding:10.8px 32.4px;border-radius:999px;background:var(--cream);box-shadow:0 15px 40px #0d251936;justify-content:center;gap:0}
.nata-about-page .primary-nav a{color:var(--forest);font-size:15.6px;padding-block:16.8px}
.nata-about-page .primary-nav a:hover,.nata-about-page .primary-nav .current-menu-item>a{color:#50734a}
.nata-about-page .primary-nav>.menu,.nata-about-page .primary-nav>div>.menu{gap:31.2px}
.nata-about-page .site-header .icon-button,.nata-about-page .site-header .submenu-toggle{color:var(--forest)}
.nata-about-page .site-header :focus-visible{outline-color:#a65b25}
.nata-about-page .header-actions{display:none}
.nata-about-page .about-hero{padding-top:172px;min-height:848px}
@media(max-width:1100px){.nata-about-page .primary-nav>.menu,.nata-about-page .primary-nav>div>.menu{gap:19.2px}}
@media(max-width:900px){.nata-about-page .header-inner{min-height:84.24px;padding:14.4px 23.4px;border-radius:37.8px}.nata-about-page .header-actions{display:flex;margin:0;justify-content:center;width:100%}.nata-about-page .menu-toggle{gap:12px;font-size:16.8px}.nata-about-page .primary-nav{width:100%;max-height:60vh}.nata-about-page .primary-nav a{padding-block:12px}.nata-about-page .primary-nav>.menu,.nata-about-page .primary-nav>div>.menu{gap:0}.nata-about-page .site-header .sub-menu a{padding-block:8px}}
@media(max-width:600px){.nata-about-page .header-inner{top:18px;width:calc(90% - 32.4px);min-height:79.92px;border-radius:39.6px}.nata-about-page .about-hero{padding-top:152px;min-height:0}}
html:not(.nata-js) .nata-about-page .site-header{height:auto;padding-top:24px;background:#244833}
html:not(.nata-js) .nata-about-page .header-inner{top:0}
html:not(.nata-js) .nata-about-page .menu-toggle{display:none}

/* Manually selected project, process and space galleries. */
.about-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.about-gallery-heading>.nata-h2{margin:0}
.about-projects-slider{position:relative}
.about-projects-controls button{position:absolute;top:var(--projects-control-top,50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #becbb6;background:var(--cream);color:var(--forest);border-radius:50%;font-size:22px;line-height:1;box-shadow:0 4px 14px #203d3026;cursor:pointer}
.about-projects-controls [data-projects-prev]{left:0;transform:translate(-50%,-50%)}.about-projects-controls [data-projects-next]{right:0;transform:translate(50%,-50%)}.about-projects-controls button:hover{background:var(--sage)}
.about-projects-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a9b99e transparent;padding-bottom:14px;overscroll-behavior-x:contain}
.about-project-photo{flex:0 0 62%;min-width:0;margin:0;scroll-snap-align:start}.about-project-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.about-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}.about-process-step{border-top:1px solid #bac9af;padding-top:24px}.about-process-step .about-number{margin-bottom:20px}.about-process-step p{font-size:15px;line-height:1.85;color:var(--muted)}
.about-process-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.about-process-photo{margin:0;min-width:0}.about-process-photo img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:5px}
.about-masonry{columns:3;column-gap:22px;margin-top:36px}.about-space-photo{break-inside:avoid;margin:0 0 22px;display:inline-block;width:100%;vertical-align:top}.about-space-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.about-space-photo:nth-child(3n+2) img{aspect-ratio:4/3}.about-space-photo:nth-child(4n) img{aspect-ratio:1}
.about-project-photo figcaption,.about-process-photo figcaption,.about-space-photo figcaption{text-align:center;font-style:italic;font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}
@media(max-width:900px){.about-gallery-heading{align-items:flex-start;flex-direction:column}.about-process-grid{gap:20px}.about-process-gallery{gap:16px}.about-masonry{columns:2;column-gap:16px}.about-space-photo{margin-bottom:16px}.about-project-photo{flex-basis:80%}}
@media(max-width:600px){.about-projects-slider{margin-inline:4px}.about-process-grid{grid-template-columns:1fr;gap:16px}.about-process-step{padding-top:18px}.about-process-step .about-number{margin-bottom:12px}.about-process-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-masonry{columns:2;column-gap:12px}.about-space-photo{margin-bottom:12px}.about-projects-track{gap:14px}.about-project-photo{flex-basis:90%}.about-project-photo figcaption,.about-process-photo figcaption,.about-space-photo figcaption{font-size:12px}}

/* Process photos belong to their own step, directly beneath its copy. */
.about-step-gallery{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
@media(max-width:600px){.about-step-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-step-gallery .about-process-photo:only-child{grid-column:1/-1}}