:root{color-scheme:light;--blue:#06375d;--pink:#dc579d;--grey:#d9d9d9;--edge:14px}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--blue);background:var(--grey);font-family:'Louis George Cafe',sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.entrance{min-height:100vh;min-height:100svh;padding:var(--edge);padding-top:max(var(--edge),env(safe-area-inset-top));padding-bottom:max(var(--edge),env(safe-area-inset-bottom));padding-left:max(var(--edge),env(safe-area-inset-left));padding-right:max(var(--edge),env(safe-area-inset-right));display:grid}.frame{min-width:0;min-height:calc(100vh - 2 * var(--edge));min-height:calc(100svh - 2 * var(--edge));border:6px solid var(--pink);border-radius:22px;background:var(--grey);box-shadow:inset 0 0 0 3px #fafafa;padding:26px clamp(18px,5vw,90px);display:grid;grid-template-rows:auto 1fr auto;gap:20px}.topline,.bottomline{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;letter-spacing:1.3px;line-height:1.6;min-width:0}.topline>span{min-width:0}.topline>span:last-child{text-align:right}.identity{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(20px,5vh,60px) 0;gap:0}.identity h1{min-width:0}.identity img{display:block;width:min(100%,710px);max-width:100%;height:auto;mix-blend-mode:multiply}.descriptor{font-size:clamp(9px,1.1vw,13px);letter-spacing:2px;line-height:1.7;margin:18px 0 0}.motto{font:italic clamp(23px,2.7vw,37px)/1.35 'Brityna Hashim',cursive;margin:clamp(22px,5vh,50px) 0 28px}.languages{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;min-width:0}.languages a{min-height:48px;min-width:145px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px;border:1px solid #b75b94;border-radius:26px;font-size:12px;letter-spacing:1.3px;text-decoration:none;background:#ffffff18;transition:background .2s,color .2s}.languages a:hover{background:var(--blue);color:white}.language-note{font-size:9px;letter-spacing:1px;line-height:1.6;margin:18px 0 0}.bottomline{border-radius:22px;background:var(--blue);color:#f4f4f4;padding:4px 16px;min-height:44px;font-size:8px;letter-spacing:.6px}.bottomline a{display:flex;align-items:center;gap:8px;min-height:36px;text-decoration:none;flex-shrink:0}.bottomline svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:600px){:root{--edge:8px}.frame{padding:20px 18px 14px;border-width:4px;border-radius:17px;box-shadow:inset 0 0 0 2px white;gap:16px}.topline{font-size:8px;letter-spacing:.8px}.topline>span:first-child{max-width:130px}.topline>span:last-child{max-width:100px}.identity{padding:24px 0}.descriptor{font-size:9px;letter-spacing:1.3px;margin-top:14px}.motto{font-size:25px;margin:28px 0 25px}.languages{width:100%;gap:12px}.languages a{min-width:0;flex:1;max-width:170px;padding:12px;font-size:11px;gap:12px}.language-note{font-size:8px;margin-top:16px}.bottomline{padding:5px 10px;font-size:7px;gap:10px}.bottomline>span{max-width:140px}.bottomline a{font-size:8px}}
/* A short viewport gets a compact entrance, never hidden language controls. */
@media(max-height:650px){.frame{gap:12px;padding-top:16px;padding-bottom:12px}.identity{padding:12px 0}.identity img{width:min(100%,540px)}.motto{margin:18px 0;font-size:24px}.descriptor{margin-top:10px;font-size:10px}.language-note{margin-top:12px}.topline{font-size:8px}}
@media(max-height:480px) and (min-width:520px){:root{--edge:8px}.frame{border-width:4px;padding:14px 22px 12px;gap:12px}.identity{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,1fr);column-gap:35px;row-gap:10px;align-content:center;padding:8px 0}.identity h1{grid-column:1;grid-row:1}.identity img{width:min(100%,420px)}.descriptor{grid-column:1;grid-row:2;font-size:8px;letter-spacing:1px;margin:0}.motto{grid-column:1;grid-row:3;font-size:20px;margin:8px 0 0}.languages{grid-column:2;grid-row:1 / 3;flex-direction:column;align-self:center;gap:10px}.languages a{min-width:0;width:100%;max-width:220px;align-self:center;min-height:48px;padding:10px 18px}.language-note{grid-column:2;grid-row:3;font-size:8px;margin:0}.bottomline{min-height:36px}.bottomline a{min-height:28px}}
@media(max-width:340px){.frame{padding-left:14px;padding-right:14px}.motto{font-size:23px}.descriptor{font-size:8px}.topline{font-size:7px}.bottomline{font-size:6px}.bottomline a{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.frame{grid-template-rows:1fr auto}.identity{grid-row:1}.bottomline{grid-row:2}