body{--bg:#f8f1e7;--ink:#343c2c;--accent:#a04d27}.intro{padding:35px 0 45px;display:grid;grid-template-columns:1.2fr .8fr;column-gap:90px}.intro h1{grid-row:1/3;font-size:clamp(40px,4.5vw,66px)}.intro .subtitle{margin-top:5px}.intro .primary{justify-self:start;align-self:start}.office-art{position:relative;height:550px;overflow:hidden;border-radius:16px 16px 0 0}.office-art img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.department{position:absolute;left:28px;top:28px;padding:23px;background:#fffaf0;max-width:310px;box-shadow:0 12px 30px #63452520;border-radius:10px}.department>span{font-size:11px;color:#80501f}.department h2{font-family:'Cabinet Grotesk';font-size:31px;margin:10px 0}.department p{font-size:12px}.office-ledger{padding:30px;background:#e8dfcf;display:grid;grid-template-columns:.8fr 1.2fr 1fr 1.3fr;gap:28px;min-height:265px}.office-ledger>h3{font-family:'Cabinet Grotesk';font-size:25px}.office-ledger small{display:block;font:11px Satoshi;margin-top:12px}.office-ledger .dialogue{grid-template-columns:1fr;gap:14px}.office-ledger .assignment,.office-ledger .deliverable{margin:0;padding:0;border:0}.office .controls button{border-radius:8px}.office .controls{border-bottom:1px solid #c8bdab}@media(max-width:700px){.intro{display:block;padding:25px 0 30px}.intro h1{font-size:40px}.intro .subtitle{margin-top:20px}.office-art{height:420px}.office-art img{object-position:47% 75%;height:100%}.department{left:14px;top:14px;max-width:235px;padding:16px}.department h2{font-size:25px}.office-ledger{grid-template-columns:1fr;padding:22px;gap:22px;min-height:660px}.office-ledger .dialogue{grid-template-columns:1fr 1fr}}
.office-ledger{align-content:start}.office .controls{padding-top:0}@media(max-width:700px){.office-art{height:auto;display:flex;flex-direction:column}.office-art img{height:290px;object-position:45% 60%;order:1}.department{position:static;max-width:none;box-shadow:none;border-radius:0;padding:20px;order:0}.department h2{font-size:28px}.office-ledger{min-height:540px;gap:26px}.office-ledger .dialogue{gap:20px}}