@font-face{font-family:Instrument;src:url('assets/instrument-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f4f5f2;--ink:#25332f;--accent:#bf461f;--sub:#5c6761;--line:#d5dcd5;--white:#fff;--mist:#e8eee8;--forest:#243e36;--focus:#ae3813;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(22px,4.4vw,80px);--scroll-thumb:#89988c;--scroll-track:#e9ece7}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#63756a}::-webkit-scrollbar-thumb:active{background:var(--ink)}
html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Instrument,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:6px}a:active,button:active{transform:translateY(1px)}::selection{color:#fff;background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(36px,4.25vw,68px)}p{font-weight:400}img,svg{max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;padding:12px 22px;background:var(--ink);color:white;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.wordmark{display:inline-flex;align-items:center;font-size:30px;font-weight:600;letter-spacing:-1.6px;line-height:1}.brand-star{color:var(--accent);font-size:36px;line-height:1;margin:0 0 0 7px}.brand-divider{height:24px;width:1px;background:#adb8af;margin:0 18px 0 24px}.brand-studio{font-size:10px;font-weight:400;letter-spacing:2px;align-self:center}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav>a{position:relative}.site-header nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s}.site-header nav>a:hover:after{width:100%}.nav-contact{padding:11px 17px;border:1px solid #aab6ad;border-radius:2px;margin-left:10px;transition:background .25s,color .25s}.nav-contact span{margin-left:25px}.nav-contact:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.menu-toggle{display:none}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--accent);display:inline-block;border-radius:50%;flex-shrink:0}.hero{position:relative;padding:36px var(--gutter) 0;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 80% 48%,#e2e9df80,transparent 62%),var(--paper)}.hero-topline{display:flex;justify-content:space-between;position:relative;z-index:2}.hero-location{font-size:9px;letter-spacing:1.2px;color:var(--sub)}.hero h1{position:relative;z-index:2;pointer-events:none;font-size:clamp(57px,7.3vw,118px);letter-spacing:-.065em;line-height:1.03;margin-top:58px}.headline-line{display:block;animation:headline-in 1s var(--ease) both}.headline-line:nth-child(2){animation-delay:.1s}.accent{color:var(--accent)}.hero-copy{position:relative;z-index:2;max-width:390px;margin-top:38px}.hero-copy>p{font-size:17px;line-height:1.6;max-width:365px;color:var(--sub);margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 20px;line-height:1.2;font-size:13px;border-radius:2px;border:1px solid transparent;min-height:50px;transition:background .25s,transform .3s var(--ease)}.primary{color:white;background:var(--accent)}.primary:hover{background:#9a3516;transform:translateY(-2px)}.quiet-link{display:block;font-size:12px;margin-top:16px;width:fit-content}.quiet-link span{display:inline-block;margin-left:5px;transition:transform .25s}.quiet-link:hover span{transform:translate(2px,-2px)}.hero-sculpture{position:absolute;right:0;top:115px;width:56%;height:550px;z-index:1}.hero-sculpture canvas{width:100%;height:100%;position:relative}.sculpture-halo{position:absolute;width:68%;height:60px;left:15%;bottom:65px;background:radial-gradient(ellipse,#87957e45,transparent 68%);filter:blur(15px)}.sculpture-label{position:absolute;bottom:23px;right:18%;font-size:9px;letter-spacing:2px;display:flex;flex-direction:column;gap:4px;text-align:center;color:var(--ink)}.sculpture-label>span{font-size:7px;color:var(--sub);letter-spacing:1.2px}.hero-bottom{position:relative;z-index:2;margin-top:62px;padding:21px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px}.hero-bottom>a{display:flex;gap:25px;font-size:11px;letter-spacing:0}.motion-toggle{font-size:10px;letter-spacing:0;background:transparent;border:0;padding:8px;display:flex;gap:8px;align-items:center}.motion-toggle:hover{color:var(--accent)}.section-pad{padding:110px var(--gutter)}.intro{display:grid;grid-template-columns:1fr 2.25fr;gap:40px;border-top:1px solid var(--line)}.intro>.eyebrow{align-self:start;padding-top:8px}.intro h2{font-size:clamp(34px,3.45vw,55px);letter-spacing:-.045em;line-height:1.2}.muted-heading{color:#758177}.intro-bottom{display:flex;gap:56px;align-items:flex-start;margin-top:40px}.intro-bottom p{max-width:420px;font-size:15px;color:var(--sub)}.small-star{font-size:45px;line-height:1;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:13px;line-height:1.7;color:var(--sub);padding-bottom:3px}.work{padding-top:30px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-stage{display:block;height:clamp(300px,32vw,530px);overflow:hidden;border-radius:5px;position:relative}.project-stage>div{height:100%;transition:transform .8s var(--ease)}.project-stage:hover>div{transform:scale(1.035)}.cmhc-stage{background:#dce8df}.cmhc-art{padding:35px 35px 20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 65% 35%,#f4f4df,#dce8df 70%)}.visual-kicker{font-size:15px;font-weight:600;letter-spacing:2px}.care-orbit{position:absolute;inset:5% 6% 4%;display:grid;place-items:center}.care-orbit span{width:70%;aspect-ratio:1;position:absolute;border:1px solid #4b685735;border-radius:50%;transform:rotateX(35deg) rotateZ(-30deg);box-shadow:inset -8px -8px 30px #7b967112}.care-orbit span:nth-child(2){width:90%;transform:rotateX(55deg) rotateY(-40deg)}.care-orbit span:nth-child(3){width:70%;transform:rotateX(50deg) rotateY(60deg)}.care-orbit b{font-size:clamp(40px,4.5vw,72px);line-height:1.05;letter-spacing:-.04em;text-align:center;color:#365b48;font-weight:400;z-index:1}.visual-caption{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;margin-top:auto;z-index:2}.visual-caption>span:last-child{width:32px;height:32px;border:1px solid #5e776b70;border-radius:50%;display:grid;place-items:center;font-size:17px}.project-meta{display:flex;justify-content:space-between;margin-top:22px;font-size:9px;letter-spacing:1px;text-transform:uppercase}.project-meta>span:last-child{color:var(--sub)}.project h3{font-size:clamp(22px,2.05vw,33px);line-height:1.2;letter-spacing:-.035em;margin-top:12px}.project h3 a{display:flex;align-items:center;justify-content:space-between;gap:20px}.project h3 a span{font-size:23px;transition:transform .25s}.project h3 a:hover span{transform:translate(3px,-3px);color:var(--accent)}.project-description{font-size:13px;color:var(--sub);line-height:1.7;max-width:390px;margin-top:12px}.fairplay-stage{background:#172b25}.fairplay-art{padding:24px 22px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 30% 0%,#3d5c3d,#14251f 70%);color:#e6f2e8}.fp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 8px 24px;font-size:15px;font-weight:600}.fp-top>span:first-child{display:flex;align-items:center;gap:6px}.fp-top i{width:12px;height:12px;border:2px solid #8bba72;border-radius:50%;display:inline-block}.fp-top>span:last-child{font-size:6px;letter-spacing:1.5px;font-weight:400;color:#b7c8ba}.fp-window{width:100%;display:flex;background:#101c19;border:1px solid #b8d8ba33;box-shadow:0 18px 30px #07190b40;border-radius:7px;transform:perspective(1100px) rotateY(-7deg) rotateX(8deg);min-height:225px}.fp-sidebar{width:24%;border-right:1px solid #658a7530;font-size:7px;padding:18px 10px;display:flex;flex-direction:column;gap:14px;color:#a4b9ab}.fp-sidebar b{font-size:25px;line-height:1;margin-bottom:15px;color:white}.fp-sidebar b>span{color:#a0e5a0}.fp-sidebar>span{padding:4px}.fp-sidebar .active{color:#a6d3a3;background:#37584466;border-radius:3px}.fp-content{padding:20px 16px;width:76%}.fp-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.fp-title small{font-size:6px;letter-spacing:1px;color:#90ab99;display:block;margin-bottom:8px}.fp-title strong{font-size:20px;line-height:1.1;font-weight:400;letter-spacing:-.5px}.fp-badge{font-size:5px;padding:4px 7px;background:#344b35;border-radius:10px;color:#b3e2a6;white-space:nowrap}.pitch{height:135px;border:1px solid #7aab7745;border-radius:3px;position:relative;background:repeating-linear-gradient(90deg,#26452f 0%,#26452f 12.5%,#2b4b32 12.5%,#2b4b32 25%)}.pitch:before{content:'';position:absolute;left:50%;top:0;height:100%;width:1px;background:#d4ead04a}.pitch-centre{border:1px solid #d4ead04a;border-radius:50%;width:40px;height:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.goal{height:65%;width:18%;border:1px solid #d4ead04a;position:absolute;top:17.5%}.goal-left{left:-1px}.goal-right{right:-1px}.player{position:absolute;background:#df7c68;box-shadow:0 3px 5px #0005;width:21px;height:21px;border:2px solid #f1b6a1;border-radius:50%;font-style:normal;font-size:7px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#2c2923}.p1{top:50%;left:8%}.p2{top:27%;left:28%}.p3{top:73%;left:28%}.p4{top:50%;left:43%}.p5,.p6,.p7,.p8{background:#7bafe2;border-color:#c4daf5}.p5{top:50%;left:92%}.p6{top:27%;left:72%}.p7{top:73%;left:72%}.p8{top:50%;left:57%}.fp-teams{font-size:5px;display:flex;justify-content:space-between;margin-top:10px;gap:4px;color:#a2b6a7}.fp-teams i{width:4px;height:4px;display:inline-block;background:#df7c68;border-radius:50%;margin-right:3px}.fp-teams span:last-child i{background:#7bafe2}.art-disclaimer{font-size:6px;letter-spacing:1px;text-align:right;margin-top:16px;color:#a4b9ab}.approach{background:var(--mist)}.approach-shell{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,7vw,120px);margin-top:60px}.approach-tabs{display:flex;flex-direction:column}.approach-tabs button{padding:27px 0;font-size:clamp(20px,2.2vw,34px);border:0;border-bottom:1px solid #becbc0;background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.04em;color:var(--sub);transition:color .25s}.approach-tabs button:first-child{border-top:1px solid #becbc0}.approach-tabs button span{font-size:24px;transition:transform .3s}.approach-tabs button:hover,.approach-tabs button[aria-selected=true]{color:var(--accent)}.approach-tabs button[aria-selected=true] span{transform:rotate(45deg)}.approach-panels{min-height:355px;position:relative;padding-right:65px}.capability-panel{animation:panel-in .5s var(--ease)}.panel-icon{position:absolute;top:0;right:0;font-size:36px;line-height:1;color:var(--accent)}.capability-panel>.eyebrow{font-size:9px;margin:4px 0 20px}.capability-panel h3{font-size:clamp(29px,3vw,45px);line-height:1.1}.capability-panel>p:not(.eyebrow){margin-top:20px;font-size:14px;line-height:1.8;color:var(--sub);max-width:420px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:22px 0}.tags li{padding:5px 10px;border:1px solid #bfcbbf;border-radius:20px;font-size:9px;line-height:1.4}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #aab7ad;padding:7px 0;transition:color .25s,border-color .25s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px;border-top:1px solid #c1cec2;padding-top:25px}.process-line>p{font-size:11px;color:var(--sub);display:flex;flex-direction:column;position:relative;padding-left:35px;gap:5px}.process-line>p>span{position:absolute;left:0;top:1px;font-size:9px;color:var(--accent)}.process-line strong{font-size:14px;color:var(--ink);font-weight:400}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.progress-project{border-bottom:1px solid var(--line);padding-bottom:25px}.progress-art{height:300px;position:relative;overflow:hidden;border-radius:5px;display:flex;align-items:center;justify-content:center}.progress-art>span{position:absolute;left:24px;bottom:20px;font-size:8px;letter-spacing:1.5px;z-index:4}.pet-art{background:#e8d1a6;color:#4a503b}.pet-sun{width:150px;height:150px;background:#f7ebc8;border-radius:50%;position:absolute;right:20%;top:8%}.pet-landscape{width:115%;height:150px;border-radius:50% 70% 0 0;background:#b0b789;position:absolute;bottom:-50px;left:-5%;transform:rotate(-7deg)}.pet-mark{position:relative;width:150px;filter:drop-shadow(0 12px 15px #7165473a);transform:rotate(-15deg)}.pet-mark svg{fill:#5c6f49;stroke:#899667;stroke-width:1}.magic-art{background:#dbdfe9;color:#43456b;perspective:800px}.pebble{position:absolute;border-radius:48% 52% 42% 58%/48% 48% 52% 52%;background:radial-gradient(ellipse at 28% 15%,#f7f7fa,#b1bacb 50%,#7c879a 83%);box-shadow:inset -6px -6px 14px #5b638433,12px 22px 23px #62698120;width:100px;height:80px;transform:rotate(-20deg)}.pebble-one{width:145px;height:100px;bottom:70px;left:25%;transform:rotate(-10deg)}.pebble-two{width:125px;height:88px;bottom:115px;left:41%;background:radial-gradient(ellipse at 32% 16%,#eedbbd,#c99362 60%,#88654b 95%);transform:rotate(17deg)}.pebble-three{width:95px;height:70px;bottom:165px;left:36%;transform:rotate(-18deg);background:radial-gradient(ellipse at 32% 16%,#e5e5db,#b4b9a8 60%,#7d8877 95%)}.progress-copy{padding:22px 0 0;position:relative}.status-pill{display:inline-flex;align-items:center;font-size:9px;padding:4px 9px;border:1px solid #b6c1b6;border-radius:20px;position:absolute;right:0;top:27px;gap:6px}.status-pill:before{content:'';width:4px;height:4px;background:var(--accent);border-radius:50%}.progress-copy h3{font-size:29px;letter-spacing:-.035em;padding-right:110px}.progress-copy>p{font-size:13px;color:var(--sub);margin-top:13px;max-width:360px;min-height:40px}.progress-copy .text-link{margin-top:10px}.philosophy{background:var(--forest);color:#f1f3e8;position:relative;overflow:hidden}.philosophy-intro{max-width:850px;position:relative}.philosophy-intro>.eyebrow{color:#c1cebe}.philosophy-intro h2{font-size:clamp(65px,9.3vw,150px);margin-top:32px;line-height:.98;letter-spacing:-.065em;position:relative}.philosophy-intro h2>span:first-child{color:#d0d9b5}.philosophy-star{position:absolute;right:2%;bottom:3%;font-size:120px;color:#d2d9b4}.philosophy-intro>p:last-child{margin-top:35px;font-size:15px;line-height:1.8;color:#c3cec0}.philosophy-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid #73937d66;margin-top:65px;padding-top:35px}.philosophy-columns h3{font-size:29px;margin-top:18px}.philosophy-columns p:not(.eyebrow){margin-top:17px;color:#c3cec0;font-size:14px;line-height:1.8;max-width:410px}.philosophy-columns .eyebrow{font-size:9px;color:#c1cebe}.philosophy-columns .text-link{margin-top:20px;border-color:#8eaa9466}.philosophy-columns .text-link:hover{color:white;border-color:white}.contact{display:flex;justify-content:space-between;align-items:flex-end;padding-top:120px;padding-bottom:110px}.contact h2{font-size:clamp(45px,6.4vw,100px);line-height:1.05;margin-top:25px;letter-spacing:-.06em}.contact h2 span{color:var(--accent)}.contact-action{font-size:25px;display:flex;justify-content:space-between;align-items:center;max-width:240px;border-bottom:1px solid var(--ink);padding:16px 0 12px;margin-top:25px;transition:color .25s,border-color .25s}.contact-action:hover{color:var(--accent);border-color:var(--accent)}.contact-action span{font-size:36px}.contact-note{padding-bottom:8px}.contact-note>p{font-size:14px;color:var(--sub);margin:25px 0 20px}.contact-note>a{font-size:12px;border-bottom:1px solid var(--line)}.contact-note>a:hover{color:var(--accent)}.site-footer{padding:0 var(--gutter) 25px}.footer-top{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}.footer-top .wordmark{font-size:24px}.footer-top .brand-star{font-size:28px}.footer-top>p{font-size:11px;color:var(--sub);margin-right:auto}.footer-top>a:not(.wordmark){font-size:10px;white-space:nowrap}.footer-top>a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:32px;font-size:9px;color:var(--sub)}.footer-bottom>div{margin-left:auto;display:flex;gap:23px;align-items:center}.footer-bottom button{border:0;background:transparent;padding:8px 0;font-size:9px;display:flex;align-items:center;gap:5px}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--accent)}.privacy-icon{font-size:7px;border:1px solid var(--sub);border-radius:8px;padding:0 5px;line-height:12px}dialog{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:32px;max-width:560px;width:calc(100% - 32px);max-height:85dvh;overflow-y:auto;box-shadow:0 20px 90px #172b2520}dialog::backdrop{background:#14251f80;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dialog-close{width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:24px;line-height:1}.dialog-close:hover{background:var(--mist)}dialog h2{font-size:35px;margin-bottom:20px}dialog>p{font-size:14px;color:var(--sub);line-height:1.8}.privacy-row{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:18px;justify-content:space-between}.privacy-row:first-of-type{margin-top:25px}.privacy-row strong{font-size:13px;font-weight:400}.privacy-row p{font-size:11px;color:var(--sub);margin-top:5px}.privacy-row>span{font-size:10px;white-space:nowrap}.privacy-done{display:flex;width:100%;margin-top:25px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.revealed{opacity:1;transform:none}.paused *,.paused *:before,.paused *:after{animation:none!important;transition:none!important}.paused{scroll-behavior:auto}.detail-header{padding:24px var(--gutter);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.detail-header>a:last-child{font-size:12px}.detail-hero{padding:75px var(--gutter) 55px;max-width:1400px}.detail-hero h1{font-size:clamp(47px,7vw,100px);max-width:950px;margin:25px 0;letter-spacing:-.06em}.detail-hero .lead{max-width:630px;font-size:20px;color:var(--sub);line-height:1.6}.detail-meta{display:flex;gap:50px;margin-top:35px;font-size:11px}.detail-meta span{display:block;color:var(--sub);margin-bottom:5px}.case-visual{margin:0 var(--gutter);border-radius:5px;overflow:hidden;min-height:350px}.case-visual .cmhc-art{height:450px}.case-body{max-width:780px;margin:70px auto;padding:0 25px}.case-body h2{font-size:36px;margin:50px 0 20px}.case-body p{font-size:17px;color:var(--sub);line-height:1.9;margin:15px 0}.case-body ul{padding-left:20px;color:var(--sub);line-height:1.9}.case-note{padding:22px 25px;background:var(--mist);border-left:2px solid var(--accent);font-size:13px!important}.case-next{margin:80px var(--gutter);border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.case-next a{font-size:30px;letter-spacing:-1px}.case-next a:hover{color:var(--accent)}.case-next>span{font-size:10px;letter-spacing:1px}.detail-footer{padding:30px var(--gutter);border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:20px;color:var(--sub)}
@keyframes headline-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:850px}.hero-sculpture{top:140px;height:600px}.hero-copy{margin-top:50px}.hero-bottom{margin-top:85px}}
@media(max-width:1000px){.site-header nav{gap:20px;font-size:12px}.brand-divider{margin:0 12px}.hero{min-height:715px}.hero h1{margin-top:55px}.hero-copy{max-width:340px}.hero-copy>p{font-size:15px;max-width:310px}.hero-sculpture{top:170px;width:56%;height:470px;right:-5%}.hero-location{display:none}.sculpture-label{right:28%}.hero-bottom{margin-top:65px}.intro{grid-template-columns:1fr 2.6fr;gap:25px}.intro-bottom{gap:30px}.section-pad{padding-top:85px;padding-bottom:85px}.work{padding-top:20px}.project-grid,.progress-grid{gap:20px}.project-stage{height:330px}.fp-top>span:last-child{display:none}.fp-content{padding:14px 10px}.fp-title strong{font-size:17px}.fp-badge{display:none}.approach-shell{gap:40px}.approach-panels{padding-right:40px}.capability-panel h3{font-size:32px}.philosophy-star{font-size:90px}.progress-art{height:265px}.footer-top{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:80px}.wordmark{font-size:27px}.brand-star{font-size:30px}.brand-studio{font-size:8px;letter-spacing:1px}.brand-divider{height:19px;margin:0 12px 0 15px}.menu-toggle{display:flex;align-items:center;gap:20px;background:transparent;border:1px solid #b4bfb4;padding:7px 12px;font-size:11px;min-height:40px}.menu-toggle>span{font-size:19px}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:24px var(--gutter);box-shadow:0 18px 25px #25332f15;border-bottom:1px solid var(--line);flex-direction:column;gap:0;align-items:stretch;font-size:16px}.site-header nav.is-open{display:flex}.site-header nav>a{padding:14px 0;min-height:48px}.nav-contact{margin:12px 0 0!important;padding:14px 18px!important;display:flex;justify-content:space-between}.hero{padding-top:25px;min-height:auto}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(43px,9vw,70px);margin-top:36px;letter-spacing:-.06em}.hero-sculpture{top:160px;right:-18%;width:85%;height:360px;opacity:.95}.hero-copy{margin-top:280px;max-width:450px}.hero-copy>p{font-size:15px;max-width:340px;line-height:1.7;margin-bottom:24px}.hero .button{font-size:12px}.sculpture-label{right:41%;bottom:25px;font-size:8px}.sculpture-label>span{font-size:6px}.hero-bottom{margin-top:40px;padding:18px 0;gap:10px;flex-wrap:wrap}.hero-bottom>span{font-size:7px;letter-spacing:.6px}.hero-bottom>a{display:none}.motion-toggle{font-size:9px}.section-pad{padding-top:65px;padding-bottom:65px}.intro{display:block}.intro>.eyebrow{margin-bottom:24px}.intro h2{font-size:clamp(29px,6.1vw,43px);line-height:1.2}.intro-bottom{gap:30px;margin-top:28px}.intro-bottom p{font-size:13px}.intro-bottom .small-star{font-size:35px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:12px;margin-top:20px}h2{font-size:clamp(32px,7vw,47px)}.work{padding-top:20px}.project-grid,.progress-grid{grid-template-columns:1fr;gap:40px}.project-stage{height:clamp(290px,78vw,470px)}.project-meta{margin-top:17px;font-size:8px}.project h3{font-size:25px}.project-description{font-size:13px;margin-top:10px}.fp-window{min-height:250px}.fp-top{font-size:19px;margin-bottom:24px}.fp-top>span:last-child{display:block;font-size:6px}.fp-title strong{font-size:23px}.fp-content{padding:20px 15px}.fp-sidebar{font-size:8px}.pitch{height:145px}.fp-teams{font-size:6px}.approach-shell{display:block;margin-top:35px}.approach-tabs{flex-direction:row;gap:8px;border-bottom:1px solid #b8c5b9;margin-bottom:35px}.approach-tabs button{font-size:12px;letter-spacing:-.01em;width:33.33%;line-height:1.4;padding:16px 5px;border:0!important;position:relative;align-items:start;min-height:65px}.approach-tabs button:first-child{padding-left:0}.approach-tabs button span{display:none}.approach-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.approach-panels{min-height:360px;padding-right:20px}.capability-panel h3{font-size:34px}.capability-panel>p:not(.eyebrow){font-size:14px}.capability-panel>.eyebrow{margin-top:0}.panel-icon{font-size:28px;right:2px}.process-line{grid-template-columns:1fr;gap:20px;margin-top:25px;padding-top:25px}.process-line>p{display:block;padding-left:32px;font-size:11px}.process-line strong{display:block;margin-bottom:3px}.process-line>p>span{top:3px}.progress-art{height:290px}.progress-copy>p{min-height:0;margin-bottom:12px}.progress-copy h3{font-size:28px}.progress-copy .status-pill{top:25px}.philosophy-intro h2{font-size:clamp(65px,14vw,100px);margin-top:30px;max-width:600px}.philosophy-star{font-size:65px;right:0;bottom:2px}.philosophy-intro>p:last-child{font-size:13px;margin-top:25px}.philosophy-columns{grid-template-columns:1fr;gap:40px;margin-top:40px;padding-top:30px}.philosophy-columns h3{font-size:29px}.philosophy-columns p:not(.eyebrow){font-size:13px}.contact{display:block}.contact h2{font-size:clamp(45px,10vw,72px)}.contact-action{font-size:22px;max-width:200px}.contact-note{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:50px;padding:25px 0 0;border-top:1px solid var(--line)}.contact-note>.small-star{font-size:40px}.contact-note>p{margin:0;font-size:13px}.contact-note>a{width:100%;font-size:12px}.footer-top{flex-wrap:wrap;gap:24px;padding:25px 0}.footer-top .wordmark{font-size:24px}.footer-top>p{width:calc(100% - 160px);margin:0;font-size:10px}.footer-top>a:not(.wordmark){font-size:11px;min-height:30px;display:flex;align-items:center;gap:5px}.footer-top>a:last-child{margin-left:auto}.footer-bottom{flex-wrap:wrap;gap:10px 20px;font-size:9px}.footer-bottom>div{width:100%;margin:3px 0 0;justify-content:space-between;gap:15px}.footer-bottom button{font-size:10px;padding:12px 0}.footer-bottom a{font-size:10px}dialog{padding:22px}dialog h2{font-size:30px}.dialog-heading .eyebrow{font-size:8px}.detail-hero{padding-top:45px}.detail-hero .lead{font-size:17px}.detail-meta{gap:25px;flex-wrap:wrap}.case-visual{min-height:250px}.case-visual .cmhc-art{height:320px}.case-body{margin-top:40px}.case-body h2{font-size:30px}.case-body p{font-size:16px}.case-next{margin-top:50px;margin-bottom:50px;display:block}.case-next a{display:block;font-size:26px;margin-top:15px}.detail-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}@media(forced-colors:active){*{scrollbar-color:auto}:focus-visible{outline:2px solid Highlight}.button,.status-pill{border:1px solid ButtonText}}
/* Keep the motion study below the reading line at every desktop angle. */
@media(min-width:1001px){.hero-sculpture{top:175px;height:465px;width:53%;right:-1%}.sculpture-label{bottom:0;right:27%}}
@media(min-width:1600px){.hero-sculpture{top:220px;height:530px}}
.paused .reveal-ready{opacity:1;transform:none}
.case-visual .fairplay-art{min-height:450px;padding:45px 70px}.case-visual .fp-top{font-size:22px}.case-visual .fp-window{min-height:330px}.case-visual .fp-sidebar{font-size:11px;padding:25px}.case-visual .fp-content{padding:25px 30px}.case-visual .fp-title strong{font-size:32px}.case-visual .pitch{height:190px}.case-visual .fp-teams{font-size:8px}.case-visual .player{width:28px;height:28px;font-size:10px}.case-visual .fp-top>span:last-child{font-size:9px}.case-visual .art-disclaimer{font-size:8px}
@media(max-width:760px){.case-visual .fairplay-art{min-height:310px;padding:24px 16px}.case-visual .fp-window{min-height:230px}.case-visual .fp-top{font-size:18px}.case-visual .fp-sidebar{font-size:7px;padding:14px 8px}.case-visual .fp-content{padding:15px 12px}.case-visual .fp-title strong{font-size:20px}.case-visual .pitch{height:130px}.case-visual .fp-top>span:last-child{display:none}.case-visual .fp-teams{font-size:5px}.case-visual .player{width:20px;height:20px;font-size:7px}.case-visual .art-disclaimer{font-size:6px}}
@media(max-width:760px){.hero-sculpture{right:-5%;width:90%}.detail-hero h1{font-size:clamp(42px,10.5vw,64px)}}
@media(max-width:360px){.brand-divider,.brand-studio{display:none}.hero h1{font-size:40px}.hero-sculpture{top:170px;height:330px}.hero-copy{margin-top:275px}.hero-bottom>span{max-width:170px;line-height:1.5}.philosophy-star{font-size:45px}}

/* 2026 studio architecture expansion */
.capabilities{background:#e8eee8}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bdc9bf;border-left:1px solid #bdc9bf}.capability-grid article{min-width:0;padding:32px 28px 30px;border-right:1px solid #bdc9bf;border-bottom:1px solid #bdc9bf;min-height:320px;display:flex;flex-direction:column;transition:background .35s var(--ease),color .35s var(--ease)}.capability-grid article:hover{background:#f6f7f3}.capability-grid article>span{font-size:9px;letter-spacing:1.5px;color:var(--sub)}.capability-grid h3{font-size:clamp(25px,2.1vw,34px);line-height:1.13;margin:40px 0 20px;max-width:290px}.capability-grid p{font-size:13px;line-height:1.75;color:var(--sub);max-width:340px}.capability-grid ul{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-wrap:wrap;gap:6px}.capability-grid li{font-size:9px;border:1px solid #afbeb2;border-radius:20px;padding:5px 9px}.capability-grid .capability-featured{background:var(--forest);color:#eff4e8}.capability-grid .capability-featured:hover{background:#1d352d}.capability-grid .capability-featured>span,.capability-grid .capability-featured p{color:#bdcbbd}.capability-grid .capability-featured li{border-color:#789080}
.case-stack{display:grid;gap:35px}.case-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);grid-template-areas:'index index' 'copy art';gap:20px 55px;padding:28px 0 60px;border-top:1px solid var(--line)}.case-index{grid-area:index;font-size:9px;letter-spacing:1.4px;color:var(--sub)}.case-card-copy{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start}.case-status{font-size:9px;letter-spacing:1.2px;padding:5px 10px;border:1px solid #b5c0b7;border-radius:20px;margin-bottom:22px}.case-card h3{font-size:clamp(34px,4vw,62px);line-height:1.02}.case-card h3 em{font-style:normal;color:#7a857d;font-size:.55em;letter-spacing:-.02em}.case-card-copy>p{font-size:14px;color:var(--sub);line-height:1.75;max-width:470px;margin-top:24px}.case-card-copy>.text-link{margin-top:28px}.case-card-art{grid-area:art;display:block;min-height:460px;border-radius:5px;overflow:hidden}.case-card-art>div{height:100%;transition:transform .8s var(--ease)}.case-card-art:hover>div{transform:scale(1.025)}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.case-metrics div{padding:15px 12px 15px 0;border-right:1px solid var(--line)}.case-metrics div+div{padding-left:14px}.case-metrics div:last-child{border-right:0}.case-metrics strong{font-size:34px;font-weight:400;line-height:1;display:block;color:var(--accent)}.case-metrics span{font-size:9px;color:var(--sub)}.case-card-copy small{font-size:9px;color:var(--sub);line-height:1.5;margin-top:10px;max-width:430px}.reported-result{width:100%;background:#15251f;color:#f2f5ed;border-radius:4px;padding:20px;margin-top:28px}.reported-result span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#a9b9ad}.reported-result strong{display:block;font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.04em;margin-top:7px;color:#d6dfbd}.reported-result p{font-size:10px!important;margin-top:8px!important;color:#a9b9ad!important}.fairplay-mini{padding:36px;color:#eaf2e8;background:radial-gradient(circle at 35% 5%,#3c5e43,#14251f 70%);position:relative;display:flex;flex-direction:column}.fairplay-mini>span{font-size:9px;letter-spacing:1.6px;color:#b7c8ba}.fairplay-mini>strong{font-size:clamp(42px,5vw,76px);line-height:.98;font-weight:400;letter-spacing:-.06em;margin-top:35px}.mini-pitch{position:relative;border:1px solid #9cc69a55;margin-top:auto;height:155px;background:repeating-linear-gradient(90deg,#284932 0 12.5%,#2d5036 12.5% 25%)}.mini-pitch:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #b8d3b655}.mini-pitch i{position:absolute;width:25px;height:25px;border-radius:50%;background:#da745f;border:2px solid #f0a793}.mini-pitch i:nth-child(n+4){background:#72a9dc;border-color:#b8d4ef}.mini-pitch i:nth-child(1){left:12%;top:42%}.mini-pitch i:nth-child(2){left:30%;top:20%}.mini-pitch i:nth-child(3){left:38%;top:70%}.mini-pitch i:nth-child(4){right:12%;top:42%}.mini-pitch i:nth-child(5){right:30%;top:20%}.mini-pitch i:nth-child(6){right:38%;top:70%}.fairplay-mini small{font-size:7px;letter-spacing:1px;margin-top:12px;color:#9eb1a4}.magic-stage{background:#dadfea}.magic-constellation{position:relative;background:radial-gradient(circle at 50% 45%,#f4ead8,#d7ddea 70%);display:grid;place-items:center;overflow:hidden}.magic-constellation:before,.magic-constellation:after{content:'';position:absolute;width:66%;height:1px;background:#65708633;transform:rotate(28deg)}.magic-constellation:after{transform:rotate(-35deg);width:78%}.magic-constellation .pebble-one{left:20%;bottom:18%;width:170px;height:120px}.magic-constellation .pebble-two{left:auto;right:18%;bottom:35%;width:145px;height:105px}.magic-constellation .pebble-three{left:39%;bottom:58%;width:115px;height:82px}.magic-constellation>span{position:absolute;left:32px;bottom:25px;font-size:9px;letter-spacing:1.6px;color:#4c536f}.concept-note{padding-left:17px;border-left:2px solid var(--accent);font-size:13px!important}.method{background:#f6f7f4}.method-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-track article{padding:24px 20px 30px;border-right:1px solid var(--line);min-height:185px}.method-track article:last-child{border-right:0}.method-track span{font-size:9px;color:var(--accent)}.method-track h3{font-size:22px;margin-top:45px}.method-track p{font-size:11px;color:var(--sub);margin-top:10px;line-height:1.55}.credibility{background:#d8d6c8}.credibility-heading{display:grid;grid-template-columns:.7fr 1.2fr .8fr;gap:35px;align-items:start}.credibility-heading h2 span{color:#77796c}.credibility-heading>p:last-child{font-size:14px;color:#5f665f;line-height:1.8}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #aaa99d;border-bottom:1px solid #aaa99d}.proof-grid article{padding:30px 22px 34px 0;border-right:1px solid #aaa99d}.proof-grid article+article{padding-left:22px}.proof-grid article:last-child{border-right:0}.proof-grid strong{display:block;font-size:clamp(40px,4.5vw,70px);font-weight:400;line-height:1;color:var(--accent);letter-spacing:-.06em}.proof-grid span{display:block;font-size:11px;line-height:1.5;margin-top:12px;max-width:180px}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.credentials span{font-size:9px;letter-spacing:.3px;border:1px solid #aaa99d;border-radius:20px;padding:7px 11px;background:#e7e5d9}
.case-body .case-evidence{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0}.case-body .case-evidence div{padding:22px 15px;border-right:1px solid var(--line)}.case-body .case-evidence div:last-child{border:0}.case-body .case-evidence strong{display:block;font-size:38px;font-weight:400;color:var(--accent)}.case-body .case-evidence span{font-size:10px;color:var(--sub)}.journey-map{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin:30px 0}.journey-map div{padding:18px 12px;border-right:1px solid var(--line)}.journey-map div:last-child{border:0}.journey-map span{font-size:8px;color:var(--accent)}.journey-map strong{display:block;font-size:13px;font-weight:400;margin-top:18px}.case-label{font-size:10px;letter-spacing:1.4px;color:var(--accent);text-transform:uppercase}.case-quote{font-size:clamp(28px,3.4vw,48px)!important;color:var(--ink)!important;line-height:1.2!important;letter-spacing:-.04em;margin:45px 0!important}.magic-case-visual{min-height:500px;background:radial-gradient(circle at 50% 44%,#f4ead8,#d7ddea 70%);position:relative;overflow:hidden}.magic-case-visual .magic-constellation{height:500px}.case-principles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.case-principles article{background:var(--mist);padding:24px}.case-principles span{font-size:9px;letter-spacing:1.2px;color:var(--accent)}.case-principles h3{font-size:22px;margin-top:18px}.case-principles p{font-size:13px;margin-bottom:0}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{gap:20px 30px}.case-card-art{min-height:400px}.credibility-heading{grid-template-columns:.6fr 1fr}.credibility-heading>p:last-child{grid-column:2}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid article:nth-child(2){border-right:0}.proof-grid article:nth-child(-n+2){border-bottom:1px solid #aaa99d}.method-track{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:280px;padding:25px 22px}.capability-grid h3{font-size:29px;margin-top:32px}.case-card{display:block;padding-bottom:45px}.case-card-copy{margin-top:18px}.case-card h3{font-size:40px}.case-card h3 em{font-size:.55em}.case-card-art{min-height:330px;margin-top:32px}.case-metrics strong{font-size:30px}.case-metrics span{font-size:8px}.reported-result strong{font-size:31px}.fairplay-mini{padding:25px}.fairplay-mini>strong{font-size:45px}.mini-pitch{height:120px}.magic-constellation .pebble-one{left:8%;width:130px;height:95px}.magic-constellation .pebble-two{right:5%;width:110px;height:80px}.magic-constellation .pebble-three{left:35%;width:90px;height:65px}.method-track{grid-template-columns:1fr}.method-track article{min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 110px 1fr;align-items:start;gap:8px;padding:20px 0}.method-track article:last-child{border-bottom:0}.method-track h3,.method-track p{margin:0}.method-track p{padding-top:4px}.credibility-heading{display:block}.credibility-heading h2{margin:22px 0}.credibility-heading>p:last-child{font-size:13px}.proof-grid{grid-template-columns:1fr 1fr;margin-top:45px}.proof-grid article{padding:22px 12px 24px 0}.proof-grid article+article{padding-left:12px}.proof-grid strong{font-size:43px}.proof-grid span{font-size:9px}.credentials{gap:6px}.credentials span{font-size:8px}.case-body .case-evidence{grid-template-columns:1fr}.case-body .case-evidence div{border-right:0;border-bottom:1px solid var(--line)}.journey-map{grid-template-columns:1fr}.journey-map div{border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-map strong{margin:0}.case-principles{grid-template-columns:1fr}.magic-case-visual,.magic-case-visual .magic-constellation{height:340px;min-height:340px}}
@media(max-width:760px){.hero-copy{margin-top:360px}.hero-sculpture .sculpture-label{display:none}}
