@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500&family=Pacifico&display=swap";:root{--ink:#33332f;--cream:#f8f3e9;--mustard:#d99a22;--sage:#b8cbbd;--pink:#e2beb7;--wine:#7e2d38;color:var(--ink);background:var(--cream);font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}header{z-index:10;color:#fff;border-bottom:1px solid #fff8;align-items:center;height:78px;padding:0 4%;display:flex;position:absolute;inset:0 0 auto}.logo{font:400 31px Pacifico,cursive}header nav{letter-spacing:.18em;gap:35px;margin:auto;font-size:10px;display:flex}.headerCta{border:1px solid #fff9;padding:12px 20px;font-size:11px}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%}.heroWash{background:linear-gradient(90deg,#52320cb8 0%,#0000 62%),linear-gradient(#0000 45%,#3a230768 100%);position:absolute;inset:0}.heroCopy{z-index:2;color:#fff;position:absolute;bottom:9%;left:7%}.heroCopy>p,.intro>div>p,.movie small,.featureTitle>p,.split>div>p,.colorsCopy>p,.galleryHead>p,.fit>div>p,.finalCta>p{letter-spacing:.27em;font-size:10px}.hero h1{letter-spacing:.02em;margin:18px 0 8px;font:500 clamp(65px,8vw,120px)/.85 Cormorant Garamond,serif}.hero h1 span{margin-bottom:12px;font:400 .45em Pacifico,cursive;display:block}.heroCopy>strong{letter-spacing:.2em;font-weight:400}.heroCopy h2{margin:30px 0;font:400 clamp(28px,3.2vw,48px)/1.45 Noto Sans JP}.heroCopy>a{letter-spacing:.25em;border-bottom:1px solid;padding-bottom:10px;font-size:9px}.heroSide{writing-mode:vertical-rl;color:#fff;letter-spacing:.3em;font-size:8px;position:absolute;top:50%;right:25px}.intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:10vw;padding:130px 8%;display:grid}.intro h2,.featureTitle h2,.colorsCopy h2,.galleryHead h2,.fit h2,.finalCta h2{margin:24px 0 0;font:500 clamp(42px,5vw,76px)/1.35 Cormorant Garamond,Noto Sans JP,serif}.intro>p{color:#6f6c64;margin:0;font-size:14px;line-height:2.2}.movie{color:#fff;background:#35362f;grid-template-columns:1.35fr .65fr;display:grid}.movie video{object-fit:cover;width:100%;height:780px}.movie>div{flex-direction:column;justify-content:center;padding:10vw 10%;display:flex}.movie h2{margin:28px 0;font:500 clamp(42px,5vw,72px)/1.35 Cormorant Garamond,Noto Sans JP}.movie p{color:#d8d6cd;font-size:13px;line-height:2.1}.features{background:#e8d8b8;padding:130px 7%}.featureTitle{justify-content:space-between;align-items:end;display:flex}.featureGrid{border-block:1px solid #806f5038;grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.featureGrid article{border-right:1px solid #806f5038;padding:45px 30px}.featureGrid article:last-child{border:0}.featureGrid span{color:#a86e16;font:500 34px Cormorant Garamond}.featureGrid h3{margin:25px 0;font-size:18px;line-height:1.7}.featureGrid p{color:#6d6251;font-size:12px;line-height:2}.split,.fit{grid-template-columns:1.15fr .85fr;min-height:720px;display:grid}.split>img,.fit>img{object-fit:cover;width:100%;height:100%}.split>div,.fit>div{flex-direction:column;justify-content:center;padding:10vw 12%;display:flex}.split h2{font:500 clamp(45px,5vw,76px)/1.35 Cormorant Garamond,Noto Sans JP}.split>div>p:last-child,.fit>div>p:last-child{color:#716d66;font-size:13px;line-height:2.2}.colors{background:#b8cbbd;grid-template-columns:.75fr 1.25fr;align-items:center;gap:8vw;padding:130px 7%;display:grid}.colorsCopy>p{color:#3f6555}.colorsCopy>p:not(:first-child){font-size:13px;line-height:2.1}.colorsCopy small{color:#58655e;margin:25px 0;font-size:10px;line-height:1.8;display:block}.colorsCopy a{border-bottom:1px solid;margin-top:15px;padding-bottom:10px;font-size:11px;display:inline-block}.colorBoard{text-align:center;background:#fff;padding:55px 40px;box-shadow:0 25px 70px #4e65553b}.colorBoard img{background:#fff;width:100%;display:block}.colorBoard b{letter-spacing:.2em;margin-top:35px;font:500 18px Cormorant Garamond;display:block}.gallery{background:#f8f3e9;padding:130px 4%}.galleryHead{text-align:center;margin-bottom:70px}.galleryGrid{grid-template-columns:repeat(12,1fr);grid-auto-rows:270px;gap:12px;display:grid}.galleryGrid img{object-fit:cover;width:100%;height:100%}.galleryGrid img:first-child{grid-area:span 2/span 7}.galleryGrid img:nth-child(2),.galleryGrid img:nth-child(3){grid-column:span 5}.galleryGrid img:nth-child(4),.galleryGrid img:nth-child(5),.galleryGrid img:nth-child(6){grid-column:span 4}.fit{background:#ead2ce;grid-template-columns:.85fr 1.15fr}.fit>div{order:0}.fit>img{order:1}.finalCta{text-align:center;background:var(--wine);color:#fff;padding:150px 7%}.finalCta h2{margin:40px 0}.finalCta a{color:var(--wine);background:#fff;padding:20px 38px;font-size:13px;display:inline-block}footer{color:#fff;background:#302f2b;grid-template-columns:1fr 1fr;gap:40px;padding:75px 6% 35px;display:grid}footer>p{color:#c8c5bc;margin:0;font-size:12px;line-height:2}footer nav{letter-spacing:.18em;gap:25px;font-size:9px;display:flex}footer small{color:#898780;border-top:1px solid #ffffff2a;grid-column:1/-1;padding-top:25px;font-size:9px}@media (width<=800px){header{height:66px;padding:0 20px}header nav{display:none}.headerCta{margin-left:auto;padding:9px 13px}.logo{font-size:26px}.hero{min-height:680px}.heroCopy{bottom:7%;left:22px;right:22px}.hero h1{font-size:55px}.heroCopy h2{font-size:25px}.heroSide{display:none}.intro{grid-template-columns:1fr;gap:35px;padding:85px 24px}.intro h2,.featureTitle h2,.colorsCopy h2,.galleryHead h2,.fit h2,.finalCta h2{font-size:39px}.movie{grid-template-columns:1fr}.movie video{height:58svh}.movie>div{padding:75px 25px}.movie h2{font-size:42px}.features{padding:90px 24px}.featureTitle{display:block}.featureGrid{grid-template-columns:1fr 1fr;margin-top:45px}.featureGrid article{padding:30px 18px}.featureGrid article:nth-child(2){border-right:0}.featureGrid article:nth-child(-n+2){border-bottom:1px solid #806f5038}.featureGrid h3{font-size:15px}.split,.fit{grid-template-columns:1fr;min-height:0}.split>img,.fit>img{height:58svh}.split>div,.fit>div{padding:75px 25px}.split h2{font-size:42px}.colors{grid-template-columns:1fr;padding:90px 24px}.colorBoard{padding:30px 18px}.gallery{padding:90px 14px}.galleryGrid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.galleryGrid img:nth-child(n){grid-area:span 1/span 1}.galleryGrid img:first-child{grid-column:span 2}.fit>img{order:0}.fit>div{order:1}.finalCta{padding:100px 24px}.finalCta a{padding:18px 22px}footer{grid-template-columns:1fr;padding:65px 24px 30px}footer nav{flex-wrap:wrap}footer small{grid-column:1}}.canvasColorGrid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;display:grid}.canvasColorGrid figure{min-width:0;margin:0}.canvasColorGrid img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}.canvasColorGrid figcaption{letter-spacing:.03em;margin-top:9px;font-size:11px;font-weight:600;line-height:1.5}.canvasColorGrid figcaption span{color:#777;letter-spacing:.12em;font-size:9px;display:block}@media (width<=800px){.colorBoard{margin-inline:-8px;padding:24px 14px}.canvasColorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.canvasColorGrid figcaption{font-size:13px}.canvasColorGrid figcaption span{font-size:10px}.colorBoard b{margin-top:30px;font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.movie video{display:none}.movie{background:#35362f url(/sandii-canvas-freed/assets/freed-2.webp) 50%/cover}.movie>div{background:#35362fdd}}header:not(.topHeader){z-index:auto;height:auto;color:inherit;border:0;padding:0;display:block;position:static;inset:auto}header:not(.topHeader) nav{display:initial;font-size:inherit;letter-spacing:normal;margin:0}.brownStory{color:#fff;background:#3f302f;grid-template-columns:.7fr 1.3fr;align-items:center;gap:7vw;padding:120px 7%;display:grid}.brownCopy>p{letter-spacing:.27em;color:#d9b7aa;font-size:10px}.brownCopy h2{margin:28px 0;font:500 clamp(42px,4.8vw,70px)/1.4 Cormorant Garamond,Noto Sans JP}.brownCopy>p:last-child{color:#d4cbc7;font-size:13px;line-height:2.2}.brownPhotos{grid-template-columns:1.15fr .85fr;align-items:end;gap:14px;display:grid}.brownPhotos img{object-fit:cover;width:100%;height:620px}.brownPhotos img:last-child{height:500px}@media (width<=800px){.brownStory{grid-template-columns:1fr;padding:85px 24px}.brownCopy h2{font-size:39px}.brownPhotos{grid-template-columns:1fr 1fr;gap:8px}.brownPhotos img,.brownPhotos img:last-child{height:330px}}.clogLink strong{letter-spacing:.04em;font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.5;display:block}.clogLink>div p{margin-bottom:8px}@media (width<=760px){.clogLink strong{font-size:19px}.clogLink>div{margin-bottom:18px}}.clogLink>div:last-child{text-align:right;gap:10px;display:grid}.clogLink>div:last-child a{display:block}.clogLink>div:last-child span{display:inline-block}@media (width<=760px){.clogLink>div:last-child{text-align:left;margin-bottom:0}.clogLink>div:last-child span{margin-left:10px}}.ff{color:#232723;background:#f3f0e9;padding:125px 6vw}.ffHead{border-bottom:1px solid #aaa99f;grid-template-columns:20% 1fr auto;align-items:end;gap:4vw;padding-bottom:40px;display:grid}.ffHead>p{letter-spacing:.2em;color:#687d73;align-self:start;font-size:9px}.ffHead h2{margin:0;font:400 clamp(38px,4.5vw,64px)/1.3 Georgia,serif}.ffHead>strong{flex-direction:column;font:48px Georgia;display:flex}.ffHead small{letter-spacing:.15em;font:8px Arial}.ffLinks{border-bottom:1px solid #aaa99f;grid-template-columns:repeat(4,1fr);display:grid}.ffLinks a{border-right:1px solid #ccc;padding:20px 15px;font-size:11px}.ffLinks a:hover{color:#fff;background:#586b62}.ffNote{color:#666;margin:22px 0 60px;font-size:11px}.ff>h3{margin:65px 0 20px;font:400 40px Georgia}.ff>h3 small{letter-spacing:.12em;color:#688075;font:9px Arial}.ffGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ffCard{background:#fff;flex-direction:column;padding:25px;display:flex}.ffCard header{border-bottom:1px solid #ddd;justify-content:space-between;padding-bottom:15px;display:flex}.ffCard header strong{font:22px Georgia}.ffCard header span{background:#e4eee8;padding:5px 8px;font-size:10px}.ffCard dl{margin:10px 0}.ffCard dl>div{border-bottom:1px solid #eee;grid-template-columns:90px 1fr;gap:10px;padding:7px 0;display:grid}.ffCard dt{color:#777;font-size:8px}.ffCard dd{margin:0;font-size:10px;font-weight:400;line-height:1.7}.ffCard>p{color:#965647;background:#f7ebe7;padding:9px;font-size:9px}.ffCard>a{margin-top:auto;padding-top:12px;font-size:10px;font-weight:500}@media (width<=800px){.ff{padding:80px 20px}.ffHead{display:block}.ffHead h2{margin:20px 0;font-size:34px}.ffLinks{grid-template-columns:1fr 1fr}.ffGrid{grid-template-columns:1fr}.ff>h3{font-size:32px}.ffCard{padding:20px}.ffCard dl>div{grid-template-columns:75px 1fr}}.seoLinks,.routeLinks{color:#17191c;background:#f2f1ed;padding:clamp(64px,8vw,120px) max(6vw,24px)}.seoLinks>p,.routeLinks>p{letter-spacing:.24em;color:#75787b;margin:0 0 18px;font:600 10px/1.4 Arial,sans-serif}.seoLinks>h2,.routeLinks>h2{margin:0 0 42px;font-size:clamp(28px,3.6vw,50px);font-weight:400;line-height:1.4}.seoLinks nav,.routeLinks nav{border-top:1px solid #bbb;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seoLinks nav a,.routeLinks nav a{letter-spacing:.05em;border-bottom:1px solid #bbb;justify-content:space-between;align-items:center;gap:18px;padding:24px 18px 24px 0;font-size:13px;display:flex}.seoLinks nav a:nth-child(odd),.routeLinks nav a:nth-child(odd){margin-right:28px}.seoLinks small,.routeLinks small{letter-spacing:.16em;color:#777;min-width:130px;font:600 9px Arial,sans-serif;display:block}@media (width<=760px){.seoLinks nav,.routeLinks nav{grid-template-columns:1fr}.seoLinks nav a:nth-child(odd),.routeLinks nav a:nth-child(odd){margin-right:0}.seoLinks nav a,.routeLinks nav a{flex-wrap:wrap;align-items:flex-start}.seoLinks small,.routeLinks small{width:100%}}.clogLink{color:#fff;background:#17191c;justify-content:space-between;align-items:center;gap:28px;padding:30px max(6vw,24px);display:flex}.clogLink p{letter-spacing:.2em;color:#aaa;margin:0;font:600 9px Arial,sans-serif}.clogLink a{color:#fff;letter-spacing:.05em;font-size:14px;text-decoration:none}.clogLink span{margin-left:24px}@media (width<=760px){.clogLink{display:block}.clogLink p{margin-bottom:14px}.clogLink a{line-height:1.7}}