:root { color-scheme:light; background:#fbfcfb; color:#202823; }
html,body { margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { direction:rtl; text-align:right; font-family:'IBM Plex Sans Hebrew',Arial,sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
button,input,select,textarea { font:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
img { max-width:100%; }
.review-bar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 24px; padding:10px 24px; background:#edf0ed; border-bottom:1px solid #d6ddd7; font:12px/1.7 Arial,sans-serif; }
.review-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; }
.review-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.review-actions>button { min-height:36px; padding:6px 12px; background:transparent; color:#26352b; border:1px solid #acb9af; border-radius:0; }
.review-actions>#review-copy { background:#26352b; color:#fff; }
.review-display summary { padding:8px 4px; cursor:pointer; }
.review-display .review-controls { padding-block:12px 6px; }
.review-controls label { display:flex; align-items:center; gap:8px; }
.review-controls select,.review-controls button { padding:6px 10px; min-height:34px; border:1px solid #acb9af; border-radius:0; background:transparent; color:#26352b; }
.review-controls button[aria-pressed="true"] { background:#26352b; color:#fff; }
.review-bar :focus-visible { outline:2px solid #486552; outline-offset:3px; }
.preview-frame { container-type:inline-size; width:100%; margin-inline:auto; background:#fbfcfb; }
.preview-frame.is-mobile { max-width:390px; box-shadow:0 0 0 1px #d4dcd5; }
.skip-link { position:absolute; inset-inline-start:12px; top:-100px; z-index:50; padding:12px 18px; background:#202823; color:#fff; }
.skip-link:focus { top:8px; }
.oa-reading-progress { position:fixed; inset:0 0 auto; z-index:40; height:2px; background:#4a6554; transform:scaleX(var(--oa-progress,0)); transform-origin:right; pointer-events:none; }
.oa-site { --oa-paper:#fbfcfb; --oa-ink:#202823; --oa-soft:#59635d; --oa-line:#d6ddd7; --oa-wash:#edf1ed; --oa-font:'IBM Plex Sans Hebrew'; --oa-heading-weight:300; --oa-gutter:clamp(24px,4.4cqw,72px); background:var(--oa-paper); color:var(--oa-ink); font-family:var(--oa-font),Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.8; overflow-wrap:break-word; }
.oa-site h1,.oa-site h2,.oa-site h3 { margin:0; color:inherit; font-family:inherit; font-weight:var(--oa-heading-weight); }
.oa-site h1 { line-height:1.22; letter-spacing:-.025em; text-wrap:balance; }
.oa-site h2 { font-size:clamp(30px,3.1cqw,46px); line-height:1.4; letter-spacing:-.015em; }
.oa-site h3 { font-size:clamp(24px,2.2cqw,31px); line-height:1.5; }
.oa-site p { margin:0; unicode-bidi:plaintext; }
.oa-site p+p { margin-top:16px; }
.oa-site a { color:inherit; text-decoration:none; }
.oa-site button { color:inherit; }
.oa-site figure { min-width:0; margin:0; }
.oa-site img { display:block; }
.oa-site :focus-visible { outline:2px solid #486552; outline-offset:6px; }
.oa-site [id] { scroll-margin-top:28px; }
.oa-inset { padding-inline:var(--oa-gutter); }
.oa-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px 32px; min-height:120px; padding:16px var(--oa-gutter); border-bottom:1px solid var(--oa-line); }
.oa-brand { display:inline-flex; align-items:center; flex-shrink:0; gap:12px; }
.oa-brand-image { width:132px; height:auto; mix-blend-mode:multiply; filter:none; }
.oa-brand-name { display:flex; flex-direction:column; line-height:1.5; }
.oa-brand-name span:first-child { font-size:17px; font-weight:300; }
.oa-brand-name span:last-child { color:var(--oa-soft); font-size:11px; }
.oa-brand>span { display:flex; flex-direction:column; font-size:17px; font-weight:300; line-height:1.5; }
.oa-brand>span small { display:block; color:var(--oa-soft); font-size:11px; font-weight:400; }
.oa-nav { display:flex; align-items:center; flex-wrap:wrap; gap:26px; font-size:13px; }
.oa-nav a { padding-block:8px; }
.oa-nav .oa-nav-contact { display:none; }
.oa-nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:7px; }
.oa-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding-block:9px; border-bottom:1px solid currentColor; font-size:14px; line-height:1.6; }
.oa-text-link span[aria-hidden],.oa-choice-link,.oa-card-arrow { transition:transform .25s ease; }
.oa-header-contact { font-size:12px; }
.oa-back-link { display:inline-block; margin-bottom:24px; color:var(--oa-soft)!important; font-size:12px; border-bottom:1px solid var(--oa-line); }
.oa-menu { display:none; padding:10px 0; background:transparent; border:0; font-size:13px; }
.oa-kicker { display:block; margin-bottom:20px; color:var(--oa-soft); font-size:12px; letter-spacing:.01em; }
.oa-hero-words { display:grid; grid-template-columns:1.18fr 1fr; align-items:end; gap:48px; padding:64px var(--oa-gutter) 58px; }
.oa-hero-words h1 { font-size:clamp(50px,6.3cqw,90px); }
.oa-hero-words h1 span { display:block; }
.oa-hero-copy { max-width:390px; padding-bottom:5px; color:var(--oa-soft); font-size:16px; line-height:1.95; }
.oa-hero-copy .oa-text-link { margin-top:26px; color:var(--oa-ink); }
.oa-hero-visual { position:relative; }
.oa-hero-visual>.oa-project-link { position:relative; }
.oa-hero-photo { width:100%; height:auto; }
.oa-hero-explore { position:absolute; inset-inline-end:var(--oa-gutter); bottom:28px; display:inline-flex; align-items:center; gap:24px; padding:10px 18px; background:rgb(251 252 251 / .94); color:var(--oa-ink)!important; font-size:13px; }
.oa-photo-caption { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 24px; padding:12px var(--oa-gutter); color:var(--oa-soft); font-size:11px; border-bottom:1px solid var(--oa-line); }
.oa-sectors { padding-block:90px 96px; }
.oa-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding-top:24px; margin-bottom:32px; border-top:1px solid var(--oa-line); }
.oa-section-head h2 { font-size:clamp(28px,3cqw,42px); }
.oa-section-head>span,.oa-section-head>p { color:var(--oa-soft); font-size:12px; }
.oa-sector-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-block:1px solid var(--oa-line); }
.oa-sector-choice { position:relative; display:flex; flex-direction:column; padding:34px 28px 32px; border-inline-start:1px solid var(--oa-line); }
.oa-sector-choice:first-child { padding-inline-start:0; border-inline-start:0; }
.oa-sector-choice:last-child { padding-inline-end:0; }
.oa-sector-choice .oa-kicker { margin-bottom:14px; font-size:11px; }
.oa-sector-choice h3 { display:flex; justify-content:space-between; align-items:baseline; gap:18px; margin-bottom:16px; font-size:clamp(25px,2.55cqw,35px); }
.oa-sector-choice p { max-width:350px; color:var(--oa-soft); font-size:14px; }
.oa-choice-link { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; align-self:flex-start; margin-top:auto; padding-top:25px; font-size:13px; }
.oa-works { padding-bottom:94px; }
.oa-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 30px; align-items:start; }
.oa-project-grid>.oa-project-card:only-child { grid-column:1 / -1; }
.oa-project-grid>.oa-project-card:only-child .oa-card-image { aspect-ratio:16 / 9; }
.oa-project-inquiry ~ .oa-project-grid { margin-bottom:76px; }
.oa-project-card { min-width:0; }
.oa-project-link { display:block; }
.oa-card-image { position:relative; display:block; width:100%; aspect-ratio:3 / 2; overflow:hidden; background:var(--oa-wash); }
img.oa-card-image { height:auto; object-fit:cover; }
.oa-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.22,.61,.36,1); }
.oa-project-card h3 { display:flex; justify-content:space-between; align-items:baseline; gap:18px; margin-top:18px; }
.oa-card-arrow { position:absolute; inset-inline-end:14px; bottom:14px; display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:rgb(251 252 251 / .94); font-size:22px; line-height:1; }
.oa-card-meta { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; margin-top:7px; color:var(--oa-soft); font-size:11px; }
.oa-project-card p:not(.oa-card-meta) { max-width:520px; margin-top:12px; color:var(--oa-soft); font-size:14px; }
.oa-approach { padding-block:76px 80px; background:#24332a; color:#f5f8f5; }
.oa-approach .oa-kicker { color:#bac8be; }
.oa-approach-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:start; gap:64px; margin-bottom:50px; }
.oa-approach-heading>p { max-width:470px; padding-top:32px; color:#c6d2c9; font-size:15px; }
.oa-approach-heading>div { max-width:490px; color:#c6d2c9; font-size:15px; }
.oa-approach .oa-text-link { color:#f5f8f5; }
.oa-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.oa-process>*,.oa-pillars>* { padding-top:22px; border-top:1px solid var(--oa-line); }
.oa-process h3,.oa-process h2 { margin-block:14px 12px; font-size:26px; }
.oa-process span { color:var(--oa-soft); font-size:12px; }
.oa-process p { color:var(--oa-soft); font-size:14px; }
.oa-approach .oa-process>* { border-color:#53675a; }
.oa-approach .oa-process span { color:#aebeb3; }
.oa-approach .oa-process p { color:#c6d2c9; }
.oa-journal { padding-block:86px 94px; }
.oa-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
.oa-journal-grid img { width:100%; height:auto; aspect-ratio:3 / 4; object-fit:cover; }
.oa-journal-grid figcaption { margin-top:12px; color:var(--oa-soft); font-size:12px; }
.oa-journal-grid a { display:block; }
.oa-contact { padding:68px var(--oa-gutter) 26px; background:var(--oa-wash); }
.oa-contact-top { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:64px; padding-bottom:64px; }
.oa-contact h2 { margin-bottom:18px; font-size:clamp(38px,4.7cqw,66px); }
.oa-contact p { max-width:480px; color:var(--oa-soft); font-size:14px; }
.oa-contact-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.oa-contact-links a { max-width:100%; padding-bottom:3px; border-bottom:1px solid var(--oa-line); font-size:19px; font-weight:300; overflow-wrap:anywhere; }
.oa-contact-links .oa-text-link { margin-bottom:14px; font-size:15px; border-color:currentColor; }
.oa-footer-line { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding-top:22px; border-top:1px solid var(--oa-line); color:var(--oa-soft); font-size:11px; }
.oa-sector-hero { padding-top:38px; }
.oa-sector-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:64px; padding-bottom:48px; }
.oa-sector-heading h1 { font-size:clamp(43px,5.6cqw,76px); }
.oa-sector-heading h1 span { display:block; }
.oa-sector-heading>p,.oa-sector-heading>div:last-child>p { max-width:450px; color:var(--oa-soft); font-size:16px; }
.oa-sector-heading .oa-text-link { margin-top:24px; }
.oa-cover-figure { width:100%; }
.oa-sector-cover { width:100%; height:auto; }
.oa-sector-value { padding-block:68px 82px; }
.oa-sector-value>h2 { max-width:760px; margin-bottom:40px; }
.oa-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.oa-pillars h3 { margin-bottom:14px; font-size:27px; }
.oa-pillars p { color:var(--oa-soft); font-size:14px; }
.oa-sector-projects { padding-bottom:78px; }
.oa-value-intro { max-width:760px; margin-bottom:36px!important; color:var(--oa-soft); }
.oa-sector-feature { display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:start; padding-bottom:80px; }
.oa-sector-feature figure { min-width:0; }
.oa-sector-feature img { width:100%; height:auto; }
.oa-sector-feature figcaption { margin-top:12px; color:var(--oa-soft); font-size:11px; }
.oa-sector-feature h2 { margin-bottom:24px; }
.oa-sector-feature p { max-width:470px; color:var(--oa-soft); }
.oa-sector-feature .oa-text-link { margin-top:24px; }
.oa-section-description { max-width:650px; margin-bottom:32px!important; color:var(--oa-soft); font-size:15px; }
.oa-sector-next { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px; padding:42px; margin-bottom:48px; border:1px solid var(--oa-line); }
.oa-sector-next { margin-inline:var(--oa-gutter); }
.oa-sector-next h2 { font-size:32px; }
.oa-sector-next p { margin-top:10px; color:var(--oa-soft); font-size:14px; }
.oa-sector-next>.oa-kicker { flex-basis:100%; margin-bottom:0; }
.oa-sector-next>h2,.oa-sector-next>p { flex:1 1 330px; }
.oa-sector-next>.oa-text-link { flex-basis:auto; }
.oa-sector-switch { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:18px 30px; padding-block:28px 58px; border-top:1px solid var(--oa-line); font-size:13px; }
.oa-sector-switch a { border-bottom:1px solid var(--oa-line); padding-bottom:5px; }
.oa-project-brief { display:grid; grid-template-columns:1.12fr 1fr; align-items:end; gap:64px; padding:38px var(--oa-gutter) 50px; }
.oa-project-brief h1 { margin-bottom:18px; font-size:clamp(42px,5.4cqw,74px); }
.oa-project-brief .oa-kicker { margin-bottom:12px; }
.oa-project-brief>p { max-width:460px; padding-bottom:8px; color:var(--oa-soft); font-size:16px; }
.oa-project-cover { width:100%; height:auto; }
.oa-project-story { display:grid; grid-template-columns:.85fr 1.15fr; align-items:start; gap:72px; padding-block:64px 58px; }
.oa-project-story h2 { max-width:450px; font-size:clamp(30px,3.3cqw,45px); }
.oa-project-story p { max-width:650px; color:var(--oa-soft); }
.oa-decisions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-bottom:60px; }
.oa-decisions>*:only-child { grid-column:1 / -1; }
.oa-decisions>* { padding-block:24px; border-block:1px solid var(--oa-line); }
.oa-decisions .oa-kicker { margin-bottom:12px; }
.oa-decisions h3 { margin-bottom:14px; font-size:27px; }
.oa-decisions p { max-width:580px; color:var(--oa-soft); font-size:14px; }
.oa-project-gallery { display:grid; gap:30px; padding-bottom:68px; }
.oa-gallery-pair { display:grid; grid-template-columns:var(--gallery-columns,1fr 1fr); align-items:start; gap:30px; }
.oa-project-gallery img { width:100%; height:auto; }
.oa-gallery-wide { width:100%; }
.oa-image-button { position:relative; display:block; width:100%; padding:0; overflow:hidden; background:var(--oa-wash); border:0; border-radius:0; }
.oa-image-button img { width:100%; height:auto; }
.oa-enlarge { position:absolute; inset-inline-end:12px; bottom:12px; padding:4px 10px; background:rgb(251 252 251 / .94); font-size:11px; }
.oa-project-gallery figcaption { margin-top:12px; color:var(--oa-soft); font-size:12px; }
.oa-project-inquiry { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:42px; margin-bottom:64px; background:var(--oa-wash); }
.oa-project-inquiry h2 { font-size:32px; }
.oa-project-inquiry~.oa-project-grid { margin-bottom:64px; }
.oa-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-bottom:70px; }
.oa-related img { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; }
.oa-related h3 { margin-top:15px; font-size:26px; }
.oa-related p { margin-top:7px; color:var(--oa-soft); font-size:12px; }
.oa-about-page { padding-block:58px 82px; }
.oa-studio { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:80px; }
.oa-studio h1,.oa-studio h2 { margin-bottom:26px; font-size:clamp(40px,4.8cqw,65px); line-height:1.4; }
.oa-studio p { max-width:570px; color:var(--oa-soft); }
.oa-studio .oa-text-link { margin-top:25px; }
.oa-portrait { width:100%; height:auto; }
.oa-about-process { margin-top:68px; }
.oa-contact-page { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; padding:58px var(--oa-gutter) 84px; }
.oa-contact-page h1 { margin-bottom:24px; font-size:clamp(42px,5.2cqw,70px); }
.oa-contact-page p { max-width:360px; color:var(--oa-soft); }
.oa-contact-page .oa-contact-links { margin-top:30px; }
.oa-inquiry-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
.oa-inquiry-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; }
.oa-inquiry-form input,.oa-inquiry-form select,.oa-inquiry-form textarea { width:100%; min-width:0; min-height:48px; padding:12px; background:transparent; color:var(--oa-ink); border:1px solid var(--oa-line); border-radius:0; font-size:16px; }
.oa-inquiry-form textarea { min-height:124px; resize:vertical; }
.oa-form-wide { grid-column:1 / -1; }
.oa-submit { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; padding:15px 22px; background:var(--oa-ink); color:var(--oa-paper)!important; border:1px solid var(--oa-ink); font-size:15px; }
.oa-inquiry-form .oa-form-note { margin-top:-12px; color:var(--oa-soft); font-size:12px; }
.oa-form-status { font-size:13px; }
.oa-form-status a { text-decoration:underline; text-underline-offset:4px; }
dialog { width:max-content; max-width:min(1100px,94vw); max-height:94dvh; overflow:auto; padding:48px 20px 20px; background:#fbfcfb; color:#202823; border:0; }
dialog::backdrop { background:rgb(12 20 14 / .84); }
dialog img { display:block; width:auto; max-width:100%; max-height:78dvh; margin:auto; object-fit:contain; }
.viewer-close { position:absolute; top:8px; inset-inline-end:16px; padding:6px 0; background:none; color:#202823; border:0; border-bottom:1px solid #59635d; }
dialog p { margin:14px 0 0; font-size:13px; }
dialog :focus-visible { outline:2px solid #486552; outline-offset:4px; }
.oa-reveal-in { animation:oa-come-into-view .55s cubic-bezier(.22,.61,.36,1) both; }
@keyframes oa-come-into-view { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(hover:hover) {
 .oa-nav a:hover,.oa-back-link:hover,.oa-sector-switch a:hover { text-decoration:underline; text-underline-offset:6px; }
 .oa-text-link:hover span[aria-hidden],.oa-project-link:hover .oa-card-arrow { transform:translate(-3px,3px); }
 .oa-sector-choice:hover .oa-choice-link { transform:translateX(-3px); }
 .oa-project-link:hover .oa-card-image img { transform:scale(1.015); }
}
.oa-text-link:focus-visible span[aria-hidden],.oa-project-link:focus-visible .oa-card-arrow { transform:translate(-3px,3px); }
.oa-motion-paused .oa-reveal-in { opacity:1!important; transform:none!important; animation:none!important; }
.oa-motion-paused .oa-site *,.oa-motion-paused.oa-site * { animation:none!important; transition:none!important; }
.oa-motion-paused .oa-card-image img { transform:none!important; }
html.oa-motion-paused { scroll-behavior:auto; }
.oa-motion-paused .oa-reading-progress { display:none; }
@container(max-width:1000px) {
 .oa-header { gap:18px 24px; }
 .oa-nav { gap:18px; }
 .oa-header-contact { display:none; }
 .oa-hero-words { gap:34px; padding-block:48px; }
 .oa-hero-copy { font-size:15px; }
 .oa-sector-choice { padding-inline:20px; }
 .oa-project-brief,.oa-sector-heading,.oa-project-story { gap:40px; }
 .oa-contact-page,.oa-studio { gap:48px; }
}
@container(max-width:880px) {
 .oa-nav .oa-nav-contact { display:block; }
 .oa-nav { display:none; }
 .oa-menu { display:block; }
 .oa-menu-open .oa-nav { display:flex; order:5; flex-basis:100%; align-items:flex-start; flex-wrap:wrap; gap:12px 26px; padding-block:12px 16px; border-top:1px solid var(--oa-line); }
}
@container(max-width:760px) {
 .oa-sector-feature { grid-template-columns:1fr 1fr; gap:28px; padding-bottom:54px; }
 .oa-site { --oa-gutter:28px; }
 .oa-header { min-height:100px; padding-block:12px; }
 .oa-brand-image { width:108px; }
 .oa-nav { display:none; }
 .oa-menu { display:block; }
 .oa-menu-open .oa-nav { display:flex; order:5; flex-basis:100%; align-items:flex-start; flex-wrap:wrap; gap:12px 26px; padding-block:12px 16px; border-top:1px solid var(--oa-line); }
 .oa-hero-words { grid-template-columns:1fr; align-items:start; gap:28px; }
 .oa-hero-words h1 { font-size:clamp(43px,8cqw,60px); }
 .oa-hero-copy { max-width:530px; }
 .oa-hero-photo { height:auto; }
 .oa-sector-choices { grid-template-columns:1fr; }
 .oa-sector-choice,.oa-sector-choice:first-child,.oa-sector-choice:last-child { padding:26px 0; border-inline-start:0; border-bottom:1px solid var(--oa-line); }
 .oa-sector-choice:last-child { border-bottom:0; }
 .oa-sector-choice h3 { font-size:29px; }
 .oa-sector-choice p { max-width:560px; }
 .oa-choice-link { padding-top:18px; }
 .oa-sector-heading,.oa-project-brief { grid-template-columns:1fr; gap:26px; }
 .oa-sector-heading h1,.oa-project-brief h1 { font-size:clamp(38px,6.6cqw,56px); }
 .oa-sector-heading>p,.oa-sector-heading>div:last-child>p,.oa-project-brief>p { max-width:580px; }
 .oa-approach-heading { grid-template-columns:1fr; gap:24px; margin-bottom:36px; }
 .oa-approach-heading>p { padding-top:0; max-width:600px; }
 .oa-process,.oa-pillars { grid-template-columns:1fr; gap:28px; }
 .oa-process h3,.oa-process h2,.oa-pillars h3 { font-size:27px; }
 .oa-project-story { grid-template-columns:1fr; gap:24px; }
 .oa-project-story h2 { max-width:600px; }
 .oa-studio { grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
 .oa-studio h1,.oa-studio h2 { font-size:38px; }
 .oa-studio p { font-size:14px; }
 .oa-contact-top { grid-template-columns:1fr; gap:32px; }
 .oa-contact-page { grid-template-columns:1fr; gap:38px; }
 .oa-contact-page>div>p { max-width:560px; }
}
@container(max-width:580px) {
 .oa-sector-feature { grid-template-columns:1fr; gap:28px; padding-bottom:48px; }
 .oa-site { --oa-gutter:22px; font-size:15px; }
 .oa-header { min-height:90px; gap:14px; }
 .oa-brand { gap:7px; }
 .oa-brand-image { width:90px; }
 .oa-brand-name span:first-child { font-size:15px; }
 .oa-brand-name span:last-child { font-size:10px; }
 .oa-brand>span { font-size:15px; }
 .oa-brand>span small { font-size:10px; }
 .oa-hero-words { padding-block:32px 36px; gap:24px; }
 .oa-hero-words h1 { font-size:clamp(39px,11.5cqw,58px); line-height:1.2; }
 .oa-hero-copy { font-size:14px; }
 .oa-hero-copy .oa-text-link { margin-top:20px; }
 .oa-hero-explore { bottom:15px; padding:8px 12px; gap:16px; font-size:11px; }
 .oa-photo-caption { gap:3px 14px; font-size:10px; }
 .oa-sectors { padding-block:52px 58px; }
 .oa-section-head { align-items:flex-start; flex-wrap:wrap; gap:12px; padding-top:20px; margin-bottom:26px; }
 .oa-section-head h2 { font-size:29px; }
 .oa-sector-choice h3 { font-size:29px; }
 .oa-works { padding-bottom:58px; }
 .oa-project-grid { grid-template-columns:1fr; gap:38px; }
 .oa-project-card h3 { font-size:27px; margin-top:15px; }
 .oa-card-meta { font-size:11px; }
 .oa-approach { padding-block:48px 52px; }
 .oa-approach h2 { font-size:32px; }
 .oa-approach-heading>p { font-size:14px; }
 .oa-process p,.oa-pillars p { font-size:14px; }
 .oa-journal { padding-block:52px 58px; }
 .oa-journal-grid { grid-template-columns:1fr; gap:30px; }
 .oa-journal-grid img { aspect-ratio:4 / 5; }
 .oa-contact { padding-block:48px 24px; }
 .oa-contact-top { padding-bottom:42px; }
 .oa-contact h2 { font-size:40px; }
 .oa-contact-links a { font-size:18px; }
 .oa-sector-hero { padding-top:28px; }
 .oa-sector-heading { padding-bottom:34px; }
 .oa-sector-heading h1,.oa-project-brief h1 { font-size:clamp(36px,10cqw,52px); }
 .oa-sector-heading>p,.oa-sector-heading>div:last-child>p,.oa-project-brief>p { font-size:15px; }
 .oa-sector-value { padding-block:42px 54px; }
 .oa-sector-value>h2 { font-size:30px; margin-bottom:28px; }
 .oa-sector-projects { padding-bottom:44px; }
 .oa-sector-next { padding:28px 24px; margin-bottom:34px; gap:22px; }
 .oa-sector-next h2 { font-size:28px; }
 .oa-sector-switch { flex-direction:column; align-items:flex-start; gap:18px; padding-bottom:42px; }
 .oa-project-brief { padding-block:28px 36px; }
 .oa-project-story { gap:22px; padding-block:42px 32px; }
 .oa-project-story h2 { font-size:31px; }
 .oa-decisions { grid-template-columns:1fr; gap:22px; margin-bottom:36px; }
 .oa-decisions>* { padding-block:20px; }
 .oa-decisions h3 { font-size:27px; }
 .oa-project-gallery { gap:26px; padding-bottom:44px; }
 .oa-gallery-pair { grid-template-columns:1fr; gap:26px; }
 .oa-project-gallery figcaption { font-size:11px; }
 .oa-project-inquiry { padding:28px 24px; margin-bottom:44px; gap:22px; }
 .oa-project-inquiry h2 { font-size:28px; }
 .oa-related { grid-template-columns:1fr; gap:32px; margin-bottom:48px; }
 .oa-related h3 { font-size:25px; }
 .oa-about-page { padding-block:34px 54px; }
 .oa-studio { grid-template-columns:1fr; gap:32px; }
 .oa-studio h1,.oa-studio h2 { font-size:38px; margin-bottom:22px; }
 .oa-studio .oa-portrait { width:100%; max-width:380px; }
 .oa-about-process { margin-top:44px; }
 .oa-contact-page { padding-block:34px 54px; gap:34px; }
 .oa-contact-page h1 { font-size:39px; }
 .oa-inquiry-form { grid-template-columns:1fr; gap:22px; }
 .oa-form-wide { grid-column:auto; }
}
@media(max-width:580px) {
 .review-bar { padding:9px 14px; }
 .review-controls { gap:8px 10px; }
 .review-controls select { max-width:145px; }
 dialog { padding-inline:12px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .oa-site *,.oa-site *::before,.oa-site *::after { animation:none!important; transition:none!important; }
 .oa-reveal-in { opacity:1!important; transform:none!important; }
 .oa-card-image img { transform:none!important; }
 .oa-reading-progress { display:none; }
}
.oa-trust { padding-block:24px 76px; }
.oa-trust .oa-pillars { margin-top:36px; }
.oa-trust-links { display:flex; flex-wrap:wrap; gap:18px 38px; margin-block:32px 52px; }
.oa-footer-nav { display:flex; flex-wrap:wrap; gap:16px 34px; padding-block:28px; border-top:1px solid var(--oa-line); font-size:14px; }
.oa-process-four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 64px; }
.oa-faq { max-width:920px; }
.oa-faq details { border-top:1px solid var(--oa-line); padding-block:22px; }
.oa-faq details:last-child { border-bottom:1px solid var(--oa-line); }
.oa-faq summary { cursor:pointer; font-size:clamp(19px,2cqw,25px); font-weight:300; padding-inline-end:24px; }
.oa-faq details>p { padding-block:18px 4px; max-width:780px; color:var(--oa-soft); }
.oa-page-intro { max-width:980px; padding-block:64px 62px; }
.oa-page-intro h1 { font-size:clamp(40px,5.6cqw,76px); margin-bottom:32px; }
.oa-page-intro>p { max-width:760px; color:var(--oa-soft); font-size:18px; }
.oa-work-section { padding-bottom:76px; }
.oa-guide-layout { display:grid; grid-template-columns:180px minmax(0,820px); gap:64px; padding-bottom:76px; }
.oa-guide-nav { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding-top:8px; font-size:14px; }
.oa-guide-body section { padding-block:0 48px; margin-bottom:36px; border-bottom:1px solid var(--oa-line); }
.oa-guide-body h2 { margin-bottom:24px; }
.oa-guide-body a:not(.oa-text-link) { text-decoration:underline; text-underline-offset:4px; }
.oa-guide-body ul { padding-inline-start:22px; }
.oa-guide-body li { padding-block:5px; }
.oa-sector-projects { padding-block:64px 76px; }
.oa-project-card h3 { font-size:clamp(24px,2.5cqw,34px); margin-top:12px; }
.oa-project-card p:not(.oa-card-meta) { margin-top:7px; max-width:440px; }
.oa-related-work { padding-block:30px 76px; }
.oa-project-story .oa-text-link { margin-top:22px; }
.oa-credit { font-size:12px; color:var(--oa-soft); }
.oa-card-credit { display:block; margin-top:8px; color:var(--oa-soft); font-size:12px; }
.oa-film video { display:block; width:100%; height:auto; background:#202823; }
.oa-film figcaption { margin-top:12px; font-size:12px; color:var(--oa-soft); }
.oa-motion-feature { padding-bottom:76px; }
.oa-project-film { padding-bottom:56px; }
.oa-sector-note { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-block:40px 76px; border-top:1px solid var(--oa-line); }
.oa-sector-note h2 { max-width:520px; }
.oa-sector-note p { max-width:480px; color:var(--oa-soft); }
.oa-sector-note ul { display:flex; flex-wrap:wrap; gap:12px 24px; padding:0; margin:22px 0 0; list-style:none; font-size:13px; }
.oa-sector-note li { padding-bottom:5px; border-bottom:1px solid var(--oa-line); }
.oa-trust-portrait { display:grid; grid-template-columns:minmax(180px,300px) minmax(0,650px); align-items:center; gap:clamp(30px,7cqw,110px); padding-block:48px 76px; }
.oa-trust-portrait img { width:100%; height:auto; }
.oa-trust-portrait figcaption { margin-top:10px; font-size:11px; color:var(--oa-soft); }
.oa-trust-portrait h2 { margin-bottom:24px; }
.oa-trust-portrait p { max-width:500px; color:var(--oa-soft); }
.oa-trust-portrait .oa-text-link { margin-top:24px; }
.oa-approach-quiet { padding-block:64px; }
.oa-approach-quiet p { max-width:450px; color:#c6d2c9; }
.oa-approach-quiet .oa-text-link { margin-top:24px; }
.oa-approach-quiet .oa-approach-heading { margin-bottom:0; }
.oa-gallery-pair>figure:only-child { max-width:100%; }
@container(max-width:760px) { .oa-sector-note { grid-template-columns:1fr; gap:24px; }.oa-trust-portrait { grid-template-columns:minmax(140px,220px) minmax(0,1fr); gap:30px; }.oa-trust-portrait h2 { font-size:30px; }.oa-trust-portrait p { font-size:14px; } }
@container(max-width:580px) { .oa-sector-projects { padding-block:40px 48px; }.oa-related-work { padding-block:16px 44px; }.oa-motion-feature { padding-bottom:48px; }.oa-sector-note { padding-block:30px 44px; }.oa-trust-portrait { grid-template-columns:1fr; padding-block:24px 44px; }.oa-trust-portrait figure { max-width:220px; }.oa-approach-quiet { padding-block:42px; }.oa-project-film { padding-bottom:36px; } }
@container(max-width:760px) { .oa-guide-layout { grid-template-columns:1fr; gap:30px; }.oa-guide-nav { flex-direction:row; flex-wrap:wrap; gap:10px 24px; }.oa-process-four { gap:32px; } }
@container(max-width:580px) { .oa-process-four { grid-template-columns:1fr; }.oa-trust { padding-block:12px 44px; }.oa-page-intro { padding-block:34px 40px; }.oa-page-intro>p { font-size:16px; }.oa-guide-layout { padding-bottom:30px; }.oa-trust-links { flex-direction:column; align-items:flex-start; gap:16px; }.oa-footer-nav { flex-direction:column; gap:14px; } }
