@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#f5f3ec;--ink:#262720;--muted:#68695e;--line:#d8d7ca;--orange:#f5623a;--blue:#2345c5;--font:Inter,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
::selection{background:#ffd1bd;color:var(--ink)}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--orange);outline-offset:7px;border-radius:2px}
.page-shell{max-width:1328px;margin:0 auto;padding:0 64px}
.skip-link{position:fixed;top:16px;left:16px;z-index:20;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}
.wordmark{text-decoration:none;display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.83}
.wordmark-name{font-weight:850;font-size:41px;letter-spacing:-2.7px}
.wordmark-bang{color:var(--orange);display:inline-block;transform:rotate(9deg);padding-left:1px}
.wordmark-studios{font-size:11px;font-weight:650;letter-spacing:3.3px;line-height:1;margin:11px 0 0 3px}
nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:550}
nav a{text-decoration:none;padding:12px 0}
nav a:hover{text-decoration:underline}
nav .personal-link{margin-left:22px;color:var(--muted)}
.personal-link span{margin-left:6px}
.intro{min-height:505px;padding:76px 0 72px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.eyebrow{margin:0 0 25px;font-size:10px;font-weight:650;line-height:1.6;letter-spacing:1.7px;text-transform:uppercase;display:flex;gap:9px;align-items:center}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}
h1{font-size:clamp(42px,5.6vw,76px);line-height:1.06;letter-spacing:-4.1px;font-weight:650;margin:0;max-width:880px}
.hand-underline{position:relative;white-space:nowrap;z-index:0}
.hand-underline:after{content:'';position:absolute;left:1%;right:-2%;height:7px;background:var(--orange);bottom:-5px;border-radius:50% 30% 65% 20%;transform:rotate(-2deg);z-index:-1}
.intro-description{font-size:17px;line-height:1.65;letter-spacing:-.2px;margin:28px 0 24px;color:var(--muted)}
.text-link{display:inline-flex;gap:19px;align-items:center;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px}
.text-link:hover{color:#b83a17;border-color:#b83a17}
.text-link span{transition:transform .18s ease}
.text-link:hover span{transform:translate(2px,1px)}
.studio-stamp{position:relative;flex:0 0 212px;height:212px;color:var(--orange);transform:rotate(9deg);margin:12px 10px 0 0}
.stamp-shape{position:absolute;inset:0;width:100%;height:100%}
.stamp-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink);padding-top:4px}
.stamp-content>span{font-size:66px;line-height:.79;font-weight:850;letter-spacing:-5.3px;text-align:center}
.stamp-content small{font-size:7px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;margin-top:19px}
.products-section{padding:0 0 92px;scroll-margin-top:24px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding:27px 0 25px;gap:20px}
.section-heading h2{font-size:16px;font-weight:600;letter-spacing:-.35px;margin:0}
.section-heading>p{font-size:12px;color:var(--muted);margin:0}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.product{min-width:0;display:flex;flex-direction:column}
.product-art{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1.64;overflow:hidden;text-decoration:none;border-radius:4px}
.features-art{background:#171819}
.features-art>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.ines-art{background:#faf6ec}
.ines-art>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.art-arrow{position:absolute;right:17px;bottom:17px;background:var(--paper);color:var(--ink);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:21px;line-height:1;box-shadow:0 0 0 1px #2627200d;transition:transform .2s ease}
.product-art:hover .art-arrow{transform:rotate(45deg)}
.product-art:hover>img{transform:scale(1.025)}
.portudo-art{background:var(--blue);color:#fff}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:43px 43px;transform:rotate(-12deg) scale(1.4)}
.route-lines{position:absolute;width:110%;height:110%;inset:-5%;color:#ffffff26}
.portudo-identity{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.portudo-identity img{width:94px;height:94px;border-radius:22px;box-shadow:0 6px 30px #132d831f}
.portudo-name{font-size:43px;font-weight:650;letter-spacing:-2px;line-height:1;margin-top:12px}
.portudo-tagline{margin-top:13px;font-size:11px;font-weight:450;letter-spacing:.1px;color:#ffffffcf}
.product-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:23px}
.product-heading h3{font-size:24px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:0}
.product-heading h3 a{text-decoration:none}
.product-heading h3 a:hover{text-decoration:underline}
.product-type{font-size:10px;letter-spacing:.1px;line-height:1.2;border:1px solid #d2d2c5;border-radius:30px;padding:7px 10px;color:var(--muted);white-space:nowrap}
.product-description{font-size:12px;line-height:1.8;letter-spacing:-.1px;color:var(--muted);margin:14px 0 18px;flex-grow:1}
.product-link{display:inline-flex;align-items:center;align-self:flex-start;gap:15px;font-size:12px;font-weight:650;text-decoration:none;padding:5px 0;border-bottom:1px solid var(--ink)}
.product-link:hover{color:#b83a17;border-color:#b83a17}
.about-section{padding:54px 0 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;scroll-margin-top:24px}
.about-heading .eyebrow{margin-bottom:17px;color:var(--muted);font-size:9px}
.about-heading h2{font-size:42px;font-weight:550;line-height:1.12;letter-spacing:-2px;margin:0}
.about-copy{max-width:430px;padding-top:13px}
.about-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 17px;letter-spacing:-.1px}
.about-copy .text-link{font-size:12px;margin-top:5px}
.site-footer{border-top:1px solid var(--line);min-height:104px;display:flex;align-items:center;gap:25px;font-size:10px;color:var(--muted)}
.footer-name{font-size:12px;font-weight:700;letter-spacing:-.4px;color:var(--ink);text-decoration:none}
.site-footer p{margin:0}
.site-footer>span{margin-left:auto}
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}
.error-page h1{font-size:clamp(40px,8vw,70px);letter-spacing:-2px}
.error-page p{color:var(--muted);line-height:1.6;margin:25px 0}
@media(min-width:1450px){.intro{min-height:545px}}
@media(max-width:1050px){.page-shell{padding:0 40px}.intro{min-height:455px;gap:24px}h1{font-size:59px;letter-spacing:-3px}.studio-stamp{flex-basis:168px;height:168px;margin-right:0}.stamp-content>span{font-size:54px;letter-spacing:-4px}.stamp-content small{font-size:6px;margin-top:13px}.product-grid{gap:25px}nav{gap:24px}nav .personal-link{margin-left:0}.portudo-identity img{width:80px;height:80px}.portudo-name{font-size:36px}.portudo-tagline{font-size:10px}}
@media(max-width:760px){.page-shell{padding:0 24px}.site-header{min-height:98px;gap:20px}.wordmark-name{font-size:34px;letter-spacing:-2.3px}.wordmark-studios{font-size:9px;letter-spacing:2.8px;margin-top:10px}nav{font-size:11px;gap:20px}nav .personal-link{display:none}.intro{min-height:0;padding:57px 0 54px;gap:10px;align-items:flex-start}h1{font-size:clamp(38px,6.3vw,50px);letter-spacing:-2.3px;line-height:1.12}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}.studio-stamp{flex-basis:105px;height:105px;margin:15px 0 0 0;display:none}.stamp-content>span{font-size:34px;letter-spacing:-2px}.stamp-content small{font-size:4px;margin-top:9px}.intro-description{font-size:15px;margin:25px 0 22px}.text-link{font-size:12px}.section-heading{padding:24px 0 22px;align-items:flex-start}.section-heading h2{font-size:15px}.section-heading>p{font-size:10px;padding-top:2px}.product-grid{grid-template-columns:1fr;gap:42px}.product-art{aspect-ratio:1.64}.product-heading{margin-top:20px}.product-heading h3{font-size:25px}.product-description{font-size:13px;margin:12px 0 13px}.product-link{font-size:12px}.products-section{padding-bottom:50px}.portudo-identity img{width:95px;height:95px}.portudo-name{font-size:42px}.portudo-tagline{font-size:11px}.about-section{grid-template-columns:1fr;gap:21px;padding:37px 0 42px}.about-heading h2{font-size:36px;letter-spacing:-1.6px}.about-copy{padding-top:0;max-width:100%}.about-copy p{font-size:13px}.site-footer{min-height:105px;flex-wrap:wrap;gap:8px 16px;padding:25px 0}.site-footer p{order:3;flex-basis:100%;font-size:10px}.site-footer>span{font-size:10px}}
@media(max-width:370px){.page-shell{padding:0 19px}nav{gap:13px;font-size:10px}h1{font-size:35px;letter-spacing:-1.9px}.section-heading>p{max-width:115px;text-align:right;line-height:1.4}.portudo-identity img{width:75px;height:75px}.portudo-name{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}