@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f3f0e9;--ink:#20211c;--orange:#e94109;--line:#d8d5cd;--muted:#626359}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.header,main,footer{max-width:1536px;margin:auto}.header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{width:125px;height:45px;display:block;overflow:hidden}.logo-art{display:block;width:125px;height:45px;background:url('assets/fioo-identidade.png') -16px -25px / 395px auto no-repeat;mix-blend-mode:multiply}nav{display:flex;gap:40px;align-items:center;font-size:15px}nav a{padding:10px 0}nav .active{border-bottom:1px solid var(--ink)}nav span{margin-left:14px}.hero{display:grid;grid-template-columns:1.04fr 1fr;padding:62px 5% 56px;gap:5%;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;margin:0 0 26px}h1{font-size:clamp(3.4rem,5.9vw,5.6rem);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0 0 28px}h1 em{font-style:normal;color:var(--orange)}.period{color:var(--orange)}.intro{max-width:425px;color:var(--muted);font-size:17px;line-height:1.75;margin-bottom:30px}.button{display:inline-flex;background:var(--orange);color:white;padding:17px 23px;gap:26px;border-radius:3px;font-size:15px;font-weight:500;transition:background .2s}.button:hover{background:#bd3404}.hero-note{margin-top:44px;display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.swatches{display:flex;padding-left:3px}.swatches i{height:18px;width:18px;border-radius:50%;border:2px solid var(--paper);margin-left:-3px;background:var(--orange)}.swatches i:nth-child(2){background:#22231d}.swatches i:nth-child(3){background:#dfd6c9}.swatches i:nth-child(4){background:#868b63}.swatches i:nth-child(5){background:#bfa1d3}.hero-visual{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.bowl-photo{width:100%;aspect-ratio:1.38;background-image:url('assets/fioo-identidade.png');background-size:312% auto;background-position:right top;border-radius:180px 180px 5px 5px}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:12px;color:var(--muted)}figcaption span:first-child{letter-spacing:.08em;font-weight:500}.approach{border-top:1px solid var(--line);padding:48px 5% 36px;display:grid;grid-template-columns:1fr 2fr;gap:5%}.approach>div{display:grid;grid-template-columns:1.15fr 1fr;gap:8%}h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0}.approach p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.75}.work{padding:8px 5% 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.photo{aspect-ratio:1.22;background-image:url('assets/fioo-identidade.png');border-radius:3px;background-repeat:no-repeat}.vase{background-size:520% auto;background-position:76% bottom}.trays{background-size:480% auto;background-position:23% bottom}.packaging{background-size:465% auto;background-position:49.5% bottom}.card-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}h3{font-size:20px;font-weight:500;margin:0;letter-spacing:-.025em}.card-title span{color:var(--muted);font-size:12px}.work article p{font-size:14px;max-width:320px;color:var(--muted);margin:9px 0 0;line-height:1.7}.contact{margin:0 5%;padding:55px 4%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.5fr 1fr;gap:10%;border-radius:4px;scroll-margin-top:25px}.contact .eyebrow{color:#c1bdaF}.contact h2{font-size:clamp(2.4rem,3.7vw,3.7rem)}.contact h2 span{color:#ff6026}.contact-copy{align-self:end}.contact-copy>p{max-width:330px;color:#d3d0c7;line-height:1.7}.contact-pending{border-top:1px solid #52534b;padding-top:18px;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 5%;color:var(--muted);font-size:12px}.footer-brand{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.08em}footer>span:nth-child(2){letter-spacing:.15em}@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:80px}}@media(max-width:850px){.hero{gap:4%;padding-top:44px}h1{font-size:clamp(2.9rem,6.5vw,4.5rem)}.hero-note{flex-wrap:wrap;margin-top:24px}.approach{grid-template-columns:1fr}.approach>div{gap:5%}.contact{gap:5%}.bowl-photo{border-radius:110px 110px 4px 4px}figcaption{flex-direction:column;gap:2px}}@media(max-width:600px){.header{padding:20px 6%}nav{gap:25px}.logo{transform:scale(.88);transform-origin:left center;width:112px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:34px}.eyebrow{font-size:12px;margin-bottom:22px}h1{font-size:clamp(3.1rem,11vw,4.4rem)}.intro{font-size:16px}.hero-note{margin-top:25px}.bowl-photo{border-radius:130px 130px 3px 3px}figcaption{flex-direction:row;font-size:12px}.approach{padding:35px 6%;gap:0}.approach>div{grid-template-columns:1fr;gap:22px}.work{padding:0 6% 40px;grid-template-columns:1fr;gap:30px}.photo{aspect-ratio:1.3}.card-title{margin-top:14px}.work article p{max-width:none}.contact{margin:0 6%;padding:33px 7%;grid-template-columns:1fr;gap:20px}.contact h2{font-size:2.4rem}footer{padding:26px 6%;flex-wrap:wrap}footer>span:nth-child(2){letter-spacing:.05em;font-size:12px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.email{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #67675d;padding:12px 0 16px;font-size:clamp(1rem,1.6vw,1.35rem);overflow-wrap:anywhere}.email:hover{color:#ff7848}.socials{display:flex;gap:20px;margin-top:24px}.social{width:24px;height:24px;display:block;color:#ddd9cf}.social svg{width:100%;height:100%}

.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:63px;border:1px solid var(--line);border-radius:25px;padding:8px 12px;font-size:14px}.language-switch svg{width:18px;height:18px;flex-shrink:0}.language-switch span{margin:0}.language-switch:hover{border-color:var(--orange);color:var(--orange)}@media(max-width:600px){nav{gap:16px}.header .logo{width:100px}.language-switch{min-width:60px}}