:root{--ink:#101010;--paper:#d8ccbc;--glass:rgba(255,255,255,.06);--line:rgba(16,16,16,.22);--white:#fff;--ease:cubic-bezier(.22,1,.36,1)}
    *{box-sizing:border-box}
    html{height:100%;scroll-behavior:smooth;background:var(--paper);overflow:hidden}
    body{height:100%;margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
    body.country-open{overflow:hidden}
    button,a{font:inherit;color:inherit}
    button{cursor:pointer}
    a{text-decoration:none}
    button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
    .brand{display:block;width:clamp(120px,11vw,170px);height:auto;mix-blend-mode:multiply}
    .eyebrow{margin:0;font-size:.72rem;line-height:1.4;letter-spacing:.22em;text-transform:uppercase}
    .serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}
    .reveal{opacity:0;transform:translateY(22px);animation:rise .9s var(--ease) forwards}
    .delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}

    #store{height:100dvh;min-height:100svh;overflow:hidden}
    .topline{height:32px;padding:0 clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:center;position:relative;background:var(--ink);color:#f8f7f3;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
    .topline>span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
    .topline button{margin-left:auto;border:0;padding:6px 0;background:transparent;color:inherit;letter-spacing:inherit;text-transform:inherit;position:relative}
    .topline button:after,.nav-trigger:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .35s var(--ease)}
    .topline button:hover:after,.nav-trigger:hover:after,.nav-item:hover>.nav-trigger:after,.nav-item.open>.nav-trigger:after{right:0}
    .header{height:90px;padding:0 clamp(18px,3.2vw,52px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(24px,3vw,58px);align-items:center;background:rgba(216,204,188,.96);border-bottom:1px solid rgba(16,16,16,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:5}
    .header>a[aria-label="FIBRA home"]{grid-column:1;grid-row:1;justify-self:start}
    .header .brand{width:128px}
    .nav{grid-column:2;grid-row:1;justify-self:start;height:100%;display:flex;align-items:stretch;gap:clamp(14px,1.45vw,28px)}
    .nav-item{position:relative;display:flex;align-items:center}
    .nav-trigger{position:relative;border:0;padding:8px 0;background:transparent;color:inherit;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
    .dropdown{position:absolute;left:-18px;top:100%;z-index:20;min-width:230px;max-height:calc(100dvh - 132px);padding:10px 0;background:rgba(255,255,255,.98);border:1px solid rgba(16,16,16,.08);box-shadow:0 18px 45px rgba(16,16,16,.14);overflow:auto;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}
    .dropdown.compact{min-width:145px}
    .dropdown a{display:block;padding:10px 18px;color:var(--ink);font-size:.72rem;line-height:1.25;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;transition:padding-left .22s var(--ease),background .22s,color .22s}
    .dropdown a:hover,.dropdown a:focus-visible{padding-left:23px;background:var(--ink);color:#fff;outline:0}
    .nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown,.nav-item.open>.dropdown{opacity:1;visibility:visible;transform:none}
    .actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px}
    .icon-button{width:38px;height:38px;border:1px solid rgba(16,16,16,.2);border-radius:50%;display:grid;place-items:center;background:transparent;transition:background .3s,color .3s,transform .3s var(--ease)}
    .icon-button:hover{background:var(--ink);color:var(--white);transform:translateY(-2px)}
    .icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}

    .hero{height:calc(100dvh - 122px);min-height:0;display:grid;grid-template-columns:minmax(330px,39%) minmax(0,61%);overflow:hidden}
    .hero-copy{height:100%;min-height:0;padding:clamp(24px,5vh,58px) clamp(26px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--paper);z-index:2}
    .hero-copy h1{margin:clamp(13px,2vh,24px) 0 clamp(14px,2.1vh,25px);font-size:clamp(3rem,5.2vw,6.2rem);line-height:.89;letter-spacing:-.055em}
    .hero-copy h1 em{display:block;font-weight:400;color:#5d5d59}
    .hero-copy p.description{max-width:430px;margin:0;color:#555550;font-size:1rem;line-height:1.75}
    .hero-cta{margin-top:34px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .primary,.secondary{min-height:54px;padding:0 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;transition:transform .35s var(--ease),box-shadow .35s,background .3s,color .3s}
    .primary{min-width:230px;background:var(--ink);color:white}
    .secondary{background:transparent}
    .primary:hover,.secondary:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.14)}
    .secondary:hover{background:var(--ink);color:white}
    .primary span,.secondary span{transition:transform .3s var(--ease)}
    .primary:hover span,.secondary:hover span{transform:translateX(4px)}
    .edition{position:absolute;left:clamp(26px,3vw,52px);bottom:27px;color:#777770}
    .hero-visual{height:100%;min-height:0;position:relative;overflow:hidden;background:#c5c5c3}
    .hero-visual img{width:100%;height:100%;min-height:0;display:block;object-fit:cover;object-position:center 38%;transform:scale(1.012);transition:transform 1.2s var(--ease);will-change:transform}
    .hero-visual:hover img{transform:scale(1.065)}
    .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.09),transparent 25%,transparent 72%,rgba(0,0,0,.06));pointer-events:none}
    .image-label{position:absolute;left:26px;bottom:24px;z-index:1;color:#fff;text-shadow:0 2px 14px #000;font-size:.69rem;letter-spacing:.18em;text-transform:uppercase}
    .vertical{position:absolute;right:19px;top:25px;z-index:1;color:white;text-shadow:0 2px 12px #000;writing-mode:vertical-rl;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase}

    .country-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:clamp(18px,4vw,64px);overflow:auto;background:#8d7e6d;transition:opacity .55s var(--ease),visibility .55s}
    .country-layer[hidden]{display:none}
    .country-image{position:absolute;inset:0;overflow:hidden}
    .country-image img{width:100%;height:100%;object-fit:cover;object-position:center;animation:slowZoom 14s ease-out both}
    .country-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.02),rgba(37,29,22,.16) 100%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.13))}
    .country-word{display:none}
    .country-word strong{display:block;font:400 clamp(3.4rem,7vw,7.4rem)/.86 Georgia,serif;letter-spacing:-.055em}
    .country-word span{display:block;margin-top:19px;font-size:.68rem;letter-spacing:.23em;text-transform:uppercase}
    .selector-side{position:relative;z-index:2;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate}
    .selector-side:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.38);pointer-events:none}
    .selector-card{width:min(352px,calc(100vw - 34px));margin:auto;padding:clamp(21px,2.4vw,34px);background:var(--glass);border:1px solid rgba(255,255,255,.58);border-radius:14px;box-shadow:0 28px 85px rgba(31,23,17,.22),inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);animation:cardIn .8s var(--ease) both;transition:transform .4s var(--ease),background .35s,box-shadow .4s var(--ease)}
    .selector-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.1);box-shadow:0 38px 105px rgba(31,23,17,.27),inset 0 1px 0 rgba(255,255,255,.62)}
    .selector-card .brand{width:128px;margin:0 0 20px}
    .selector-card h2{margin:0 0 11px;font-size:clamp(2.05rem,3vw,3.2rem);line-height:.96;letter-spacing:-.045em}
    .selector-card>p{margin:0;color:#4f4d49;font-size:.78rem;line-height:1.55}
    .country-list{display:grid;gap:8px;margin:21px 0 14px}
    .country-choice{position:relative;overflow:hidden;width:100%;min-height:57px;padding:10px 12px 10px 15px;border:1px solid rgba(16,16,16,.3);border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08));box-shadow:0 8px 22px rgba(48,36,25,.07),inset 0 1px 0 rgba(255,255,255,.46);display:flex;align-items:center;justify-content:space-between;text-align:left;transition:transform .35s var(--ease),background .3s,color .3s,box-shadow .35s var(--ease),border-color .3s}
    .country-choice:hover{transform:translateY(-3px) scale(1.012);background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 15px 34px rgba(20,15,10,.22)}
    .country-choice strong{display:block;font-size:.84rem;font-weight:500;letter-spacing:.02em}
    .country-choice small{display:block;margin-top:4px;font-size:.65rem;letter-spacing:.08em;opacity:.7}
    .country-choice .arrow{position:relative;z-index:1;width:30px;height:30px;border:1px solid rgba(16,16,16,.18);border-radius:50%;display:grid;place-items:center;background:rgba(16,16,16,.06);font-size:.95rem;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s}
    .country-choice:hover .arrow{transform:translateX(3px) rotate(-8deg);background:rgba(255,255,255,.94);color:var(--ink);border-color:rgba(255,255,255,.94)}
    .country-choice:before{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transition:transform .65s var(--ease);pointer-events:none}
    .country-choice:hover:before{transform:translateX(115%)}
    .selector-note{font-size:.65rem!important;color:#5d5a54!important}
    .selector-close{position:absolute;right:29px;top:28px;width:42px;height:42px;border:1px solid rgba(16,16,16,.3);border-radius:50%;background:rgba(255,255,255,.35);font-size:1.25rem;display:grid;place-items:center;z-index:3;transition:background .3s,color .3s,transform .3s}
    .selector-close:hover{background:var(--ink);color:white;transform:rotate(90deg)}
    .selector-close[hidden]{display:none}

    .toast{position:fixed;right:22px;bottom:22px;z-index:30;padding:14px 18px;background:rgba(16,16,16,.92);color:white;font-size:.78rem;letter-spacing:.07em;box-shadow:0 16px 40px rgba(0,0,0,.25);transform:translateY(25px);opacity:0;pointer-events:none;transition:.45s var(--ease)}
    .toast.show{transform:none;opacity:1}

    @keyframes rise{to{opacity:1;transform:none}}
    @keyframes cardIn{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
    @keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.08)}}

    @media(max-width:900px){
      .country-layer{padding:14px}.country-image:after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28))}.selector-side{align-items:center}.selector-side:before{display:none}.selector-card{width:min(352px,calc(100vw - 28px));max-width:352px;padding:21px;background:rgba(255,255,255,.08);backdrop-filter:blur(11px) saturate(110%);-webkit-backdrop-filter:blur(11px) saturate(110%)}.selector-card .brand{width:128px;margin-bottom:14px}.selector-card h2{font-size:2.3rem}.country-list{margin:17px 0 12px}.country-choice{min-height:57px}.selector-close{right:20px;top:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}
      .hero{grid-template-columns:44% 56%}.hero-copy{padding:clamp(24px,4vh,44px) 34px}.hero-copy h1{font-size:clamp(2.75rem,6.2vw,4.7rem)}
    }
    @media(max-width:680px){
      .topline{padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;justify-content:stretch}.topline>span{position:static;transform:none;overflow:hidden;text-overflow:ellipsis;font-size:.56rem;letter-spacing:.12em}.topline button{margin:0;font-size:.56rem}.header{height:72px;padding:0 16px;grid-template-columns:1fr auto;column-gap:16px}.header>a[aria-label="FIBRA home"]{grid-column:1}.header .brand{width:116px}.nav{display:none}.actions{grid-column:2;grid-row:1}.icon-button{width:36px;height:36px}.icon-button:first-child{display:none}
      .hero{height:calc(100dvh - 104px);min-height:0;display:flex;flex-direction:column-reverse}.hero-visual{height:52%;min-height:0}.hero-visual img{min-height:0;height:100%;object-position:center 36%}.hero-copy{height:48%;min-height:0;padding:18px 22px 34px}.hero-copy h1{margin:9px 0;font-size:clamp(2.35rem,10.8vw,3.65rem)}.hero-copy p.description{font-size:.78rem;line-height:1.45}.hero-cta{margin-top:12px;gap:8px}.primary,.secondary{min-height:42px;min-width:0;padding:0 13px;gap:16px;font-size:.64rem}.edition{left:22px;bottom:12px;font-size:.58rem}.image-label{left:17px;bottom:12px}.vertical{right:12px;top:15px}
    }
    @media(max-height:720px) and (min-width:681px){.hero-copy h1{font-size:clamp(2.8rem,5vw,4.8rem)}.hero-copy p.description{line-height:1.5}.hero-cta{margin-top:20px}.edition{display:none}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
  
    /* FIBRA_PRODUCT_MEDIA_START */
    #store{overflow-y:auto;overflow-x:hidden}
    .fibra-products{padding:clamp(56px,7vw,96px) clamp(18px,4vw,62px) clamp(70px,8vw,112px);background:var(--paper);border-top:1px solid rgba(16,16,16,.14)}
    .fibra-products-inner{max-width:1320px;margin:0 auto}
    .fibra-products-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
    .fibra-products-head h2{margin:10px 0 0;font-size:clamp(2.4rem,4.2vw,4.9rem);line-height:.95;letter-spacing:-.045em}
    .fibra-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
    .fibra-photo-grid figure{margin:0;min-width:0}
    .fibra-shot{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background-color:#cbbdac;border:1px solid rgba(16,16,16,.12)}
    .fibra-photo-grid figcaption{padding-top:9px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#5d5d59}
    .fibra-size-card{margin-top:38px;padding:clamp(22px,3vw,38px);border:1px solid rgba(16,16,16,.18);display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:34px;align-items:center;background:rgba(255,255,255,.12)}
    .fibra-size-card h3{margin:10px 0 8px;font-size:clamp(2rem,3vw,3.5rem);line-height:1}
    .fibra-size-card p:last-child{margin:0;color:#555550;line-height:1.6}
    .fibra-size-scroll{overflow-x:auto}
    .fibra-size-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.82rem}
    .fibra-size-table th,.fibra-size-table td{padding:14px 12px;border-bottom:1px solid rgba(16,16,16,.18);text-align:center}
    .fibra-size-table th{font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
    .fibra-size-table tbody tr:last-child td{border-bottom:0}
    @media(max-width:900px){
      .fibra-products-head{display:block}
      .fibra-photo-grid{grid-template-columns:repeat(5,72vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
      .fibra-photo-grid figure{scroll-snap-align:start}
      .fibra-size-card{grid-template-columns:1fr;gap:20px}
    }
    /* FIBRA_PRODUCT_MEDIA_END */