@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap";:root{--ink:#151713;--paper:#f1eee6;--earth:#6f4b32;--sea:#e7edf0;--line:#b7b09f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans JP,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}header{z-index:10;color:#fff;border-bottom:1px solid #fff5;align-items:center;height:78px;padding:0 4%;display:flex;position:absolute;inset:0 0 auto}.logo{letter-spacing:.04em;font:500 29px Playfair Display,serif}header nav{letter-spacing:.2em;gap:34px;margin:auto;font:500 10px Barlow Condensed;display:flex}.shop{letter-spacing:.13em;border:1px solid #fff8;padding:11px 15px;font:500 10px Barlow Condensed}.hero{grid-template-columns:1fr 1fr;height:100svh;min-height:690px;display:grid;position:relative;overflow:hidden}.heroHalf{background-position:50%;background-size:cover}.heritageHero{background-image:url(/refinad-triton-two-styles/media/triton-02.webp)}.astraeaHero{background-image:url(/refinad-triton-two-styles/media/triton-09.webp)}.veil{background:linear-gradient(90deg,#211a14a8,#0000 43%,#18212855),linear-gradient(#0000 45%,#1118);position:absolute;inset:0}.heroCopy{color:#fff;max-width:740px;position:absolute;bottom:9%;left:7%}.heroCopy>p,.concept>p,.styleCopy>span,.movie p,.material>div>p,.albumHead>p,.routes>p{letter-spacing:.27em;font:500 10px Barlow Condensed}.hero h1{letter-spacing:-.045em;margin:24px 0;font:400 clamp(70px,9vw,138px)/.78 Playfair Display}.hero h2{margin:0 0 33px;font-size:clamp(20px,2.2vw,34px);font-weight:400;line-height:1.7}.heroCopy>a{letter-spacing:.2em;border-bottom:1px solid;padding-bottom:8px;font:500 10px Barlow Condensed}.heroLabels{color:#fff;letter-spacing:.18em;gap:55px;font:500 9px Barlow Condensed;display:flex;position:absolute;bottom:24px;right:4%}.concept{grid-template-columns:.65fr 1.35fr;gap:30px 8vw;padding:150px 8%;display:grid}.concept>p{color:#777}.concept h2{margin:0;font:400 clamp(43px,5vw,72px)/1.35 Playfair Display,Noto Sans JP}.concept>div{color:#666;grid-column:2;grid-template-columns:1fr 1fr;gap:50px;font-size:13px;line-height:2.2;display:grid}.style{grid-template-columns:1.18fr .82fr;min-height:850px;display:grid}.style>img{min-height:850px}.styleCopy{flex-direction:column;justify-content:center;padding:10vw 10%;display:flex}.styleCopy>span{color:#9b856f}.styleCopy h2{margin:28px 0;font:400 clamp(55px,6.5vw,100px)/.85 Playfair Display}.styleCopy h3{margin:10px 0 24px;font:400 26px/1.7 Noto Sans JP}.styleCopy>p{color:#6b6861;font-size:13px;line-height:2.2}.heritage{background:#d8c8b5}.astraea{background:#e8edef}.astraea>img{order:2}.astraea .styleCopy{order:1}.buttons{gap:8px;margin-top:28px;display:grid}.buttons a,.category{border:1px solid #5a4a3a;justify-content:space-between;padding:15px 18px;font-size:11px;display:flex}.buttons a:after{content:"↗"}.coming{letter-spacing:.18em;border-top:1px solid #8fa1a6;padding-top:19px;color:#46616c!important;font:600 11px Barlow Condensed!important}.category{border-color:#7d8c90;margin-top:15px}.movie{color:#fff;background:#161916;grid-template-columns:.65fr 1.35fr;align-items:center;display:grid}.movie>div{padding:8vw}.movie h2{margin:25px 0 0;font:400 clamp(35px,4vw,60px)/1.5 Playfair Display,Noto Sans JP}.movie video{object-fit:cover;background:#000;width:100%;height:780px}.astraeaMovie{color:#1c2527;background:#dfe7e9;grid-template-columns:1.35fr .65fr}.material{color:#fff;background:#27231f;grid-template-columns:.65fr 1.35fr;align-items:center;gap:8vw;padding:140px 7%;display:grid}.material h2{margin:25px 0;font:400 60px Playfair Display,Noto Sans JP}.material>div>p:last-child{color:#bbb;font-size:13px;line-height:2}.material figure{background:#fff;margin:0;padding:35px}.material figure img{height:auto}.material figcaption{color:#333;text-align:center;letter-spacing:.22em;margin-top:20px;font:500 10px Barlow Condensed}.album{background:#f4f1ea;padding:140px 5%}.albumHead{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;margin-bottom:30px;padding-bottom:34px;display:grid}.albumHead h2{margin:20px 0 0;font:400 clamp(55px,7vw,100px)/1 Playfair Display}.albumHead span{letter-spacing:.2em;font:500 10px Barlow Condensed}.albumGrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.albumGrid figure{aspect-ratio:4/3;margin:0;position:relative;overflow:hidden}.albumGrid figure:first-child,.albumGrid figure:nth-child(8){grid-area:span 2/span 2}.albumGrid figcaption{color:#fff;letter-spacing:.2em;font:500 9px Barlow Condensed;position:absolute;bottom:8px;left:12px}.routes{background:#dad5ca;padding:130px 7%}.routes h2{margin:22px 0 50px;font:400 clamp(42px,5vw,70px) Playfair Display,Noto Sans JP}.routes>div{border-top:1px solid #999;grid-template-columns:repeat(2,1fr);display:grid}.routes a{border-bottom:1px solid #aaa;grid-template-columns:150px 1fr auto;gap:20px;padding:24px 12px;font-size:12px;display:grid}.routes small{letter-spacing:.16em;color:#777;font:500 9px Barlow Condensed}footer{color:#fff;background:#161916;align-items:center;gap:35px;padding:45px 5%;display:flex}footer p{letter-spacing:.2em;font:500 9px Barlow Condensed}footer small{color:#888;margin-left:auto;font-size:9px}@media (width<=800px){header{height:66px;padding:0 20px}header nav{display:none}.logo{font-size:24px}.shop{margin-left:auto}.hero{grid-template-columns:1fr;height:94svh}.heroHalf{position:absolute;inset:0}.heritageHero{clip-path:polygon(0 0,100% 0,0 100%)}.astraeaHero{clip-path:polygon(100% 0,100% 100%,0 100%)}.heroCopy{bottom:7%;left:22px;right:22px}.hero h1{font-size:58px}.hero h2{font-size:18px}.heroLabels{display:none}.concept{padding:90px 24px;display:block}.concept h2{margin:25px 0 45px;font-size:39px}.concept>div{display:block}.concept>div p{margin:0 0 25px}.style{grid-template-columns:1fr;min-height:0}.style>img{height:62svh;min-height:0;order:0!important}.styleCopy{padding:85px 24px;order:1!important}.styleCopy h2{font-size:58px}.styleCopy h3{font-size:22px}.movie,.astraeaMovie{grid-template-columns:1fr}.movie>div{order:1;padding:75px 24px}.movie video{order:0;height:68svh}.movie h2{font-size:36px}.material{grid-template-columns:1fr;padding:90px 20px}.material h2{font-size:46px}.material figure{padding:18px}.album{padding:90px 14px}.albumHead{grid-template-columns:1fr}.albumHead h2{font-size:55px}.albumHead span{margin-top:20px}.albumGrid{grid-template-columns:1fr 1fr;gap:5px}.albumGrid figure:nth-child(n){grid-area:span 1/span 1}.albumGrid figure:first-child,.albumGrid figure:nth-child(8){grid-column:span 2}.routes{padding:90px 20px}.routes>div{grid-template-columns:1fr}.routes a{grid-template-columns:110px 1fr auto;gap:10px}.routes small{font-size:8px}footer{flex-direction:column;align-items:flex-start}footer small{margin-left:0}}.albumHead>div>p,.albumLabel p,.fitmentHead>p:first-child{letter-spacing:.23em;font:500 10px Barlow Condensed}.albumGroup+.albumGroup{border-top:1px solid #b8b2a7;margin-top:110px;padding-top:70px}.albumLabel{align-items:flex-end;gap:28px;margin:0 0 26px;display:flex}.albumLabel>span{color:#9c8d78;font:400 64px/1 Playfair Display}.albumLabel p{margin:0 0 9px}.albumLabel h3{margin:0;font:400 26px Noto Sans JP}.albumGrid img{transition:transform .7s}.albumGrid figure:hover img{transform:scale(1.025)}.albumGrid figcaption{text-shadow:0 1px 7px #000}.fitment{color:#f5f1e7;background:#20221f;padding:140px 6%}.fitmentHead{text-align:center;max-width:780px;margin:0 auto 70px}.fitmentHead>p:first-child{color:#b59d82}.fitmentHead h2{margin:22px 0;font:400 clamp(44px,5vw,72px) Playfair Display,Noto Sans JP}.fitmentHead>p:last-child{color:#aaa;font-size:13px}.fitmentGrid{grid-template-columns:1fr 1fr;gap:24px;max-width:1240px;margin:auto;display:grid}.fitment article{color:#1f211e;background:#f1eee6;padding:36px}.partNo{border-bottom:1px solid #aaa;grid-template-columns:1fr auto;align-items:end;padding-bottom:24px;display:grid}.partNo small{letter-spacing:.18em;color:#777;grid-column:1/-1;font-size:10px}.partNo strong{letter-spacing:.04em;font:500 clamp(28px,3vw,42px) Barlow Condensed}.partNo span{letter-spacing:.16em;font:500 13px Barlow Condensed}.fitment dl{margin:20px 0 0}.fitment dl>div{border-bottom:1px solid #d4cec2;grid-template-columns:100px 1fr;gap:20px;padding:13px 0;display:grid}.fitment dt{letter-spacing:.1em;color:#777;font-size:10px}.fitment dd{margin:0;font-size:12px;line-height:1.9}.fitment .invalid{color:#8a322d}.fitment article>a{color:#fff;background:#1e211e;justify-content:space-between;margin-top:26px;padding:17px 18px;font-size:11px;display:flex}.fitmentNote{color:#888;max-width:1240px;margin:25px auto 0;font-size:10px}@media (width<=800px){.albumGroup+.albumGroup{margin-top:75px;padding-top:55px}.albumLabel>span{font-size:50px}.albumLabel h3{font-size:19px}.fitment{padding:90px 14px}.fitmentHead{text-align:left;margin-bottom:45px}.fitmentGrid{grid-template-columns:1fr}.fitment article{padding:24px 18px}.fitment dl>div{grid-template-columns:78px 1fr;gap:12px}}