@font-face{font-family:Poppins;src:url('assets/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --navy:#142940;--navy-deep:#102235;--orange:#D36336;--orange-cta:#BA5429;
  --ivory:#F3F0E8;--peach:#F3D3BC;--sage:#DCE6D9;--blue:#DDE6EE;
  --muted:#BFCBD6;--ink-muted:#526171;--line:#ffffff1c;--focus:#F3B28D;
  --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;font-family:Poppins,Arial,sans-serif;background:var(--navy);color:var(--ivory);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-width:thin;scrollbar-color:#456078 var(--navy-deep)}
body{margin:0;min-width:280px;background:radial-gradient(ellipse at 12% 5%,#25465c80,transparent 48%),var(--navy)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
img{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:var(--peach);color:var(--navy)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--navy-deep)}
::-webkit-scrollbar-thumb{background:#456078;border-radius:8px;border:3px solid var(--navy-deep)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:15px;padding:12px 20px;background:var(--ivory);color:var(--navy);z-index:50;border-radius:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.page-shell{width:100%;max-width:1110px;margin:auto;padding:0 38px}
.header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 25px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:50px;height:auto}
.brand>span{font-size:17px;line-height:1.08;font-weight:600;letter-spacing:-.6px}
.brand strong{display:block;color:#E98A5A;font-weight:600;margin-top:3px}
.entry-header-note{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
footer{display:flex;justify-content:center;gap:8px;flex-direction:column;align-items:center;text-align:center;font-size:9px;line-height:1.8;color:var(--muted);padding:26px 0 32px;margin-top:24px}

/* A portrait and two tactile language cards: the whole entrance. */
.entry-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:28px;align-items:stretch;padding-top:14px}
.entry-profile{min-width:0;animation:arrive .75s var(--ease) both}
.portrait{height:438px;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep)}
.clara-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-1;mask-image:linear-gradient(to bottom,#000 72%,transparent 99%);animation:portrait-arrive 1.2s var(--ease) both}
.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14294038,transparent 28%,transparent 85%,#14294080),linear-gradient(0deg,var(--navy) 0%,transparent 40%);z-index:-1}
.portrait-frame{position:absolute;inset:20px 20px 55px;border:1px solid #f3f0e840;border-bottom:0;z-index:1;pointer-events:none}
.photo-caption{position:absolute;top:38px;left:32px;font-size:8px;letter-spacing:2px;line-height:1.8;writing-mode:vertical-rl;color:#ffffffa8}
.portrait-cross{position:absolute;bottom:29px;right:27px;color:var(--orange);font-size:28px;font-weight:400}
.portrait-name{position:absolute;left:27px;right:28px;bottom:6px}
.hello{font-size:7px;font-weight:500;letter-spacing:1.9px}
.entry-name{font-size:100px;line-height:1.05;letter-spacing:-7px;font-weight:600;margin:5px 0 0}
.entry-name>span{color:var(--orange)}
.language-selection{align-self:center;position:relative;padding:38px 34px 34px;background:var(--ivory);color:var(--navy);border-radius:30px;box-shadow:0 20px 50px #06142324;animation:arrive .8s .08s var(--ease) both}

.language-selection h1{font-size:42px;line-height:1.12;font-weight:600;letter-spacing:-1.9px;margin:0}
.language-selection h1>span{color:var(--orange-cta)}

.language-options{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.language-option{display:flex;align-items:center;gap:16px;padding:15px 18px;min-height:81px;background:var(--navy);color:var(--ivory);border:1px solid #142940;border-radius:20px;box-shadow:0 4px 0 #1429401a;transition:transform .3s var(--ease),background .3s,box-shadow .3s;animation:arrive .65s .2s var(--ease) backwards}
.language-option[data-language=pt]{animation-delay:.28s}
.language-code{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:50%;background:#ffffff12;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:27px;line-height:1;transition:transform .45s var(--ease),background .3s}
.language-code img{width:30px;height:24px;object-fit:contain;border-radius:3px}
.language-option-copy strong{display:block;font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.4px}

.language-option:focus-visible{outline-color:var(--orange-cta)}
.language-option:active{transform:translateY(2px) scale(.985);box-shadow:0 1px 0 #14294012}

/* The catalogue reads like a collection of paper reference cards. */
.catalog-page .page-shell{max-width:760px}
.catalog-page .header{padding-bottom:23px;border-bottom:1px solid var(--line)}
.change-language{display:flex;align-items:center;gap:10px;min-height:44px;font-size:10px;color:var(--ivory);padding:5px 6px 5px 13px;border-radius:999px;background:#ffffff09;border:1px solid var(--line);transition:background .25s}
.current-language{display:grid;place-items:center;min-width:31px;min-height:31px;padding:5px;border-radius:50%;background:var(--ivory);color:var(--navy);font-size:10px;font-weight:600}
.main-layout{padding-top:28px}
.links-panel{min-width:0}
.curator{display:flex;align-items:center;gap:14px;margin-bottom:29px;animation:arrive .65s var(--ease) both}
.curator img{width:62px;height:62px;object-fit:cover;object-position:center 27%;border-radius:22px;box-shadow:0 0 0 4px #f3f0e814;transform:rotate(-4deg)}
.curator>div>span{font-size:28px;font-weight:600;letter-spacing:-1.2px;line-height:1.2}
.curator-dot{color:#EF996D}
.curator p{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin:6px 0 0}
.section-heading{animation:arrive .7s .05s var(--ease) both}
.eyebrow{color:#F0AF8A;font-size:11px;font-weight:400;letter-spacing:.15px;margin:0 0 11px}
.section-heading h1{font-size:36px;font-weight:500;line-height:1.23;letter-spacing:-1.2px;margin:0}
.availability-count{font-size:10px;color:var(--muted);line-height:1.8;margin:17px 0 23px}
.category-tabs{display:flex;gap:7px;margin:0 0 23px;flex-wrap:wrap}
.category-tabs button{min-height:43px;padding:10px 19px;line-height:1.4;font-size:11px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff08;color:var(--ivory);transition:background .25s,transform .3s var(--ease),border-color .25s}
.category-tabs button[aria-pressed=true]{background:var(--orange-cta);border-color:var(--orange-cta);color:white;box-shadow:0 3px 0 #00000015}
.category-tabs button:active{transform:scale(.94)}
.atlas-links{display:flex;flex-direction:column;gap:18px}
.atlas-card{--paper:var(--blue);position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px 12px;align-items:center;width:100%;padding:26px 26px 21px;background:var(--paper);color:var(--navy);border:1px solid #ffffff70;border-radius:25px;isolation:isolate;cursor:pointer;box-shadow:0 6px 0 #08172460,0 14px 28px #06142325;transition:transform .35s var(--ease),box-shadow .35s,border-color .25s,opacity .55s var(--ease)}
.atlas-card.earth{--paper:#E9DCCF}
.atlas-card.featured{--paper:var(--ivory)}
.atlas-card.sage{--paper:var(--sage)}
.atlas-card.orange{--paper:var(--peach)}
.atlas-card.group-natureza.featured{--paper:var(--sage)}
.card-text{position:relative;z-index:2;display:block;min-width:0}
.card-label{display:block;font-size:9px;font-weight:500;letter-spacing:1.3px;margin-bottom:12px;color:var(--ink-muted)}
.card-title{display:block;font-size:29px;font-weight:600;line-height:1.12;letter-spacing:-1px;overflow-wrap:anywhere;hyphens:auto}
.card-description{display:block;font-size:12px;line-height:1.65;margin-top:12px;max-width:265px;color:var(--ink-muted)}
.card-action{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;background:var(--orange-cta);color:#fff;border-radius:14px;font-size:13px;font-weight:600;line-height:1.5;box-shadow:0 4px 0 #8C3D1E;transition:background .25s,box-shadow .2s,transform .2s}
.card-art{display:grid;place-items:center;min-width:0;width:100%;height:186px;pointer-events:none;transform:rotate(-5deg);transition:transform .65s var(--ease)}
.card-art img{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #14294020)}
.cover .card-art img{max-width:138px}
.atlas-card.reveal-pending{opacity:0;transform:translateY(22px) scale(.985)}
.atlas-card.is-visible{animation:card-arrive .6s var(--reveal-delay,0ms) var(--ease) backwards}
.atlas-card:focus-visible{outline-color:var(--focus);border-color:var(--orange-cta)}
.atlas-card:active{transform:translateY(2px) scale(.99);box-shadow:0 2px 0 #08172460}
.atlas-card:active .card-action{transform:translateY(3px);box-shadow:0 1px 0 #8C3D1E}
.about-card{display:flex;align-items:center;gap:18px;padding:32px 16px 0;margin-top:7px}
.about-mark{flex:0 0 42px}
.about-card h3{font-size:14px;font-weight:500;margin:0 0 6px}
.about-card p{font-size:11px;line-height:1.85;color:var(--muted);margin:0;max-width:400px}
.back-top{display:block;width:fit-content;margin:28px auto 0;padding:12px 22px;font-size:10px;color:var(--muted);border-radius:999px;border:1px solid var(--line);transition:background .25s}
.noscript-note{text-align:center;padding:30px;font-size:12px}

@media(hover:hover) and (pointer:fine){
  .language-option:hover{transform:translateY(-4px);background:#264057;border-color:#E79972;box-shadow:0 8px 0 #14294012,0 12px 24px #14294018}
  .language-option:hover .language-code{transform:rotate(-10deg) scale(1.08);background:#ffffff20}
  .atlas-card:hover{transform:translateY(-5px);border-color:#F0AF8A;box-shadow:0 10px 0 #08172440,0 20px 32px #06142335}
  .atlas-card:hover .card-art{transform:rotate(0deg) translateY(-5px) scale(1.045)}
  .atlas-card:hover .card-action{background:#A74821}
  .atlas-card:active{transform:translateY(2px) scale(.99);box-shadow:0 2px 0 #08172460}
  .category-tabs button:hover{transform:translateY(-2px);border-color:#F0AF8A}
  .change-language:hover,.back-top:hover{background:#ffffff12}
}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes portrait-arrive{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:900px) and (min-width:701px){
  .page-shell{padding:0 28px}.entry-layout{gap:20px}.portrait{height:405px}
  .language-selection{padding:30px 25px}.language-selection h1{font-size:35px}.language-option{padding:14px;gap:12px}.language-option-copy strong{font-size:16px}.entry-name{font-size:85px}
}
@media(max-width:700px){
  .page-shell{max-width:500px;padding:0 22px}.header{padding:22px 0 19px;gap:12px}
  .brand img{width:41px}.brand{gap:8px}.brand>span{font-size:14px;letter-spacing:-.4px}.entry-header-note{font-size:7px;letter-spacing:1.3px}
  .entry-layout{display:block;padding-top:2px}.portrait{height:240px}.clara-photo{object-position:center 31%;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
  .portrait-frame{inset:12px 14px 38px}.photo-caption{top:28px;left:25px;font-size:7px}.portrait-cross{bottom:21px;right:20px;font-size:26px}
  .portrait-name{left:19px;bottom:0}.hello{font-size:6px;letter-spacing:1.45px}.entry-name{font-size:77px;letter-spacing:-5px;line-height:.98;margin-top:5px}
  .language-selection{padding:26px 23px 23px;margin-top:17px;border-radius:27px}
  .language-selection h1{font-size:29px;letter-spacing:-1.1px;line-height:1.2}.language-selection h1 br{display:none}
  .language-options{margin-top:23px}
  .language-option{min-height:70px;padding:12px 16px;border-radius:18px;gap:15px}.language-option-copy strong{font-size:16px}.language-code{flex-basis:39px;height:39px;font-size:25px}
  footer{font-size:8px;margin-top:9px;padding:22px 0 26px}
  .catalog-page .page-shell{max-width:540px}.catalog-page .header{padding:20px 0}.change-language{font-size:9px;gap:7px;padding-left:11px;min-height:40px}.current-language{min-width:27px;min-height:27px;font-size:9px}
  .main-layout{padding-top:25px}.curator{gap:14px;margin-bottom:26px}.curator img{width:53px;height:53px;border-radius:19px}.curator>div>span{font-size:27px}.curator p{font-size:7px;letter-spacing:1px}
  .eyebrow{font-size:10px;margin-bottom:11px}.section-heading h1{font-size:30px;letter-spacing:-1px}.availability-count{font-size:10px;margin:15px 0 20px}
  .category-tabs{gap:6px;margin-bottom:22px}.category-tabs button{font-size:10px;min-height:41px;padding:10px 15px}
  .atlas-links{gap:20px}.atlas-card{padding:20px 17px 17px;border-radius:23px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px 7px}
  .card-title{font-size:23px;letter-spacing:-.8px}.card-label{font-size:8px;letter-spacing:1.05px;margin-bottom:11px}.card-description{font-size:11px;line-height:1.65;margin-top:10px}
  .card-art{height:164px;transform:rotate(-5deg) scale(1.04)}.cover .card-art img{max-width:112px}.card-action{font-size:12px;min-height:48px;padding:12px 16px;border-radius:13px}
  .about-card{padding:28px 4px 0;gap:14px}.about-mark{flex-basis:35px}.about-card h3{font-size:13px}.about-card p{font-size:10px}.back-top{margin-top:25px}
}
@media(max-width:370px){
  .page-shell{padding:0 17px}.brand img{width:34px}.brand>span{font-size:12px}.entry-header-note{font-size:6px}.portrait{height:214px}.entry-name{font-size:70px}.hello{font-size:5px;letter-spacing:1.2px}
  .language-selection{padding:25px 19px 20px}.language-selection h1{font-size:26px}.language-option{padding:12px 14px}
  .change-language{font-size:8px;gap:5px;padding-left:9px}.current-language{font-size:8px;min-width:25px;min-height:25px}
  .section-heading h1{font-size:27px}.category-tabs{gap:5px}.category-tabs button{padding:9px 12px;font-size:9px}
  .atlas-card{padding:18px 14px 16px;gap:15px 5px}.card-title{font-size:21px;letter-spacing:-.65px}.card-art{height:150px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .atlas-card.reveal-pending{opacity:1;transform:none}
}