:root{--ink:#24201d;--paper:#f2eee6;--cream:#e6ddce;--brown:#6c3f28;--dark-brown:#321d14;--sand:#aa8d6f;--line:#321d143d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-weight:400}body,button,a{-webkit-font-smoothing:antialiased}a{color:inherit}img,video{max-width:100%;display:block}button{color:inherit;font:inherit}.sectionNo{letter-spacing:.24em;margin:0;font-size:9px;font-weight:600;line-height:1.7}.siteHeader{z-index:20;color:#fff;border-bottom:1px solid #ffffff59;grid-template-columns:auto auto 1fr auto;align-items:center;gap:36px;height:82px;padding:0 4vw;display:grid;position:absolute;inset:0 0 auto}.sandiiLogo{font-family:Brush Script MT,Segoe Script,cursive;font-size:34px;font-style:italic;font-weight:600;line-height:1;text-decoration:none}.siteHeader>p{letter-spacing:.22em;margin:0;font:600 9px/1 Arial,sans-serif}.siteHeader nav{justify-content:center;gap:36px;display:flex}.siteHeader nav a,.headerShop{letter-spacing:.18em;font:600 9px/1 Arial,sans-serif;text-decoration:none}.headerShop{border:1px solid #ffffffa6;padding:13px 16px}.hero{color:#fff;height:100svh;min-height:720px;position:relative;overflow:hidden}.hero>img,.hero>video{object-fit:cover;object-position:center 48%;width:100%;height:100%;position:absolute;inset:0}.heroVideo{z-index:1}.heroShade{z-index:2;background:linear-gradient(90deg,#180d08c2,#0000 61%),linear-gradient(#0000 50%,#140a0591);position:absolute;inset:0}.heroCopy{z-index:3;max-width:870px;position:absolute;bottom:11vh;left:6.5vw}.heroCopy>p{letter-spacing:.27em;margin:0 0 27px;font:600 10px/1.6 Arial,sans-serif}.hero h1{letter-spacing:-.06em;margin:0;font:400 clamp(74px,8.4vw,136px)/.78 Georgia,Times New Roman,serif}.hero h1 span{font:inherit;letter-spacing:inherit;margin:13px 0 0 6px;display:block}.hero h2{letter-spacing:.06em;margin:42px 0 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(23px,2.2vw,35px);font-weight:400;line-height:1.75}.heroMeta{z-index:3;border-top:1px solid #ffffffa6;grid-template-columns:auto auto;align-items:end;gap:8px 26px;min-width:290px;padding-top:17px;display:grid;position:absolute;bottom:7.5vh;right:4vw}.heroMeta span,.heroMeta strong{letter-spacing:.2em;font:600 9px/1 Arial,sans-serif}.heroMeta i{grid-area:1/2/3;justify-self:end;font:italic 54px/.9 Georgia,serif}.scrollGuide{z-index:3;writing-mode:vertical-rl;letter-spacing:.3em;font:600 8px/1 Arial,sans-serif;text-decoration:none;position:absolute;top:46%;right:2vw}.intro{background:var(--paper);padding:150px 7vw 145px}.intro>.sectionNo{color:#7b6758}.intro>div{grid-template-columns:1.15fr .85fr;align-items:end;gap:10vw;margin-top:58px;display:grid}.intro h2,.splitCopy h2,.darkBrown h2,.detailHead h2,.film h2,.fitment h2,.routes h2{letter-spacing:.03em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.38}.introText{grid-template-columns:1fr 1fr;gap:36px;display:grid}.introText p,.splitCopy>p,.darkBrownCopy>p:last-child,.detailHead>p:last-child,.filmCopy>p:last-child{color:#675e57;margin:0;font-size:13px;line-height:2.15}.splitFeature{background:#d8ccba;grid-template-columns:1.18fr .82fr;min-height:890px;display:grid}.splitImage{min-height:890px;margin:0}.splitImage img{object-fit:cover;width:100%;height:100%}.splitCopy{flex-direction:column;justify-content:center;padding:8vw 8%;display:flex}.splitCopy .sectionNo{color:#725847}.swatch{background:#57301e;border:7px solid #b49679;border-radius:50%;width:56px;height:56px;margin:40px 0 32px;box-shadow:inset 0 0 0 1px #ffffff47}.splitCopy h2{font-size:clamp(38px,4vw,62px)}.splitCopy>p{max-width:530px;margin-top:34px}.textLinks{gap:8px;margin-top:38px;display:grid}.textLinks a{letter-spacing:.08em;border-bottom:1px solid #321d1459;justify-content:space-between;padding:15px 2px;font-size:11px;text-decoration:none;display:flex}.darkBrown{background:var(--dark-brown);color:#f3ece3;grid-template-columns:.7fr 1.3fr;min-height:780px;display:grid}.darkBrownCopy{flex-direction:column;justify-content:center;padding:7vw;display:flex}.darkBrownCopy b{color:#b99376;margin:50px 0 28px;font:italic 92px/.8 Georgia,serif}.darkBrown h2{font-size:clamp(38px,4vw,62px)}.darkBrownCopy>p:last-child{color:#cbbdb2;margin-top:32px}.darkBrown figure{min-height:780px;margin:0;position:relative}.darkBrown figure img{object-fit:cover;width:100%;height:100%}.darkBrown figcaption{color:#fff;letter-spacing:.24em;text-shadow:0 1px 6px #000;font:600 8px/1 Arial,sans-serif;position:absolute;bottom:20px;right:24px}.details{padding:145px 5vw}.detailHead{grid-template-columns:.46fr 1fr .65fr;align-items:end;gap:5vw;margin:0 2vw 75px;display:grid}.detailHead .sectionNo{color:#7b6758;align-self:start}.detailHead h2{font-size:clamp(38px,4.4vw,68px)}.detailGrid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(310px,36vw);gap:8px;display:grid}.detailGrid article{color:#fff;background:#41281d;position:relative;overflow:hidden}.detailGrid .detailTall{grid-row:span 2}.detailGrid img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.detailGrid article:after{content:"";background:linear-gradient(#0000 52%,#140a05a6);position:absolute;inset:0}.detailGrid article:hover img{transform:scale(1.025)}.detailGrid span,.detailGrid h3{z-index:2;position:absolute;left:24px}.detailGrid span{font:italic 13px Georgia,serif;bottom:57px}.detailGrid h3{letter-spacing:.18em;margin:0;font:600 12px/1 Arial,sans-serif;bottom:22px}.film{color:#f4eee6;background:#1d1b19;grid-template-columns:.66fr 1.34fr;align-items:center;display:grid}.filmCopy{padding:8vw}.film h2{margin-top:38px;font-size:clamp(38px,4.2vw,64px)}.filmCopy>p:last-child{color:#aaa19b;margin-top:32px}.film video{object-fit:cover;background:#000;width:100%;height:820px}.fitment{background:#d9d2c7;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:140px 7vw;display:grid}.fitmentTitle h2{margin-top:35px;font-size:clamp(42px,5vw,72px)}.fitmentBody dl{border-top:1px solid var(--line);margin:0}.fitmentBody dl div{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;gap:20px;padding:20px 4px;display:grid}.fitmentBody dt{color:#76695f;letter-spacing:.14em;font-size:10px}.fitmentBody dd{margin:0;font-size:13px;line-height:1.8}.fitmentAlert{background:#ffffff6b;border-left:3px solid #7d3f2b;margin-top:25px;padding:22px 24px}.fitmentAlert strong{color:#7d3f2b;letter-spacing:.1em;font-size:11px}.fitmentAlert p{margin:10px 0 0;font-size:11px;line-height:1.95}.fitmentLink{color:#fff;letter-spacing:.08em;background:#30211b;justify-content:space-between;margin-top:28px;padding:19px 20px;font-size:11px;text-decoration:none;display:flex}.gallery{background:#b9aa98;padding:140px 3vw 110px}.galleryHead{border-bottom:1px solid #321d1459;grid-template-columns:1fr auto;align-items:end;margin:0 3vw 62px;padding-bottom:30px;display:grid}.galleryHead h2{letter-spacing:-.05em;margin:22px 0 0;font:400 clamp(50px,7vw,110px)/.9 Georgia,serif}.galleryHead>span{letter-spacing:.2em;font:600 9px/1 Arial,sans-serif}.galleryGrid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.galleryItem{aspect-ratio:4/3;color:#fff;cursor:zoom-in;text-align:left;background:#39241a;border:0;padding:0;position:relative;overflow:hidden}.galleryItem:first-child,.galleryItem:nth-child(8),.galleryItem:nth-child(15){grid-area:span 2/span 2}.galleryItem img{object-fit:cover;width:100%;height:100%;transition:transform .65s,filter .45s}.galleryItem:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f0703b3);position:absolute;inset:48% 0 0}.galleryItem:hover img{filter:brightness(.88);transform:scale(1.025)}.galleryItem span,.galleryItem small{z-index:2;letter-spacing:.18em;font:600 8px/1 Arial,sans-serif;position:absolute;bottom:14px}.galleryItem span{left:14px}.galleryItem small{right:14px}.lightbox{z-index:100;color:#fff;background:#0f0a07f0;grid-template-columns:70px 1fr 70px;place-items:center;padding:70px;display:grid;position:fixed;inset:0}.lightbox figure{max-width:min(1500px,84vw);max-height:85vh;margin:0;display:grid}.lightbox figure img{object-fit:contain;max-width:100%;max-height:78vh}.lightbox figcaption{letter-spacing:.13em;justify-content:space-between;gap:30px;margin-top:14px;font-size:10px;display:flex}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:0}.lightboxClose{letter-spacing:.2em;font-size:9px;position:absolute;top:28px;right:32px}.lightboxPrev,.lightboxNext{font:400 36px Georgia,serif}.routes{background:var(--paper);padding:140px 7vw}.routes h2{margin:35px 0 70px}.routes>div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.routes a{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr auto;align-items:center;gap:20px;padding:25px 12px;font-size:13px;text-decoration:none;transition:padding .25s,color .25s;display:grid}.routes a:nth-child(odd){border-right:1px solid var(--line)}.routes a:hover{color:#854729;padding-left:22px}.routes small{color:#7e7167;letter-spacing:.17em;font:600 8px/1 Arial,sans-serif}.related{color:#f2ebe2;background:#2e1f19;padding:110px 7vw}.related>.sectionNo{color:#b7957a}.related>div{border:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.related a{border-right:1px solid #fff3;flex-direction:column;min-height:230px;padding:28px;text-decoration:none;display:flex}.related a:last-child{border:0}.related span,.related small{letter-spacing:.15em;font:600 8px/1.4 Arial,sans-serif}.related span{color:#b7957a}.related strong{margin:auto 0 20px;font:400 clamp(23px,2.2vw,35px)/1.2 Georgia,serif}footer{color:#fff;background:#17110e;align-items:center;gap:40px;padding:55px 5vw;display:flex}footer p,footer small{color:#bfb4ad;letter-spacing:.18em;margin:0;font:600 8px/1.5 Arial,sans-serif}footer small{margin-left:auto}@media (width<=920px){.siteHeader{grid-template-columns:auto 1fr auto;gap:16px;height:66px;padding:0 20px}.siteHeader>p,.siteHeader nav{display:none}.sandiiLogo{font-size:29px}.hero{height:92svh;min-height:680px}.hero>img,.hero>video{object-position:54% center}.heroShade{background:linear-gradient(90deg,#180d089e,#0000 82%),linear-gradient(#0000 40%,#140a05b8)}.heroCopy{bottom:100px;left:23px;right:23px}.heroCopy>p{letter-spacing:.2em;font-size:8px}.hero h1{font-size:57px;line-height:.8}.hero h1 span{margin-top:10px}.hero h2{margin-top:30px;font-size:20px}.heroMeta,.scrollGuide{display:none}.intro,.details,.routes{padding:90px 22px}.intro>div{grid-template-columns:1fr;gap:44px;margin-top:35px}.intro h2,.routes h2{font-size:41px}.introText{grid-template-columns:1fr;gap:18px}.splitFeature,.darkBrown,.film,.fitment{grid-template-columns:1fr;min-height:0}.splitImage{height:66svh;min-height:0}.splitCopy,.darkBrownCopy,.filmCopy{padding:80px 23px}.splitCopy h2,.darkBrown h2,.film h2{font-size:40px}.darkBrown figure{height:66svh;min-height:0}.darkBrownCopy b{font-size:72px}.detailHead{margin:0 0 48px;display:block}.detailHead h2{margin:25px 0 30px;font-size:41px}.detailGrid{grid-template-columns:1fr 1fr;grid-auto-rows:54vw;gap:5px}.detailGrid .detailTall{grid-area:span 1/span 2}.detailGrid span,.detailGrid h3{left:14px}.detailGrid span{bottom:44px}.detailGrid h3{font-size:9px;bottom:16px}.film video{object-fit:contain;order:-1;height:auto;max-height:75svh}.fitment{gap:48px;padding:90px 22px}.fitmentTitle h2{font-size:42px}.fitmentBody dl div{grid-template-columns:95px 1fr;gap:12px}.gallery{padding:90px 10px 70px}.galleryHead{grid-template-columns:1fr;gap:22px;margin:0 13px 45px}.galleryHead h2{margin-top:18px;font-size:52px}.galleryGrid{grid-template-columns:1fr 1fr;gap:5px}.galleryItem:nth-child(n){grid-area:span 1/span 1}.galleryItem:first-child,.galleryItem:nth-child(8),.galleryItem:nth-child(15){grid-column:span 2}.galleryItem small{display:none}.lightbox{grid-template-columns:34px 1fr 34px;padding:58px 7px 30px}.lightbox figure{max-width:calc(100vw - 82px)}.lightbox figcaption{font-size:8px}.lightboxClose{top:22px;right:18px}.routes>div{grid-template-columns:1fr}.routes a,.routes a:nth-child(odd){border-right:0;grid-template-columns:1fr auto;gap:10px;padding:22px 4px;font-size:12px}.routes small{grid-column:1/-1}.related{padding:80px 22px}.related>div{grid-template-columns:1fr}.related a{border-bottom:1px solid #fff3;border-right:0;min-height:165px}footer{flex-direction:column;align-items:flex-start;gap:19px;padding:48px 22px}footer small{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroVideo{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}