:root{color-scheme:dark;--ink:#111;--paper:#f4f4f1;--white:#f8f8f5;--gray:#a3a3a0;--line:#383838;--gutter:clamp(1.5rem,6.1vw,7.5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#d4d4cd;color:#111}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
button,a{-webkit-tap-highlight-color:transparent}
p,h1,h2,h3,figure{margin:0}
.wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:10;padding:1rem;background:white;color:black}
.skip-link:focus{top:1rem}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font-size:2.75rem;font-weight:700;letter-spacing:-.09em;line-height:1}
.wordmark span{margin-left:.05em}
nav{display:flex;gap:2.5rem;margin-left:7rem;font-size:.9375rem}
nav a{display:flex;align-items:center;gap:1rem;padding-block:.75rem}
nav a span{color:#a5a5a1;transition:transform .2s}
nav a:hover span{transform:translate(2px,-2px)}
.header-note{font-size:.8125rem;color:#a5a5a1}
.hero{position:relative;min-height:700px;padding-top:53px;padding-bottom:75px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;isolation:isolate;background:var(--ink)}
.hero-intro{position:relative;z-index:2;align-self:start}
.eyebrow{font-size:.8125rem;font-weight:400;letter-spacing:.06em;line-height:1.5}
.hero .eyebrow{color:#ccc;letter-spacing:.11em}
h1{font-size:clamp(5.25rem,10.9vw,10.7rem);line-height:.9;letter-spacing:-.082em;font-weight:500;margin:39px 0 29px;margin-left:-.065em}
.name-period{color:#969691}
.hero-description{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6;color:#bbb;letter-spacing:-.015em}
.explore{display:inline-flex;align-items:center;gap:13px;font-size:.875rem;margin-top:35px;padding-block:3px}
.round-arrow{display:grid;place-items:center;border:1px solid #666;width:37px;height:37px;border-radius:50%;font-size:1.1rem;transition:background .2s,color .2s}
.explore:hover .round-arrow{background:var(--paper);color:var(--ink)}
.portrait{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center;margin:-23px -1.5rem 20px -2.7rem;z-index:1;mix-blend-mode:lighten}
.portrait img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;filter:grayscale(1);mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%)}
.portrait figcaption{position:absolute;right:10px;bottom:0;color:#8f8f8c;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.07em}
.hero-baseline{position:absolute;bottom:20px;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:.75rem;color:#949491;letter-spacing:.03em}
.focus-section{color-scheme:light;background:var(--paper);color:var(--ink);padding-block:93px 80px;scroll-margin-top:-2rem}
.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;margin-bottom:66px}
.section-heading>.eyebrow{padding-top:10px}
.section-index{color:#777;margin-right:12px;font-family:'Courier New',monospace;font-size:.8125rem}
h2{font-size:clamp(2.75rem,4.7vw,4.75rem);font-weight:400;letter-spacing:-.055em;line-height:1.04}
.muted{color:#73736e}
.expertise-row{display:grid;grid-template-columns:1fr 3fr 5fr;gap:2.5rem;border-top:1px solid #c8c8c2;padding-block:34px 36px}
.expertise-row:last-child{border-bottom:1px solid #c8c8c2}
.row-index{font: .8125rem/1.6 'Courier New',monospace;color:#73736e;padding-top:5px}
h3{font-size:clamp(1.65rem,2.35vw,2.4rem);font-weight:400;letter-spacing:-.045em;line-height:1.08;padding-top:2px}
.expertise-copy{max-width:560px}
.expertise-copy p{font-size:1rem;line-height:1.75;color:#50504c;max-width:53ch}
.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0}
.tags li{font-size:.8125rem;line-height:1.3;padding:7px 11px;border:1px solid #c6c6be;border-radius:2px;color:#55554f}
.about{padding-top:98px;padding-bottom:96px;display:grid;grid-template-columns:1fr 1fr;gap:6rem}
.about .eyebrow{color:#b9b9b5;margin-bottom:33px}
.about .section-index{color:#9a9a95}
.about h2{font-size:clamp(2.7rem,4.5vw,4.5rem)}
.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.05em}
.about-copy{padding-top:49px;max-width:520px}
.about-copy>p{color:#b3b3af;font-size:1rem;line-height:1.85}
.about-copy>p+p{margin-top:18px}
.about-copy .personal-signature{font-size:1.3rem;letter-spacing:-.05em;margin-top:30px;color:var(--white)}
.personal-signature span{color:#92928b}
.footer{display:flex;align-items:center;gap:2rem;justify-content:space-between;font-size:.75rem;color:#9b9b96;padding-top:25px;padding-bottom:105px;position:relative}
.footer:before{content:'';height:1px;background:var(--line);position:absolute;top:0;left:var(--gutter);right:var(--gutter)}
.footer a{font-size:.8125rem;padding:10px 0;display:flex;gap:1rem}
.footer a:hover{color:white}
.whatsapp{position:fixed;z-index:5;right:25px;bottom:24px;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f8f8f5;color:#171717;border:1px solid #cececa;border-radius:50px;font-size:.8125rem;box-shadow:0 4px 28px #0002;transition:transform .2s,background .2s}
.whatsapp svg{width:24px;height:24px;flex:none}
.whatsapp-arrow{margin-left:5px;font-size:1rem}
.whatsapp:hover{background:white;transform:translateY(-3px)}
.whatsapp:focus-visible{outline:3px solid #85857a;outline-offset:5px}
@media(min-width:1600px){.hero{min-height:785px}.portrait{margin-right:0}.portrait img{max-height:665px}}
@media(max-width:1050px){.header-note{display:none}nav{margin-left:0}.hero{min-height:660px;padding-top:50px;grid-template-columns:1.1fr 1fr}.portrait{margin-left:-3.5rem;margin-right:-1.5rem}.portrait figcaption{right:0}.hero-description{font-size:1rem}.expertise-row{grid-template-columns:.35fr 2fr 3fr;gap:1.5rem}.section-heading{grid-template-columns:1fr 2.2fr}.about{gap:3rem}.footer-motto{display:none}}
@media(max-width:700px){:root{--gutter:1.5rem}.header{height:90px}.wordmark{font-size:2.3rem}nav{gap:1.5rem;font-size:.875rem}nav a{gap:.4rem}.hero{padding-top:28px;padding-bottom:76px;grid-template-columns:1fr;min-height:0}.hero .eyebrow{font-size:.75rem}h1{font-size:clamp(5.5rem,19.8vw,8.5rem);margin-top:28px;margin-bottom:25px}.hero-description{font-size:1rem}.explore{margin-top:23px}.portrait{margin:8px -12px 0;max-width:470px;justify-self:center;align-self:auto;width:100%;height:auto}.portrait img{max-height:430px}.portrait figcaption{right:1rem;bottom:45px;font-size:.75rem}.hero-baseline{bottom:21px;font-size:.75rem}.focus-section{padding-block:54px 50px}.section-heading{display:block;margin-bottom:39px}.section-heading>.eyebrow{padding-top:0;margin-bottom:25px}h2{font-size:clamp(2.4rem,8.5vw,3.5rem)}.expertise-row{grid-template-columns:25px 1fr;gap:16px;padding-block:27px 31px}.row-index{padding-top:3px}h3{font-size:1.75rem;line-height:1.1}h3 br{display:none}h3 br:after{content:' '}.expertise-copy{grid-column:2}.expertise-copy p{font-size:1rem;line-height:1.7}.tags{gap:6px;margin-top:18px}.tags li{font-size:.75rem;padding:6px 8px}.about{padding-top:54px;padding-bottom:52px;grid-template-columns:1fr;gap:25px}.about h2{font-size:2.9rem}.about .eyebrow{margin-bottom:25px}.about-copy{padding-top:0}.about-copy>p{line-height:1.75}.about-copy .personal-signature{margin-top:22px}.footer{align-items:start;gap:1rem;padding-top:20px;padding-bottom:108px}.footer a{padding:0;font-size:.75rem}.whatsapp{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px 15px;font-size:.8125rem}.whatsapp-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}