*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#ffffff;color:#09090b;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif;font-size:16px;line-height:1.8}a{color:inherit}a:focus-visible{outline:3px solid #FF171E;outline-offset:6px}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}header,footer{max-width:1320px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.brand-dot{width:7px;height:7px;border-radius:50%;background:#FF171E;align-self:flex-end;margin-bottom:11px}nav{display:flex;gap:32px}nav a{font-size:14px;text-decoration:none}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;padding:28px 5% 80px;gap:6%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 30px}.hero h1{font-size:clamp(42px,5.7vw,78px);letter-spacing:-.04em;line-height:1.27;margin:0 0 30px;font-weight:750}.period{color:#FF171E}.intro{color:#5e5e69;line-height:2;font-size:17px;margin-bottom:32px}.text-link{display:inline-flex;gap:50px;text-decoration:none;border-bottom:1px solid #aaa4b5;padding:10px 0}.court{position:relative;background:#141419;color:#bfb5da;border-radius:160px 160px 4px 4px;padding:12px 20px 36px;overflow:hidden;max-width:490px}.court svg{display:block;width:100%;height:auto}.court-label{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#dfd8ef;font-size:10px;letter-spacing:.15em}.about{max-width:1188px;margin:auto;padding:80px 0;border-top:1px solid #dedee5;display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:30px;align-items:start}.about h2{font-size:30px;line-height:1.55;margin:0}.about p:last-child{color:#5e5e69;margin:0;line-height:2.1}.services{max-width:1188px;margin:auto;padding:50px 0 90px;border-top:1px solid #dedee5}.section-heading{display:flex;justify-content:space-between;color:#5e5e69}.section-heading span{font-size:12px}.service{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:30px}.tag{font-size:12px;color:#5e5e69;letter-spacing:.06em}.service h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;margin:8px 0 16px;display:flex;align-items:center;gap:7px}.red-dot{display:inline-block;width:10px;height:10px;background:#FF171E;border-radius:50%;margin-top:24px}.service-lead{font-size:28px;line-height:1.5;margin:0}.service-body>p:first-child{margin-top:6px}.service-body ul{padding-left:1.2em;color:#5e5e69;line-height:2.2;margin:24px 0}.button{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#09090b;color:#fff;text-decoration:none;border-radius:3px;font-weight:650;max-width:350px}.note{font-size:14px;color:#5e5e69;margin-top:14px}.contact{background:#f1edf8;padding:72px max(5%,calc((100vw - 1188px)/2));}.contact h2{font-size:clamp(30px,4vw,48px);line-height:1.5;margin:0 0 22px}.contact p:not(.eyebrow){color:#5e5e69}.email{display:inline-flex;gap:40px;align-items:center;font-size:clamp(22px,3vw,36px);letter-spacing:-.025em;text-decoration:none;border-bottom:1px solid #8f869f;padding:10px 0}footer{padding-top:40px;padding-bottom:40px}footer>span{font-size:12px;color:#5e5e69}@media(max-width:1250px){.about,.services{margin-left:5%;margin-right:5%}}@media(max-width:750px){header{padding:24px 6%}.wordmark{font-size:22px}nav{gap:18px}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:34px 6% 50px;gap:40px}.hero h1{font-size:clamp(40px,10vw,62px)}.eyebrow{margin-bottom:20px;font-size:11px}.intro{font-size:16px}.court{width:100%;max-width:440px;margin:auto;border-radius:120px 120px 4px 4px}.court svg{max-height:410px}.about{grid-template-columns:1fr;padding:45px 0;gap:16px;margin-left:6%;margin-right:6%}.about .eyebrow{margin:0}.about h2{font-size:26px}.about p:last-child{font-size:15px}.services{padding:42px 0 52px;margin-left:6%;margin-right:6%}.service{grid-template-columns:1fr;gap:26px;margin-top:14px}.service-lead{font-size:25px}.contact{padding:48px 6%}.contact h2{font-size:30px}.email{gap:24px;font-size:26px}footer{padding:30px 6%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.selgram-logo{display:block;width:min(100%,360px);height:auto}.service h2{display:block;margin:18px 0 26px}.court svg{filter:none}

.reflection-art{position:relative;background:#101014;color:#fff;aspect-ratio:480/560;max-width:490px;width:100%;overflow:hidden;border-radius:3px}.reflection-art svg{display:block;width:100%;height:100%}.art-caption{position:absolute;left:28px;top:28px;font-size:10px;letter-spacing:.15em;color:#a9a2b9}.art-bottom{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.1em;color:#aaa3ba}.art-bottom span:last-child{color:#f1edf8}@media(max-width:750px){.reflection-art{max-width:440px;margin:auto;aspect-ratio:1/1}.art-caption{top:24px;left:24px}.art-bottom{left:24px;right:24px;bottom:24px}}

/* Text-led hero without illustration. */
.hero{display:block;padding-top:70px;padding-bottom:90px}.hero-copy{max-width:900px}.hero h1{font-size:clamp(48px,6.5vw,88px)}.intro{max-width:620px}@media(max-width:750px){.hero{padding-top:42px;padding-bottom:56px}.hero h1{font-size:clamp(40px,10vw,62px)}}

.app-preview{margin:60px 0 0;padding:40px;background:#f1edf8;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.app-preview h3{font-size:32px;line-height:1.5;margin:0 0 24px}.app-preview p:not(.eyebrow){color:#5e5e69}.app-preview img{display:block;width:min(100%,390px);height:auto;margin:auto;border-radius:14px}.app-preview figcaption{text-align:center;font-size:12px;color:#5e5e69;margin-top:12px}@media(max-width:750px){.app-preview{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:40px}.app-preview h3{font-size:26px}.app-preview p br{display:none}}