.os-feature{background:var(--paper);border-top:1px solid var(--line);padding:135px 7.2%}
.work-filters>a{display:inline-flex;align-items:center;gap:7px;color:var(--gold);padding:0 0 15px;font-size:13px;border-bottom:1px solid transparent}.work-filters>a:hover{border-bottom-color:var(--gold)}
.os-feature-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:60px}
.os-feature-heading h2{font-size:clamp(58px,6.4vw,98px);letter-spacing:-.045em;line-height:.98;margin-top:23px}
.os-lead-copy>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:530px}
.os-lead-copy strong{color:var(--ink);font-weight:500}.os-feature-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:15px}
.os-feature-actions .text-link{font-size:12px;gap:19px}.os-mark{font-family:var(--sans);font-size:.24em;letter-spacing:.04em;border:1px solid var(--gold);padding:.16em .26em;vertical-align:middle;display:inline-block;transform:translateY(-.15em);color:var(--gold);font-weight:500}
.os-showcase{margin:0;background:var(--bg);border:1px solid var(--line)}.os-showcase-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:20px}.os-showcase-header>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.os-view-tabs{display:flex;gap:25px}.os-view-tabs button{background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);padding:7px 0;font-size:12px}.os-view-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}
.os-view-panel[hidden]{display:none}.os-view-panel{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;background:var(--paper)}.os-view-image{padding:28px;background:var(--surface)}.os-view-image img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 14px 35px #0000000f}.os-view-copy{padding:35px}.os-view-copy h3{font-size:40px;line-height:1.1;margin:18px 0}.os-view-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.os-example-caption{font-size:11px;color:var(--muted);padding:15px 25px;line-height:1.7;border-top:1px solid var(--line)}
.os-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0 0}.os-benefits article{border-top:1px solid var(--line);padding-top:26px}.os-benefits h3{font-size:31px;line-height:1.1;margin-bottom:18px}.os-benefits p{font-size:14px;line-height:1.9;color:var(--muted)}
.os-workflow{margin-top:80px;padding-top:65px;border-top:1px solid var(--line)}.os-workflow>h3{font-size:45px;line-height:1.1;margin:16px 0 35px}.os-workflow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;counter-reset:os-step}.os-workflow li{counter-increment:os-step}.os-workflow li:before{content:'0' counter(os-step);display:block;font-size:12px;color:var(--gold);margin-bottom:20px}.os-workflow h4{font-weight:500;font-size:16px;margin:0 0 13px}.os-workflow li p{font-size:14px;color:var(--muted);line-height:1.85}
.os-feature-footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:35px}.os-feature-footer>p{max-width:550px;color:var(--muted);font-size:12px;line-height:1.8}.os-feature-footer .text-link{flex-shrink:0}
.website-portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 0}.website-portfolio-cta>p{font-size:14px;color:var(--muted);max-width:400px}.website-portfolio-cta .gold-button{font-size:13px;gap:30px}
.site-header .nav-os{color:#c9b48c}.website-page .site-header{height:84px}.website-page main{padding-top:84px}.website-page .mobile-nav{top:84px}
.website-page-intro{padding:105px 7.2% 75px;background:var(--bg);display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:end}.website-page-intro h1{font-size:clamp(60px,7.5vw,112px);letter-spacing:-.045em;line-height:.95;margin:24px 0 0}.website-page-intro .intro-right>p{font-size:15px;color:var(--muted);line-height:1.95}.website-page-intro .intro-right .text-link{font-size:13px}
.website-os-banner{margin:0;padding:30px 7.2%;background:var(--deep);color:#fcf9f2;display:flex;justify-content:space-between;align-items:center;gap:35px}.website-os-banner strong{font-family:var(--serif);font-size:28px;font-weight:400}.website-os-banner p{font-size:13px;color:#e0d9d0;max-width:620px;line-height:1.8;margin-top:6px}.website-os-banner a{font-size:12px;flex-shrink:0;color:var(--soft);border-bottom:1px solid var(--soft);padding-bottom:7px}
.website-collection{padding:80px 7.2% 115px;background:var(--paper)}.website-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:24px}.website-filters{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:740px}.website-filters button{border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);padding:8px 0;font-size:12px}.website-filters button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.website-search{min-width:190px;max-width:250px}.website-search label{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.website-search input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:0;font-size:13px}.website-count{font-size:11px;color:var(--muted);margin:22px 0 35px}
.website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}.website-project[hidden]{display:none}.website-project{min-width:0}.website-project-image{width:100%;border:1px solid var(--line);display:block;padding:0;overflow:hidden;background:var(--surface);aspect-ratio:1.47}.website-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.website-project-image:hover img{transform:scale(1.025)}.website-project h2{font-size:31px;line-height:1.1;letter-spacing:-.02em;margin:22px 0 10px}.website-project>p{font-size:12px;color:var(--muted);line-height:1.7}.website-project-links{display:flex;align-items:center;gap:25px;margin-top:20px}.website-project-links button,.website-project-links a{padding:0 0 7px;font-size:11px;border:0;border-bottom:1px solid var(--gold);background:none;color:var(--gold)}.website-empty{padding:50px 0;font-size:15px;color:var(--muted)}.website-closing{padding:85px 7.2%;background:var(--surface);display:flex;justify-content:space-between;gap:45px;align-items:center}.website-closing h2{font-size:55px;line-height:1.05}.website-closing p{color:var(--muted);font-size:14px;margin-top:20px}.website-closing .gold-button{font-size:13px;gap:30px}
#website-project-dialog{width:min(1100px,92vw);max-width:1100px;max-height:92svh;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:30px}#website-project-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.project-dialog-header{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:22px}.project-dialog-header h2{font-size:39px;line-height:1.1}.project-dialog-header p{font-size:12px;color:var(--muted);margin-top:10px}.project-dialog-close{background:none;border:0;color:var(--gold);font-size:30px;line-height:1;padding:0 5px 10px}.project-dialog-image{width:100%;height:auto;display:block}.project-dialog-live{display:inline-block;font-size:13px;margin-top:23px;padding-bottom:7px;border-bottom:1px solid var(--gold);color:var(--gold)}.project-dialog-live[hidden]{display:none}
@media(max-width:1150px) and (min-width:701px){.site-header .header-cta{display:none}}
@media(max-width:1050px){.os-feature{padding:105px 6%}.os-feature-heading{gap:40px}.os-feature-heading h2{font-size:66px}.os-view-panel{grid-template-columns:1.5fr 1fr}.os-view-copy{padding:25px}.os-view-copy h3{font-size:35px}.os-benefits{gap:28px}.website-page-intro{gap:40px;padding:90px 6% 65px}.website-page-intro h1{font-size:80px}.website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-tools{display:block}.website-search{margin-top:24px;max-width:400px}.website-collection{padding:65px 6% 100px}}
@media(max-width:700px){.os-feature{padding:85px 7%}.os-feature-heading{display:block;margin-bottom:35px}.os-feature-heading h2{font-size:61px;margin:23px 0 30px}.os-lead-copy>p{font-size:15px}.os-feature-actions{gap:8px 22px}.os-showcase-header{display:block;padding:18px}.os-showcase-header>span{display:block;margin-top:10px;font-size:9px}.os-view-tabs{gap:22px}.os-view-tabs button{font-size:11px}.os-view-panel{display:block}.os-view-image{padding:15px}.os-view-copy{padding:28px 24px}.os-view-copy h3{font-size:37px}.os-example-caption{padding:15px 20px;font-size:10px}.os-benefits{grid-template-columns:1fr;gap:32px;margin-top:45px}.os-workflow{margin-top:50px;padding-top:40px}.os-workflow>h3{font-size:40px}.os-workflow ol{grid-template-columns:1fr;gap:30px}.os-workflow li:before{margin-bottom:10px}.os-feature-footer{display:block}.os-feature-footer>p{margin-bottom:16px}.website-portfolio-cta{display:block}.website-portfolio-cta .gold-button{margin-top:24px;justify-content:space-between;width:100%;font-size:12px}.website-page-intro{display:block;padding:65px 7% 50px}.website-page-intro h1{font-size:64px}.website-page-intro .intro-right{margin-top:32px}.website-os-banner{display:block;padding:30px 7%}.website-os-banner a{display:inline-block;margin-top:18px}.website-collection{padding:50px 7% 80px}.website-grid{grid-template-columns:1fr;gap:45px}.website-filters{gap:7px 18px}.website-filters button{font-size:11px}.website-search{max-width:none}.website-project h2{font-size:34px}.website-closing{display:block;padding:65px 7%}.website-closing h2{font-size:47px}.website-closing .gold-button{margin-top:28px}#website-project-dialog{padding:20px;width:94vw}.project-dialog-header h2{font-size:30px}}