/* Selected page only: the concept archives retain their original design. */
.web-poster-selected .craft-section{padding:105px 0 110px;background:#f2f0e9;border-top:1px solid #b7b6a1}
.web-poster-selected .craft-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:90px;align-items:end;margin-bottom:55px}
.web-poster-selected .craft-heading h2{font:400 clamp(50px,5.4vw,82px)/.98 var(--label);letter-spacing:-.04em;margin:0}
.web-poster-selected .craft-heading h2 em{font-weight:400;color:#677358}
.web-poster-selected .craft-heading>p{font:400 16px/1.8 var(--body);color:#726b55;max-width:300px;padding-bottom:8px}
.web-poster-selected .craft-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(45px,7vw,110px);align-items:center}
.web-poster-selected .craft-board{height:auto;aspect-ratio:640/470;position:relative;overflow:hidden;background:#e6e5d8;border:1px solid #b1b59c}
.web-poster-selected .craft-board:after{content:'';position:absolute;inset:8px;border:1px solid #c6c7b5;pointer-events:none}
.craft-ruler{position:absolute;z-index:3;display:flex;justify-content:space-between;inset:0 25px auto;height:16px;pointer-events:none}.craft-ruler i{height:7px;border-left:1px solid #87977c}.craft-ruler i:nth-child(3n){height:15px}
.craft-visual{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.craft-board[data-active=design] .craft-design,.craft-board[data-active=development] .craft-development,.craft-board[data-active=care] .craft-care{opacity:1;visibility:visible}
.craft-type{position:absolute;left:12%;top:8%;font:italic 400 clamp(130px,21vw,310px)/1 var(--label);letter-spacing:-.085em;color:#36503c;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*-24px),0)}
.craft-type>span{position:absolute;left:20px;top:0;color:transparent;-webkit-text-stroke:1px #74826380;transform:translate3d(calc((var(--scene-progress,.5) - .5)*35px),0,0)}
.craft-curves,.device-connectors,.care-loop{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#869074;stroke-width:1}
.craft-guides>path:first-child,.craft-guides>path:nth-child(2){stroke-dasharray:3 7;opacity:.65}.craft-curve{stroke:#b99c5f;stroke-width:2;stroke-dasharray:850;stroke-dashoffset:calc((1 - var(--scene-progress,1))*380)}.craft-guides circle{fill:#e6e5d8;stroke:#a48d59;stroke-width:1.5}
.craft-colors{position:absolute;left:15%;right:15%;bottom:9%;display:flex;height:10%;border:1px solid #a9ad93;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*18px),0)}.craft-colors span{flex:1}.craft-colors span:nth-child(1){background:#294937}.craft-colors span:nth-child(2){background:#929d7c}.craft-colors span:nth-child(3){background:#d2bb81}.craft-colors span:nth-child(4){background:#f7f3e5}
.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#55776016 1px,transparent 1px),linear-gradient(90deg,#55776016 1px,transparent 1px);background-size:32px 32px}
.craft-desktop{position:absolute;left:9%;top:19%;width:72%;height:55%;background:#f7f4e8;border:1px solid #7b8c6d;box-shadow:11px 12px 0 #71805f17;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*-20px),0)}
.mini-browser{height:14%;padding:0 6%;display:flex;gap:12px;align-items:center;border-bottom:1px solid #c5c7b2}.mini-browser i{display:block;width:12%;height:3px;background:#8d9b80}.mini-browser span{display:block;margin-left:auto;width:40%;border-top:1px solid #b9bfac}
.mini-site{display:flex;height:86%;padding:5%;gap:7%}.mini-landscape,.phone-picture{background:url('/assets/web-design-palm-house.webp') center/cover}.mini-landscape{width:49%}.mini-copy{flex:1;padding-top:3%}.mini-copy b{font:400 clamp(24px,3.5vw,48px)/1 var(--label);color:#36503c}.mini-copy i,.craft-phone>i{display:block;border-bottom:1px solid #adb49c;width:90%;margin-top:12px}.mini-copy i+i,.craft-phone>i+i{width:65%;margin-top:7px}.mini-copy>span,.craft-phone>span{display:block;background:#879c78;width:63%;height:11px;margin-top:15px}
.craft-phone{position:absolute;right:9%;bottom:13%;width:21%;height:60%;background:#f7f4e8;border:1px solid #7b8c6d;box-shadow:7px 8px 0 #71805f1f;padding:5% 2% 2%;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*30px),0)}.phone-speaker{position:absolute;top:5%;left:34%;width:32%;height:3px;background:#8c9879}.phone-picture{height:36%;margin-bottom:11px}.craft-phone>b{font:400 clamp(20px,2.4vw,35px)/.95 var(--label);color:#36503c}.craft-phone>i{margin-top:11px}.craft-phone>span{height:8px;width:90%;margin-top:11px}
.device-connectors{stroke-dasharray:4 5;pointer-events:none}.device-connectors circle{fill:#e6e5d8;stroke-dasharray:none}
.care-paper{position:absolute;left:19%;top:21%;width:63%;padding:7% 6%;border:1px solid #a5ad91;background:#f4f1e6}.care-paper>span{display:block;font:400 clamp(22px,3vw,39px)/1 var(--label);margin-bottom:27px;color:#36503c}.care-paper-back{transform:translate(-9%,-10%) rotate(-6deg);color:#8b947d}.care-paper-back>i{display:block;height:28px;border-top:1px solid #c3c6b4}.care-paper-front{transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*-24px),0);box-shadow:10px 11px 0 #71805f14}.care-paper-front>div:not(.care-update){display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #d2d3c2;font:400 clamp(7px,.95vw,12px)/1.4 var(--data);color:#747e65}.care-paper-front b{font-weight:400}.care-paper-front em{font-style:normal}.care-update{display:flex;align-items:center;gap:9px;margin-top:21px;color:#36583d;font:500 11px/1 var(--data)}.care-update svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.2}.care-loop{stroke:#a2a98c;pointer-events:none}
.web-poster-selected .craft-tabs{display:flex;flex-direction:column;border-top:1px solid #b2b49e}.web-poster-selected .craft-tabs button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:80px;padding:16px 0;border:0;border-bottom:1px solid #c9c7b5;background:none;color:#8c8f79;text-align:left;font:400 clamp(25px,2.5vw,36px)/1.1 var(--label);cursor:pointer}.web-poster-selected .craft-tabs button span{font-size:22px;opacity:0;transform:translate(-6px,6px);transition:opacity .2s,transform .2s}.web-poster-selected .craft-tabs button[aria-selected=true]{color:#2c4231;border-bottom-color:#748465}.web-poster-selected .craft-tabs button[aria-selected=true] span{opacity:1;transform:none}.web-poster-selected .craft-tabs button:hover{color:#3c563d}.web-poster-selected .craft-panel{min-height:144px;padding-top:28px}.web-poster-selected .craft-panel[hidden]{display:none}.web-poster-selected .craft-panel p{font:400 15px/1.8 var(--body);color:#726b55;max-width:365px}.web-poster-selected .craft-detail .text-link{font-size:9px;margin-top:12px}
.web-poster-selected .booking-showcase{background:#213d33;color:#f0ecdf;padding:95px 0 110px;overflow:hidden;position:relative}.web-poster-selected .booking-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:95px;align-items:start;margin-bottom:56px}.web-poster-selected .booking-heading h2{font:400 clamp(63px,6.9vw,102px)/1.02 var(--label);letter-spacing:-.045em}.web-poster-selected .booking-heading h2 em{display:block;font-weight:400;color:#c9c7a5}.web-poster-selected .booking-heading p{font:400 15px/1.8 var(--body);color:#bcc6b1;max-width:380px}.web-poster-selected .booking-heading .text-link{color:#e2ddc7;border-color:#a9b09380;font-size:9px;margin-top:15px}
.web-poster-selected .booking-window{display:grid;grid-template-columns:1.25fr .9fr;position:relative;align-items:center;padding:0 22px 0 0;min-height:540px}.web-poster-selected .booking-window:after{content:'';position:absolute;inset:14px 0 14px 17px;border:1px solid #c1c8ab4f;pointer-events:none}.web-poster-selected .booking-window>.reservation-image{position:absolute;inset:0 21% 0 0;min-height:0;overflow:hidden}.web-poster-selected .booking-window>.reservation-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#122b257f)}.web-poster-selected .booking-photo-title{position:absolute;z-index:1;left:7%;bottom:10%;font:400 clamp(32px,4vw,62px)/1.02 var(--label);letter-spacing:-.02em;color:#fcf7e9}.web-poster-selected .booking-photo-title em{font-weight:400}.web-poster-selected .booking-paper{grid-column:2;z-index:2;position:relative;padding:31px 35px 35px;background:#f4f0e5;color:#2e3d2d;box-shadow:8px 12px 0 #081c2224;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*-36px),0);border:1px solid #c4bdaa}.web-poster-selected .booking-paper-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid #c9c3b0}.web-poster-selected .booking-paper-head>span:first-child{font:400 25px/1 var(--label)}.web-poster-selected .booking-paper-head>span:last-child{font:400 8px/1.5 var(--data);color:#8e866c}.web-poster-selected .booking-paper h3{font:400 34px/1.1 var(--label);letter-spacing:-.025em;margin:27px 0 8px}.web-poster-selected .booking-duration{font:400 11px/1.6 var(--data);color:#85826b}.web-poster-selected .booking-month{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font:500 9px/1.5 var(--data);color:#68725a}.web-poster-selected .booking-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.web-poster-selected .booking-days button{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #c5c8b7;background:transparent;color:#55664d;padding:12px 3px;cursor:pointer;transition:background .2s,color .2s}.web-poster-selected .booking-days button span{font:400 8px/1 var(--data)}.web-poster-selected .booking-days button b{font:400 24px/1 var(--label)}.web-poster-selected .booking-days button[aria-pressed=true]{background:#304b38;color:#f1efdb;border-color:#304b38}.web-poster-selected .booking-days button:hover:not([aria-pressed=true]){background:#e2e5d6}.web-poster-selected .booking-selection{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid #c5c8b7;font:400 10px/1.5 var(--data);color:#777c65}.web-poster-selected .booking-selection strong{font-weight:400;color:#334730;white-space:nowrap}.web-poster-selected .booking-example-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;color:#354b32;font:500 9px/1.5 var(--data);text-decoration:none}.web-poster-selected .booking-example-link span{font:400 23px/1 var(--label)}
.web-poster-selected .contact{padding-top:90px;background:#f0ede3;color:#2b3e2e;position:relative;overflow:hidden}.web-poster-selected .contact-top{grid-template-columns:1.2fr .8fr;gap:85px;padding-bottom:90px;align-items:end}.web-poster-selected .contact h2{font-size:clamp(70px,8.5vw,128px);line-height:.97;color:#2b3e2e}.web-poster-selected .contact h2 em{color:#6c795b}.web-poster-selected .contact-copy>p{color:#79705a;font-size:15px}.web-poster-selected .contact-email{color:#344b33;border-color:#aaa98f;font-size:clamp(21px,2.2vw,32px)}.web-poster-selected .contact-email>span{color:#7d8b66;transition:transform .25s}.web-poster-selected .contact-email:hover>span{transform:translate(4px,-4px)}.web-poster-selected .contact-form{--band:#f0ede3;--band-text:#2b3e2e;--band-muted:#6f6852;--band-accent:#344b33;padding-bottom:90px}
.web-poster-selected .contact .footer{border-color:#c8c6b3;color:#8b856e}.web-poster-selected .contact .footer-brand{color:#586a4d}.web-poster-selected .contact .footer a:hover{color:#2b3e2e}
@media(max-width:1000px){.web-poster-selected .craft-heading{gap:45px}.web-poster-selected .craft-layout{grid-template-columns:1.1fr .9fr;gap:40px}.web-poster-selected .craft-tabs button{min-height:67px;font-size:26px}.web-poster-selected .craft-panel{min-height:160px}.web-poster-selected .craft-panel p{font-size:14px}.web-poster-selected .booking-heading{gap:50px}.web-poster-selected .booking-window{grid-template-columns:1fr 1fr;min-height:520px}.web-poster-selected .booking-paper{padding:25px}.web-poster-selected .booking-photo-title{font-size:43px;left:6%}.web-poster-selected .contact-top{gap:45px}}
@media(max-width:760px){.web-poster-selected .craft-section{padding-block:67px 75px}.web-poster-selected .craft-heading{display:block;margin-bottom:32px}.web-poster-selected .craft-heading h2{font-size:56px}.web-poster-selected .craft-heading>p{font-size:14px;max-width:370px;margin-top:25px}.web-poster-selected .craft-layout{grid-template-columns:1fr;gap:30px}.web-poster-selected .craft-board{max-width:590px;width:100%;margin-inline:auto}.craft-type{font-size:39vw;max-width:100%}.web-poster-selected .craft-tabs button{font-size:29px;min-height:68px}.web-poster-selected .craft-panel{min-height:105px;padding-top:24px}.web-poster-selected .craft-panel p{max-width:500px}.mini-copy b{font-size:7vw}.craft-phone>b{font-size:5vw}.care-paper>span{font-size:6vw;margin-bottom:20px}.care-paper-front>div:not(.care-update){font-size:11px}.web-poster-selected .booking-showcase{padding-block:67px 75px}.web-poster-selected .booking-heading{display:block;margin-bottom:35px}.web-poster-selected .booking-heading h2{font-size:66px}.web-poster-selected .booking-heading h2 em{display:inline}.web-poster-selected .booking-heading p{margin-top:25px;max-width:450px;font-size:14px}.web-poster-selected .booking-window{display:block;padding:210px 18px 0;min-height:0}.web-poster-selected .booking-window>.reservation-image{inset:0 0 125px}.web-poster-selected .booking-window:after{inset:10px 10px 141px}.web-poster-selected .booking-photo-title{top:30px;bottom:auto;font-size:36px;left:27px}.web-poster-selected .booking-paper{max-width:400px;margin-left:auto;padding:27px;transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*-18px),0)}.web-poster-selected .contact{padding-top:65px}.web-poster-selected .contact-top{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.web-poster-selected .contact h2{font-size:76px}.web-poster-selected .contact-copy>p{font-size:14px}.web-poster-selected .contact-email{font-size:26px}}
@media(max-width:420px){.web-poster-selected .craft-heading h2{font-size:45px}.craft-type{font-size:47vw;top:9%}.web-poster-selected .craft-tabs button{font-size:27px}.web-poster-selected .craft-panel{min-height:135px}.mini-copy b{font-size:8vw}.craft-phone>b{font-size:6vw}.care-paper>span{font-size:23px;margin-bottom:13px}.care-paper-front>div:not(.care-update){font-size:8px;padding-block:7px}.care-update{font-size:9px;margin-top:13px}.care-update svg{width:17px;height:17px}.web-poster-selected .booking-heading h2{font-size:54px}.web-poster-selected .booking-window{padding-inline:13px}.web-poster-selected .booking-paper{padding:23px}.web-poster-selected .booking-paper h3{font-size:31px}.web-poster-selected .booking-photo-title{left:23px}.web-poster-selected .contact h2{font-size:66px}.web-poster-selected .contact-email{font-size:23px}}
@media(prefers-reduced-motion:reduce){.web-poster-selected .craft-type,.web-poster-selected .craft-type>span,.web-poster-selected .craft-colors,.web-poster-selected .craft-desktop,.web-poster-selected .craft-phone,.web-poster-selected .care-paper-front,.web-poster-selected .booking-paper{transform:none}.web-poster-selected .craft-curve{stroke-dashoffset:0}}

.web-poster-selected .booking-photo-title em{font-size:inherit;line-height:inherit}
@media(max-width:360px){.care-paper-front{top:16%;padding:5% 4%}.care-paper-front>span{font-size:20px;margin-bottom:8px}.care-paper-front>div:not(.care-update){font-size:7.5px;padding-block:5px}.care-update{margin-top:11px}}

@media(max-width:420px){.care-paper-front{top:16%}}