@font-face{font-family:Commissioner;src:url('assets/commissioner.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--stone:#e8e4df;--ink:#392831;--metal:#b9a5ac;--muted:#6b5862;--line:rgba(57,40,49,.25);--pad:clamp(24px,4.5vw,88px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted) var(--stone);scroll-padding-top:24px}body{margin:0;background:var(--stone);color:var(--ink);font-family:Commissioner,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background:var(--ink);color:var(--stone)}a{color:inherit;text-decoration:none;text-underline-offset:6px}button,input{font:inherit}button{cursor:pointer;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:460;letter-spacing:-.04em;line-height:1.02}button{border:0;background:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}a svg{transition:transform .35s var(--ease)}a:hover svg{transform:translate(3px,-3px)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:20px;top:-80px;padding:12px;background:var(--ink);color:var(--stone);z-index:100}.skip:focus{top:20px}

.header{padding:30px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-name{font-size:35px;font-weight:600;letter-spacing:-.04em}.brand-description{font-size:12px;letter-spacing:.04em;margin-top:9px}.brand-period{color:var(--muted)}.header nav{display:flex;gap:44px;align-items:center;font-size:14px}.header nav>a{padding:12px 0}.nav-contact{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--ink)}.nav-contact svg{width:18px;height:18px}
.hero{padding:75px var(--pad) 80px}.hero h1{font-size:clamp(78px,12vw,184px);font-weight:450;line-height:.94;letter-spacing:-.04em}.hero h1 span{color:var(--muted)}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:64px;align-items:start}.hero-intro>p{font-size:clamp(23px,2.3vw,34px);line-height:1.25;letter-spacing:-.025em}.hero-intro>div{max-width:490px;font-size:18px;line-height:1.6}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;border-bottom:1px solid var(--line);font-size:15px;padding:12px 0;margin-top:20px}.text-link:hover{border-color:currentColor}.text-link svg{width:21px;height:21px}
.judgement{background:var(--ink);color:var(--stone);padding:85px var(--pad) 45px}.judgement-top{display:flex;justify-content:space-between;gap:60px;align-items:end}.judgement h2{font-size:clamp(40px,5.3vw,78px);line-height:1.06}.judgement h2 span{color:var(--metal)}.judgement-top>p{font-size:16px;line-height:1.6;max-width:310px}.scenario-buttons{display:flex;gap:30px;margin-top:48px;flex-wrap:wrap}.scenario-buttons button{display:flex;align-items:center;gap:24px;color:var(--metal);font-size:16px;min-height:52px;padding:12px 0;border-bottom:1px solid rgba(232,228,223,.3)}.scenario-buttons button[aria-pressed=true]{color:var(--stone);border-color:var(--stone)}.scenario-buttons button svg{width:17px;height:17px;transform:rotate(45deg);transition:transform .3s var(--ease)}.scenario-buttons button[aria-pressed=true] svg{transform:rotate(90deg)}.example-note{font-size:12px;color:var(--metal);margin-top:35px}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:110px var(--pad)}.studio h2{font-size:clamp(55px,7vw,106px);line-height:1}.professional-title{font-size:18px;margin-top:22px}.studio-copy{max-width:540px}.studio-copy .studio-lead{font-size:clamp(28px,3.3vw,48px);line-height:1.15;letter-spacing:-.03em;margin-bottom:32px}.studio-copy>p{font-size:18px;line-height:1.65;margin-bottom:20px}
.expertise{padding:20px var(--pad) 105px}.section-opening{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:60px}.section-opening h2{font-size:clamp(44px,6vw,88px)}.section-opening>p{font-size:18px;line-height:1.5;max-width:440px}.services{border-top:1px solid var(--ink)}.service{border-bottom:1px solid var(--line);scroll-margin-top:30px}.service summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 0;font-size:clamp(23px,2.7vw,39px);letter-spacing:-.025em;line-height:1.2}.service summary small{display:block;font-size:13px;letter-spacing:0;font-weight:400;margin-bottom:12px;color:var(--muted)}.service summary::-webkit-details-marker{display:none}.service summary svg{transition:transform .4s var(--ease);width:22px;height:22px}.service[open] summary svg{transform:rotate(45deg)}.service-body{margin-left:42%;padding:8px 0 35px;max-width:650px}.service-body h3{font-size:26px;line-height:1.2;font-weight:450;letter-spacing:-.025em;margin:0 0 18px}.service-body p{font-size:17px;line-height:1.6;max-width:49ch}.service-body ul{list-style:none;padding:0;margin:25px 0 5px;font-size:14px}.service-body li{padding:9px 0;border-top:1px solid var(--line)}.service-body .text-link{font-size:14px}
.working{padding:90px var(--pad);background:#d6cbd0}.working h2{font-size:clamp(38px,5.2vw,76px);max-width:1100px}.engagements{display:grid;grid-template-columns:1fr 1fr;gap:14%;margin-top:60px}.engagements article{border-top:1px solid var(--ink);padding-top:26px}.engagements h3{font-size:30px;font-weight:450;line-height:1.2;margin:0 0 20px}.engagements p{font-size:18px;line-height:1.6;max-width:43ch}
.contact{background:var(--ink);color:var(--stone);padding:95px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.contact h2{font-size:clamp(55px,8vw,116px);line-height:1.02}.contact h2 span{color:var(--metal)}.contact-side>p{font-size:23px;line-height:1.4}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(232,228,223,.4);border-bottom:1px solid rgba(232,228,223,.4);padding:25px 0;font-size:clamp(18px,2vw,28px);letter-spacing:-.02em;margin-top:30px}.contact-link svg{width:29px;height:29px}.contact-side .contact-note{font-size:14px;line-height:1.65;margin-top:22px;color:var(--metal);max-width:48ch}.contact-side .chosen-subject{font-size:14px;margin-top:24px;color:var(--metal)}
footer{background:var(--ink);color:var(--stone);padding:0 var(--pad) 28px}.footer-top{border-top:1px solid rgba(232,228,223,.3);display:flex;align-items:center;justify-content:space-between;padding:40px 0 50px}.footer-top .text-link{font-size:13px;border-color:rgba(232,228,223,.3)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:11px;color:var(--metal)}.footer-bottom button{font-size:11px;padding:0 0 5px;text-decoration:underline;min-height:24px}.footer-bottom p{max-width:360px}#concept-details{max-width:730px;font-size:13px;color:var(--stone);border-top:1px solid var(--metal);padding-top:24px;margin-top:25px}
@media(max-width:1000px){.header nav{gap:25px}.hero{padding-top:55px}.judgement-top{display:block}.judgement-top>p{max-width:440px;margin-top:28px}.scenario-buttons{gap:22px}.scenario-buttons button{font-size:14px}.studio{gap:8%}.contact{gap:7%}.service-body{margin-left:30%}}
@media(max-width:640px){:root{--pad:24px}.header{padding-top:24px}.brand-name{font-size:29px}.brand-description{font-size:11px}.header nav{gap:0;font-size:12px}.header nav>a:not(.nav-contact){display:none}.nav-contact{gap:16px}.hero{padding-top:44px;padding-bottom:55px}.hero h1{font-size:clamp(58px,15.8vw,100px);line-height:1}.hero-intro{display:block;margin-top:35px}.hero-intro>p{font-size:23px;margin-bottom:24px}.hero-intro>div{font-size:16px}.judgement{padding-top:55px;padding-bottom:35px}.judgement h2{font-size:38px}.judgement-top>p{font-size:15px}.scenario-buttons{display:grid;gap:0;margin-top:25px}.scenario-buttons button{justify-content:space-between;min-height:54px;font-size:15px}.example-note{line-height:1.6}.studio{display:block;padding:65px var(--pad)}.studio h2{font-size:62px}.professional-title{margin-top:18px}.studio-copy{margin-top:40px}.studio-copy .studio-lead{font-size:32px;margin-bottom:22px}.studio-copy>p{font-size:16px}.expertise{padding-bottom:60px}.section-opening{display:block;margin-bottom:32px}.section-opening h2{font-size:46px}.section-opening>p{font-size:16px;margin-top:25px}.service summary{font-size:25px;padding:25px 0;gap:20px}.service-body{margin-left:0;padding-bottom:30px}.service-body h3{font-size:23px}.service-body p{font-size:16px}.working{padding:60px var(--pad)}.working h2{font-size:38px}.engagements{display:block;margin-top:35px}.engagements article+article{margin-top:38px}.engagements h3{font-size:27px}.engagements p{font-size:16px}.contact{display:block;padding:60px var(--pad)}.contact h2{font-size:64px}.contact-side{margin-top:38px}.contact-side>p{font-size:21px}.contact-link{font-size:21px}.footer-top{padding:25px 0 35px;gap:20px}.footer-top .text-link{font-size:11px;gap:15px}.footer-top .text-link svg{width:17px;height:17px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom p{width:100%;order:3}.footer-bottom button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}



/* One authored interaction: a business question becomes a precise inquiry. */
.question-study{margin-top:38px;padding:48px;background:#493640;color:var(--stone);transition:background-color .45s var(--ease),color .45s var(--ease)}
.question-study[data-focused=true]{background:var(--stone);color:var(--ink)}
.question-copy{display:grid;grid-template-columns:1.8fr 1fr;gap:7%;align-items:center;min-height:290px}
#live-question{font-size:clamp(48px,7.3vw,108px);font-weight:450;letter-spacing:-.04em;line-height:1.02}
#live-question span{display:block;white-space:nowrap}
#live-question span:last-child{color:var(--metal)}
.question-study[data-focused=true] #live-question span:last-child{color:var(--muted)}
#question-reason{font-size:18px;line-height:1.65;max-width:35ch}
.question-action{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid currentColor;padding-top:25px;margin-top:38px}
.question-action>span{font-size:12px}
.question-action button{display:flex;align-items:center;gap:28px;min-height:48px;font-size:15px;text-align:left}
.question-action button svg{width:24px;height:24px;transition:transform .4s var(--ease)}
.question-study[data-focused=true] .question-action button svg{transform:rotate(-90deg)}
.study-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px}.study-foot p{font-size:22px;line-height:1.4;letter-spacing:-.015em}.study-foot .text-link{margin-top:0;border-color:var(--metal)}
@media(max-width:1100px){.question-copy{display:block;min-height:0}#live-question{font-size:clamp(48px,8.5vw,90px)}#question-reason{max-width:57ch;min-height:90px;margin-top:30px}}
@media(max-width:640px){.question-study{padding:26px 20px;margin:26px -12px 0}#live-question{font-size:clamp(32px,8.8vw,55px);line-height:1.1}#question-reason{font-size:16px;min-height:182px;margin-top:25px}.question-action{display:block;margin-top:25px;padding-top:15px}.question-action>span{display:block;margin-bottom:12px}.question-action button{justify-content:space-between;width:100%;font-size:13px;gap:15px}.study-foot{display:block;margin-top:28px}.study-foot p{font-size:20px}.study-foot .text-link{margin-top:20px}}


.contact h2{font-size:clamp(46px,6vw,88px)}
.contact-side .email-address{font-size:clamp(15px,1.5vw,21px);margin-top:18px;overflow-wrap:anywhere;user-select:all}
.contact-side .email-hint{font-size:13px;margin-top:8px;color:var(--metal)}
.footer-top{align-items:start;gap:32px}
.legal-info{font-size:13px;line-height:1.8;color:var(--metal)}
.legal-info p+p{margin-top:5px}
.policy-pending{display:block;margin-top:16px;color:var(--stone)}
.policy-pending span{color:var(--metal)}
@media(max-width:900px){.footer-top{flex-wrap:wrap}.legal-info{order:3;width:100%}}

/* Supplied monogram accompanies the existing wordmark. */
.brand{flex-direction:row;align-items:center;gap:15px}.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start}.brand-mark{display:block;width:58px;height:60px;flex-shrink:0;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%}.header .brand-mark{mix-blend-mode:multiply}.footer-top .brand-mark{background:#fbf8f2;border-radius:3px}.legal-info a{overflow-wrap:anywhere}.contact-link:hover svg{transform:translateY(-2px)}
@media(max-width:640px){.brand{gap:10px}.brand-mark{width:43px;height:45px}.header .brand-name{font-size:25px}.header .brand-description{font-size:10px}}

.studio-luigi{padding-top:0}.studio-luigi .studio-identity{align-self:center}

.studio.studio-team{display:block}.studio-team .team-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,90px)}
.studio-team .team-member{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);align-items:center;gap:24px}
.studio-team .portrait-reveal{width:100%;aspect-ratio:1;height:auto;margin:0}.studio-team .studio-portrait{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.studio-team .studio-identity h2{font-size:clamp(28px,3.2vw,54px);line-height:1.08}.studio-team .professional-title{font-size:18px;margin-top:18px}
.studio-team .studio-identity .text-link{font-size:13px;gap:12px}.studio-team .studio-copy{margin-top:65px;max-width:760px}
@media(max-width:760px){.studio-team .team-members{grid-template-columns:1fr;gap:40px}.studio-team .team-member{gap:22px}.studio-team .studio-identity h2{font-size:clamp(28px,7vw,46px)}.studio-team .studio-copy{margin-top:45px}}