:root{--tr-ink:#0a162b;--tr-blue:#0b3d91;--tr-navy:#02316d;--tr-line:#dce3ed;--tr-paper:#f3f6fa}
.tr-wrap{width:min(100% - 3rem,74rem);margin-inline:auto}
.tr-home,.tr-footer{font-family:Inter,Arial,sans-serif}
.tr-home a:focus-visible,.tr-footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.tr-hero{background:var(--tr-navy);color:#fff}
.tr-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:28rem;padding-block:clamp(2.5rem,6vw,6rem)}
.tr-hero h1{max-width:13ch;margin:0;color:#fff;font-size:clamp(2.65rem,5.3vw,5.4rem);font-weight:700;line-height:1.02;letter-spacing:-.055em}
.tr-hero p{max-width:38ch;color:#eef4ff;font-size:1.08rem;line-height:1.55;margin:1.2rem 0 1.75rem}
.tr-hero__art{display:block;min-width:0}
.tr-hero__art img{width:100%;height:auto;display:block;border:1px solid #ffffff36;border-radius:.5rem}
.tr-button{display:inline-flex;align-items:center;gap:.85rem;background:white;color:var(--tr-navy);font-weight:650;text-decoration:none;padding:.9rem 1.15rem;border-radius:.28rem}
.tr-button:hover{background:#e3edfb}
.tr-products{padding-block:clamp(2.5rem,6vw,5rem);scroll-margin-top:6rem}
.tr-products h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--tr-ink);font-weight:700;letter-spacing:-.045em;margin:0 0 1.4rem}
.tr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tr-card{border:1px solid var(--tr-line);border-radius:.55rem;overflow:hidden;min-width:0;background:white;display:flex;flex-direction:column}
.tr-card__image{aspect-ratio:1.2;display:block;background:white;overflow:hidden;border-bottom:1px solid var(--tr-line)}
.tr-card__image img{width:100%;height:100%;object-fit:contain;display:block}
.tr-card__body{padding:1.15rem 1.2rem 1.35rem;display:flex;flex-direction:column;flex:1}
.tr-category{font-size:.83rem;font-weight:600;color:var(--tr-blue);text-decoration:none}
.tr-card h3{font-size:1.2rem;font-weight:700;line-height:1.35;margin:.45rem 0 .7rem;color:var(--tr-ink)}
.tr-card h3 a{color:inherit;text-decoration:none}
.tr-card h3 a:hover,.tr-category:hover,.tr-footer nav a:hover{text-decoration:underline}
.tr-card__price{margin:auto 0 .85rem;font-weight:650;color:var(--tr-ink)}
.tr-card__link{font-weight:650;color:var(--tr-blue);text-decoration:none}
.tr-card__link:hover{text-decoration:underline}
.tr-footer{background:var(--tr-navy);color:#eef4ff}
.tr-footer__inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;padding-block:2.65rem}
.tr-footer__logo{display:inline-block}
.tr-footer__logo img{width:12.25rem;height:auto;display:block}
.tr-footer nav h2{color:white;font-weight:700;font-size:1rem;margin:0 0 .65rem}
.tr-footer nav a{color:inherit;display:block;text-decoration:none;font-size:.92rem;padding:.2rem 0}
.tr-footer__bottom{padding-block:1.05rem;border-top:1px solid #ffffff45;font-size:.85rem}
@media(max-width:749px){.tr-wrap{width:calc(100% - 2rem)}.tr-hero__inner{grid-template-columns:1fr;gap:1.6rem}.tr-hero__art img{aspect-ratio:2.2;object-fit:cover;object-position:center}.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-footer__inner{grid-template-columns:1fr 1fr}.tr-footer__inner>div{grid-column:1/-1}}
@media(max-width:520px){.tr-grid{grid-template-columns:1fr}.tr-card__image{aspect-ratio:1.3}}

.tr-collection-heading{background:var(--tr-paper);border-bottom:1px solid var(--tr-line);padding-block:clamp(2.5rem,6vw,5rem)}.tr-collection-heading h1{font-size:clamp(2rem,5vw,4rem);color:var(--tr-ink);margin:0;letter-spacing:-.045em;font-weight:700}.tr-collection-heading p{max-width:60ch}