@scope (.theme-native-page) {
@font-face{font-family:Kuooc About Sans;src:url('kuooc-about-dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Kuooc About Sans;src:url('kuooc-about-dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Kuooc About Sans;src:url('kuooc-about-dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Kuooc About Serif;src:url('kuooc-about-lora-400.ttf') format('truetype');font-weight:400;font-display:swap}
.kuooc-about{--ink:#342b25;--brown:#4b382b;--sand:#e9e3d9;--cream:#f7f5f0;--muted:#736b62;--line:#d8d2c9;--serif:"Kuooc About Serif",Georgia,serif;--sans:"Kuooc About Sans",Arial,sans-serif}
.kuooc-about *{box-sizing:border-box}
.kuooc-about{margin:0;color:var(--ink);background:var(--cream);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.kuooc-about a{color:inherit;text-decoration:none}
.kuooc-about button,.kuooc-about input{font:inherit}
.kuooc-about button{cursor:pointer}
.kuooc-about img{display:block;width:100%;height:100%;object-fit:cover}
.kuooc-about h1,.kuooc-about h2,.kuooc-about h3,.kuooc-about p{margin:0}
.kuooc-about h1,.kuooc-about h2{font:400 48px/1.18 var(--serif);letter-spacing:-1.5px}
.kuooc-about h3{font:500 20px/1.35 var(--sans)}
.kuooc-about svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.kuooc-about a:focus-visible,.kuooc-about button:focus-visible,.kuooc-about input:focus-visible{outline:2px solid #9c6c47;outline-offset:5px}
.kuooc-about .hero{position:relative;height:min(53vw,650px);overflow:hidden;background:var(--sand)}
.kuooc-about .hero picture{display:block;height:100%}
.kuooc-about .hero img{object-position:50% 100%}
.kuooc-about .hero:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,rgba(29,21,15,.28));pointer-events:none}
.kuooc-about .hero-caption{position:absolute;z-index:1;bottom:28px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px}
.kuooc-about .hero-caption span:first-child{font-size:10px;letter-spacing:2px}
@media(max-width:1100px){.kuooc-about .hero-caption{left:30px;right:30px}}
@media(max-width:700px){.kuooc-about .hero-caption{bottom:20px;left:22px;right:22px}.kuooc-about .hero-caption span:last-child{font-size:10px}.kuooc-about .hero-caption span:first-child{font-size:9px}}
.kuooc-about .section-pad{padding:100px 0}
.kuooc-about .eyebrow{font-size:10px;font-weight:500;letter-spacing:2.25px;line-height:1.4;margin-bottom:24px}
.kuooc-about .intro{text-align:center;padding-top:88px;padding-bottom:88px}
.kuooc-about .intro h1{font-size:58px}
.kuooc-about .intro-tagline{font-size:17px;margin-top:23px;color:#685d52}
.kuooc-about .intro-copy{max-width:650px;margin:28px auto 29px;color:var(--muted);font-size:15px;line-height:1.8}
.kuooc-about .text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:500;padding:2px 0 6px;border-bottom:1px solid currentColor;line-height:1.4;transition:color .15s}
.kuooc-about .text-link span{font-size:17px;font-weight:400}
.kuooc-about .text-link:hover{color:#9b6843}
.kuooc-about .story-row{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.kuooc-about .story-image{min-height:0;overflow:hidden}
.kuooc-about .story-image img{transition:transform 1s ease}
.kuooc-about .story-row:hover .story-image img{transform:scale(1.015)}
.kuooc-about .reception-story{background:#e8e2d7}
.kuooc-about .reception-story .story-image{height:660px}
.kuooc-about .reception-story .story-image img{object-position:50% 53%}
.kuooc-about .story-copy{padding:72px clamp(40px,6.2vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.kuooc-about .story-copy h2{font-size:46px;margin-bottom:27px}
.kuooc-about .story-copy>p:not(.eyebrow){max-width:445px;font-size:14px;line-height:1.85;color:#685e53;margin-bottom:22px}
.kuooc-about .story-copy .story-lines{font-size:17px!important;line-height:1.8!important;color:var(--ink)!important;margin-bottom:24px!important}
.kuooc-about .story-copy .text-link{margin-top:7px}
.kuooc-about .detail-story{margin-top:20px;background:#d5c7b4;min-height:580px}
.kuooc-about .detail-story .story-image{height:580px}
.kuooc-about .detail-story .story-image img{object-position:51% 50%}
.kuooc-about .detail-story .story-copy>p:not(.eyebrow){color:#594d40}
.kuooc-about .choice-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;margin:auto;padding-top:110px;padding-bottom:110px}
.kuooc-about .choice-heading h2{font-size:35px;letter-spacing:-.8px}
.kuooc-about .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.kuooc-about .choice-grid article{border-top:1px solid var(--line);padding-top:20px}
.kuooc-about .choice-number{color:#a99c8d;font-family:var(--serif);font-size:22px}
.kuooc-about .choice-grid h3{font-size:15px;margin-top:25px;margin-bottom:14px}
.kuooc-about .choice-grid p{font-size:12px;line-height:1.8;color:var(--muted)}
.kuooc-about .choice-grid .text-link{font-size:11px;gap:12px;margin-top:18px}
.kuooc-about .spaces-section{background:#efede7;padding-top:82px;padding-bottom:90px}
.kuooc-about .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:0 auto 38px}
.kuooc-about .section-heading h2{font-size:39px;letter-spacing:-1px}
.kuooc-about .section-heading .eyebrow{margin-bottom:17px}
.kuooc-about .section-heading>.text-link{white-space:nowrap;margin-bottom:5px}
.kuooc-about .space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:auto}
.kuooc-about .space-image{aspect-ratio:4/3;overflow:hidden}
.kuooc-about .space-image img{transition:transform .65s}
.kuooc-about .space-card:hover img{transform:scale(1.04)}
.kuooc-about .space-card-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.kuooc-about .space-card h3{font-size:19px;font-family:var(--serif);font-weight:400}
.kuooc-about .space-card-label>span{font-size:22px}
.kuooc-about .space-card p{font-size:12px;color:var(--muted);margin-top:8px}
.kuooc-about .closing{text-align:center;background:var(--brown);color:#f5eee4;padding-top:100px;padding-bottom:100px}
.kuooc-about .closing .eyebrow{color:#c8b7a2}
.kuooc-about .closing h2{font-size:62px;line-height:1.12}
.kuooc-about .closing>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#d4c8b9;margin-top:26px}
.kuooc-about .closing-actions{display:flex;justify-content:center;gap:15px;margin-top:33px}
.kuooc-about .button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;min-height:50px;padding:14px 23px;font-size:12px;line-height:1.5;transition:background .2s,color .2s}
.kuooc-about .button span{font-size:18px}
.kuooc-about .button-light{background:#f4efe5;color:#4b382b;border:1px solid #f4efe5}
.kuooc-about .button-light:hover{background:#dfd3c2}
.kuooc-about .button-outline{border:1px solid #a99179;color:#f4efe5}
.kuooc-about .button-outline:hover{background:#67503b}
@media(min-width:1800px){
.kuooc-about .hero{height:730px}
.kuooc-about .story-copy h2{font-size:56px}
.kuooc-about .story-copy>p:not(.eyebrow){font-size:16px}
.kuooc-about .reception-story .story-image{height:760px}
.kuooc-about .detail-story .story-image{height:680px}
}
@media(max-width:1100px){
.kuooc-about .section-pad{padding-left:0;padding-right:0}
.kuooc-about .story-copy{padding:50px 40px}
.kuooc-about .story-copy h2{font-size:36px}
.kuooc-about .story-row{min-height:530px}
.kuooc-about .reception-story .story-image{height:580px}
.kuooc-about .detail-story .story-image{height:550px}
.kuooc-about .choice-section{grid-template-columns:1fr;gap:42px}
.kuooc-about .choice-heading h2 br{display:none}
.kuooc-about .choice-grid{gap:35px}
.kuooc-about .section-heading h2{font-size:33px}
}
@media(max-width:700px){
.kuooc-about h1,.kuooc-about h2{letter-spacing:-1px}
.kuooc-about .hero{height:480px}
.kuooc-about .hero img{object-position:50% 50%}
.kuooc-about .section-pad{padding:65px 0}
.kuooc-about .intro{padding-top:62px;padding-bottom:60px}
.kuooc-about .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:19px}
.kuooc-about .intro h1{font-size:37px;max-width:340px;margin:auto;line-height:1.2}
.kuooc-about .intro-tagline{font-size:14px;margin-top:18px}
.kuooc-about .intro-copy{font-size:13px;line-height:1.85;margin:24px auto;max-width:320px}
.kuooc-about .desktop-break{display:none}
.kuooc-about .story-row{grid-template-columns:1fr;min-height:0}
.kuooc-about .reception-story .story-image{height:420px}
.kuooc-about .story-copy{padding:53px 26px}
.kuooc-about .story-copy h2{font-size:35px;margin-bottom:25px}
.kuooc-about .story-copy>p:not(.eyebrow){font-size:13px;margin-bottom:19px}
.kuooc-about .story-copy .story-lines{font-size:16px!important}
.kuooc-about .detail-story{margin-top:12px}
.kuooc-about .detail-story .story-image{grid-row:1;height:340px}
.kuooc-about .choice-section{gap:30px;padding-top:63px;padding-bottom:65px}
.kuooc-about .choice-heading h2{font-size:29px;line-height:1.3}
.kuooc-about .choice-heading h2 br{display:block}
.kuooc-about .choice-grid{grid-template-columns:1fr;gap:28px}
.kuooc-about .choice-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:18px;padding-top:18px}
.kuooc-about .choice-number{grid-row:1/4;font-size:22px}
.kuooc-about .choice-grid h3{margin:2px 0 10px;font-size:15px}
.kuooc-about .choice-grid p{font-size:13px;max-width:320px}
.kuooc-about .choice-grid .text-link{justify-self:start;font-size:12px;margin-top:15px}
.kuooc-about .section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:29px}
.kuooc-about .section-heading h2{font-size:30px;max-width:300px}
.kuooc-about .section-heading .eyebrow{margin-bottom:16px}
.kuooc-about .space-grid{grid-template-columns:1fr;gap:34px}
.kuooc-about .space-card-label{margin-top:15px}
.kuooc-about .space-card h3{font-size:21px}
.kuooc-about .space-card p{font-size:13px;margin-top:6px}
.kuooc-about .closing{padding-top:68px;padding-bottom:68px}
.kuooc-about .closing h2{font-size:45px}
.kuooc-about .closing>p:not(.eyebrow){font-size:13px;margin-top:22px}
.kuooc-about .closing-actions{flex-direction:column;gap:12px;align-items:center;margin-top:28px}
.kuooc-about .button{width:265px;font-size:12px;min-height:50px}
}
@media(prefers-reduced-motion:reduce){.kuooc-about *, .kuooc-about *:before, .kuooc-about *:after{transition:none!important}}
.kuooc-about h1,.kuooc-about h2,.kuooc-about h3 {color:inherit;text-transform:none}
.kuooc-about .intro-copy p {margin:0}
.kuooc-about .story-image picture,.kuooc-about .space-image picture {display:block;height:100%}
.kuooc-about .story-copy>div {max-width:445px;font-size:14px;line-height:1.85;color:#685e53}
.kuooc-about .story-copy>div p {margin-bottom:22px}
.kuooc-about .detail-story .story-copy>div {color:#594d40}
.kuooc-about .story-copy .story-lines p {margin:0}
.kuooc-about .choice-grid .text-link {grid-column:2}
.kuooc-about .closing-actions .button {height:auto;border-color:#a99179!important}
.kuooc-about #our-approach,.kuooc-about #spaces {scroll-margin-top:calc(var(--header-height,80px) + 20px)}
@media (min-width:1800px){.kuooc-about .story-copy>div{font-size:16px}}
@media (max-width:700px){.kuooc-about .story-copy>div{font-size:13px}.kuooc-about .intro-copy br{display:none}}

/* Keep the workspace cards inset from their section background at every size. */
.kuooc-about .spaces-section.section-pad{padding-inline:48px}
@media(max-width:1100px){.kuooc-about .spaces-section.section-pad{padding-inline:30px}}
@media(max-width:700px){.kuooc-about .spaces-section.section-pad{padding-inline:22px}}

}