@font-face{font-family:Outfit;src:url('../shared/fonts/TACOutfit-pair.ttf');font-display:swap}@font-face{font-family:Fraunces;src:url('../identity/fonts/Fraunces-Display.ttf');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5efe3;color:#542431;font:400 16px/1.65 Outfit,sans-serif}main{max-width:1440px;margin:auto;padding:28px 52px}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:22px;border-bottom:1px solid #d3c0a4;font-size:13px}header>span,.eyebrow,.path-label,footer>span{font-size:10px;letter-spacing:.15em}em{font-weight:400;color:#7c5937}.intro{text-align:center;padding:48px 0 32px}h1{font:400 clamp(52px,6.6vw,94px)/1.07 Fraunces,serif;letter-spacing:-.05em;margin:22px 0}.intro>p:last-child{font-size:18px;color:#80634d;margin-bottom:12px}.studio-scene{margin:0;border:1px solid #d3c0a4;padding:10px 10px 0;background:#fff9ed}.studio-scene img{display:block;width:100%;height:auto;object-fit:contain}.studio-scene figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 8px;font-size:11px;color:#886c50}.studio-scene figcaption>span:first-child{font-size:9px;letter-spacing:.14em}h2{font:400 clamp(31px,3.6vw,49px)/1.15 Fraunces,serif;letter-spacing:-.035em;margin:14px 0}.principles{padding:58px 0}.section-heading{margin-bottom:27px}.principle-body{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #cbb697}.tabs{padding:20px 28px 20px 0;align-self:center}.tabs button{display:flex;width:100%;align-items:center;gap:18px;min-height:92px;padding:19px 16px;border:0;border-bottom:1px solid #d4c2a7;background:transparent;color:#765c44;text-align:left;cursor:pointer;transition:background .3s,color .3s}.tabs button:last-child{border-bottom:0}.tabs button[aria-selected=true]{background:#e7d8bf;color:#542431;box-shadow:inset 3px 0 #8f6439}.tabs small{font:400 10px Outfit,sans-serif}.tabs button>span{font:400 27px/1.2 Fraunces,serif}.tabs b{margin-left:auto;font:400 24px Outfit,sans-serif;transition:transform .3s}.tabs button:hover b{transform:translate(3px,-3px)}#principle-panel{position:relative;min-height:330px;padding:38px;background:#572635;color:#fff0d8}#principle-panel h3{position:relative;font:400 34px/1.2 Fraunces,serif;margin:20px 0}#principle-copy{position:relative;font-size:16px;color:#e5d0b8;max-width:410px}.panel-number{position:absolute;right:20px;top:0;font:400 130px Fraunces,serif;opacity:.055}.paths{padding:0 0 52px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:22px}.path-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid #d0bb9b;background:linear-gradient(130deg,#fff9ec,#ede1cd);transition:transform .4s,box-shadow .4s}.path-grid>a:hover{transform:translateY(-4px);box-shadow:0 12px 25px #54243110}.path-grid h2{font-size:clamp(30px,3vw,41px);margin:25px 0 30px}.path-link{margin-top:auto;display:flex;gap:35px;font-size:14px;border-bottom:1px solid #b2946e;padding-bottom:8px}.path-link b{font-weight:400}footer{border-bottom:0;border-top:1px solid #d3c0a4;padding-top:22px;color:#795e40}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #ad7b43;outline-offset:5px}@media(max-width:850px){main{padding:24px}.tabs{padding-right:18px}.tabs button>span{font-size:23px}#principle-panel{padding:28px}#principle-panel h3{font-size:29px}}@media(max-width:600px){main{padding:18px}header>span{display:none}header{font-size:12px;gap:15px}.intro{padding-top:30px}h1{font-size:55px}.intro>p:last-child{font-size:16px}.intro br{display:none}.intro h1 br{display:block}.studio-scene{padding:5px 5px 0}.studio-scene figcaption{gap:10px;font-size:10px}.studio-scene figcaption>span:first-child{font-size:8px}.principles{padding:35px 0}.principle-body{grid-template-columns:1fr}.tabs{padding:0 0 16px}.tabs button{min-height:76px}.tabs button>span{font-size:25px}#principle-panel{min-height:330px}.path-grid{grid-template-columns:1fr;gap:15px}.path-grid>a{padding:26px}.paths{padding-bottom:32px}footer{align-items:flex-start;flex-direction:column;font-size:12px}footer>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.tabs button:hover b,.path-grid>a:hover{transform:none}}
