/* Selected direction: Product Studio. Local preview only. */
@font-face{font-family:'DM Serif Display';src:url('assets/DMSerifDisplay-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#f0f2f3;--muted:#b5c4d8;--paper:#101519;--white:#172129;--line:#33414b;--blue:#8ab5f7;--orange:#ff8853;--display:'DM Serif Display',Georgia,serif;--radius:3px}
html{scroll-padding-top:94px}body{line-height:1.6}.wrap{width:min(1220px,calc(100% - 108px))}
.icon{display:inline-block;flex-shrink:0;width:18px;height:18px;vertical-align:middle;filter:invert(1)}
.button .icon{filter:none}.button.secondary .icon{filter:invert(1)}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#8ab5f7}
.header{height:76px;border-bottom:0;background:rgba(16,21,25,.97);backdrop-filter:blur(12px)}
.header-inner{border-bottom:1px solid #52606e;gap:30px}.wordmark{font-family:var(--display);font-size:27px;letter-spacing:-.03em;font-weight:400}
.review-label{font-size:9px;letter-spacing:.12em;padding-left:28px;line-height:1.65}.review-label>span{font-size:12px;letter-spacing:0}.nav{gap:30px;font-size:13px;font-weight:400}.header-contact{display:inline-flex;align-items:center;gap:8px;border-color:#c6cfda;padding:8px 18px!important}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500}.hero{padding:43px 0 28px}
.hero-grid{grid-template-columns:minmax(0,1fr) 327px 154px;gap:32px;align-items:stretch}.hero-copy{align-self:start}
.hero h1{font-family:var(--display);font-size:94px;font-weight:400;letter-spacing:-.04em;line-height:1.03;white-space:nowrap;margin:13px 0 12px}
.hero .roles{padding-left:12px;border-left:1px solid #7c9cbe;margin:0 0 22px}.role-primary{font-size:23px;line-height:1.4;font-weight:500}.role-secondary{font-size:19px;margin-top:0;line-height:1.4}
.hero-description{font-size:14px;line-height:1.72;max-width:660px;margin-bottom:18px}.hero-description p{margin:0 0 4px}.hero .actions{gap:32px}
.button{font-size:13px;border-radius:2px;padding:11px 19px;gap:19px}.text-link{font-size:12px;font-weight:400;gap:12px;border-color:#7f9fc8;padding-bottom:5px}.hero .text-link{margin-top:5px}
.portrait-frame{padding:0;background:transparent;align-self:start}.portrait-frame:before{display:none}.portrait-frame img{height:368px;width:327px;aspect-ratio:auto;object-fit:cover;object-position:center 41%;border-radius:0}
.hero-aside{padding:38px 0 10px;display:flex;flex-direction:column;align-items:start}.focus-labels{border-left:1px solid #647b95;padding:6px 0 6px 17px;font-size:10px;font-style:italic;letter-spacing:.15em;line-height:2.1;text-transform:uppercase;color:var(--muted)}
.aside-note{font-size:13px;line-height:1.6;margin-top:38px;padding-top:18px;position:relative}.aside-note:before{content:'';position:absolute;top:0;left:0;width:32px;height:1px;background:#617386}
.location{font-size:10px;letter-spacing:.015em;display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--muted);white-space:nowrap}.location .icon{width:14px;height:14px}
.section{padding:64px 0}.section-intro h2,.about-heading h2,.contact-grid h2,.page-heading h1,.case-heading h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.1}.section-intro h2{font-size:52px;margin-top:10px}.section-intro p{font-size:13px}.section-intro{margin-bottom:24px}
#work{padding-top:0;padding-bottom:60px;border:0}#work>.wrap{border-top:1px solid var(--line);padding-top:22px}
.work-grid{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:14px 38px;position:relative;align-items:start}
.work-grid:before{content:'';position:absolute;top:0;bottom:0;left:calc((100% - 38px) * .569 + 19px);width:1px;background:var(--line)}
.work-card{border:0;border-radius:0;background:transparent;display:flex;overflow:visible;transition:none}.work-card:hover{transform:none}.studio-brame{grid-row:span 2}
.work-art{height:auto;min-height:0;padding:0;display:block;background:transparent;overflow:hidden}.work-art img{width:100%;height:auto;object-fit:contain;transition:opacity .2s}.work-art:hover img{opacity:.92}
.work-body{padding:9px 0 0}.studio-brame .work-body{padding-top:21px}.company{font-size:10px;font-weight:400;letter-spacing:.12em}.company img{width:18px;height:18px}
.work-card h3{font-size:20px;letter-spacing:-.025em;font-weight:500;margin:5px 0 4px;line-height:1.2}.studio-brame h3{font-family:var(--display);font-size:41px;letter-spacing:-.03em;font-weight:400;margin:7px 0 9px}
.work-card p{font-size:12px;line-height:1.55;margin:0 0 9px}.studio-brame p{font-size:14px;line-height:1.65;margin-bottom:19px}
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.state{border:1px solid #5579a7;border-radius:30px;background:#172332;color:#c5d7ef;margin:0;padding:6px 11px;font-size:10px;line-height:1.4;align-items:center;gap:8px}.state:before{width:8px;height:8px;margin:0;background:#8ab5f7}.state.pilot{background:#30231c;border-color:#72442c;color:#ffb887}.state.pending{font-size:9px;background:#1c2031;border-color:#525b87;color:#c1c9ef}.state.pending:before{background:#aaa9ed}
.work-card .card-link{margin:0;padding:3px 0 5px;border-top:0;border-bottom:1px solid #8fa7c8;display:inline-flex;gap:16px;flex-shrink:0;font-size:11px;font-weight:400}.card-link .icon{width:15px;height:15px}.studio-references{border-top:1px solid var(--line);padding-top:10px}
.capability h3{font-size:20px;letter-spacing:-.02em}.experience,.contact-section{background:#131c24}.experience-row h3{font-size:25px}.about-heading h2{font-size:52px}.education{font-size:12px}.contact-grid h2{font-size:52px}.page-heading h1{font-size:62px}.case-heading h2{font-size:43px}
.breadcrumb{align-items:center}.evidence-field .field-turn{display:inline-flex;align-items:center;gap:5px}.field-turn .icon{width:13px;height:13px}.step-button{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px}.mobile-toggle{align-items:center;gap:10px;min-height:44px}
.work-card p{font-size:13px}.studio-brame p{font-size:15px}.state{font-size:11px}.work-card .card-link{font-size:12px}
@media(max-width:620px){.work-card .card-link,.capability .text-link,.footer a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:1190px){.hero-grid{grid-template-columns:minmax(0,1fr) 310px;gap:34px}.hero-aside{grid-column:1/-1;flex-direction:row;align-items:center;padding:0;gap:30px}.focus-labels{border:0;padding:0;font-style:normal;font-size:9px;line-height:1.7}.aside-note{margin:0;padding:0;font-size:11px}.aside-note:before{display:none}.location{margin:0 0 0 auto}.hero h1{font-size:clamp(68px,7.8vw,90px)}.portrait-frame img{width:100%;height:350px}.role-primary{font-size:20px}.role-secondary{font-size:17px}.review-label{display:none}.work-grid{gap:22px 32px}.work-grid:before{left:calc((100% - 32px) * .569 + 16px)}.card-footer{align-items:start;flex-wrap:wrap}.studio-brame h3{font-size:36px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.mobile-toggle{display:inline-flex;margin-left:auto}.nav{top:76px;gap:4px;background:var(--paper);padding:18px 24px}.nav a{min-height:44px}.hero{padding-top:32px}.hero-grid{grid-template-columns:minmax(0,1fr) 255px;gap:24px}.hero h1{font-size:64px;white-space:normal;margin:13px 0 17px}.hero .roles{margin-bottom:16px}.role-primary{font-size:17px}.role-secondary{font-size:15px}.hero-description{font-size:13px;line-height:1.7}.portrait-frame img{height:330px}.hero .actions{gap:20px}.hero-aside{padding-top:5px}.work-grid{gap:22px 28px}.work-grid:before{left:calc((100% - 28px) * .569 + 14px)}.work-card{display:flex}.work-card h3{font-size:20px}.studio-brame h3{font-size:33px}.work-card p{font-size:12px}.studio-brame p{font-size:13px}.section-intro h2,.about-heading h2,.contact-grid h2{font-size:43px}.section{padding:52px 0}.page-heading h1{font-size:48px}.case-heading h2{font-size:36px}.capability-grid{gap:25px}}
@media(max-width:620px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.wordmark{font-size:24px}.header-inner{gap:10px}.hero{padding:30px 0 12px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(54px,13.7vw,80px);white-space:normal;line-height:1.02;margin:12px 0 22px}.hero .eyebrow{font-size:9px}.role-primary{font-size:17px}.role-secondary{font-size:15px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:22px}.hero-description p{margin-bottom:8px}.hero .actions{gap:25px}.button{min-height:44px}.hero .text-link{min-height:40px;align-items:center}.portrait-frame{width:100%;max-width:none}.portrait-frame img{width:100%;height:auto;aspect-ratio:1.18;object-position:center 35%}.hero-aside{gap:16px;align-items:center;padding:0}.focus-labels{font-size:8px}.aside-note{display:none}.location{font-size:10px}.section-intro{gap:12px}.section-intro h2,.about-heading h2,.contact-grid h2{font-size:40px}.section-intro p{font-size:12px}#work{padding-top:17px}#work>.wrap{padding-top:22px}.work-grid{grid-template-columns:1fr;gap:28px}.work-grid:before{display:none}.studio-brame{grid-row:auto}.work-body,.studio-brame .work-body{padding:15px 0 0}.work-card h3{font-size:23px}.studio-brame h3{font-size:34px;margin:9px 0}.work-card p,.studio-brame p{font-size:13px;line-height:1.75;margin-bottom:16px}.card-footer{align-items:center;gap:12px}.state{font-size:10px}.state.pending{font-size:10px}.work-card .card-link{min-height:44px;gap:10px;font-size:12px}.studio-references{padding-top:28px}.studio-una-mano{border-top:1px solid var(--line);padding-top:28px}.section{padding:44px 0}.capability-grid{grid-template-columns:1fr}.page-heading h1{font-size:39px}.case-heading h2{font-size:33px}.contact-grid{gap:22px}.case-nav a{min-height:36px}.panel-title{font-size:9px;gap:14px}}

/* Compact editorial thumbnail; complete evidence remains in the simulation. */
.studio-references .work-art{aspect-ratio:4.15;position:relative}
.studio-references .work-art img{height:100%;width:100%;object-fit:cover;object-position:center 45%}
@media(max-width:900px){.studio-references .work-art{aspect-ratio:3.2}.studio-references .work-art img{object-fit:contain}}

.case-figure img,.asset-item img{height:auto}