:root{--paper:#f7f7f2;--yellow:#f5d900;--ink:#181916;--muted:#62645b}body{font-family:Arial,"Malgun Gothic",sans-serif}header{max-width:none;min-height:90px;padding:22px 5vw;border:0;background:var(--paper)}nav{gap:8px}nav a{padding:10px 16px;border-radius:30px;font-size:14px;transition:background .2s,color .2s}nav a:hover{background:#e8e9df;text-decoration:none}nav a[aria-current]{box-shadow:none;background:var(--ink);color:white}.brand{font-size:32px}.hero{max-width:none;margin:0 3vw;grid-template-columns:1.12fr 1fr;gap:28px;background:transparent;color:var(--ink)}.hero .hero-copy{padding:50px 2vw 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(48px,5.7vw,86px);letter-spacing:-.075em;line-height:1.15;margin-bottom:28px}.hero em{color:var(--ink);position:relative;z-index:0}.hero em:after{content:'';height:.19em;background:var(--yellow);position:absolute;bottom:.03em;left:0;right:-8px;z-index:-1}.hero p:not(.eyebrow){color:var(--muted);font-size:18px}.hero .eyebrow{font-size:12px;letter-spacing:.13em;border:1px solid #c9ccc0;border-radius:30px;padding:7px 13px;margin-bottom:32px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:12px}.button{border:0;border-radius:100px;background:var(--ink);color:white;padding:16px 24px;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{background:#35372d;color:white;transform:translateY(-3px);box-shadow:0 8px 0 #f5d900}.button:active{transform:translateY(0);box-shadow:none}.hero-guide{font-size:14px;font-weight:700}.hero .portrait-stage{padding:0;position:relative;border-radius:28px;overflow:hidden;min-height:465px;background:#1d1e19;transform:perspective(1000px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .4s ease}.hero img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 42%;max-height:none}.portrait-label,.portrait-note{position:absolute;z-index:1;border-radius:30px;font-size:12px;letter-spacing:.06em}.portrait-label{top:22px;left:22px;background:var(--yellow);color:var(--ink);padding:8px 14px}.portrait-note{bottom:22px;left:22px;right:22px;color:white;background:#171717aa;backdrop-filter:blur(12px);padding:14px 18px;text-align:center;font-size:14px}.hero .hero-wordmark{grid-column:1/-1;padding:0 0 20px;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(40px,14.5vw,230px);font-weight:900;letter-spacing:-.085em;line-height:1;white-space:nowrap;overflow:hidden}.hero-wordmark span{color:var(--yellow)}.section{max-width:1320px;padding:80px 5vw}.section-title{margin-bottom:24px}.section-title h2{font-size:38px}.feature{grid-template-columns:minmax(180px,.65fr) 1fr;border:0;border-radius:28px;padding:22px;gap:42px;background:#eceedf;transition:transform .3s,box-shadow .3s}.feature:hover{transform:translateY(-4px);box-shadow:0 18px 45px #1819160c}.feature .cover{height:340px;border-radius:18px}.cover img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.cover:hover img{transform:scale(1.035)}.feature>div{align-self:center;padding:20px}.feature h2{font-size:clamp(26px,3vw,42px)}.feature .eyebrow{display:inline-block;font-size:12px;letter-spacing:.1em;border-bottom:1px solid #929780;padding-bottom:8px}.social a{border:1px solid #afb39f;border-radius:50px;padding:6px 12px;text-decoration:none;font-size:13px;transition:background .2s}.social a:hover{background:white}.about-strip{margin:0 3vw 60px;border-radius:28px;padding:52px 5vw;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:8px 50px}.about-strip>.eyebrow{grid-column:1/-1}.about-strip h2{font-size:clamp(32px,4vw,56px);grid-row:2/4}.about-strip p{align-self:end}.about-strip>a{align-self:start}.article{max-width:880px;padding-top:70px}.article h1{font-size:clamp(38px,5vw,64px)}.formula,aside{border:0;border-radius:20px;background:#eceedf}.table-wrap{border-radius:16px}.checklist label{transition:background .2s;padding:18px 12px;border-radius:12px}.checklist label:has(input:checked){background:#eceedf}.checklist input{accent-color:var(--ink)}.calculator{max-width:1120px;padding-top:42px}.calculator h1{font-size:48px}.products{gap:20px}.products fieldset{border:1px solid #dedfd4;border-radius:22px;background:white;padding:22px 26px}.products legend{font-size:18px}.products input,.products select{border-radius:10px;background:#f8f9f4;border:1px solid #d9dbce;transition:border-color .2s,box-shadow .2s}.products input:focus,.products select:focus{border-color:#777e5d;box-shadow:0 0 0 3px #f5d90055;outline:none}.secondary{border-radius:50px}.result{border-radius:22px}.result h2{color:var(--yellow)}footer{padding:50px 5vw;background:var(--ink);border-radius:28px 28px 0 0}footer>strong{font-size:clamp(21px,3vw,38px);letter-spacing:-.04em}footer>div{margin-top:28px}footer span{font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.hero-copy{animation:arrive .65s both}.portrait-stage{animation:arrive .85s both}@keyframes arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(max-width:700px){header{padding:22px 22px 18px}.brand{font-size:30px}nav{margin-top:18px;gap:4px;justify-content:space-between}nav a{padding:8px 10px;font-size:13px}.hero{margin:0 18px;grid-template-columns:1fr;gap:20px}.hero .hero-copy{padding:26px 4px 14px}.hero h1{font-size:clamp(43px,10vw,64px)}.hero .eyebrow{margin-bottom:25px;font-size:10px}.hero p:not(.eyebrow){font-size:16px}.hero-actions{gap:16px}.button{font-size:14px;padding:14px 20px}.hero .portrait-stage{min-height:365px}.hero .hero-wordmark{font-size:14vw;padding:0 0 8px}.section{padding:48px 20px}.section-title h2{font-size:29px}.feature{grid-template-columns:1fr;padding:14px;gap:12px;border-radius:22px}.feature .cover{height:290px}.cover img{object-position:center 30%}.feature>div{padding:16px 8px}.feature h2{font-size:29px}.feature p{font-size:16px}.about-strip{margin:0 18px 40px;grid-template-columns:1fr;padding:30px 24px;gap:12px}.about-strip h2{grid-row:auto}.about-strip>.eyebrow{grid-column:auto;margin-bottom:4px}.about-strip h2{margin-bottom:0}.article{padding:38px 22px 60px}.calculator h1{font-size:36px}.products fieldset{padding:18px 20px}footer{padding:36px 24px}footer>div{gap:18px}footer span{letter-spacing:0}.section-title>a{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.portrait-stage{transform:none!important}}
#portrait-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}#portrait-video[hidden]{display:none}.portrait-stage:has(#portrait-video){transform:none!important;min-height:0;aspect-ratio:1.12;align-self:center}.portrait-stage:has(#portrait-video) .portrait-note{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:12px;bottom:14px;left:14px;right:14px;border-radius:18px}.portrait-note small{width:100%;font-size:11px;color:#d8d8d1}#portrait-play{font:inherit;font-size:13px;min-height:40px;border:0;border-radius:24px;background:var(--yellow);color:var(--ink);padding:8px 14px;cursor:pointer}#portrait-play:hover{background:white}@media(max-width:700px){.hero .portrait-stage:has(#portrait-video){aspect-ratio:1;min-height:340px}.portrait-stage:has(#portrait-video) .portrait-label{font-size:10px;top:12px;left:12px;padding:6px 10px}.portrait-stage:has(#portrait-video) .portrait-note{font-size:12px}}