#office-plan-interactive *{box-sizing:border-box}#office-plan-interactive{margin:0;background:#f4f1ea;color:#273b3b;font-family:Arial,sans-serif}#office-plan-interactive button{font:inherit;color:inherit;cursor:pointer}#office-plan-interactive button:focus-visible{outline:3px solid #c77e48;outline-offset:4px}#office-plan-interactive .wrap{max-width:1440px;padding:36px 42px;margin:auto}#office-plan-interactive .brand{font-size:14px;letter-spacing:.12em;display:flex;justify-content:space-between;border-bottom:1px solid #c9d0c9;padding-bottom:20px}#office-plan-interactive .brand span{letter-spacing:0;color:#64736f}#office-plan-interactive .intro{max-width:790px;margin:34px 0 28px}#office-plan-interactive .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#667b74}#office-plan-interactive .opi-title{font-weight:500;letter-spacing:-.045em;font-size:clamp(32px,4vw,56px);line-height:1.05;margin:14px 0 18px}#office-plan-interactive .intro p{font-size:17px;line-height:1.5;max-width:660px;color:#586964}#office-plan-interactive .layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px}#office-plan-interactive .drawing{align-self:start;background:#fff;border:1px solid #d7ded8;position:relative;overflow:hidden;min-width:0}#office-plan-interactive .toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e5e8e3;font-size:12px;color:#62746e}#office-plan-interactive .tools{display:flex;gap:5px}#office-plan-interactive .tools button{background:white;border:1px solid #d0d9d4;min-width:34px;height:32px}#office-plan-interactive .viewport{overflow:auto;aspect-ratio:1.3;touch-action:pan-x pan-y}#office-plan-interactive .canvas{position:relative;width:100%;height:100%;min-height:100%;transition:width .2s,height .2s}#office-plan-interactive .canvas img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s;pointer-events:none;padding:12px}#office-plan-interactive .canvas img.active{opacity:1}#office-plan-interactive .legend{padding:12px 18px;font-size:12px;color:#687c73;border-top:1px solid #e5e8e3}#office-plan-interactive .legend i{display:inline-block;width:10px;height:10px;background:#d7edef;border:1px solid #9baead;margin-right:6px}#office-plan-interactive .side .opi-task{font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:0 0 13px}#office-plan-interactive .options{display:grid;gap:8px}#office-plan-interactive .option{text-align:left;border:1px solid #c6d0c7;background:transparent;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;min-height:66px}#office-plan-interactive .option small{display:block;color:#64776e;margin-top:5px;font-size:12px}#office-plan-interactive .option b{font-size:24px;font-weight:400}#office-plan-interactive .option[aria-pressed=true]{background:#294b42;color:white;border-color:#294b42}#office-plan-interactive .option[aria-pressed=true] small{color:#d3dfd7}#office-plan-interactive .stats{border-top:1px solid #c6d0c7;margin-top:24px;padding-top:18px}#office-plan-interactive .count{font-size:70px;letter-spacing:-.06em;line-height:1}#office-plan-interactive .stats p{margin:5px 0;color:#60756b;font-size:13px}#office-plan-interactive .area{display:flex;justify-content:space-between;font-size:13px;margin-top:22px;padding:12px 0;border-top:1px solid #d1d8cf;border-bottom:1px solid #d1d8cf}#office-plan-interactive .explain{font-size:14px;line-height:1.55;min-height:88px}#office-plan-interactive .foot{font-size:12px;line-height:1.5;color:#728077;margin-top:18px;max-width:900px}#office-plan-interactive .tag{font-size:11px;letter-spacing:.1em;color:#718276;margin-top:22px}#office-plan-interactive .mobile-hint{display:none}@media(max-width:900px){#office-plan-interactive .wrap{padding:22px 18px}#office-plan-interactive .brand span{display:none}#office-plan-interactive .intro{margin-top:26px}#office-plan-interactive .intro p{font-size:15px}#office-plan-interactive .layout{display:flex;flex-direction:column}#office-plan-interactive .side{display:contents}#office-plan-interactive .side .opi-task{order:-3;margin:0}#office-plan-interactive .options{order:-2;grid-template-columns:1fr 1fr}#office-plan-interactive .option{padding:10px;min-height:62px}#office-plan-interactive .option b{font-size:21px}#office-plan-interactive .drawing{order:-1}#office-plan-interactive .viewport{aspect-ratio:1.14}#office-plan-interactive .stats{margin-top:0;display:grid;grid-template-columns:95px 1fr;gap:6px 16px}#office-plan-interactive .count{grid-row:1/3;font-size:62px}#office-plan-interactive .stats p{align-self:center}#office-plan-interactive .area{margin:0;padding:10px 0}#office-plan-interactive .explain{margin:0;min-height:0}#office-plan-interactive .tag{margin:0}#office-plan-interactive .toolbar{padding:10px;font-size:11px}#office-plan-interactive .mobile-hint{display:block;font-size:11px;margin-top:5px;color:#728077}}@media(prefers-reduced-motion:reduce){#office-plan-interactive *{transition:none!important}}#office-plan-interactive .intro{max-width:1000px;margin:26px 0}#office-plan-interactive .intro .opi-title{font-size:clamp(32px,3.4vw,50px)}#office-plan-interactive .intro p{max-width:820px;font-size:16px}#office-plan-interactive .options{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}#office-plan-interactive .option{gap:10px;padding:12px}#office-plan-interactive .option span{font-size:14px}#office-plan-interactive .option small{font-size:11px;line-height:1.4}#office-plan-interactive .option b{font-size:22px}#office-plan-interactive .task-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:0 0 22px}#office-plan-interactive .task-copy{max-width:880px}#office-plan-interactive .task-copy .opi-task{font-size:clamp(23px,2.4vw,32px);font-weight:400;line-height:1.15;margin:8px 0 10px;letter-spacing:-.025em}#office-plan-interactive .task-copy p{font-size:15px;line-height:1.5;margin:0;color:#586964}#office-plan-interactive .cycle{display:flex;align-items:center;gap:10px;white-space:nowrap}#office-plan-interactive .cycle button{width:42px;height:42px;background:transparent;border:1px solid #a9baae;font-size:22px}#office-plan-interactive .cycle span{font-size:13px}#office-plan-interactive .layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px}#office-plan-interactive .side{display:block}#office-plan-interactive .story-item{border-top:1px solid #cbd4cb;padding:14px 0}#office-plan-interactive .story-item:first-of-type{border-top:0;padding-top:0}#office-plan-interactive .story-item .opi-subtitle{font-size:13px;letter-spacing:.03em;margin:0 0 6px;font-weight:600}#office-plan-interactive .story-item p{font-size:14px;line-height:1.5;margin:0;color:#4b6058}#office-plan-interactive .story-item.benefit .opi-subtitle{color:#35664c}#office-plan-interactive .story-item.tradeoff .opi-subtitle{color:#8c6039}#office-plan-interactive .stats{display:flex;align-items:center;gap:14px;border:0;margin:0 0 16px;padding:0}#office-plan-interactive .count{font-size:48px}#office-plan-interactive .stats p{font-size:12px;max-width:75px}#office-plan-interactive .common{padding:12px 16px;background:#e5e9e0;font-size:13px;line-height:1.5;margin:0}#office-plan-interactive .common strong{font-weight:600}#office-plan-interactive .area{margin-top:0;font-size:12px;padding:12px 0}#office-plan-interactive .drawing{width:100%}#office-plan-interactive .foot{max-width:1100px}#office-plan-interactive .plan-note{margin-top:12px;font-size:13px;line-height:1.5;color:#5b7064}@media(max-width:900px){#office-plan-interactive .options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}#office-plan-interactive .task-heading{align-items:flex-start;gap:12px}#office-plan-interactive .task-copy .opi-task{font-size:24px}#office-plan-interactive .task-copy p{font-size:14px}#office-plan-interactive .cycle{gap:6px}#office-plan-interactive .cycle button{width:34px;height:34px}#office-plan-interactive .cycle span{font-size:11px}#office-plan-interactive .task-heading{flex-wrap:wrap}#office-plan-interactive .cycle{margin-left:auto}#office-plan-interactive .layout{display:flex;gap:20px}#office-plan-interactive .drawing{order:0}#office-plan-interactive .side{display:block;width:100%}#office-plan-interactive .stats{display:flex;margin-bottom:14px}#office-plan-interactive .story-item p{font-size:14px}#office-plan-interactive .area{margin-top:0}#office-plan-interactive .intro p{font-size:15px}#office-plan-interactive .option{padding:10px}#office-plan-interactive .option span{font-size:13px}#office-plan-interactive .option small{font-size:11px}#office-plan-interactive .common{font-size:12px}#office-plan-interactive .task-copy{width:100%}#office-plan-interactive .viewport{aspect-ratio:1.14}}#office-plan-interactive .layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px}#office-plan-interactive .viewport{height:clamp(320px,34vw,460px);aspect-ratio:auto}#office-plan-interactive .story-item{padding:10px 0}#office-plan-interactive .story-item p{font-size:14px}#office-plan-interactive .tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 12px}#office-plan-interactive .tradeoffs .story-item{border:1px solid #ccd6cb;padding:14px;background:#e9eee5}#office-plan-interactive .tradeoffs .tradeoff{background:#f1e9df;border-color:#e0d0bf}#office-plan-interactive .tradeoffs .opi-subtitle{font-size:15px;margin-bottom:10px}#office-plan-interactive .tradeoffs ul{margin:0;padding-left:17px;font-size:14px;line-height:1.5;color:#3f564b}#office-plan-interactive .tradeoffs li+li{margin-top:9px}#office-plan-interactive .acoustic-note{font-size:12px;line-height:1.45;color:#68766d;margin:0 0 14px}#office-plan-interactive .stats{margin-bottom:10px}#office-plan-interactive .count{font-size:43px}
@media(min-width:901px) and (max-width:1100px){#office-plan-interactive .tradeoffs{grid-template-columns:1fr}}
@media(max-width:900px){#office-plan-interactive .viewport{height:auto;aspect-ratio:1.3}#office-plan-interactive .tradeoffs{grid-template-columns:1fr 1fr}#office-plan-interactive .layout{gap:18px}#office-plan-interactive .drawing{max-width:640px;align-self:center}#office-plan-interactive .side{width:100%}}
@media(max-width:500px){#office-plan-interactive .tradeoffs{grid-template-columns:1fr}#office-plan-interactive .tradeoffs .story-item{padding:14px}#office-plan-interactive .tradeoffs li+li{margin-top:7px}}#office-plan-interactive{--black:#111111;--dark:#282828;--text:#2b2b2b;--muted:#6f6f69;--light:#f5f5f3;--soft:#ecece7;--line:#d8d8d3;--white:#fff;--accent:#ba8f71}#office-plan-interactive{background:var(--light);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}#office-plan-interactive .brand{color:var(--black);border-color:var(--line)}#office-plan-interactive .brand strong{font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:.02em}#office-plan-interactive .brand span,#office-plan-interactive .eyebrow,#office-plan-interactive .intro p,#office-plan-interactive .task-copy p,#office-plan-interactive .option small,#office-plan-interactive .toolbar,#office-plan-interactive .legend,#office-plan-interactive .stats p,#office-plan-interactive .area,#office-plan-interactive .foot,#office-plan-interactive .acoustic-note{color:var(--muted)}#office-plan-interactive .eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;display:flex;align-items:center;gap:10px}#office-plan-interactive .eyebrow::before{content:"";width:26px;height:3px;background:var(--accent);flex-shrink:0}#office-plan-interactive .opi-title,#office-plan-interactive .opi-task,#office-plan-interactive .opi-subtitle,#office-plan-interactive .count,#office-plan-interactive .option b{font-family:Oswald,Arial,sans-serif;font-weight:500}#office-plan-interactive .intro .opi-title{color:var(--black);text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(34px,3.5vw,50px);line-height:1.1}#office-plan-interactive .task-copy .opi-task{color:var(--dark);text-transform:uppercase;letter-spacing:0;line-height:1.2;font-size:clamp(24px,2.25vw,31px)}#office-plan-interactive .option{border-color:var(--line);background:var(--white);color:var(--text);border-top:3px solid transparent;transition:background .18s,border-color .18s}#office-plan-interactive .option:hover{background:var(--soft);border-color:var(--accent)}#office-plan-interactive .option[aria-pressed=true]{background:var(--dark);color:var(--white);border-color:var(--dark);border-top-color:var(--accent)}#office-plan-interactive .option[aria-pressed=true] small{color:#d4c8bd}#office-plan-interactive .option[aria-pressed=true] b{color:#dfbda3}#office-plan-interactive .option b{font-size:27px}#office-plan-interactive button:focus-visible{outline-color:var(--accent)}#office-plan-interactive .cycle button,#office-plan-interactive .tools button{border-color:var(--line);background:var(--white);color:var(--dark)}#office-plan-interactive .cycle button:hover,#office-plan-interactive .tools button:not(:disabled):hover{background:var(--dark);color:var(--white);border-color:var(--dark)}#office-plan-interactive button:disabled{opacity:.4;cursor:default}#office-plan-interactive .drawing{border-color:var(--line)}#office-plan-interactive .toolbar{background:var(--soft);border-color:var(--line)}#office-plan-interactive .legend{border-color:var(--line)}#office-plan-interactive .legend i{background:#e7d8cc;border-color:var(--accent)}#office-plan-interactive .count{color:var(--black);font-size:48px}#office-plan-interactive .story-item{border-color:var(--line)}#office-plan-interactive .story-item .opi-subtitle{color:var(--dark);text-transform:uppercase;letter-spacing:.035em;font-size:17px}#office-plan-interactive .story-item p{color:var(--text)}#office-plan-interactive .tradeoffs{gap:12px}#office-plan-interactive .tradeoffs .story-item{padding:0;background:var(--white);border:1px solid var(--line)}#office-plan-interactive .tradeoffs .story-item .opi-subtitle{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;background:var(--dark);color:var(--white);font-size:19px;letter-spacing:.05em}#office-plan-interactive .tradeoffs .tradeoff .opi-subtitle{background:#e7d8cc;color:var(--dark)}#office-plan-interactive .verdict-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;font:500 22px/1 Inter,Arial,sans-serif;background:var(--accent);color:var(--black)}#office-plan-interactive .tradeoff .verdict-icon{background:var(--dark);color:var(--white)}#office-plan-interactive .tradeoffs ul{list-style:none;margin:0;padding:15px 14px;color:var(--text);font-size:13px;line-height:1.55}#office-plan-interactive .tradeoffs li{position:relative;padding-left:14px}#office-plan-interactive .tradeoffs li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;background:var(--accent)}#office-plan-interactive .tradeoff li::before{background:var(--dark)}#office-plan-interactive .tradeoffs li+li{margin-top:12px}#office-plan-interactive .common{background:var(--soft);color:var(--text);border-left:3px solid var(--accent)}#office-plan-interactive .area{border-color:var(--line)}
@media(max-width:900px){#office-plan-interactive .intro .opi-title{font-size:34px}#office-plan-interactive .task-copy .opi-task{font-size:25px}#office-plan-interactive .option b{font-size:25px}#office-plan-interactive .brand strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){#office-plan-interactive .option{transition:none}}#office-plan-interactive .cycle #opi-autoplay{width:auto;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-size:14px;white-space:nowrap}#office-plan-interactive .cycle #opi-autoplay[aria-pressed=true]{border-color:var(--accent)}#office-plan-interactive .cycle #opi-autoplay span[aria-hidden]{font-size:16px}#office-plan-interactive .autoplay-label{font:500 12px/1.2 Inter,Arial,sans-serif}@media(max-width:900px){#office-plan-interactive .cycle #opi-autoplay{min-width:100px}}

#office-plan-interactive{margin-top:48px;line-height:1.5}#office-plan-interactive .intro{padding:0;max-width:1000px}#office-plan-interactive img{max-width:none}#office-plan-interactive .canvas{min-height:0}#office-plan-interactive .note-row{margin-top:26px}#office-plan-interactive .task-copy{min-height:140px}#office-plan-interactive .story-item p{margin:0}#office-plan-interactive .opi-title{margin:14px 0 18px}#office-plan-interactive button{font-family:Inter,Arial,sans-serif;text-transform:none}#office-plan-interactive .cycle{flex-shrink:0}#office-plan-interactive .opi-task{margin:8px 0 10px}
@media(max-width:900px){#office-plan-interactive .task-copy{min-height:0}#office-plan-interactive .task-heading{min-height:0;flex-direction:column;flex-wrap:nowrap;gap:10px;margin-bottom:12px}#office-plan-interactive .options{align-items:stretch;margin-bottom:16px}}
#office-plan-interactive .intro .intro-context{max-width:880px;margin:0 0 16px;font:400 16px/1.6 Inter,Arial,sans-serif;color:var(--muted);text-transform:none;letter-spacing:normal}
@media(max-width:900px){#office-plan-interactive .intro .intro-context{font-size:15px}}