:root{--black:#0a0a0a;--ink:#141414;--paper:#f4f4f1;--line:#d9d9d4;--muted:#6d6d68;--accent:#c8ff36}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.dev-ribbon{font-size:10px;letter-spacing:.18em;text-align:center;padding:7px 16px;background:#ecece7;color:#555}.announcement{height:36px;background:#070707;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;font-weight:700;letter-spacing:.08em}.announcement i{width:3px;height:3px;background:#fff;border-radius:50%}.site-header{height:86px;display:grid;grid-template-columns:250px 1fr 180px;align-items:center;padding:0 5vw;border-bottom:1px solid #e7e7e2;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20}.brand img{width:160px;height:auto;display:block}.nav{display:flex;justify-content:center;gap:38px}.nav a,.footer a{color:inherit;text-decoration:none;font-size:13px}.nav a:hover{opacity:.55}.header-actions{display:flex;justify-content:flex-end;gap:12px}.icon-button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;position:relative;cursor:pointer}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.cart-count{position:absolute;top:3px;right:2px;background:#000;color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:10px;display:grid;place-items:center}.menu-toggle{display:none}.hero{min-height:620px;display:grid;grid-template-columns:48% 52%;background:#efefec;border-bottom:1px solid var(--line)}.hero-copy{padding:80px 5vw 60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.32em;margin:0 0 16px}.hero-wordmark{width:min(100%,540px);max-width:100%;margin:0 0 24px;overflow:hidden}.hero-wordmark img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.hero-sub{font-size:20px;margin:0 0 30px;color:#3c3c39}.btn{border:0;text-decoration:none;font-size:11px;letter-spacing:.12em;font-weight:800;padding:16px 19px;display:inline-flex;gap:18px;align-items:center;justify-content:center;cursor:pointer}.btn-dark{background:#0a0a0a;color:#fff}.btn-outline{background:#fff;color:#111;border:1px solid #111}.microtags{display:flex;gap:34px;margin-top:52px;font-size:9px;font-weight:700;letter-spacing:.34em}.hero-art{background:#0d0d0d;color:#fff;display:grid;grid-template-columns:1fr 130px;overflow:hidden}.hero-character-wrap{display:flex;align-items:center;justify-content:center;padding:60px}.hero-character{width:min(78%,520px);aspect-ratio:1/1;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.hero-sidecopy{border-left:1px solid #2b2b2b;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:28px 22px;font-size:9px;letter-spacing:.26em;color:#c9c9c9}.products-section{padding:70px 5vw 80px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;border-bottom:1px solid #111;padding-bottom:18px}.section-head h2,.identity-copy h2,.about-copy h2{font-size:clamp(36px,4.5vw,72px);letter-spacing:-.05em;line-height:.95;margin:0}.text-link{font-size:10px;letter-spacing:.16em;font-weight:700;color:#111;text-decoration:none}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.product-card{border-top:1px solid #111}.product-image-wrap{background:#f0f0ed;position:relative;aspect-ratio:2.35/1;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:14px;left:14px;background:#fff;color:#111;padding:8px 10px;font-size:9px;font-weight:800;letter-spacing:.12em}.badge-dark{background:#0b0b0b;color:#fff}.product-info{padding:17px 0 8px}.product-kicker{font-size:9px;letter-spacing:.18em;font-weight:700;color:#777}.product-info h3{font-size:20px;margin:6px 0}.product-info>p:not(.product-kicker){margin:0;color:#73736f;font-size:13px}.product-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.product-bottom strong{font-size:13px;letter-spacing:.05em}.identity-section{display:grid;grid-template-columns:48% 52%;min-height:520px;background:#0b0b0b;color:#fff}.identity-copy{padding:70px 6vw;display:flex;flex-direction:column;justify-content:center}.identity-copy p:not(.eyebrow){max-width:480px;color:#c8c8c8;line-height:1.65}.light{color:#aaa}.identity-art{overflow:hidden;display:flex;align-items:center;justify-content:center;border-left:1px solid #292929}.identity-art img{width:56%;max-width:460px;display:block}.about{display:grid;grid-template-columns:32% 68%;min-height:430px}.about-label{background:#ededE8;padding:60px 5vw;display:flex;flex-direction:column;justify-content:space-between}.about-label>span{font-size:150px;font-weight:900;line-height:.8}.about-label p{font-size:11px;letter-spacing:.25em;line-height:1.8}.about-copy{padding:65px 7vw;display:flex;flex-direction:column;justify-content:center}.about-copy>p:not(.eyebrow):not(.note){max-width:720px;font-size:17px;line-height:1.7;color:#40403c}.about-copy .note{font-size:11px;color:#8a8a84;margin-top:18px}.social-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;min-height:180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.social-title{padding:38px 5vw;display:flex;flex-direction:column;justify-content:center;gap:9px}.social-title strong{font-size:13px;letter-spacing:.14em}.social-title span{font-size:9px;letter-spacing:.24em;color:#777}.social-tile{display:flex;align-items:center;justify-content:center;overflow:hidden}.social-tile.black{background:#090909;color:#fff}.social-tile.white{background:#f1f1ed}.social-tile img{max-width:72%;max-height:145px;object-fit:contain}.social-tile.white img{width:70%}.social-tile p{font-size:24px;font-weight:900;line-height:.9;letter-spacing:-.04em}.footer{min-height:180px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:35px 5vw}.footer-brand img{width:190px}.footer-links{display:flex;justify-content:center;gap:26px}.footer-note{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;letter-spacing:.08em;color:#777}.drawer{position:fixed;top:0;right:-430px;width:min(430px,92vw);height:100vh;background:#fff;z-index:50;display:flex;flex-direction:column;transition:.28s ease;box-shadow:-10px 0 30px rgba(0,0,0,.12)}.drawer.open{right:0}.drawer-head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.close-drawer,.modal-close{background:transparent;border:0;font-size:30px;cursor:pointer}.drawer-body{padding:24px;flex:1}.drawer-footer{padding:20px;border-top:1px solid var(--line)}.full{width:100%}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.product-modal{border:0;padding:0;width:min(980px,92vw);max-height:90vh}.product-modal::backdrop{background:rgba(0,0,0,.6)}.modal-close{position:absolute;right:16px;top:10px;z-index:3}.modal-grid{display:grid;grid-template-columns:56% 44%}.modal-image{background:#efefec;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-image img{width:100%;height:100%;max-height:680px;object-fit:contain;object-position:center}.modal-content{padding:60px 42px}.modal-content h2{font-size:36px;margin:6px 0 10px}.price-placeholder{font-size:14px;font-weight:800;letter-spacing:.08em;margin:30px 0}.size-block>span{font-size:10px;font-weight:700;letter-spacing:.16em}.sizes{display:flex;gap:8px;margin:10px 0 22px}.sizes button{width:48px;height:42px;border:1px solid #bbb;background:#fff;cursor:pointer}.sizes button.active{background:#000;color:#fff;border-color:#000}.modal-content small{display:block;margin-top:12px;color:#777;line-height:1.5}.search-panel{position:fixed;inset:120px 5vw auto;background:#fff;border:1px solid #ddd;padding:28px;z-index:45;box-shadow:0 20px 50px rgba(0,0,0,.12)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;height:72px;padding:0 18px}.brand img{width:130px}.menu-toggle{display:block;border:0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.1em;margin-right:5px}.nav{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;display:none;flex-direction:column;padding:20px;gap:20px}.nav.open{display:flex}.header-actions{gap:0}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 22px}.hero-wordmark{width:min(100%,460px);margin-bottom:18px}.hero-art{min-height:420px}.hero-character-wrap{padding:45px}.product-grid{grid-template-columns:1fr}.identity-section{grid-template-columns:1fr}.identity-art{border-left:0;border-top:1px solid #292929;padding:50px 0}.about{grid-template-columns:1fr}.about-label{min-height:260px}.social-strip{grid-template-columns:1fr 1fr}.social-title{grid-column:1/-1}.footer{grid-template-columns:1fr;gap:28px;text-align:center}.footer-links{justify-content:center}.footer-note{align-items:center}.modal-grid{grid-template-columns:1fr}.modal-image{min-height:0;max-height:330px}.modal-image img{height:auto;max-height:330px;object-fit:contain}.modal-content{padding:30px 24px}.announcement{font-size:8px;gap:8px;padding:0 8px}.announcement span:nth-of-type(2){display:none}}

/* V2.2 — refinamentos de hero e modal desktop */
@media(min-width:901px){
  .hero-wordmark{width:min(100%,500px);overflow:visible;margin-bottom:26px}
  .hero-wordmark img{width:100%;height:auto;object-fit:contain}
  .product-modal{width:min(1080px,94vw)}
  .modal-grid{grid-template-columns:54% 46%}
  .modal-image{min-height:560px;padding:48px 34px;background:#f1f1ee;overflow:hidden}
  .modal-image img{display:block;width:92%;height:auto;max-width:760px;max-height:480px;object-fit:contain;object-position:center}
  .modal-content{padding:56px 44px 48px}
}
.size-guide{margin:-8px 0 24px;border-top:1px solid #d7d7d2;border-bottom:1px solid #d7d7d2}
.size-guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 0;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.16em}
.size-guide summary::-webkit-details-marker{display:none}
.size-guide summary span{font-size:18px;font-weight:400;line-height:1;transition:transform .2s ease}
.size-guide[open] summary span{transform:rotate(45deg)}
.size-guide-body{padding:0 0 14px;color:#676762;font-size:12px;line-height:1.55}
.size-guide-body p{margin:0 0 8px}
.size-guide-body p:last-child{margin-bottom:0}
@media(max-width:900px){
  .hero-wordmark img{width:100%;height:auto;object-fit:contain}
  .modal-image{padding:18px}
  .modal-image img{width:100%;height:auto;max-height:300px;object-fit:contain}
}