.design{padding:0 0 160px;background:#f3f5f9}
.design-stage{position:relative;height:900px;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.design .chapter-header{position:relative;z-index:2;text-align:center;pointer-events:none}
.design .chapter-eyebrow{font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";letter-spacing:.231px;margin:0 0 10px;color:#555d6c}
.design .chapter-copy{max-width:756px;margin:16.8px auto 0;font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";letter-spacing:.231px;color:#1e1e1e}
.design .design-more{margin-top:24px;pointer-events:auto}
.design-more .text-link{border:1px solid #040813;color:#040813;border-radius:980px;padding:11px 21px;font:400 17px/20px var(--font-body);font-feature-settings:"palt"}
.design-more .text-link:hover{text-decoration:none;background:#e5eaf3}
.design-surround{position:absolute;inset:0;z-index:0}
.design-sheet{position:absolute;width:400px;height:270px;border:1px solid #ced6e5;box-shadow:0 15px 35px -22px #0006;overflow:hidden;background:#fff;border-radius:6px}
.design-sheet-1{left:11%;top:-12px;transform:rotate(-5deg)}
.design-sheet-2{right:4%;top:-24px;transform:rotate(7deg)}
.design-sheet-3{left:4%;bottom:7px;transform:rotate(5deg)}
.design-sheet-4{right:11%;bottom:-15px;transform:rotate(-6deg)}
.design-sample-note{position:absolute;z-index:2;bottom:12px;left:0;width:100%;text-align:center;font:400 12px/18px var(--font-body);font-feature-settings:"palt";color:#555d6c}
.site-art{width:100%;height:100%;container-type:inline-size;color:#252525;background:#fff;font:400 2cqw/1.5 var(--font-body);font-feature-settings:"palt";overflow:hidden}
.site-art-nav{height:12%;display:flex;align-items:center;justify-content:space-between;padding:0 6%}
.site-art-nav>span:first-child{font:400 3.8cqw/1.2 Georgia,serif;font-feature-settings:"palt";letter-spacing:.12em}
.site-art-nav>span:last-child{font-size:1.3cqw;letter-spacing:.08em}
.site-art-main{height:75%;position:relative;overflow:hidden}.site-photo{background:#d2d2d7}
.site-art-main .site-photo{position:absolute;inset:0}
.site-message{position:absolute;z-index:1;left:9%;top:18%;color:#252525}
.site-message small{font:500 1.5cqw/1.4 var(--font-body);font-feature-settings:"palt";letter-spacing:.13em}
.site-message strong{display:block;font:400 5.4cqw/1.6 "YuMincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt";letter-spacing:.08em;margin-top:5%}
.site-book{position:absolute;z-index:1;bottom:8%;right:6%;background:#fff;padding:2.2% 4%;font-size:1.6cqw;letter-spacing:.05em}
.site-art-foot{height:13%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;font-size:1.4cqw}
.site-art-modern{background:#ececec}.site-art-modern .site-art-main .site-photo{inset:0 0 0 46%;background:#b6b6bd}.site-art-modern .site-message{left:6%;top:7%;}.site-art-modern .site-message strong{font:800 9cqw/.94 var(--font-display);font-feature-settings:"palt";letter-spacing:-.04em;margin-top:6%}.site-art-modern .site-message small{font-size:1.3cqw}.site-art-modern .site-book{background:#252525;color:white}
.site-art-editorial{background:#efede8}.site-art-editorial .site-art-main{padding:0 6%}.site-art-editorial .site-photo{inset:0 48% 0 6%;background:#bcbcc2}.site-art-editorial .site-message{left:57%;top:12%}.site-art-editorial .site-message strong{font-size:4.4cqw;line-height:1.9}.site-art-editorial .site-message small{font-size:1cqw}.site-art-editorial .site-book{right:9%;background:transparent;border-bottom:1px solid #555;padding-inline:0}
.site-art-resort{background:#1e3339;color:#fff}.site-art-resort .site-message{color:#fff;left:6%;top:10%}.site-art-resort .site-message strong{font-size:5.4cqw}.site-art-resort .site-photo{inset:0 0 0 55%;background:#aeb4b7}.site-art-resort .site-book{background:#fff;color:#1e3339}
@media(min-width:1441px){.design-stage{height:1050px}.design-sheet{width:470px;height:306px}.design-sheet-1{left:15%}.design-sheet-2{right:10%}.design-sheet-3{left:10%}.design-sheet-4{right:15%}}
@media(max-width:1068px){.design{padding-bottom:128px}.design-stage{height:980px}.design .chapter-copy{max-width:513px}.design-sheet{width:360px;height:245px}.design-sheet-1{left:-6%;top:0}.design-sheet-2{right:-6%;top:5px}.design-sheet-3{left:-4%;bottom:18px}.design-sheet-4{right:-5%;bottom:0}}
@media(max-width:734px){.design{padding-bottom:96px}.design-stage{height:auto;display:block;padding-top:170px;padding-bottom:222px}.design .chapter-eyebrow{font-size:19px;line-height:26.0004px;letter-spacing:.228px;margin-bottom:8px}.design .chapter-copy{max-width:280px;font-size:19px;line-height:26.0004px;letter-spacing:.228px;margin-top:15.2px}.design .design-more{margin-top:24px}.design-sheet{width:184px;height:134px}.design-sheet-1{left:-3%;top:-16px}.design-sheet-2{right:-6%;top:-22px}.design-sheet-3{left:-3%;bottom:39px}.design-sheet-4{right:-4%;bottom:27px}.design-sample-note{bottom:0;font-size:11px}.site-art-nav>span:last-child{font-size:1.2cqw}.design-more .text-link{font-size:14px;line-height:20px;padding:8px 16px}}
@media(min-width:481px) and (max-width:734px){.design-sheet{width:260px;height:165px}.design-stage{padding-bottom:238px}.design-sheet-1{left:0}.design-sheet-2{right:0}}
