@font-face{font-display:swap;font-family:Instrument;src:url('assets/instrument-regular.ttf')}@font-face{font-display:swap;font-family:Instrument;src:url('assets/instrument-italic.ttf');font-style:italic}
:root{--ink:#2c3d2d;--paper:#f7f5ec;--green:#d4e0b7;--pink:#efbbcb;--blue:#c3d7e6;--yellow:#f0e99b;--line:#2c3d2d30;--serif:Instrument,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8c4e73;outline-offset:5px}button{cursor:pointer}::selection{background:var(--pink)}.wrap{max-width:1280px;margin:0 auto;padding-left:64px;padding-right:64px}header{height:94px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1.3px;display:flex;gap:8px;align-items:center}.wordmark span{font-size:34px;font-weight:400}nav{display:flex;gap:35px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.contact-small{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:10px 19px}.contact-small span{margin-left:13px}.contact-small:hover{background:var(--green)}.hero{position:relative;padding-top:86px;background-image:linear-gradient(#60744909 1px,transparent 1px),linear-gradient(90deg,#60744909 1px,transparent 1px);background-size:28px 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:10px;min-height:730px}.eyebrow,.section-label{font:10px/1.5 var(--sans);font-weight:600;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#698b50}.hero h1{font-size:clamp(65px,7.5vw,104px);line-height:.98;letter-spacing:-7px;margin:34px 0 25px;font-weight:800;position:relative;z-index:2}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-4px;font-size:1.18em;position:relative}.hero h1 em:after{content:"";height:12px;background:var(--green);position:absolute;bottom:6px;left:0;right:-7px;z-index:-1;transform:rotate(-3deg)}.hand-star{display:inline-block;font-size:64px;margin-left:12px;color:#98ad6e;vertical-align:top;transform:rotate(15deg)}.intro-line{display:flex;gap:15px;align-items:start}.intro-line p{font-size:16px;line-height:1.65;margin:0}.scribble-arrow{font:45px var(--serif);line-height:1}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.dark-button{background:var(--ink);color:var(--paper);padding:15px 22px;border-radius:4px;display:inline-flex;align-items:center;gap:28px;font-size:13px;box-shadow:3px 4px 0 #a6b18d;transition:transform .2s,box-shadow .2s}.dark-button:hover{transform:translate(2px,3px);box-shadow:1px 1px 0 #a6b18d}.handwritten{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1;transform:rotate(-7deg)}.collage{position:relative;height:490px;margin-top:0}.blue-paper{width:310px;height:340px;background:var(--blue);position:absolute;left:60px;top:15px;transform:rotate(8deg);padding:20px;box-shadow:3px 5px 5px #0000000d}.blue-paper span{font-size:8px;letter-spacing:1.3px}.blue-paper svg{position:absolute;bottom:15px;left:-100px;width:270px;color:#5d7a4d;transform:rotate(-20deg)}.photo-paper{position:absolute;width:272px;left:137px;top:55px;background:#fffdf8;padding:12px 12px 18px;transform:rotate(-6deg);box-shadow:0 8px 16px #2c3d2d25}.photo-paper img{display:block;width:100%;height:300px;object-fit:cover}.photo-caption{text-align:center;font-size:13px;font-family:var(--serif);font-style:italic;margin-top:12px}.tape{position:absolute;background:#d9d7bb99;width:100px;height:30px;top:-14px;left:calc(50% - 50px);transform:rotate(-6deg);backdrop-filter:blur(1px);clip-path:polygon(2% 6%,100% 0,98% 92%,0 100%);z-index:2}.pink-note{position:absolute;left:0;top:280px;background:var(--pink);width:170px;padding:14px 22px 8px;transform:rotate(-10deg);box-shadow:3px 5px 0 #00000008}.pink-note span{font-size:13px}.pink-note strong{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:48px;line-height:1.1}.pink-note svg{width:110px}.star-sticker{position:absolute;right:-8px;top:10px;font-size:94px;color:#b6be75;transform:rotate(-14deg);text-shadow:2px 2px var(--ink)}.creative-key{position:absolute;bottom:7px;right:4px;width:178px;height:135px;padding:10px 18px;background:#d7dfb5;border:2px solid #a6b089;border-radius:14px 14px 21px 21px;box-shadow:0 10px 0 #93a279,4px 18px 10px #2c3d2d28,inset 0 0 0 6px #e4ebcb;transform:rotate(8deg);display:flex;flex-direction:column;line-height:1.2}.creative-key>span{font-size:25px;margin-top:8px}.creative-key strong{font-size:28px;letter-spacing:-1px}.creative-key small{font:9px monospace;margin-top:8px}.location-label{position:absolute;bottom:-28px;left:52px;font-size:8px;letter-spacing:1.2px}.hero-bottom{grid-column:1/-1;margin-top:44px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:8px;letter-spacing:1.5px}.about-section{background:#eeeede;padding:86px 0 90px;position:relative}.about-section:before{content:"";position:absolute;left:0;right:0;height:12px;top:-6px;background:#eeeede;clip-path:polygon(0 50%,2% 20%,4% 70%,7% 0,9% 60%,12% 15%,15% 65%,18% 10%,20% 70%,23% 20%,27% 65%,30% 5%,34% 65%,38% 10%,43% 70%,48% 10%,53% 65%,59% 15%,65% 65%,71% 0,75% 60%,81% 20%,86% 70%,92% 10%,97% 65%,100% 20%,100% 100%,0 100%)}h2{font-size:56px;line-height:1.05;letter-spacing:-2.7px;margin:22px 0 30px;font-weight:750}h2 em{font-family:var(--serif);font-weight:400;font-size:1.16em;letter-spacing:-1px}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;margin-top:22px}.about-copy p{font-size:14px;line-height:1.85;color:#4d594a;margin:0 0 17px}.about-copy .lead{font-size:21px;color:var(--ink);line-height:1.45;font-weight:500;margin-top:23px}.small-sticker{display:inline-block;padding:8px 14px;border:1px solid var(--ink);background:var(--pink);font:italic 21px var(--serif);transform:rotate(-5deg)}.text-link{font-size:13px;border-bottom:1px solid var(--ink);display:inline-block;padding-bottom:5px;margin-top:10px}.text-link span{margin-left:12px}.journey{display:grid;grid-template-columns:1.2fr .85fr;gap:100px;margin-top:72px}.mini-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mini-heading h3{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0}.mini-heading>span{font-size:8px;letter-spacing:1.4px}.timeline details{border-top:1px solid var(--line)}.timeline details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 0}summary::-webkit-details-marker{display:none}summary strong{font-size:15px;font-weight:600;display:block}summary small{font-size:11px;display:block;margin-top:2px}.timeline-dot{width:7px;height:7px;border:1px solid #8a9876;border-radius:50%}.timeline details[open] .timeline-dot{background:#73895a}.current{font-size:8px;letter-spacing:1px;background:#d5dfbf;padding:3px 8px;border-radius:20px;margin-left:auto}.plus{margin-left:auto;font-size:21px;font-weight:300}.current+.plus{margin-left:0}.timeline details[open] .plus{transform:rotate(45deg)}.timeline details p{font-size:12px;line-height:1.75;max-width:370px;padding:0 20px 15px;margin:0}.study-note{background:#f4eaa9;padding:35px 33px 28px;position:relative;transform:rotate(2deg);box-shadow:3px 5px 9px #2c3d2d13;align-self:start}.note-index{font-size:8px;letter-spacing:1.5px}.study-note h3{font-size:32px;line-height:1;letter-spacing:-1px;margin:18px 0 25px}.study-note h3 em{font:italic 40px var(--serif)}.study{border-top:1px solid #2c3d2d25;padding:11px 0}.study strong{font-size:11px;display:block}.study span{font-size:10px;display:block;margin-top:3px}.note-doodle{position:absolute;right:25px;top:45px;font:48px var(--serif);transform:rotate(15deg)}.brands-section{background:#d5dfbf;padding:70px 0 38px}.brands-heading{display:flex;align-items:end;justify-content:space-between}.brands-heading h2{font-size:42px;margin-bottom:35px}.brands-heading p{font-size:12px;margin-bottom:38px;line-height:1.7}.brand-logos{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.brand-logos div{height:65px;display:flex;align-items:center;justify-content:center}.brand-logos img{display:block;width:100%;max-width:115px;max-height:65px;object-fit:contain}.brand-logos img[src$='.svg']{filter:grayscale(1)}.brand-footnote{font-size:9px;margin:18px 0 0;opacity:.75}.portfolio-section{padding-top:95px;padding-bottom:90px}.portfolio-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.portfolio-head h2{font-size:50px}.portfolio-head p{font-size:12px;margin-bottom:35px}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-key{--key:#e9d1db;position:relative;background:var(--key);border:1px solid #2c3d2d55;border-radius:9px 9px 12px 12px;min-height:122px;text-align:left;padding:18px 20px 20px;box-shadow:0 6px 0 color-mix(in srgb,var(--key),#2c3d2d 25%),inset 0 0 0 4px #ffffff35;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column;justify-content:space-between}.category-key small{font:10px monospace;opacity:.7}.category-key .key-icon{position:absolute;right:16px;top:11px;font:25px var(--serif);transition:transform .3s}.category-key strong{font-size:14px;line-height:1.3;max-width:160px;font-weight:600;position:relative}.category-key:hover{transform:translateY(-4px) rotate(-1.5deg);box-shadow:0 10px 0 color-mix(in srgb,var(--key),#2c3d2d 25%),inset 0 0 0 4px #ffffff35}.category-key:hover .key-icon{transform:rotate(20deg) scale(1.2)}.category-key.is-current{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb,var(--key),#2c3d2d 25%),inset 0 0 0 4px #ffffff60;border:2px solid var(--ink);padding:17px 19px 19px}.category-key.is-current small:after{content:' • SELECIONADO';font-size:7px}.category-key:last-child{grid-column:span 2}.project-heading{margin:55px 0 24px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.project-heading h3{font-size:25px;margin:9px 0 0;letter-spacing:-.6px;font-weight:600}.project-heading>span{font:10px monospace;opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:none;text-align:left;border:0;padding:0;display:block;width:100%}.project-art{aspect-ratio:1.38;overflow:hidden;background:#e5e5da;position:relative;border-radius:3px}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-art .open-mark{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--paper);transition:transform .2s}.project-card:hover .open-mark{transform:rotate(45deg)}.project-meta{margin-top:15px;display:flex;justify-content:space-between;gap:8px}.project-meta h4{font-size:17px;margin:0;letter-spacing:-.4px}.project-card p{font-size:11px;margin:5px 0 0;opacity:.75}.project-meta span{font:10px monospace;margin-top:5px}.video-art{aspect-ratio:1.1}.video-art img{object-fit:contain}.empty-project{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;padding:30px;background:#e8e8da;border:1px dashed #82916f}.empty-project .folder{font:80px var(--serif);text-align:center;transform:rotate(-8deg);color:#7d9468}.empty-project h4{font-size:22px;margin:0 0 10px;font-weight:500}.empty-project p{font-size:13px;margin:0;max-width:510px}.empty-project .text-link{margin-top:18px}.contact-section{padding:65px 0 52px;background:var(--pink);position:relative}.contact-content{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-content h2{font-size:64px;margin-top:26px}.contact-key{background:#e9eccf;padding:20px 30px 25px;display:flex;flex-direction:column;border:1px solid #828867;border-radius:10px;box-shadow:0 8px 0 #a0ad84,inset 0 0 0 5px #ffffff40;transform:rotate(-5deg);min-width:230px;transition:transform .2s,box-shadow .2s}.contact-key span{font:12px monospace}.contact-key strong{font-size:19px;font-weight:600;margin-top:14px}.contact-key:hover{transform:rotate(-3deg) translateY(5px);box-shadow:0 3px 0 #a0ad84,inset 0 0 0 5px #ffffff40}.contact-links{display:flex;gap:30px;font-size:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.contact-links a:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;min-height:110px}footer>span,footer>a:last-child{font-size:9px;letter-spacing:1px}footer .wordmark{font-size:19px}footer .wordmark span{font-size:27px}.skip{position:absolute;top:-60px;left:10px;background:var(--ink);color:white;padding:10px;z-index:99}.skip:focus{top:10px}dialog{background:var(--paper);color:var(--ink);width:min(1040px,94vw);max-height:90vh;border:0;padding:45px;border-radius:5px}dialog::backdrop{background:#1a281dd9;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:15px;top:12px;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;background:var(--paper);z-index:2}.dialog-content h2{font-size:40px;margin:0 0 16px}.dialog-content p{font-size:14px;max-width:730px}.dialog-content>img{width:100%;height:auto;display:block;margin-top:24px}.dialog-content .dark-button{margin-top:15px}.dialog-content .dialog-tag{font:10px monospace;display:block;margin-bottom:14px;letter-spacing:1px}#project-panel{animation:appear .35s ease}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1440px){.hero{padding-top:95px;padding-bottom:0}.collage{margin-left:30px}}@media(max-width:1050px){.wrap{padding-left:35px;padding-right:35px}header{padding:0 35px}.hero h1{font-size:77px}.collage{transform:scale(.86);transform-origin:40% 20%;margin-left:-20px}.hero{min-height:660px;gap:0}.hero-bottom{margin-top:0}.handwritten{font-size:18px}.hero-actions{gap:15px}.about-grid{gap:40px}.journey{gap:55px}.brand-logos{gap:20px}.category-key{padding:17px;min-height:130px}.contact-content h2{font-size:55px}}@media(max-width:760px){header{height:78px;padding:0 22px}.wordmark{font-size:21px}nav{display:none}.contact-small{font-size:11px;padding:8px 12px}.wrap{padding-left:24px;padding-right:24px}.hero{padding-top:45px;display:block;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:76px;letter-spacing:-5px;margin-top:25px}.hero h1 em{letter-spacing:-3px}.hand-star{font-size:42px;margin-left:12px}.intro-line p{font-size:14px}.hero-actions{margin-top:25px;gap:22px}.dark-button{font-size:12px;padding:14px 18px}.handwritten{font-size:18px}.collage{transform:scale(.85);transform-origin:50% 0;margin:45px auto -45px;width:440px;max-width:110%;left:50%;translate:-50% 0}.location-label{bottom:-10px}.photo-paper{left:125px}.star-sticker{right:0}.creative-key{right:10px}.hero-bottom{padding:18px 0;margin:0;gap:20px}.hero-bottom span{font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{text-align:right}.about-section{padding:58px 0}.about-grid{display:block;margin-top:0}h2{font-size:46px}.about-copy .lead{margin-top:40px;font-size:20px}.about-copy p{font-size:14px}.journey{grid-template-columns:1fr;gap:50px;margin-top:45px}.study-note{max-width:440px;margin:0 10px}.brands-section{padding:50px 0 30px}.brands-heading{display:block}.brands-heading h2{font-size:37px;margin-bottom:18px}.brands-heading p{margin:0 0 30px}.brand-logos{grid-template-columns:repeat(4,1fr);gap:25px 20px;padding:25px 0}.brand-logos div{height:50px}.brand-logos img{max-height:48px}.brand-footnote{font-size:8px}.portfolio-section{padding-top:58px;padding-bottom:60px}.portfolio-head{display:block}.portfolio-head h2{font-size:43px;margin-bottom:20px}.portfolio-head p{margin-bottom:25px}.category-tabs{grid-template-columns:repeat(2,1fr);gap:13px}.category-key{min-height:123px;padding:17px}.category-key strong{font-size:13px;max-width:145px}.category-key:last-child{min-height:95px}.category-key.is-current{padding:16px}.project-heading{margin-top:38px;gap:10px}.project-heading h3{font-size:22px}.project-heading>span{font-size:8px}.project-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.project-meta h4{font-size:15px}.project-card p{font-size:10px}.project-art{aspect-ratio:1.1}.project-meta span{display:none}.empty-project{grid-template-columns:1fr;padding:24px;gap:10px}.empty-project .folder{font-size:55px;text-align:left}.empty-project h4{font-size:20px}.contact-section{padding:45px 0 35px}.contact-content{display:block}.contact-content h2{font-size:48px}.contact-key{display:inline-flex;min-width:220px;margin:10px 0 35px;padding:15px 25px 20px}.contact-key strong{font-size:17px}.contact-links{gap:15px 24px;flex-wrap:wrap;font-size:11px}.contact-links a:first-child{width:100%}footer{min-height:120px;flex-wrap:wrap;gap:10px;padding-top:20px;padding-bottom:20px}footer>span{font-size:8px}footer>a:last-child{width:100%;font-size:9px}dialog{padding:45px 20px 25px}.dialog-content h2{font-size:30px}}@media(max-width:380px){.hero h1{font-size:65px}.collage{transform:scale(.72);margin-bottom:-100px}.handwritten{font-size:16px}.hero-actions{gap:15px}.project-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Main identity and navigation */
header{position:relative;z-index:20;gap:24px}header nav{align-items:center;gap:25px}.nav-group{position:relative}.nav-trigger{border:0;background:transparent;padding:15px 0;display:flex;gap:7px;align-items:center;font-size:13px;white-space:nowrap}.nav-trigger>span{font-size:13px;transition:transform .2s}.nav-group.is-open .nav-trigger>span{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:-18px;min-width:265px;background:var(--paper);border:1px solid var(--line);padding:8px;box-shadow:5px 7px 0 #2c3d2d13;border-radius:3px;z-index:25}.nav-dropdown[hidden]{display:none}.nav-dropdown a{display:block;padding:11px 13px;font-size:12px;line-height:1.4;border-radius:2px;white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:var(--green);text-decoration:none}.nav-single{font-size:13px;white-space:nowrap}.mobile-menu-toggle{display:none}.hero .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:1.6px}.hero h1.hero-logo{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:clamp(42px,5.1vw,68px);letter-spacing:-3.5px;line-height:1.05;font-weight:800;white-space:nowrap;margin:70px 0 55px}.hero-logo .logo-star{font-size:.98em;font-weight:400;letter-spacing:0}.hero .hero-actions{margin-top:0}.pink-note{width:190px;padding:17px 20px 10px;left:-5px}.pink-note>span{font:italic 23px var(--serif)}.pink-note strong{font-size:37px;line-height:1.05}.category-key:last-child{grid-column:auto}#experiencias-profissionais,#experiencias-academicas,#quem-sou-eu{scroll-margin-top:100px}
@media(max-width:1100px) and (min-width:761px){header{padding-left:28px;padding-right:28px;gap:15px}header nav{gap:16px}.nav-trigger,.nav-single{font-size:11px}header .wordmark{font-size:22px}header .contact-small{font-size:11px;padding:9px 12px}.hero h1.hero-logo{font-size:51px;gap:9px;letter-spacing:-3px}}
@media(max-width:760px){header{gap:16px;flex-wrap:wrap;height:78px}.mobile-menu-toggle{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:11px;margin-left:auto}header .contact-small{display:none}header nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--paper);padding:14px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 10px 16px #2c3d2d15;max-height:calc(100dvh - 78px);overflow-y:auto}header nav.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-group{border-bottom:1px solid var(--line)}.nav-trigger{width:100%;justify-content:space-between;padding:15px 0;font-size:14px}.nav-dropdown{position:static;min-width:0;padding:0 0 12px;border:0;box-shadow:none;background:transparent}.nav-dropdown a{font-size:13px;padding:12px;white-space:normal}.nav-single{padding:16px 0 4px;font-size:14px}.hero h1.hero-logo{font-size:clamp(38px,9.6vw,66px);letter-spacing:-2.4px;margin:43px 0 35px;gap:8px}.hero .eyebrow{font-size:10px}.pink-note{left:0;width:185px}.category-key:last-child{min-height:123px}.hero .hero-actions{gap:20px}}

/* Large stacked signature in the opening. */
.hero h1.hero-logo{font-size:clamp(65px,7.5vw,104px);line-height:.98;letter-spacing:-6px;white-space:normal;margin:34px 0 35px;align-items:flex-start;gap:16px}.hero-logo .logo-name{display:block}.hero-logo .logo-star{font-size:64px;margin-top:8px}
@media(max-width:1050px) and (min-width:761px){.hero h1.hero-logo{font-size:77px;letter-spacing:-5px}.hero-logo .logo-star{font-size:53px}}
@media(max-width:760px){.hero h1.hero-logo{font-size:76px;letter-spacing:-5px;line-height:.98;margin:25px 0 30px;gap:14px}.hero-logo .logo-star{font-size:48px;margin-top:8px}}
@media(max-width:380px){.hero h1.hero-logo{font-size:65px}.hero-logo .logo-star{font-size:42px}}
/* Center and emphasize the opening composition. */
.hero{--hero-caption-size:11px;align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;text-align:center;min-width:0}.hero .eyebrow,.hero .location-label{font:600 var(--hero-caption-size)/1.5 var(--sans);letter-spacing:1.6px}.hero .eyebrow{justify-content:center}.hero h1.hero-logo{font-size:clamp(98px,9.3vw,128px);line-height:.96;letter-spacing:-7px;justify-content:center;margin:28px 0 32px;gap:16px}.hero-logo .logo-name{text-align:center}.hero-logo .logo-star{font-size:76px;margin-top:9px}.hero .hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:18px}.hero .hero-actions .dark-button{font-size:16px;padding:18px 29px;gap:28px}.hero .hero-actions .handwritten{font-size:22px;text-align:center;transform:rotate(-5deg)}.hero .location-label{left:50%;width:max-content;max-width:100%;text-align:center;transform:translateX(-50%)}.hero-bottom{align-self:end}
@media(max-width:1100px) and (min-width:761px){.hero h1.hero-logo{font-size:clamp(83px,9.2vw,103px);letter-spacing:-5px;gap:12px}.hero-logo .logo-star{font-size:59px}.hero .hero-actions .dark-button{font-size:14px;padding:17px 24px}.hero .hero-actions .handwritten{font-size:20px}.hero .location-label{max-width:112%;font-size:var(--hero-caption-size)}}
@media(max-width:760px){.hero{--hero-caption-size:10px}.hero-copy{width:100%}.hero h1.hero-logo{font-size:clamp(88px,22vw,116px);letter-spacing:-5px;gap:13px;margin:28px 0 30px}.hero-logo .logo-star{font-size:56px;margin-top:8px}.hero .hero-actions{gap:17px}.hero .hero-actions .dark-button{font-size:15px;padding:17px 26px}.hero .hero-actions .handwritten{font-size:21px}.hero .location-label{max-width:108%;bottom:-10px}.collage{margin-top:52px}}
@media(max-width:380px){.hero h1.hero-logo{font-size:80px;letter-spacing:-5px;gap:10px}.hero-logo .logo-star{font-size:46px}.hero .hero-actions .dark-button{font-size:14px}}
.hero{--collage-scale:1}.hero .location-label{font-size:calc(var(--hero-caption-size) / var(--collage-scale))}
@media(min-width:761px) and (max-width:1050px){.hero{--collage-scale:.86}}
@media(max-width:760px){.hero{--collage-scale:.85}}
@media(max-width:380px){.hero{--collage-scale:.72}}
/* Left alignment preserves the opening's vertical spacing and line breaks. */
.hero-copy{align-items:flex-start;text-align:left}.hero .eyebrow{justify-content:flex-start}.hero h1.hero-logo{justify-content:flex-start}.hero-logo .logo-name{text-align:left}.hero .hero-actions{align-items:flex-start}.hero .hero-actions .handwritten{text-align:left}.hero .location-label{font-size:calc((var(--hero-caption-size) - 1px) / var(--collage-scale))}
/* Bright orange project button with the handwritten note beside it. */
.hero .hero-actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:25px}.hero .hero-actions .dark-button{background:#ff782b;color:#233022;box-shadow:3px 4px 0 #c45a28;white-space:nowrap;flex-shrink:0}.hero .hero-actions .dark-button:hover{background:#ff893d;box-shadow:1px 1px 0 #c45a28}.hero .hero-actions .handwritten{text-align:left}
@media(max-width:1100px) and (min-width:761px){.hero .hero-actions{gap:18px}.hero .hero-actions .dark-button{font-size:13px;padding:17px 20px;gap:20px}.hero .hero-actions .handwritten{font-size:19px}}
@media(max-width:760px){.hero .hero-actions{gap:17px;width:100%}.hero .hero-actions .dark-button{font-size:13px;padding:16px 17px;gap:18px}.hero .hero-actions .handwritten{font-size:18px}}
@media(max-width:380px){.hero .hero-actions{gap:12px}.hero .hero-actions .dark-button{font-size:12px;padding:15px 14px;gap:15px}.hero .hero-actions .handwritten{font-size:17px}}

/* Refine the opening labels and simplify the header. */
.hero .hero-actions .dark-button{color:var(--paper)}.hero .eyebrow{position:relative;top:14px}.hero .location-label{font-size:calc((var(--hero-caption-size) - 3px) / var(--collage-scale))}.hero{align-content:start;padding-bottom:70px}
@media(max-width:760px){.hero{padding-bottom:40px}}

/* About: enlarged heading, vertical balance and selective editorial emphasis. */
.about-grid{align-items:center;margin-top:0}.about-title-block{align-self:center}.about-title-block h2{font-size:68px;line-height:1.04;letter-spacing:-3.2px;margin:0 0 35px}.about-title-block .small-sticker{font-size:25px;padding:10px 16px}.about-copy .lead{font-size:24px;line-height:1.45;margin-top:0;margin-bottom:24px;font-weight:700}.about-copy strong{font-weight:700;color:var(--ink)}.about-copy mark{color:inherit;background:transparent;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.about-copy .highlight-pink{box-shadow:inset 0 -.55em 0 #efbbcb9e}.about-copy .highlight-green{box-shadow:inset 0 -.55em 0 #c5d49cb3}.about-copy .text-link{font-size:14px;font-weight:600;margin-top:8px}
@media(max-width:1050px) and (min-width:761px){.about-title-block h2{font-size:56px;letter-spacing:-2.8px}.about-title-block .small-sticker{font-size:22px}.about-copy .lead{font-size:22px}}
@media(max-width:760px){.about-title-block h2{font-size:56px;letter-spacing:-2.8px;margin-bottom:30px}.about-title-block .small-sticker{font-size:24px}.about-copy .lead{font-size:23px;margin-top:42px;margin-bottom:22px}}
@media(max-width:380px){.about-title-block h2{font-size:49px}.about-copy .lead{font-size:21px}}
/* Moving white brand marks, above the professional journey. */
.brands-section{background:#ff782b;color:#fff;padding:48px 0 28px}.brands-heading{align-items:center}.brands-heading h2{font-size:43px;margin:0 0 25px}.brands-heading p{margin:0 0 25px}.brand-marquee{overflow:hidden;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;padding:28px 0}.brand-track{display:flex;width:max-content;animation:brand-scroll 46s linear infinite;will-change:transform}.brand-set{display:flex;align-items:center;gap:60px;padding-right:60px;flex-shrink:0}.brand-set>div{width:132px;height:85px;display:flex;align-items:center;justify-content:center}.brand-set img{width:100%;max-height:82px;object-fit:contain;display:block;filter:none}.brand-set img[src*='burgerking']{max-width:85px}.brand-set img[src*='acai']{max-width:125px}.brands-section .brand-footnote{color:#fff;opacity:1;font-size:10px;margin-top:15px}.journey-section{background:#eeeede;padding:70px 0 90px}.journey-section .journey{margin-top:0}.study-note h3{line-height:1;margin:8px 0 25px}.study-note h3 em{display:inline-block;line-height:.88}.study-note .note-doodle{top:20px;font-size:42px}.experience-meta{font-size:10px;display:block;margin-top:5px;opacity:.75}.timeline summary>span:nth-child(2){flex:1}
@keyframes brand-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.brands-section{padding:40px 0 25px}.brands-heading h2{font-size:35px;line-height:1.1}.brands-heading p{margin-bottom:24px}.brand-set{gap:35px;padding-right:35px}.brand-set>div{width:115px;height:75px}.brand-set img{max-height:70px}.brand-marquee{padding:23px 0}.journey-section{padding:55px 0 65px}.brands-section .brand-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none}.brand-marquee{overflow-x:auto}.brand-set[aria-hidden]{display:none}}

/* Compact, balanced brand strip with uninterrupted horizontal motion. */
.brands-section{padding:32px 0}.brands-heading{display:block;text-align:center}.brands-heading h2{font-size:40px;line-height:1.1;margin:0 0 22px}.brand-marquee{padding:20px 0}.brand-set>div{height:75px}.brand-set img{max-height:72px}.brands-section .brand-footnote{text-align:center;margin:16px auto 0;max-width:760px}.brand-track{animation-iteration-count:infinite;animation-play-state:running}
@media(max-width:760px){.brands-section{padding:28px 0}.brands-heading h2{font-size:33px;margin-bottom:20px}.brand-marquee{padding:18px 0}.brand-set>div{height:65px}.brand-set img{max-height:62px}.brands-section .brand-footnote{margin-top:14px}.mini-heading h3{font-size:21px}}
/* A moving opening, with the paper collage retained. */
.hero-film{display:block;width:100%;height:300px;object-fit:cover;background:#26352b}.record-tag{position:absolute;top:24px;left:23px;color:white;font:9px monospace;display:flex;align-items:center;gap:5px;text-shadow:0 1px 4px #000}.record-tag i,.film-eyebrow i{width:5px;height:5px;border-radius:50%;background:#ff782b;display:inline-block}.photo-caption span{font-size:9px;padding-left:5px}.film-section{background:#2c3d2d;color:var(--paper);padding:75px 0}.film-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.film-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px}.film-story h2{font-size:65px;margin:25px 0 28px;line-height:1.03}.film-story h2 em{color:#d5dfbf}.film-story>p{font-size:15px;line-height:1.8;max-width:375px;opacity:.9}.film-story .film-intro{font-size:12px;margin-top:24px;opacity:.65}.creative-stills{position:relative;display:flex;align-items:start;gap:12px;margin-top:38px;padding-bottom:20px}.still-photo{border:0;background:#f7f5ec;padding:7px 7px 12px;color:var(--ink);width:130px;transform:rotate(-7deg);box-shadow:0 6px 12px #0002;transition:transform .25s}.still-photo:nth-child(2){transform:rotate(7deg);margin-top:18px}.still-photo:hover{transform:rotate(0) translateY(-5px)}.still-photo img{display:block;width:100%;height:150px;object-fit:cover}.still-photo>span{display:block;font:italic 15px var(--serif);text-align:left;margin-top:7px}.still-note{font:italic 21px/1.05 var(--serif);position:absolute;left:285px;top:90px;transform:rotate(-8deg);width:150px;color:#d5dfbf}.film-player-wrap{max-width:360px;width:100%;justify-self:center}.film-player{border:1px solid #ffffff40;border-radius:5px;overflow:hidden;background:#18271d;box-shadow:12px 15px 0 #18271d}.film-player-bar,.film-player-foot{padding:12px 13px;display:flex;justify-content:space-between;font:8px/1.5 monospace;letter-spacing:.5px;color:#e7e9dc}.film-player-bar{border-bottom:1px solid #ffffff20}.film-player-foot{border-top:1px solid #ffffff20;font-size:7px}.process-reel{width:100%;aspect-ratio:9/14;object-fit:contain;background:#17231b;display:block;max-height:490px}.film-chapters{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:30px}.film-chapters button{border:0;border-bottom:1px solid #ffffff30;background:none;color:var(--paper);padding:10px 0;text-align:left;font-size:11px}.film-chapters button span{font:9px monospace;opacity:.5;margin-right:6px}.film-chapters button:hover{color:#f9ab7d}.about-portrait{position:relative;display:block;width:150px;padding:8px 8px 14px;background:var(--paper);margin:38px 0 0 85px;transform:rotate(-6deg);box-shadow:3px 5px 8px #2c3d2d1c}.about-portrait img{display:block;width:100%;height:154px;object-fit:cover}.about-portrait figcaption{font:italic 13px/1.1 var(--serif);margin-top:9px;text-align:center}.about-portrait .tape{width:65px;height:22px;left:calc(50% - 32px);top:-9px}.contact-visual{position:relative;min-width:310px;width:330px;height:330px;flex-shrink:0}.contact-still{position:absolute;background:var(--paper);padding:7px 7px 15px;border:0;box-shadow:0 5px 12px #2c3d2d25;width:165px;transition:transform .3s}.contact-still img{width:100%;height:205px;object-fit:cover;display:block}.night-still{left:5px;top:0;transform:rotate(-12deg)}.panda-still{right:-4px;top:25px;transform:rotate(9deg)}.contact-still:hover{transform:rotate(0) translateY(-10px);z-index:3}.contact-visual .contact-key{position:absolute;bottom:2px;left:25px;z-index:4;min-width:245px;transform:rotate(-4deg)}.contact-content h2{font-size:58px}.dialog-film{display:block;max-height:65vh;width:100%;max-width:540px;aspect-ratio:9/16;margin:22px auto 0;background:#14241a}.dialog-content>img.dialog-photograph{max-height:70vh;width:auto;max-width:100%;object-fit:contain;margin:22px auto 0}
@media(max-width:1100px) and (min-width:761px){.film-layout{gap:45px;grid-template-columns:1fr 1fr}.film-story h2{font-size:55px}.still-note{position:static;font-size:18px;align-self:end;margin-bottom:20px;width:auto}.creative-stills{gap:8px}.still-photo{width:110px;flex-shrink:0}.still-photo img{height:130px}.contact-content h2{font-size:48px}.contact-visual{width:280px;min-width:280px}.contact-still{width:150px}.contact-still img{height:195px}}
@media(max-width:760px){.film-section{padding:52px 0 60px}.film-layout{grid-template-columns:1fr;gap:42px}.film-story h2{font-size:52px;margin-top:23px}.film-story>p{font-size:14px;max-width:none}.film-story .film-intro{margin-top:18px}.creative-stills{margin-top:28px;justify-content:flex-start;gap:14px}.still-photo{width:108px}.still-photo img{height:130px}.still-photo>span{font-size:14px}.still-note{left:245px;top:73px;font-size:18px;width:88px}.film-player-wrap{max-width:340px}.process-reel{max-height:470px}.about-portrait{width:135px;margin:35px 0 0 90px}.about-portrait img{height:135px}.about-copy .lead{margin-top:42px}.contact-content h2{font-size:46px}.contact-visual{width:310px;min-width:0;margin:30px auto 0;height:345px}.contact-visual .contact-key{margin:0;bottom:8px;left:23px}.contact-still img{height:205px}.contact-links{margin-top:32px}}
@media(max-width:380px){.still-note{font-size:17px;left:230px;width:70px}.still-photo{width:100px}.contact-visual{width:285px}.contact-still{width:150px}.contact-content h2{font-size:42px}}
/* Personal introduction paired with the new full-size portrait. */
.film-layout{grid-template-columns:1.15fr 1fr;gap:85px}.film-story.about-copy h2{font-family:var(--sans);font-size:39px;line-height:1.2;letter-spacing:-1.6px;font-weight:750;color:var(--paper);margin:0 0 30px}.film-story.about-copy p{font-size:15px;line-height:1.9;max-width:none;color:#f0f0e6;opacity:1;margin:0 0 22px}.film-story.about-copy p:last-child{margin-bottom:0}.film-story.about-copy strong{color:var(--paper);font-weight:700}.film-story.about-copy mark{color:var(--ink);box-shadow:none;padding:1px 4px}.film-story.about-copy .highlight-pink{background:#efbbcb}.film-story.about-copy .highlight-green{background:#d4e0b7}.film-player-wrap{max-width:410px}.personal-frame{margin:0;transform:rotate(2deg)}.personal-photo{padding:0;border:0;display:block;width:100%;background:#18271d;cursor:zoom-in}.personal-photo img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover;object-position:center 57%}.personal-frame .film-player-bar{font-size:8px;padding:13px 15px}.personal-frame .film-player-foot{display:block;font:italic 24px/1.15 var(--serif);text-align:center;padding:17px;color:var(--paper)}.photo-section{padding:80px 0 85px;overflow:visible}.photo-section .about-grid{grid-template-columns:.9fr 1.25fr;gap:60px}.photo-section .creative-stills{margin:0;padding:35px 0 30px;justify-content:center;gap:0;isolation:isolate}.photo-section .still-photo{width:245px;max-width:48%;position:relative;z-index:1;flex-shrink:0;padding:12px 12px 20px;transform:rotate(-9deg);box-shadow:0 12px 25px #2c3d2d30}.photo-section .still-photo:nth-child(2){width:250px;transform:rotate(9deg);margin-top:45px;margin-left:-12px;z-index:2}.photo-section .still-photo img{height:300px}.photo-section .still-photo>span{font-size:20px;margin-top:12px}.photo-section .still-photo:hover{transform:rotate(-2deg) translateY(-12px);z-index:3}.photo-section .still-note{top:auto;bottom:0;left:12%;font-size:23px;width:200px;color:var(--ink);z-index:4}.contact-visual{width:385px;min-width:355px;height:385px}.contact-still{width:200px;padding:10px 10px 20px}.contact-still img{height:250px}.contact-visual .contact-key{left:55px;bottom:0}.contact-content h2{font-size:55px}
@media(max-width:1100px) and (min-width:761px){.film-layout{gap:50px;grid-template-columns:1.15fr 1fr}.film-story.about-copy h2{font-size:33px}.film-story.about-copy p{font-size:14px}.photo-section .about-grid{gap:35px;grid-template-columns:.9fr 1.1fr}.photo-section .still-photo{padding:9px 9px 17px}.photo-section .still-photo img{height:255px}.photo-section .still-note{font-size:20px;left:0}.contact-visual{width:320px;min-width:300px;height:360px}.contact-still{width:175px}.contact-still img{height:225px}.contact-visual .contact-key{left:35px}.contact-content h2{font-size:46px}}
@media(max-width:760px){.film-layout{grid-template-columns:1fr;gap:45px}.film-story.about-copy h2{font-size:32px;letter-spacing:-1px;line-height:1.22;margin-bottom:25px}.film-story.about-copy p{font-size:14px;line-height:1.85}.film-player-wrap{width:calc(100% - 18px);max-width:390px}.personal-photo img{max-height:none;object-fit:contain}.personal-frame{transform:rotate(2deg)}.personal-frame .film-player-foot{font-size:25px;padding:17px}.photo-section{padding:58px 0 70px}.photo-section .about-grid{display:block}.photo-section .creative-stills{margin-top:35px;padding-top:25px;padding-bottom:45px}.photo-section .still-photo{width:53%;max-width:53%;padding:8px 8px 17px}.photo-section .still-photo:nth-child(2){width:53%;margin-top:45px;margin-left:-13px}.photo-section .still-photo img{height:250px}.photo-section .still-photo>span{font-size:18px}.photo-section .still-note{left:5%;bottom:5px;font-size:22px}.contact-visual{width:330px;min-width:0;height:380px;max-width:100%;margin-top:35px}.contact-still{width:185px;padding:8px 8px 17px}.contact-still img{height:240px}.contact-visual .contact-key{left:35px;bottom:0}.contact-content h2{font-size:46px}}
@media(max-width:380px){.film-story.about-copy h2{font-size:29px}.photo-section .still-photo img{height:220px}.contact-still{width:170px}.contact-still img{height:225px}.contact-visual{height:365px}.contact-visual .contact-key{left:22px}.contact-content h2{font-size:42px}}
/* Still photographs are decorative figures, with hover movement only. */
.still-photo,.contact-still,.personal-photo{cursor:default}.contact-still{margin:0}.photo-section .creative-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:25px 14px;padding:25px 10px 55px}.photo-section .still-photo{display:block;width:100%;max-width:240px;margin:0;padding:11px 11px 18px;transform:rotate(-7deg);align-self:start}.photo-section .still-photo:nth-child(2){width:100%;max-width:240px;margin:18px 0 0;transform:rotate(7deg)}.photo-section .still-photo:nth-child(3){margin-top:-10px;transform:rotate(5deg)}.photo-section .still-photo:nth-child(4){margin-top:13px;transform:rotate(-6deg)}.photo-section .still-photo img{height:270px}.photo-section .still-photo figcaption{display:block;font:italic 20px/1.2 var(--serif);text-align:left;margin-top:11px}.photo-section .still-photo:hover{transform:rotate(0) translateY(-10px);z-index:5}.photo-section .still-note{bottom:0;left:12%;pointer-events:none}.personal-photo{overflow:hidden}.personal-photo img{transition:transform .4s}.personal-photo:hover img{transform:scale(1.025)}
@media(max-width:1100px) and (min-width:761px){.photo-section .creative-stills{gap:20px 8px;padding-left:0;padding-right:0}.photo-section .still-photo,.photo-section .still-photo:nth-child(2){max-width:210px;padding:8px 8px 15px}.photo-section .still-photo img{height:240px}.photo-section .still-photo figcaption{font-size:18px}}
@media(max-width:760px){.photo-section .creative-stills{margin-top:35px;padding:20px 0 55px;gap:18px 10px}.photo-section .still-photo,.photo-section .still-photo:nth-child(2){width:100%;max-width:240px;padding:8px 8px 15px}.photo-section .still-photo img{height:250px}.photo-section .still-photo figcaption{font-size:18px}.photo-section .still-note{left:5%;bottom:0}}
@media(max-width:380px){.photo-section .still-photo img{height:220px}.photo-section .still-photo figcaption{font-size:17px}}
/* The photos straddle a narrow cream band between continuous green areas. */
.film-section{padding-bottom:24px}.photo-section{--cream-start:28%;--cream-end:72%;padding-top:0;padding-bottom:15px;background:linear-gradient(to bottom,var(--ink) 0,var(--ink) var(--cream-start),#eeeede var(--cream-start),#eeeede var(--cream-end),var(--ink) var(--cream-end),var(--ink) 100%)}.photo-section:before{display:none}.photo-section .creative-stills{padding-top:20px;padding-bottom:55px}.photo-section .still-note{color:var(--paper)}.photo-section .about-title-block{position:relative;z-index:2}
@media(max-width:760px){.film-section{padding-bottom:22px}.photo-section{padding-top:10px;padding-bottom:25px}.photo-section .about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;align-items:center;position:relative}.photo-section .creative-stills{display:contents}.photo-section .about-title-block{grid-column:1/-1;grid-row:2;padding:30px 0 35px}.photo-section .still-photo{grid-row:1;max-width:none;width:100%;margin:0;justify-self:center}.photo-section .still-photo:nth-child(1){grid-column:1}.photo-section .still-photo:nth-child(2){grid-column:2;margin:18px 0 0}.photo-section .still-photo:nth-child(3){grid-row:3;grid-column:1;margin:0}.photo-section .still-photo:nth-child(4){grid-row:3;grid-column:2;margin:15px 0 0}.photo-section .still-note{position:static;grid-row:4;grid-column:1/-1;margin:15px 0 0 12px;transform:rotate(-5deg);width:auto;color:var(--paper);font-size:22px}.photo-section .about-title-block h2{margin-bottom:30px}}
/* Organic paper shapes, botanical cutouts and a few floating retro keys. */
.photo-section{background:linear-gradient(to bottom,var(--ink) 0,var(--ink) var(--cream-start),#eeeede var(--cream-start),#eeeede 100%);position:relative;isolation:isolate}.site-ornament{position:absolute;pointer-events:none;user-select:none;z-index:0;line-height:0}.site-ornament svg{width:100%;height:auto;display:block}.hero-copy,.hero .collage,.photo-section>.wrap,.journey-section>.wrap,.portfolio-head,.category-tabs,.project-heading,#project-panel{position:relative;z-index:1}.hero-sprig{width:130px;left:75px;bottom:16px;color:#899d69;transform:rotate(-16deg);animation:paper-float 8s ease-in-out infinite}.film-section{position:relative;isolation:isolate;overflow:hidden}.film-section>.wrap{position:relative;z-index:1}.film-paper-star{width:105px;left:-37px;top:30px;color:#d4e0b7;opacity:.65;animation:paper-orbit 45s linear infinite}.film-perforation{right:25px;bottom:38px;display:flex;gap:9px;transform:rotate(90deg);transform-origin:right center;opacity:.35}.film-perforation i{display:block;width:12px;height:17px;border:1px solid var(--paper);border-radius:3px}.photo-sprig{width:175px;left:5%;bottom:22px;color:#8b9e70;transform:rotate(13deg);animation:paper-float 9s ease-in-out infinite;opacity:.85}.photo-paper-star{width:74px;left:43%;top:40%;color:#eeadbc;transform:rotate(-15deg);animation:paper-orbit 40s linear infinite}.photo-section .about-title-block{z-index:2}.journey-section{position:relative;isolation:isolate}.ornament-keyboard{left:6%;bottom:25px;display:flex;gap:7px;transform:rotate(-8deg);animation:paper-float 7s ease-in-out infinite}.ornament-keyboard span{width:39px;height:36px;background:#ddd4e6;border:1px solid #8b8593;border-radius:6px;box-shadow:0 4px 0 #aaa2b2,inset 0 0 0 3px #ffffff40;font:22px/32px var(--sans);text-align:center;color:var(--ink)}.ornament-keyboard span:nth-child(2){background:#d4e0b7;box-shadow:0 4px 0 #9da981,inset 0 0 0 3px #ffffff40}.ornament-keyboard span:nth-child(3){background:#efbbcb;box-shadow:0 4px 0 #b68d9b,inset 0 0 0 3px #ffffff40}.portfolio-section{position:relative}.portfolio-paper-star{width:65px;top:21px;right:75px;color:#ff9d67;animation:paper-orbit 36s linear infinite}.hero .creative-key{animation:paper-float 7s ease-in-out infinite}.hero .star-sticker{animation:star-sway 9s ease-in-out infinite}.category-key:hover .key-icon{animation:key-flourish .7s ease both}.personal-frame{transition:transform .4s,box-shadow .4s}.personal-frame:hover{transform:rotate(0deg);box-shadow:9px 12px 0 #18271d}
@keyframes paper-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes paper-orbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes star-sway{0%,100%{rotate:-7deg}50%{rotate:9deg}}
@keyframes key-flourish{0%{rotate:0deg;scale:1}55%{rotate:20deg;scale:1.2}100%{rotate:0deg;scale:1.1}}
@media(max-width:1100px) and (min-width:761px){.hero-sprig{width:100px;left:38px;bottom:23px}.photo-sprig{width:145px;left:4%;bottom:18px}.photo-paper-star{left:42%;width:55px}.portfolio-paper-star{right:40px;width:55px}}
@media(max-width:760px){.hero-sprig{width:75px;left:12px;bottom:15px;opacity:.55}.film-paper-star{width:75px;left:auto;right:-25px;top:12px;opacity:.35}.film-perforation{right:15px;bottom:22px;opacity:.2}.photo-sprig{width:105px;right:8px;left:auto;bottom:10px;opacity:.35}.photo-paper-star{width:48px;top:37%;left:auto;right:22px;opacity:.65}.ornament-keyboard{left:24px;bottom:15px;gap:5px}.ornament-keyboard span{width:29px;height:27px;font-size:17px;line-height:24px;box-shadow:0 3px 0 #aaa2b2,inset 0 0 0 2px #ffffff40}.portfolio-paper-star{top:10px;right:25px;width:48px}.journey-section{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.site-ornament,.creative-key,.star-sticker{animation:none!important}.category-key:hover .key-icon{animation:none!important}}
/* Oversized botanical cutouts crop naturally into the opening edges. */
.hero{overflow:hidden;isolation:isolate}.hero-sprig{width:355px;left:-90px;bottom:-172px;transform:rotate(27deg);opacity:.9}.hero-top-sprig{width:390px;top:-245px;left:27%;color:#899d69;transform:rotate(130deg);opacity:.9;animation:paper-float 10s ease-in-out infinite}.hero-sprig,.hero-top-sprig{z-index:0}
/* A compact portrait and shorter introduction block. */
.film-section{padding-top:45px;padding-bottom:12px}.film-section .film-layout{max-width:1120px;grid-template-columns:1.25fr .8fr;gap:55px}.film-story.about-copy h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:24px}.film-story.about-copy p{font-size:14px;line-height:1.8;margin-bottom:18px}.film-player-wrap{max-width:300px}.personal-photo img{height:400px;max-height:400px;object-fit:cover;object-position:50% 58%}.personal-frame .film-player-bar{font-size:7px;padding:10px 12px}.personal-frame .film-player-foot{font-size:22px;padding:13px}.personal-frame{box-shadow:9px 11px 0 #18271d}
/* Uneven photograph positions surround a centered heading. */
.photo-section{padding-top:10px;padding-bottom:25px}.photo-section .about-grid{display:grid;grid-template-columns:minmax(175px,1fr) minmax(330px,1.45fr) minmax(175px,1fr);grid-template-rows:auto auto;gap:10px 24px;min-height:650px;align-items:center}.photo-section .creative-stills{display:contents}.photo-section .about-title-block{grid-column:2;grid-row:1/span 2;text-align:center;align-self:center;justify-self:center;width:100%;padding:0 5px}.photo-section .about-title-block h2{font-size:60px;line-height:1.04;letter-spacing:-2.8px;margin:0 0 30px}.photo-section .about-title-block .small-sticker{font-size:24px;white-space:nowrap}.photo-section .still-photo{width:210px;max-width:100%;margin:0;padding:10px 10px 17px;grid-column:1;grid-row:1;transform:rotate(-11deg);justify-self:end;align-self:start}.photo-section .still-photo img{height:245px}.photo-section .still-photo figcaption{font-size:18px}.photo-section .still-photo:nth-child(2){grid-column:3;grid-row:1;width:185px;max-width:100%;margin:60px 0 0;transform:rotate(10deg);justify-self:start}.photo-section .still-photo:nth-child(2) img{height:215px}.photo-section .still-photo:nth-child(3){grid-column:1;grid-row:2;width:185px;margin:0 0 0 25px;transform:rotate(7deg);justify-self:start;align-self:center}.photo-section .still-photo:nth-child(3) img{height:215px}.photo-section .still-photo:nth-child(4){grid-column:3;grid-row:2;width:220px;margin:8px -5px 0 0;transform:rotate(-8deg);justify-self:end}.photo-section .still-photo:nth-child(4) img{height:255px}.photo-section .still-photo:hover{transform:rotate(0) translateY(-10px);z-index:5}.photo-paper-star{left:51%;top:8%;width:50px}.photo-sprig{left:40%;bottom:0;width:105px;opacity:.55}
@media(max-width:1100px) and (min-width:761px){.hero-sprig{width:315px;left:-85px;bottom:-155px}.hero-top-sprig{width:340px;top:-220px;left:24%}.film-section .film-layout{grid-template-columns:1.15fr .8fr;gap:38px}.film-story.about-copy h2{font-size:30px}.film-story.about-copy p{font-size:13px;line-height:1.8}.film-player-wrap{max-width:265px}.personal-photo img{height:360px;max-height:360px}.photo-section .about-grid{grid-template-columns:minmax(140px,1fr) minmax(270px,1.45fr) minmax(140px,1fr);gap:15px;min-height:590px}.photo-section .about-title-block h2{font-size:49px;letter-spacing:-2.2px}.photo-section .about-title-block .small-sticker{font-size:20px;padding:9px 12px}.photo-section .still-photo,.photo-section .still-photo:nth-child(2),.photo-section .still-photo:nth-child(3),.photo-section .still-photo:nth-child(4){padding:8px 8px 14px;max-width:100%}.photo-section .still-photo img,.photo-section .still-photo:nth-child(4) img{height:215px}.photo-section .still-photo:nth-child(2) img,.photo-section .still-photo:nth-child(3) img{height:185px}.photo-section .still-photo:nth-child(3){margin-left:8px}.photo-section .still-photo figcaption{font-size:16px}}
@media(max-width:760px){.hero-sprig{width:245px;left:-100px;bottom:-155px;opacity:.7}.hero-top-sprig{width:260px;top:-185px;left:42%;opacity:.65}.film-section{padding-top:35px;padding-bottom:15px}.film-section .film-layout{grid-template-columns:1fr;gap:30px}.film-story.about-copy h2{font-size:30px;line-height:1.2;margin-bottom:22px}.film-story.about-copy p{font-size:14px;line-height:1.8}.film-player-wrap{max-width:270px;width:calc(100% - 25px)}.personal-photo img{height:350px;max-height:350px;object-position:50% 55%}.personal-frame .film-player-foot{font-size:22px;padding:12px}.photo-section{padding-top:15px;padding-bottom:25px}.photo-section .about-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:20px 15px;min-height:0}.photo-section .about-title-block{grid-column:1/-1;grid-row:2;max-width:none;padding:25px 0 35px}.photo-section .about-title-block h2{font-size:54px;margin-bottom:28px}.photo-section .about-title-block .small-sticker{font-size:23px}.photo-section .still-photo{grid-column:1;grid-row:1;width:165px;max-width:100%;justify-self:start;margin:0;padding:8px 8px 14px}.photo-section .still-photo img{height:210px}.photo-section .still-photo:nth-child(2){grid-column:2;grid-row:1;width:145px;max-width:100%;margin:55px 0 0;justify-self:end}.photo-section .still-photo:nth-child(2) img{height:180px}.photo-section .still-photo:nth-child(3){grid-column:1;grid-row:3;width:145px;max-width:100%;margin:0 0 0 7px;justify-self:start}.photo-section .still-photo:nth-child(3) img{height:180px}.photo-section .still-photo:nth-child(4){grid-column:2;grid-row:3;width:170px;max-width:100%;margin:25px 0 0;justify-self:end}.photo-section .still-photo:nth-child(4) img{height:220px}.photo-section .still-photo figcaption{font-size:17px}.photo-paper-star{top:37%;left:auto;right:5px;width:35px;opacity:.45}.photo-sprig{left:4px;bottom:-5px;width:75px;opacity:.35}}
@media(max-width:380px){.film-story.about-copy h2{font-size:28px}.photo-section .about-title-block h2{font-size:48px}.photo-section .about-title-block .small-sticker{font-size:21px}.photo-section .still-photo img{height:195px}.photo-section .still-photo:nth-child(4) img{height:205px}}
/* Photo placement follows the supplied composition: large frames at the edges. */
.photo-section{padding:0;overflow:hidden}.photo-section .about-grid{position:relative;display:block;height:700px;min-height:700px}.photo-section .creative-stills{display:contents}.photo-section .about-title-block{position:absolute;top:52%;left:50%;width:440px;max-width:calc(100% - 40px);transform:translate(-50%,-50%);padding:0;text-align:center;z-index:4}.photo-section .about-title-block h2{font-size:60px;margin-bottom:32px;white-space:nowrap}.photo-section .still-photo{position:absolute;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;width:300px;max-width:none;left:-20px;top:-30px;right:auto;bottom:auto;margin:0;padding:12px 12px 20px;transform:rotate(-10deg);z-index:1}.photo-section .still-photo img{height:350px}.photo-section .still-photo figcaption{font-size:22px;margin-top:13px}.photo-section .still-photo:nth-child(2){width:290px;max-width:none;left:auto;right:20px;top:25px;bottom:auto;margin:0;transform:rotate(14deg);z-index:2}.photo-section .still-photo:nth-child(2) img{height:335px}.photo-section .still-photo:nth-child(3){width:285px;max-width:none;left:-55px;right:auto;top:auto;bottom:-45px;margin:0;transform:rotate(14deg);z-index:2}.photo-section .still-photo:nth-child(3) img{height:330px}.photo-section .still-photo:nth-child(4){width:330px;max-width:none;left:auto;right:-55px;top:auto;bottom:-70px;margin:0;transform:rotate(-12deg);z-index:1}.photo-section .still-photo:nth-child(4) img{height:390px}.photo-section .still-photo:hover{transform:rotate(0) translateY(-9px);z-index:3}.photo-paper-star{top:12%;left:50%;width:48px}
@media(min-width:901px) and (max-width:1100px){.photo-section .about-grid{height:640px;min-height:640px}.photo-section .about-title-block{width:350px;top:51%}.photo-section .about-title-block h2{font-size:49px;letter-spacing:-2.4px}.photo-section .about-title-block .small-sticker{font-size:22px}.photo-section .still-photo{width:250px;left:-25px;top:-25px;padding:10px 10px 18px}.photo-section .still-photo img{height:305px}.photo-section .still-photo:nth-child(2){width:245px;right:0;top:25px}.photo-section .still-photo:nth-child(2) img{height:290px}.photo-section .still-photo:nth-child(3){width:240px;left:-40px;bottom:-35px}.photo-section .still-photo:nth-child(3) img{height:280px}.photo-section .still-photo:nth-child(4){width:280px;right:-40px;bottom:-55px}.photo-section .still-photo:nth-child(4) img{height:340px}.photo-section .still-photo figcaption{font-size:20px}}
@media(max-width:900px){.photo-section{padding:10px 0 20px}.photo-section .about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:15px 20px;height:auto;min-height:0}.photo-section .about-title-block{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;grid-column:1/-1;grid-row:2;width:100%;max-width:none;padding:25px 0 35px}.photo-section .about-title-block h2{font-size:54px;margin-bottom:30px;white-space:normal}.photo-section .about-title-block .small-sticker{font-size:23px}.photo-section .still-photo,.photo-section .still-photo:nth-child(2),.photo-section .still-photo:nth-child(3),.photo-section .still-photo:nth-child(4){position:relative;top:auto;left:auto;right:auto;bottom:auto;max-width:100%;width:235px;grid-row:1;grid-column:1;margin:0;padding:10px 10px 17px;justify-self:start}.photo-section .still-photo img{height:285px}.photo-section .still-photo:nth-child(2){grid-column:2;justify-self:end;margin-top:35px;width:230px}.photo-section .still-photo:nth-child(2) img{height:275px}.photo-section .still-photo:nth-child(3){grid-row:3;width:225px;margin-left:-6px}.photo-section .still-photo:nth-child(3) img{height:265px}.photo-section .still-photo:nth-child(4){grid-row:3;grid-column:2;justify-self:end;width:245px;margin-top:12px;margin-right:-5px}.photo-section .still-photo:nth-child(4) img{height:300px}.photo-section .still-photo figcaption{font-size:20px}.photo-paper-star{top:36%;left:50%;width:35px}}
@media(max-width:600px){.photo-section .about-grid{gap:15px 12px}.photo-section .still-photo,.photo-section .still-photo:nth-child(2),.photo-section .still-photo:nth-child(3),.photo-section .still-photo:nth-child(4){padding:8px 8px 15px}.photo-section .still-photo img{height:250px}.photo-section .still-photo:nth-child(2) img{height:245px}.photo-section .still-photo:nth-child(3) img{height:240px}.photo-section .still-photo:nth-child(4) img{height:270px}.photo-section .still-photo figcaption{font-size:18px}.photo-section .about-title-block h2{font-size:51px}}
@media(max-width:380px){.photo-section .still-photo img,.photo-section .still-photo:nth-child(2) img,.photo-section .still-photo:nth-child(3) img{height:220px}.photo-section .still-photo:nth-child(4) img{height:245px}.photo-section .about-title-block h2{font-size:46px}.photo-section .about-title-block .small-sticker{font-size:21px}}
/* Smaller frames show the whole photograph and stay inside the section edges. */
.photo-section{overflow:visible;padding:18px 0 28px}.photo-section .about-grid{display:grid;grid-template-columns:minmax(185px,1fr) minmax(340px,1.5fr) minmax(185px,1fr);grid-template-rows:auto auto;gap:20px 25px;height:auto;min-height:0;align-items:center}.photo-section .about-title-block{position:relative;grid-column:2;grid-row:1/span 2;top:auto;left:auto;right:auto;bottom:auto;transform:none;max-width:100%;width:440px;padding:0}.photo-section .still-photo,.photo-section .still-photo:nth-child(2),.photo-section .still-photo:nth-child(3),.photo-section .still-photo:nth-child(4){position:relative;top:auto;left:auto;right:auto;bottom:auto;max-width:100%;margin:0;padding:10px 10px 16px;align-self:start}.photo-section .still-photo{width:220px;grid-column:1;grid-row:1;justify-self:start}.photo-section .still-photo:nth-child(2){width:210px;grid-column:3;grid-row:1;justify-self:end;margin-top:28px}.photo-section .still-photo:nth-child(3){width:210px;grid-column:1;grid-row:2;justify-self:start;margin-top:0}.photo-section .still-photo:nth-child(4){width:230px;grid-column:3;grid-row:2;justify-self:end;margin-top:8px}.photo-section .still-photo:nth-child(n) img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;width:100%;display:block}.photo-section .still-photo figcaption{font-size:18px;margin-top:10px}
@media(min-width:901px) and (max-width:1100px){.photo-section .about-grid{grid-template-columns:minmax(155px,1fr) minmax(300px,1.5fr) minmax(155px,1fr);gap:18px}.photo-section .still-photo{width:195px}.photo-section .still-photo:nth-child(2){width:185px}.photo-section .still-photo:nth-child(3){width:185px}.photo-section .still-photo:nth-child(4){width:205px}}
@media(max-width:900px){.photo-section{padding:20px 0 30px}.photo-section .about-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:18px 18px}.photo-section .about-title-block{grid-column:1/-1;grid-row:2;width:100%;max-width:none;padding:20px 0 30px}.photo-section .still-photo{width:190px;grid-column:1;grid-row:1}.photo-section .still-photo:nth-child(2){width:180px;grid-column:2;grid-row:1;margin-top:30px}.photo-section .still-photo:nth-child(3){width:180px;grid-column:1;grid-row:3}.photo-section .still-photo:nth-child(4){width:195px;grid-column:2;grid-row:3;margin-top:12px}}
@media(max-width:600px){.photo-section .about-grid{gap:15px}.photo-section .still-photo,.photo-section .still-photo:nth-child(2),.photo-section .still-photo:nth-child(3),.photo-section .still-photo:nth-child(4){padding:8px 8px 13px;max-width:calc(100% - 8px)}.photo-section .still-photo{width:160px}.photo-section .still-photo:nth-child(2){width:150px}.photo-section .still-photo:nth-child(3){width:150px}.photo-section .still-photo:nth-child(4){width:165px}.photo-section .still-photo figcaption{font-size:17px;margin-top:8px}}
/* Personal photographs now belong to the opening collage. */
.hero-snapshot{position:absolute;width:110px;background:var(--paper);padding:6px 6px 10px;margin:0;box-shadow:2px 5px 12px #2c3d2d28;z-index:2;cursor:default;transition:transform .4s,box-shadow .4s}.hero-snapshot img{display:block;width:100%;height:auto;object-fit:contain}.hero-snapshot figcaption{font:italic 12px/1.1 var(--serif);margin-top:7px;text-align:center}.snapshot-architecture{left:-15px;top:48px;transform:rotate(-13deg)}.snapshot-blossom{right:-15px;top:182px;transform:rotate(12deg);width:105px}.hero-snapshot:hover{transform:rotate(0) translateY(-6px);box-shadow:3px 9px 15px #2c3d2d35}.snapshot-tape{position:absolute;top:-8px;left:29px;width:44px;height:15px;background:#d9d7bbba;transform:rotate(7deg);clip-path:polygon(2% 6%,100% 0,98% 92%,0 100%)}.collage .photo-paper{z-index:3}.collage .pink-note{z-index:4}.collage .creative-key{z-index:5}.collage .star-sticker{z-index:4}.collage .location-label{z-index:5}.film-section{padding-bottom:45px}
@media(max-width:1050px) and (min-width:761px){.hero-snapshot{width:100px}.snapshot-architecture{left:-5px;top:45px}.snapshot-blossom{right:-5px;top:180px;width:95px}}
@media(max-width:760px){.hero-snapshot{width:92px;padding:5px 5px 9px}.hero-snapshot figcaption{font-size:12px}.snapshot-architecture{left:-5px;top:32px}.snapshot-blossom{right:-8px;top:-12px;width:85px}.hero-snapshot .snapshot-tape{left:25px;width:36px}.film-section{padding-bottom:35px}}
/* Supplied Z/House mark, scaled to the employment heading. */
.timeline summary .zhouse-wordmark{display:block;position:relative;overflow:hidden;width:78px;height:22px;mix-blend-mode:multiply}.zhouse-wordmark img{position:absolute;width:84px;max-width:none;height:auto;left:-2.5px;top:-7px;display:block}.zhouse-tagline{display:block;font-size:11px;font-weight:600;line-height:1.4;margin-top:5px;color:#657951}.timeline .zhouse-tagline+.experience-meta{margin-top:7px}.study-note h3{font-size:30px}.study-note h3 em{font-size:38px}
/* Transparent brand artwork uses the same ink as the other agency names. */
.timeline summary .zhouse-wordmark{width:max-content;height:22px;overflow:visible;mix-blend-mode:normal}.zhouse-wordmark img{position:static;display:block;width:auto;max-width:none;height:22px;left:auto;top:auto}
/* A small creative toolkit lives directly under the academic paper note. */
.learning-column{display:flex;flex-direction:column;gap:28px;min-width:0}.learning-column .study-note{width:100%;margin:0}.toolkit-note{position:relative;padding:24px 24px 22px;background:#f7f5ec;box-shadow:3px 5px 0 #2c3d2d12;border:1px solid #2c3d2d22;transform:rotate(-1deg);border-radius:3px;color:var(--ink)}.toolkit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.toolkit-heading h3{font:italic 36px/1 var(--serif);letter-spacing:-.4px;margin:0}.toolkit-heading>span{font:23px var(--sans);opacity:.65;transform:rotate(7deg)}.toolkit-caption{font-size:10px;opacity:.75;margin:7px 0 22px}.toolkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 17px}.tool-item{min-width:0;display:flex;flex-direction:column;align-items:center}.tool-icon{width:54px;height:54px;border:1px solid #2c3d2d33;border-radius:9px;background:#d5dfbf;box-shadow:0 4px 0 #aab793,inset 0 0 0 4px #ffffff40;display:grid;place-items:center;transition:transform .25s,box-shadow .25s}.tool-icon img{width:32px;height:32px;object-fit:contain;display:block}.tool-item:nth-child(3n+2) .tool-icon{background:#e6d4de;box-shadow:0 4px 0 #b8a5b0,inset 0 0 0 4px #ffffff40}.tool-item:nth-child(3n) .tool-icon{background:#d1dfe8;box-shadow:0 4px 0 #a4b5c2,inset 0 0 0 4px #ffffff40}.tool-item:hover .tool-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:1px 6px 0 #9ca58c,inset 0 0 0 4px #ffffff40}.tool-name{display:block;font-size:9px;font-weight:600;line-height:1.25;text-align:center;margin:12px 0 8px;white-space:nowrap}.tool-meter{height:7px;max-width:88px;width:100%;border:1px solid #2c3d2d50;padding:1px;background:#f0eee3;border-radius:2px;overflow:hidden}.tool-meter>span{display:block;height:100%;width:var(--skill);background:#ed8148;transform-origin:left center}.toolkit-extra{border-top:1px dashed #2c3d2d40;padding-top:17px;margin-top:22px}.toolkit-extra-label{display:block;font:italic 17px/1.1 var(--serif);margin-bottom:12px}.ai-tools{display:flex;gap:14px;align-items:center;justify-content:space-between}.ai-tool{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;white-space:nowrap}.ai-tool img{width:17px;height:17px;object-fit:contain}.toolkit-clip{position:absolute;top:-12px;right:30px;width:13px;height:29px;border:2px solid #8d9983;border-radius:8px;transform:rotate(13deg)}.toolkit-clip:after{content:"";position:absolute;inset:3px 3px 4px 2px;border:1px solid #8d9983;border-bottom-color:transparent;border-radius:4px}
@media(max-width:1050px) and (min-width:761px){.toolkit-note{padding:22px 17px}.toolkit-grid{gap:23px 12px}.tool-name{font-size:8px}.ai-tools{gap:9px}.ai-tool{font-size:8px;gap:4px}.ai-tool img{width:15px;height:15px}}
@media(max-width:760px){.learning-column{gap:28px;margin:0 7px}.learning-column .study-note{max-width:none}.toolkit-note{padding:25px 23px 24px}.toolkit-grid{gap:25px 18px}.toolkit-heading h3{font-size:35px}.toolkit-caption{font-size:11px}.tool-name{font-size:10px}.tool-meter{max-width:90px}.toolkit-extra-label{font-size:19px}.ai-tool{font-size:10px}.ai-tool img{width:19px;height:19px}.journey-section .journey{gap:48px}}
@media(max-width:380px){.toolkit-note{padding:23px 17px}.toolkit-grid{gap:23px 12px}.tool-name{font-size:9px}.ai-tools{gap:10px}.ai-tool{font-size:9px}}
/* The toolkit is narrower and more compact beneath the academic note. */
.toolkit-note{width:100%;max-width:390px;align-self:center;padding:18px 20px 17px}.toolkit-heading h3{font-size:31px}.toolkit-heading>span{font-size:21px}.toolkit-caption{margin:5px 0 16px;font-size:10px}.toolkit-grid{gap:16px 14px}.tool-icon{width:46px;height:46px;border-radius:8px}.tool-icon img{width:28px;height:28px}.tool-name{margin:9px 0 6px;font-size:9px}.tool-meter{height:6px;max-width:80px}.toolkit-extra{margin-top:16px;padding-top:13px}.toolkit-extra-label{font-size:16px;margin-bottom:9px}.ai-tools{gap:12px}.ai-tool{font-size:9px}.ai-tool img{width:16px;height:16px}.learning-column{gap:25px}
@media(max-width:1050px) and (min-width:761px){.toolkit-note{padding:18px 16px}.toolkit-grid{gap:16px 10px}.ai-tools{gap:9px}.ai-tool{font-size:8px}.tool-name{font-size:8px}}
@media(max-width:760px){.toolkit-note{max-width:360px;padding:20px 20px 18px}.toolkit-heading h3{font-size:32px}.toolkit-grid{gap:18px 14px}.tool-name{font-size:9px}.toolkit-extra-label{font-size:17px}.ai-tool{font-size:10px}.ai-tool img{width:18px;height:18px}}
/* Signature stars replace the timeline dots. */
.timeline-star{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:24px;font:22px/1 var(--sans);color:#718260;opacity:.7;transition:rotate .25s,opacity .25s}.timeline details[open] .timeline-star{rotate:12deg;opacity:1;color:var(--ink)}.timeline summary:hover .timeline-star{rotate:20deg;opacity:1}
/* A physical-looking eight-key portfolio keyboard, with working category keys. */
.keyboard-shell{position:relative;max-width:960px;margin:16px auto 0;padding:19px 27px 17px;background:linear-gradient(160deg,#f0eee2 0%,#dddccd 46%,#c8c8b8 100%);border:1px solid #b1b3a1;border-radius:16px 16px 24px 24px;box-shadow:0 3px 0 #fcfbf4 inset,0 -5px 0 #aaaE98 inset,0 12px 0 #a0a58e,0 15px 0 #8b947f,8px 25px 28px #24342729;transform:perspective(1400px) rotateX(5deg) rotateZ(-1deg);isolation:isolate}.keyboard-shell:before{content:"";position:absolute;inset:7px;border:1px solid #ffffff55;border-radius:12px 12px 20px 20px;pointer-events:none;z-index:-1}.keyboard-topline{display:flex;justify-content:space-between;align-items:center;padding:0 5px 15px;min-height:32px}.keyboard-badge{font-size:12px;font-weight:800;letter-spacing:-.5px;color:#56604a;text-shadow:0 1px 0 #fff8}.keyboard-indicators{display:flex;gap:8px;align-items:center}.keyboard-indicators i{display:block;width:5px;height:5px;background:#8d967d;border:1px solid #788269;border-radius:50%;box-shadow:0 1px 1px #0003 inset}.keyboard-indicators i:first-child{background:#f18c52;box-shadow:0 0 6px #ef965b80,0 1px 1px #fff9 inset}.keyboard-bed{padding:13px 13px 17px;background:linear-gradient(135deg,#a8ae9a,#929c86);border:1px solid #8d977f;border-radius:7px;box-shadow:0 3px 5px #31422b55 inset,0 1px 0 #fff9}.keyboard-shell .category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 13px}.keyboard-shell .category-key{display:block;position:relative;min-height:128px;height:128px;padding:0;border:1px solid color-mix(in srgb,var(--key),#405135 35%);border-radius:9px 9px 12px 12px;background:linear-gradient(100deg,color-mix(in srgb,var(--key),white 10%),color-mix(in srgb,var(--key),#405135 22%));box-shadow:0 7px 0 color-mix(in srgb,var(--key),#405135 35%),0 9px 4px #20311c50,inset 1px 1px 1px #ffffffe6;transform:none;transition:translate .16s,box-shadow .16s,background .16s;overflow:visible;text-align:left}.keyboard-shell .key-face{display:flex;position:absolute;inset:6px 9px 11px;padding:14px 16px 15px;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,color-mix(in srgb,var(--key),white 22%),var(--key) 75%);border:1px solid #ffffff70;border-bottom-color:#53634833;border-right-color:#53634822;border-radius:6px;box-shadow:0 2px 6px #fff7 inset,0 -2px 4px #26381a0f inset;color:var(--ink)}.keyboard-shell .category-key small{display:block;font:9px/1 monospace;letter-spacing:.5px;opacity:.65;position:static}.keyboard-shell .category-key small:after{content:none}.keyboard-shell .category-key strong{display:block;font-family:var(--sans);font-size:17px;font-weight:650;letter-spacing:-.4px;line-height:1.2;max-width:none;position:static;text-shadow:0 1px 0 #ffffff60}.keyboard-shell .category-key .key-icon{font:25px/1 var(--serif);position:absolute;top:10px;right:12px;opacity:.8;transform:none;transition:none;animation:none}.keyboard-shell .key-light{position:absolute;width:4px;height:4px;right:10px;bottom:10px;background:#324d2c30;border-radius:50%;box-shadow:0 1px 1px #0002 inset}.keyboard-shell .category-key:hover{translate:0 2px;transform:none;box-shadow:0 5px 0 color-mix(in srgb,var(--key),#405135 35%),0 7px 4px #20311c50,inset 1px 1px 1px #ffffffe6}.keyboard-shell .category-key:hover .key-icon{transform:none;animation:none}.keyboard-shell .category-key:active{translate:0 6px;box-shadow:0 1px 0 color-mix(in srgb,var(--key),#405135 35%),0 2px 2px #20311c50}.keyboard-shell .category-key.is-current{padding:0;translate:0 4px;transform:none;border:1px solid #9d512d;background:linear-gradient(100deg,#fbb182,#cd6f3d);box-shadow:0 3px 0 #a95933,0 4px 3px #26381b66,inset 1px 1px 1px #ffd9bd}.keyboard-shell .category-key.is-current .key-face{background:linear-gradient(145deg,#ffae77,#fa8a48 75%);border-color:#ffd7bb90;border-bottom-color:#bd6b4240;box-shadow:0 2px 5px #fff5 inset,0 -2px 4px #b44b251a inset}.keyboard-shell .category-key.is-current .key-light{background:#f5f6dd;box-shadow:0 0 5px #fff9}.keyboard-shell .category-key:last-child{grid-column:auto;min-height:128px}.keyboard-bottomline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 7px 0;font-size:7px;letter-spacing:1.4px;color:#53634a;text-shadow:0 1px 0 #fff9}.keyboard-bottomline>span:last-child{font:19px var(--sans);opacity:.6}.keyboard-ridges{display:flex;gap:4px}.keyboard-ridges i{width:20px;height:3px;border-radius:3px;background:#9aa48d;border-bottom:1px solid #ffffffb0}.keyboard-screw{position:absolute;bottom:12px;width:5px;height:5px;border:1px solid #8b967e;border-radius:50%;background:linear-gradient(45deg,transparent 43%,#78836b 44% 56%,transparent 57%),#c3c8b5;box-shadow:0 1px 0 #fff8}.screw-left{left:12px}.screw-right{right:12px}.keyboard-cable{position:absolute;left:61%;top:-27px;width:15px;height:27px;background:linear-gradient(90deg,#aeb5a0,#dce0d2 45%,#9ba58c);border:1px solid #8f9a80;border-radius:6px 6px 0 0;z-index:-2}.keyboard-cable:before{content:"";position:absolute;left:3px;top:-30px;width:5px;height:32px;background:#b4bda7;border-left:1px solid #8a967c;border-right:1px solid #dbe1d2;border-radius:3px}.portfolio-section .project-heading{margin-top:65px}
@media(max-width:1050px) and (min-width:601px){.keyboard-shell{padding:17px 20px 15px;max-width:900px}.keyboard-bed{padding:11px 11px 16px}.keyboard-shell .category-tabs{gap:14px 11px}.keyboard-shell .category-key,.keyboard-shell .category-key:last-child{height:116px;min-height:116px}.keyboard-shell .key-face{inset:5px 7px 9px;padding:13px 12px}.keyboard-shell .category-key strong{font-size:15px}.keyboard-shell .category-key .key-icon{font-size:23px;right:10px}.keyboard-ridges i{width:15px}}
@media(max-width:600px){.keyboard-shell{padding:15px 13px 12px;border-radius:13px 13px 19px 19px;transform:perspective(1200px) rotateX(3deg) rotateZ(-.5deg);margin-top:20px;box-shadow:0 2px 0 #fcfbf4 inset,0 -4px 0 #aaae98 inset,0 9px 0 #a0a58e,0 11px 0 #8b947f,4px 20px 19px #24342729}.keyboard-topline{padding:0 5px 12px}.keyboard-badge{font-size:11px}.keyboard-indicators{gap:6px}.keyboard-bed{padding:10px 9px 15px}.keyboard-shell .category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.keyboard-shell .category-key,.keyboard-shell .category-key:last-child{height:100px;min-height:100px}.keyboard-shell .key-face{inset:5px 7px 9px;padding:12px}.keyboard-shell .category-key strong{font-size:15px;letter-spacing:-.4px}.keyboard-shell .category-key .key-icon{font-size:23px;top:8px;right:10px}.keyboard-shell .category-key small{font-size:8px}.keyboard-bottomline{padding-top:14px;gap:10px;font-size:6px;letter-spacing:1px}.keyboard-ridges{gap:3px}.keyboard-ridges i{width:8px}.keyboard-bottomline>span:last-child{font-size:17px}.keyboard-cable{left:65%}.portfolio-section .project-heading{margin-top:50px}}
@media(max-width:380px){.keyboard-shell .key-face{padding:11px 9px}.keyboard-shell .category-key strong{font-size:14px}.keyboard-ridges i:nth-child(n+6){display:none}}
/* Closable portfolio windows and a phone-shaped video carousel. */
#project-dialog{border:1px solid #c5ccb8;box-shadow:0 25px 90px #0c1c1955;max-height:92dvh;padding:32px 38px 35px;scrollbar-width:thin;scrollbar-color:#9daa88 transparent}#project-dialog .close-dialog{position:sticky;float:right;top:0;right:auto;margin:-5px -10px 0 0;z-index:10;background:var(--paper);box-shadow:0 2px 5px #22321f22;width:35px;height:35px}#project-dialog .close-dialog:hover{background:var(--green)}#project-dialog .dialog-content{clear:none}.popup-heading{padding-right:35px;margin-bottom:28px}.popup-heading h2{font-size:36px;line-height:1.1;margin:10px 0 0}.popup-heading .dialog-tag{font-size:9px;letter-spacing:1.8px;margin-bottom:0}.gallery-popup{width:min(1040px,94vw)}.popup-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.popup-project-grid .project-art{aspect-ratio:1.25}.popup-back{display:block;border:0;background:none;font-size:12px;padding:0 0 5px;margin:0 0 22px;border-bottom:1px solid var(--line)}.popup-back:hover{color:#8b4d33}.phone-popup{width:min(700px,94vw);background:radial-gradient(ellipse at 50% 35%,#e0e7ce55,transparent 65%),var(--paper)}.phone-heading{position:relative;text-align:center;padding:0 30px;margin:0 0 22px}.phone-heading h2{font-size:34px;margin:8px 0 11px}.phone-counter{display:inline-block;font:10px/1.3 monospace;letter-spacing:2px;border:1px solid var(--line);padding:5px 11px;border-radius:20px}.phone-carousel{display:flex;align-items:center;justify-content:center;gap:28px;padding:0 4px 6px}.phone-device{position:relative;flex:0 0 290px;width:290px;height:562px;border-radius:42px;background:linear-gradient(110deg,#7c8478,#202a23 7%,#121c17 92%,#737d6b);border:2px solid #8b9682;box-shadow:0 0 0 1px #263125,0 0 0 5px #c3c9b480,10px 15px 20px #24342733,inset 0 1px 1px #d2d8c3}.phone-screen{position:absolute;inset:10px 9px 11px;overflow:hidden;border-radius:31px;background:#0e1712}.phone-video{width:100%;height:100%;display:block;object-fit:contain;background:#0e1712}.phone-embed{display:block;border:0;width:100%;height:100%;background:#fff}.phone-island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:81px;height:22px;border-radius:20px;background:#0a100d;z-index:2;pointer-events:none;box-shadow:0 0 0 1px #707b6125}.phone-island span{position:absolute;width:7px;height:7px;right:10px;top:7px;border-radius:50%;background:radial-gradient(circle,#2f443f,#101b18 65%);box-shadow:0 0 0 1px #24332c}.phone-homebar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);height:4px;width:78px;border-radius:4px;background:#f4f4e5a0;pointer-events:none}.phone-side-button{position:absolute;left:-5px;top:95px;height:48px;width:3px;background:#829078;border-radius:3px}.phone-side-button:after{content:"";position:absolute;top:57px;left:0;width:3px;height:30px;background:#829078;border-radius:3px}.carousel-arrow{flex:0 0 43px;width:43px;height:43px;border:1px solid #647453;border-radius:50%;background:var(--ink);color:var(--paper);font-size:23px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 0 #a7b491;transition:translate .2s,background .2s}.carousel-arrow:hover{background:#516341;translate:0 -2px}.carousel-arrow:active{translate:0 2px;box-shadow:0 1px 0 #a7b491}.phone-project-info{text-align:center;max-width:515px;margin:24px auto 0}.phone-project-type{font-size:9px;letter-spacing:.5px;opacity:.7}.phone-project-info h3{font-size:22px;letter-spacing:-.5px;line-height:1.2;margin:7px 0 9px}.phone-project-info p{font-size:12px;line-height:1.65;margin:0 auto;max-width:480px}.phone-project-info .text-link{font-size:11px;margin-top:14px}.supporting-projects{text-align:center;margin-top:25px;padding-top:17px;border-top:1px dashed var(--line)}.supporting-projects button{background:none;border:0;border-bottom:1px solid var(--line);font-size:12px}.keyboard-shell .category-key.is-current{border-color:#9d512d}.keyboard-wire-wrap{position:absolute;left:calc(50% - 50vw);top:0;width:100vw;height:340px;overflow:hidden;pointer-events:none;z-index:0}.keyboard-wire{display:block;width:100%;height:100%;overflow:visible}.keyboard-wire path{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-shadow{stroke:#829075;stroke-width:8;filter:drop-shadow(0 2px 2px #26382025)}.wire-highlight{stroke:#c5cdb6;stroke-width:4}.keyboard-shell .keyboard-cable{z-index:0}.keyboard-shell .keyboard-cable:before{content:none}.portfolio-head{z-index:1}.keyboard-shell{z-index:1}
@media(max-width:760px){#project-dialog{padding:25px 22px 28px}.popup-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.popup-heading h2{font-size:30px}.phone-heading h2{font-size:30px}.phone-carousel{gap:18px}.phone-device{width:270px;flex-basis:270px;height:525px;border-radius:39px}.phone-screen{border-radius:29px}.carousel-arrow{width:37px;height:37px;flex-basis:37px;font-size:20px}.phone-project-info{margin-top:23px}.phone-project-info p{font-size:12px}.phone-popup .dialog-content{clear:both}.phone-heading{margin-top:4px}.phone-project-info h3{font-size:21px}}
@media(max-width:480px){#project-dialog.phone-popup{padding:20px 11px 25px;width:96vw}.phone-carousel{gap:9px;padding:0}.phone-device{width:245px;flex-basis:245px;height:479px;border-radius:36px}.phone-screen{inset:9px 8px 10px;border-radius:27px}.phone-island{top:16px;width:73px;height:20px}.phone-island span{top:6px}.carousel-arrow{width:30px;height:36px;flex-basis:30px;border-radius:12px;font-size:19px}.phone-project-info{padding:0 12px}.phone-heading h2{font-size:29px}.phone-heading{padding:0 28px}.phone-homebar{bottom:14px}}
@media(max-width:360px){.phone-device{width:220px;flex-basis:220px;height:437px}.phone-carousel{gap:6px}.carousel-arrow{width:27px;flex-basis:27px}.popup-project-grid{grid-template-columns:1fr}}

.phone-heading .phone-category-caption{font-size:13px;line-height:1.5;max-width:360px;margin:0 auto 14px;color:var(--ink);letter-spacing:0}

/* Social Media: a single feed of individual framed posts. */
#project-dialog.social-feed-popup{width:min(1190px,96vw);background:#f0eee4;padding:28px 30px 35px}.social-feed-heading{padding:10px 45px 22px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.social-feed-heading h2{display:flex;align-items:center;gap:14px;font-size:40px;letter-spacing:-1.5px}.social-feed-heading h2>span{color:#de692f;font-size:36px}.social-feed-heading p{font-size:12px;margin:12px 0 0}.social-feed-heading p>span{opacity:.65}.social-post-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px 20px}.social-post{min-width:0;background:#fffdf8;border:1px solid #d9dace;border-radius:15px;overflow:hidden;box-shadow:0 5px 0 #d5d8c755,0 9px 22px #2c3d2d08}.social-post-header{display:flex;align-items:center;gap:9px;padding:12px 13px;min-height:63px}.social-post-avatar{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:50%;font-size:28px;color:var(--ink);background:var(--green);border:1px solid #b5c59a}.social-post:nth-child(3n+2) .social-post-avatar{background:#efbbcb;border-color:#dda5b7}.social-post:nth-child(3n) .social-post-avatar{background:#f0e99b;border-color:#d8cf7c}.social-post-header strong{display:block;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:-.2px}.social-post-header div>span{display:block;font-size:10px;line-height:1.4;opacity:.7;margin-top:2px}.social-post-menu{margin-left:auto;letter-spacing:2px;font-size:12px}.social-feed-popup .social-post-image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;border:0;border-radius:0;background:#fff}.social-post-footer{padding:12px 13px 13px}.social-post-symbols{display:flex;gap:12px;align-items:center;margin-bottom:10px}.social-post-symbols svg{display:block;width:20px;height:20px}.social-post-symbols>span{margin-left:auto}.social-post-footer p{font-size:10px;line-height:1.55;margin:0}.social-post-footer p strong{font-weight:700;margin-right:4px}.social-post-number{display:block;margin-top:8px;font:9px/1.4 monospace;letter-spacing:1.3px;opacity:.5}
@media(max-width:900px){.social-post-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}
@media(max-width:580px){#project-dialog.social-feed-popup{padding:20px 14px 26px;width:96vw}.social-feed-heading{margin-bottom:22px;padding:8px 30px 18px 2px}.social-feed-heading h2{font-size:32px;gap:10px}.social-feed-heading h2>span{font-size:29px}.social-post-feed{grid-template-columns:minmax(0,1fr);gap:24px;max-width:400px;margin:auto}.social-post-header{padding:12px 14px}.social-post-footer{padding:13px 14px}.social-post-footer p{font-size:11px}}

.social-post-header>strong{font-size:12px;font-weight:700;line-height:1.35;letter-spacing:-.2px}.social-post-footer{padding:13px 14px}.social-post-symbols{margin-bottom:0}.social-carousel-media{position:relative;aspect-ratio:3/4;background:#f4f0e8;isolation:isolate}.social-feed-popup .social-carousel-media .social-post-image{width:100%;height:100%;object-fit:contain}.social-slide-counter{position:absolute;top:11px;right:11px;z-index:1;border-radius:20px;padding:4px 9px;background:#1d291edb;color:#fffdf8;font:10px/1.4 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.6px;pointer-events:none}.social-slide-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:33px;height:39px;padding:0 0 3px;border:1px solid #ffffff90;border-radius:50%;color:#253527;background:#fffdf8ed;box-shadow:0 2px 8px #0003;font:30px/1 var(--sans);transition:background .18s,opacity .18s}.social-slide-prev{left:9px}.social-slide-next{right:9px}.social-slide-arrow:hover{background:#d4e0b7}.social-slide-arrow:disabled{visibility:hidden;pointer-events:none}.social-slide-arrow:focus-visible{outline-offset:2px}.social-post-symbols svg{pointer-events:none}

#project-dialog.menu-popup{width:min(1080px,96vw);background:radial-gradient(ellipse at 50% 50%,#e1d8bd88,transparent 70%),var(--paper);padding:28px 36px 30px}.menu-heading{padding-right:40px;margin-bottom:24px}.menu-heading h2{display:flex;align-items:center;gap:14px;font-size:40px;letter-spacing:-1.5px}.menu-heading h2>span{color:#d36532;font-size:32px}.menu-options{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.menu-options button{padding:9px 16px;border:1px solid #bcc3ac;border-radius:8px;background:#fffdf780;font-size:14px;font-weight:650;box-shadow:0 3px 0 #b9c1aa55}.menu-options button span{display:block;font-size:10px;font-weight:400;opacity:.65}.menu-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.menu-reader{max-width:900px;margin:0 auto}.menu-reader-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 4px 20px}.menu-page-status{font-size:10px;letter-spacing:1px;text-transform:uppercase}.menu-zoom{border:0;border-bottom:1px solid var(--line);background:none;font-size:11px;padding:4px}.menu-stage{display:flex;justify-content:center;padding:5px 15px 25px;perspective:1600px;touch-action:pan-y}.menu-leaf{position:relative;width:min(var(--page-width),100%);aspect-ratio:var(--page-ratio);background:#eee9dc;box-shadow:2px 2px 0 #faf5e7,4px 4px 0 #bab5a7,6px 6px 0 #f8f4e7,8px 8px 0 #b5b1a3,12px 18px 25px #302b202b,-3px 0 8px #3b33231a;transform-style:preserve-3d;isolation:isolate}.menu-page-image{display:block;width:100%;height:auto;margin:0;aspect-ratio:var(--page-ratio);object-fit:contain;user-select:none;-webkit-user-drag:none}.menu-paper-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#3d2a111c,transparent 4%,transparent 94%,#ffffff30);z-index:2}.menu-leaf .menu-turning-page{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:0 50%;backface-visibility:hidden;box-shadow:8px 0 18px #30271c30;z-index:3}.menu-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:6px}.menu-page-arrow{width:45px;height:40px;border:1px solid #a8b196;border-radius:9px;background:#e3e8d6;box-shadow:0 3px 0 #a8b196;font-size:22px;line-height:1}.menu-page-arrow:hover{background:#d4e0b7}.menu-page-arrow:disabled{opacity:.3;cursor:default}.menu-controls p{font:italic 26px/1.2 var(--serif);text-align:center;margin:0}.menu-controls p span{display:block;font:10px/1.4 var(--sans);margin-top:7px;opacity:.65}.menu-reading .menu-leaf{width:100%}.menu-reading .menu-stage{padding-left:8px;padding-right:8px}
@media(max-width:600px){#project-dialog.menu-popup{padding:22px 15px 28px}.menu-heading{padding-right:30px}.menu-heading h2{font-size:32px}.menu-options{gap:10px;margin-top:18px}.menu-options button{padding:8px 14px;font-size:13px}.menu-reader-top{padding-bottom:18px}.menu-stage{padding:0 8px 22px}.menu-controls{gap:18px}.menu-controls p{font-size:23px}.menu-controls p span{font-size:9px;max-width:150px}.menu-page-arrow{width:38px;height:36px}.menu-page-status{font-size:9px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.menu-turning-page{animation:none!important;transition:none!important}}

/* Compact menu reader: instructions and navigation stay above the page. */
#project-dialog.menu-popup{padding:20px 30px 22px;--menu-page-height:clamp(180px,calc(92dvh - 270px),500px)}.menu-heading{margin-bottom:15px}.menu-heading h2{font-size:34px;margin:4px 0 10px}.menu-heading h2>span{font-size:28px}.menu-options{margin-top:12px;gap:10px}.menu-options button{padding:6px 14px;font-size:12px}.menu-options button span{font-size:9px}.menu-reader-top{padding:0 4px 9px}.menu-controls{gap:19px;margin:0 0 15px}.menu-page-arrow{width:32px;height:28px;border-radius:7px;font-size:17px;box-shadow:0 2px 0 #a8b196}.menu-controls p{font-size:18px;line-height:1.1}.menu-controls p span{font-size:9px;margin-top:4px}.menu-stage{padding:0 12px 16px}.menu-reading .menu-leaf{width:100%}.toolkit-heading{margin-bottom:14px}
@media(max-width:600px){#project-dialog.menu-popup{padding:18px 14px 20px;--menu-page-height:clamp(170px,calc(92dvh - 265px),440px)}.menu-heading{margin-bottom:13px}.menu-heading h2{font-size:29px}.menu-heading h2>span{font-size:25px}.menu-options{margin-top:10px;gap:9px}.menu-options button{padding:6px 13px;font-size:12px}.menu-reader-top{padding-bottom:8px}.menu-controls{gap:16px;margin-bottom:13px}.menu-controls p{font-size:17px}.menu-controls p span{font-size:8px;max-width:none}.menu-page-arrow{width:30px;height:27px;font-size:16px}.menu-stage{padding:0 8px 15px}}

.menu-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:780px}.menu-options button{font-size:11px;line-height:1.35;min-height:44px;padding:7px 10px}.menu-options button span{margin-top:3px}.menu-heading{padding-right:40px}
@media(max-width:600px){.menu-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none}.menu-options button{font-size:10px;min-height:39px;padding:6px 7px}.menu-options button span{display:none}#project-dialog.menu-popup{--menu-page-height:clamp(150px,calc(92dvh - 310px),410px)}}

.keyboard-shell .category-key:last-child{grid-column:span 2}

/* Six portfolio keys, in two rows of three on every screen. */
.keyboard-shell{max-width:820px}.keyboard-shell .category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.keyboard-shell .category-key:last-child{grid-column:auto}
@media(max-width:600px){.keyboard-shell{padding:15px 12px 14px}.keyboard-bed{padding:10px 8px 14px}.keyboard-shell .category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.keyboard-shell .key-face{inset:4px 4px 9px;padding:11px 7px 12px}.keyboard-shell .category-key strong{font-size:clamp(10px,3vw,15px);letter-spacing:-.3px;line-height:1.2}.keyboard-shell .category-key .key-icon{font-size:20px;right:7px}.keyboard-shell .category-key small{font-size:8px}.keyboard-shell .category-key,.keyboard-shell .category-key:last-child{height:98px;min-height:98px}}

.phone-popup .phone-credit{text-align:center;font:400 11px/1.4 var(--sans);color:#686c64;letter-spacing:.1px;max-width:none;margin:0 auto 10px}.phone-category-caption strong{font-weight:750}

.video-direction{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 6px;max-width:470px;padding:0 8px}.direction-doodle{flex:0 0 65px;width:65px;height:43px;color:#7c876b;transform:rotate(-5deg)}.direction-key{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:13px 18px;border:1px solid #ad7990;border-radius:9px;background:linear-gradient(145deg,#f5d5df,#eab8ca);box-shadow:0 5px 0 #b9859b,0 7px 5px #293c2620,inset 1px 1px 0 #fff9;font:650 12px/1.4 var(--sans);text-align:center;color:var(--ink);transition:transform .15s,box-shadow .15s}.direction-key>span{font-size:19px;line-height:1}.direction-key:hover{transform:translateY(2px);box-shadow:0 3px 0 #b9859b,0 5px 4px #293c2620,inset 1px 1px 0 #fff9}.direction-key:active{transform:translateY(5px);box-shadow:0 0 0 #b9859b,inset 1px 1px 0 #fff9}.direction-key:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
@media(max-width:480px){.video-direction{gap:5px;margin-top:18px;padding:0 4px}.direction-doodle{width:43px;flex-basis:43px;height:34px}.direction-key{padding:11px 12px;gap:8px;font-size:11px;min-height:50px;max-width:260px}}
@media(prefers-reduced-motion:reduce){.direction-key{transition:none}}
/* Social Media: direction key beside a more compact phone. */
#project-dialog.phone-popup.has-direction{width:min(950px,96vw)}.phone-workspace.with-direction{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:18px;align-items:center}.has-direction .phone-carousel{gap:16px}.has-direction .phone-device{width:250px;flex-basis:250px;height:488px;border-radius:38px}.has-direction .phone-screen{border-radius:28px}.has-direction .video-direction{margin:0;padding:0;gap:6px;justify-content:flex-start}.has-direction .direction-doodle{flex-basis:45px;width:45px}.has-direction .direction-key{padding:12px 14px;max-width:230px;min-height:65px;font-size:12px}.has-direction .phone-project-info{margin-top:20px}
/* Event projects open in their own tabs within the portfolio dialog. */
#project-dialog.events-popup{width:min(1170px,96vw);background:var(--paper);padding:30px 35px 40px}.event-heading{margin-bottom:22px}.event-heading h2{display:flex;gap:15px;align-items:center;font-size:40px;letter-spacing:-1px}.event-heading h2>span{color:#d56b3d;font-size:32px}.event-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:35px}.event-tabs button{border:1px solid #aab397;border-radius:8px;padding:13px 12px;background:#e4e9d7;box-shadow:0 4px 0 #a4af92;font-size:13px;line-height:1.4;font-weight:650}.event-tabs button:nth-child(2){background:#e0e8db}.event-tabs button:nth-child(3){background:#ecd2dc;border-color:#c99bac;box-shadow:0 4px 0 #c296a6}.event-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 4px 0 #172519}.event-project-heading{padding-bottom:23px;margin-bottom:25px;border-bottom:1px solid var(--line)}.event-project-heading h3{font:italic 46px/1.1 var(--serif);font-weight:400;margin:0 0 18px;letter-spacing:-1px}.event-facts{display:flex;gap:10px;flex-wrap:wrap}.event-facts>span{border:1px solid #c8b0b9;border-radius:25px;padding:5px 12px;font-size:11px;line-height:1.4}.event-facts strong{font-weight:700}.event-copy{columns:2;column-gap:35px;margin:0 0 30px}.event-copy p{font:14px/1.7 var(--sans);margin:0 0 18px;max-width:none;break-inside:avoid}.event-copy p strong{font-weight:750}.event-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;align-items:start}.event-photo-grid figure{margin:0;min-width:0}.event-photo-grid img{width:100%;height:auto;display:block;border-radius:9px;border:1px solid #b8c0ad;box-shadow:0 5px 0 #d5dbc9}.event-photo-grid figcaption{font-size:10px;line-height:1.5;opacity:.7;margin-top:12px}.event-fda-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-fda-grid figure:nth-child(4){grid-column:1/-1}.event-film{margin:0 0 32px}.event-film video{display:block;width:100%;height:auto;max-height:65vh;background:#18231b;border:1px solid #aab69a;border-radius:9px}.events-popup .event-panel:focus-visible{outline-offset:7px}
@media(max-width:760px){#project-dialog.phone-popup.has-direction{padding:23px 16px 28px}.phone-workspace.with-direction{grid-template-columns:minmax(0,1.15fr) minmax(135px,.85fr);gap:10px}.has-direction .phone-device{width:180px;flex-basis:180px;height:357px;border-radius:29px}.has-direction .phone-screen{inset:8px 7px 9px;border-radius:22px}.has-direction .phone-island{top:13px;width:55px;height:15px}.has-direction .phone-island span{width:5px;height:5px;top:5px;right:8px}.has-direction .phone-homebar{width:62px;bottom:12px}.has-direction .phone-carousel{gap:7px;padding:0}.has-direction .carousel-arrow{width:25px;flex-basis:25px;height:32px;font-size:17px}.has-direction .video-direction{flex-direction:column;align-items:center;gap:6px}.has-direction .direction-doodle{width:50px;height:35px;flex-basis:auto;transform:rotate(45deg)}.has-direction .direction-key{font-size:11px;padding:12px 10px;min-height:64px;gap:7px}.has-direction .direction-key>span{font-size:15px}#project-dialog.events-popup{padding:25px 22px 32px}.event-tabs{gap:10px;margin-bottom:30px}.event-tabs button{font-size:11px;padding:11px 8px}.event-project-heading h3{font-size:38px}.event-copy{columns:1}.event-photo-grid{gap:22px 15px}.event-copy p{font-size:13px}}
@media(max-width:480px){#project-dialog.phone-popup.has-direction{padding:20px 10px 25px}.phone-workspace.with-direction{grid-template-columns:minmax(0,1.15fr) minmax(105px,.85fr);gap:6px}.has-direction .phone-device{width:clamp(105px,30vw,140px);flex-basis:clamp(105px,30vw,140px);height:clamp(212px,60vw,282px);border-radius:24px}.has-direction .phone-screen{inset:6px 5px 7px;border-radius:18px}.has-direction .phone-island{top:10px;width:40px;height:12px}.has-direction .phone-island span{top:4px;width:4px;height:4px;right:6px}.has-direction .phone-homebar{width:40px;bottom:10px;height:3px}.has-direction .carousel-arrow{width:20px;flex-basis:20px;height:28px;font-size:15px;border-radius:8px}.has-direction .phone-carousel{gap:4px}.has-direction .direction-key{font-size:10px;padding:10px 7px;min-height:70px}.has-direction .direction-doodle{width:40px;height:30px}.has-direction .phone-project-info{margin-top:18px}#project-dialog.events-popup{padding:23px 15px 28px}.event-heading h2{font-size:32px}.event-tabs{grid-template-columns:1fr;gap:10px;margin-bottom:27px}.event-tabs button{font-size:12px;padding:9px 12px;text-align:left}.event-project-heading h3{font-size:34px}.event-photo-grid,.event-fda-grid{grid-template-columns:1fr}.event-fda-grid figure:nth-child(4){grid-column:auto}.event-facts{gap:7px}.event-facts>span{font-size:10px;padding:5px 10px}}


/* A bright pink service band, between experience and portfolio. */
.services-section{position:relative;background:#f45592;color:#263b2d;padding:70px 0 79px;overflow:hidden;border-top:1px solid #243c2b25;border-bottom:1px solid #243c2b25}.services-heading{display:flex;align-items:center;gap:30px;margin-bottom:40px}.services-heading h2{display:flex;align-items:center;gap:18px;margin:0;font:750 58px/1.1 var(--sans);letter-spacing:-2.5px}.services-heading h2>span{font-size:52px;color:var(--paper);font-weight:400;display:inline-block}.services-heading-line{height:1px;background:#263b2d50;flex:1;margin-top:12px}.services-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.service-column{min-width:0}.service-column+.service-column{border-left:1px solid #263b2d40;padding-left:32px}.service-title{display:flex;align-items:center;gap:14px;min-height:63px;margin-bottom:16px}.service-title h3{font:italic 33px/1.05 var(--serif);font-weight:400;letter-spacing:-.7px;margin:0}.service-key{display:grid;place-items:center;flex:0 0 33px;height:32px;border:1px solid #263b2d50;border-radius:6px;background:#f7f5ec;font:11px/1 monospace;box-shadow:0 3px 0 #263b2d6b,inset 1px 1px 0 #fff9;transform:rotate(-5deg)}.service-column:nth-child(2) .service-key{background:#d4e0b7;transform:rotate(4deg)}.service-column:nth-child(3) .service-key{background:#f0e99b;transform:rotate(-3deg)}.service-column ul{list-style:none;padding:0;margin:0}.service-column li{position:relative;font:14px/1.6 var(--sans);padding:11px 0 11px 18px;border-bottom:1px solid #263b2d25}.service-column li:last-child{border-bottom:0}.service-column li:before{content:'';position:absolute;left:0;top:17px;width:9px;height:9px;background:url('assets/brand-star-pink.png') center/contain no-repeat}.services-section:hover .services-heading h2>span{animation:service-star-turn 7s linear infinite}@keyframes service-star-turn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.services-columns{gap:22px}.service-column+.service-column{padding-left:22px}.service-title{gap:10px}.service-title h3{font-size:29px}.service-column li{font-size:13px}.services-heading h2{font-size:50px}}
@media(max-width:760px){.services-section{padding:50px 0 55px}.services-heading{gap:20px;margin-bottom:30px}.services-heading h2{font-size:44px;letter-spacing:-1.8px;gap:14px}.services-heading h2>span{font-size:39px}.services-columns{grid-template-columns:1fr;gap:29px}.service-column+.service-column{border-left:0;padding-left:0;padding-top:26px;border-top:1px solid #263b2d50}.service-title{min-height:40px;margin-bottom:13px;gap:14px}.service-title h3{font-size:34px}.service-column li{font-size:14px;padding:10px 0 10px 20px}.service-column li:before{top:14px}.services-heading-line{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.services-section:hover .services-heading h2>span{animation:none}}

/* White type and very pale pink accents on a slightly lighter service band. */
.services-section{background:#f6669e;color:#fff;border-color:#ffffff35}.services-heading h2>span,.service-title h3{color:#ffe1ed}.services-heading-line{background:#ffe1ed80}.service-column+.service-column{border-color:#ffe1ed75}.service-column li{border-bottom-color:#ffe1ed50}.service-column li:before{color:#ffe1ed}.service-key,.service-column:nth-child(2) .service-key,.service-column:nth-child(3) .service-key{color:#fff;background:#f88cb4;border-color:#ffe1ed;box-shadow:0 3px 0 #db5889,inset 1px 1px 0 #ffe1ed80}.portfolio-head .portfolio-subtitle{font:400 13px/1.5 var(--sans);color:#808579;letter-spacing:.15px;margin:17px 0 0}
@media(max-width:600px){.portfolio-head .portfolio-subtitle{font-size:12px;margin-top:14px}}

/* Direct menu anchors and a two-color services section. */
#main-nav>.nav-single{display:inline-flex;align-items:center;padding:15px 0}.services-section{padding:0;background:var(--ink)}.services-banner{background:#f6669e;padding:30px 0 32px}.services-banner .services-heading{margin:0}.services-body{background:var(--ink);padding:42px 0 66px;color:#fff}.contact-section{background:var(--paper)}footer.wrap{background:var(--paper)}.contact-links{flex-wrap:wrap;align-items:center;row-gap:16px}.contact-phone{white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){#main-nav{gap:23px}#main-nav>.nav-single{font-size:12px}}
@media(max-width:760px){.services-section{padding:0}.services-banner{padding:25px 0 27px}.services-body{padding:34px 0 46px}#main-nav>.nav-single{padding:12px 0}.contact-links{gap:18px 24px}}

/* Raster signature icon keeps the same appearance across emoji-capable devices. */
.brand-star-icon{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.1em;flex-shrink:0}.wordmark span{display:flex;align-items:center}.wordmark .brand-star-icon{width:1em;height:1em}.hero-logo .logo-star{display:inline-flex;align-items:flex-start}.timeline-star .brand-star-icon{width:20px;height:20px}.social-post-header .social-post-avatar .brand-star-icon{width:27px;height:27px}.keyboard-badge .brand-star-icon{width:14px;height:14px;vertical-align:-2px}.key-icon .brand-star-icon{width:1em;height:1em}
/* Only the mobile Social Media reader: larger phone, smaller direction key. */
@media(max-width:760px){.phone-popup.has-direction .phone-workspace.with-direction{grid-template-columns:minmax(0,1fr) 135px;gap:10px}.has-direction .phone-device{width:220px;flex-basis:220px;height:429px;border-radius:33px}.has-direction .phone-screen{border-radius:25px}.has-direction .direction-key{font-size:10px;padding:9px 8px;min-height:50px;max-width:130px}.has-direction .direction-doodle{width:36px;height:28px}.has-direction .direction-key>span{display:none}}
@media(max-width:480px){.phone-popup.has-direction .phone-workspace.with-direction{grid-template-columns:minmax(0,1fr) 88px;gap:5px}.has-direction .phone-device{width:clamp(132px,43vw,188px);flex-basis:clamp(132px,43vw,188px);height:clamp(263px,85.4vw,374px);border-radius:28px}.has-direction .phone-screen{inset:7px 6px 8px;border-radius:21px}.has-direction .phone-island{top:12px;width:48px;height:13px}.has-direction .phone-island span{top:4px;right:7px}.has-direction .phone-homebar{width:50px;bottom:11px}.has-direction .direction-key{width:88px;max-width:88px;min-height:48px;padding:8px 5px;font-size:9px;line-height:1.45;gap:0;border-radius:7px;box-shadow:0 3px 0 #b9859b,0 5px 4px #293c2620,inset 1px 1px 0 #fff9}.has-direction .video-direction{gap:4px}.has-direction .direction-doodle{width:28px;height:23px}}

#main-nav>.nav-hire{display:none}#experiencias-profissionais{min-width:0}.experience-contacts{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:15px;max-width:100%;margin-top:25px;padding:15px 0 9px;border-top:1px solid #2c3d2d20;font:400 10px/1.5 var(--sans);color:#7c8177;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bac3ad transparent;overscroll-behavior-inline:contain}.experience-contacts a{color:inherit;flex:0 0 auto}.experience-contacts a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){#main-nav>.nav-hire{display:inline-flex}.experience-contacts{font-size:10px;gap:14px;margin-top:23px;padding-top:14px}}

.key-icon .event-key-icon{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.1em}