@font-face{font-family:Kanit;src:url('assets/Kanit-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#14110f;--orange:#f2a52b;--cream:#faf5eb;--muted:#c3b8aa}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
.page-shell{width:100%;max-width:440px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top,0px)) 22px calc(19px + env(safe-area-inset-bottom,0px))}
.site-header{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #3a2c21}
.brand-cover{display:block;width:100px;height:100px;flex:0 0 100px;border-radius:20px;object-fit:cover;object-position:50% 44%;border:1px solid #6e4022}
.brand-copy{min-width:0;display:grid;gap:5px}
.brand-name{font-family:Kanit,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:3.5px;line-height:1.15}
.brand-tagline{font-size:8px;font-weight:700;letter-spacing:1px;line-height:1.5;color:var(--muted)}

.intro-block{padding:22px 0 21px}
.eyebrow{color:var(--orange);font-size:8px;line-height:1.4;letter-spacing:1.35px;font-weight:700;margin:0 0 8px}
h1{font-family:Kanit,Arial,sans-serif;font-weight:700;font-size:clamp(27px,7.6vw,32px);line-height:1.16;letter-spacing:-.9px;margin:0}
h1 span{color:var(--orange);white-space:nowrap}
.intro{font-size:12px;line-height:1.55;color:var(--muted);margin:11px 0 0}
.instagram-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.instagram-link{display:flex;align-items:center;gap:14px;min-height:75px;padding:12px 14px;border:1px solid #493729;background:#211a14;border-radius:15px;transition:background .18s,border-color .18s,transform .18s}
.profile-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#3a2b17;color:var(--orange);border:1px solid #75512a}
.profile-avatar svg{width:24px;height:24px}
.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.account-copy{min-width:0;display:grid;gap:5px}
.account-copy strong{font-size:17px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.account-copy>span{font-size:10px;line-height:1.25;color:var(--muted)}
.link-arrow{margin-left:auto;flex:0 0 19px;width:19px;height:19px;color:var(--orange)}
.instagram-link:active{background:#39291b;transform:scale(.987)}
.order-note{text-align:center;color:#b1a493;font-size:10px;line-height:1.5;margin:18px 0 0}
footer{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:23px;color:#ad9e8c;font-size:8px;letter-spacing:1.2px;font-weight:700}

.skip-link{position:absolute;top:6px;left:6px;z-index:10;transform:translateY(-160%);background:var(--orange);color:var(--bg);padding:10px;border-radius:5px}
.skip-link:focus{transform:none}
@media(hover:hover){.instagram-link:hover{background:#302316;border-color:var(--orange);transform:translateY(-2px)}}
@media(min-width:600px){.page-shell{padding-top:40px;padding-bottom:30px}.site-header{padding-bottom:22px}.intro-block{padding-top:26px;padding-bottom:24px}h1{font-size:32px}}
@media(max-width:350px){.page-shell{padding-right:16px;padding-left:16px}.site-header{gap:12px}.brand-cover{width:82px;height:82px;flex-basis:82px;border-radius:17px}.brand-name{font-size:24px;letter-spacing:3px}.brand-tagline{font-size:7px;letter-spacing:.7px}.instagram-link{gap:12px;padding:11px 12px;min-height:71px}.profile-avatar{width:42px;height:42px;flex-basis:42px}.account-copy strong{font-size:16px}.link-arrow{flex-basis:17px;width:17px;height:17px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.instagram-link{transition:none}.instagram-link:hover,.instagram-link:active{transform:none}}