/* Native website concepts, layered desktop previews with a mobile finale. */
.website-showcase{height:690px;max-width:1160px;margin:75px auto -25px;font-family:"Onest",sans-serif}
.website-showcase .visual-glow{width:650px;height:480px;left:22%;top:65px;filter:blur(65px);opacity:.25}
.concept-stack{position:relative;width:100%;height:620px}
.website-card{position:absolute;width:54%;border:1px solid #ffffff66;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #10152535;will-change:translate;color:#13252a}
.browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fafafa;color:#8c9398;border-bottom:1px solid #1015250c}.browser-bar>span{display:flex;gap:4px}.browser-bar i{width:5px;height:5px;background:#c4c9cd;border-radius:50%}.browser-bar small{font-size:7px;letter-spacing:.02em}.browser-bar b{font-size:9px;font-weight:400}
.concept-nav{display:flex;align-items:center;justify-content:space-between;height:56px;gap:10px}.concept-nav>b{font-size:21px;letter-spacing:-.06em}.concept-nav>b>span{font-size:9px;vertical-align:top;margin-left:3px}.concept-nav>small{font-size:6px;letter-spacing:.02em}
.studio-card{left:0;top:35px;z-index:1;transform:rotate(-8deg);background:#f2efe9}.studio-screen{position:relative;padding:0 25px;background:#f2efe9;overflow:hidden}.studio-copy{position:relative;z-index:1;padding:20px 0 32px;width:58%}.studio-copy>small,.architecture-copy>small,.shop-copy>small{font-size:5px;letter-spacing:.14em}.studio-copy>strong,.architecture-copy>strong,.shop-copy>strong{display:block;font-size:37px;line-height:1.04;letter-spacing:-.055em;margin:16px 0 12px}.studio-copy>p,.architecture-copy>p,.shop-copy>p{font-size:7px;line-height:1.6;margin-bottom:16px}.concept-cta{display:inline-block;font-size:6px;padding:9px 12px;border:1px solid currentColor;border-radius:2px}.studio-project{position:absolute;right:-4%;top:95px;width:40%;height:213px;background:#8065e6;color:#fff;padding:20px;transform:rotate(-9deg);box-shadow:0 8px 20px #39237820}.studio-project>span{font-size:4px;letter-spacing:.1em}.studio-project>b{display:block;font-size:27px;line-height:1.04;letter-spacing:-.06em;margin:26px 0 33px}.studio-project>small{font-size:5px}.studio-bottom{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.06em;border-top:1px solid #13252a25;padding:18px 0 21px}
.architecture-card{left:23%;top:2px;z-index:2;transform:rotate(3deg);background:#123f3c;color:#ecf2e9}.architecture-screen{position:relative;padding:0 25px;background:#123f3c;overflow:hidden}.architecture-screen .concept-nav{height:57px}.architecture-screen .concept-nav>b{font-size:14px;letter-spacing:.14em}.architecture-copy{position:relative;width:54%;padding:21px 0 34px;z-index:1}.architecture-copy>strong{font-size:35px}.architecture-copy>p{color:#b8cbc0}.architecture-photo{position:absolute;right:0;top:57px;width:46%;height:256px;object-fit:cover;object-position:center}.architecture-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 22px;border-top:1px solid #ffffff30}.architecture-bottom>small{font-size:4px;letter-spacing:.1em}.architecture-bottom>b{font-size:11px;font-weight:500}.architecture-bottom>span{font-size:5px}
.shop-card{left:40%;top:175px;z-index:3;transform:rotate(-3deg);background:#e6f5ef}.shop-screen{padding:0 24px;background:#e6f5ef;color:#173c35}.shop-main{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;align-items:center;padding:8px 0 25px}.shop-copy>strong{font-size:36px}.shop-copy>.concept-cta{background:#183d35;color:#fff;border-color:#183d35}.product-scene{position:relative;isolation:isolate;height:220px;border-radius:6px;background:#d1e9e0;overflow:hidden}.product-label{position:absolute;left:15px;top:15px;font-size:4px;letter-spacing:.12em}.bottle{position:absolute;top:62px;left:25%;width:57px;height:126px;border-radius:16px 16px 18px 18px;background:linear-gradient(90deg,#5a428f,#967ad4 45%,#66519d);box-shadow:12px 18px 18px #132b3725;transform:rotate(-13deg)}.bottle>i{position:absolute;top:-13px;left:11px;width:35px;height:19px;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#4a3b6e,#776496,#4a3b6e)}.bottle>b{position:absolute;top:58px;left:9px;font-size:8px;color:#fff;letter-spacing:.08em;transform:rotate(-90deg)}.bottle-mint{left:55%;top:70px;transform:rotate(13deg);background:linear-gradient(90deg,#38a69c,#91d7cc 45%,#3cafa1)}.bottle-mint>i{background:linear-gradient(90deg,#26756e,#64b8aa,#26756e)}.product-scene>small{position:absolute;bottom:10px;left:15px;font-size:5px}.shop-bottom{display:flex;justify-content:space-between;border-top:1px solid #173c3526;padding:15px 0 19px;font-size:5px;letter-spacing:.1em}
.concept-phone{position:absolute;right:0;top:235px;z-index:4;width:17%;border:5px solid #222631;border-radius:28px;overflow:hidden;background:#f7eedf;color:#472e24;box-shadow:0 24px 50px #080c1650;transform:rotate(6deg);will-change:translate}.phone-status{display:flex;align-items:center;justify-content:space-between;height:25px;padding:0 12px;font-size:6px}.phone-status>i{width:51px;height:13px;border-radius:20px;background:#222631}.cafe-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.cafe-nav>b{font-size:16px;letter-spacing:-.05em}.cafe-nav>b>span{font-size:6px;vertical-align:top}.cafe-nav>span{font-size:9px}.cafe-copy{padding:15px 14px}.cafe-copy>small{font-size:4px;letter-spacing:.14em}.cafe-copy>strong{display:block;font-size:31px;line-height:.98;letter-spacing:-.055em;margin:13px 0}.cafe-copy>p{font-size:5px;line-height:1.6}.cafe-copy>span{display:inline-block;font-size:5px;border-bottom:1px solid #472e2466;padding-bottom:4px;margin-top:10px}.coffee-scene{position:relative;height:99px;background:#b75437;margin:0 9px;border-radius:5px;display:grid;place-items:center}.coffee-cup{position:relative;width:56px;height:56px;border-radius:50%;background:#eee1c7;box-shadow:8px 9px 11px #4b1c2638}.coffee-cup:after{content:"";position:absolute;right:-8px;top:20px;width:14px;height:17px;border:5px solid #eee1c7;border-radius:5px}.coffee-cup>i{position:absolute;inset:6px;z-index:1;border-radius:50%;background:radial-gradient(ellipse at 45% 50%,#f2ddab 0 10%,#b67743 11% 17%,#efd39a 18% 24%,#b67743 25% 31%,#e8c995 32% 38%,#a55b31 39% 70%,#7c3e22 71%);transform:rotate(30deg)}.coffee-scene>small{position:absolute;bottom:6px;left:8px;color:#fff2dd;font-size:3px;letter-spacing:.1em}.cafe-footer{padding:13px 14px 12px;display:flex;justify-content:space-between;gap:6px;font-size:4px}.cafe-footer>b{font-weight:500}.phone-home{height:3px;width:50px;border-radius:20px;background:#472e24;margin:0 auto 7px}.concept-caption{position:absolute;left:2%;right:2%;bottom:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin:0}
@media(max-width:950px){.website-showcase{height:580px;margin-top:65px}.concept-stack{transform:scale(.82);transform-origin:top left;width:122%}.concept-caption{bottom:16px}.studio-copy>strong{font-size:32px}.architecture-copy>strong{font-size:31px}.shop-copy>strong{font-size:31px}.website-card{width:56%}.concept-phone{width:18%;top:235px}.shop-card{left:37%}}
@media(max-width:600px){.website-showcase{height:410px;margin:45px -5px 0}.concept-stack{width:760px;transform:scale(.52);transform-origin:top left}.website-card{width:55%}.studio-card{left:1%;top:20px}.architecture-card{left:19%;top:20px}.shop-card{left:32%;top:210px}.concept-phone{right:2%;top:285px;width:20%}.concept-caption{bottom:0;font-size:8px;left:0;right:0}.studio-copy>strong,.architecture-copy>strong,.shop-copy>strong{font-size:31px}.concept-nav>small{font-size:5px}.concept-nav>b{font-size:19px}.studio-project{height:197px}.studio-project>b{font-size:24px}.studio-copy{padding-bottom:30px}.cafe-copy>strong{font-size:27px}.cafe-footer{font-size:3px}}
@media(max-width:430px){.concept-stack{transform:scale(.46)}.website-showcase{height:370px}}
@media(max-width:380px){.concept-stack{transform:scale(.40)}.website-showcase{height:330px}.concept-caption{font-size:7px}}
@media(max-width:340px){.concept-stack{transform:scale(.36)}.website-showcase{height:305px}}
@media(prefers-reduced-motion:reduce){.website-card,.concept-phone{will-change:auto}}
/* Each concept has its own structure, typography and navigation. */
.editorial-screen{padding:20px 25px 0;background:#f4f0e6;color:#282429}.editorial-top{display:flex;justify-content:space-between;align-items:start}.editorial-top>small{font-size:5px;line-height:1.5;letter-spacing:.12em}.editorial-top>span{font-size:6px}.editorial-title{font-size:102px;letter-spacing:-.085em;font-weight:600;line-height:1.05;margin:3px 0 5px}.editorial-title>span{font-size:16px;vertical-align:top;display:inline-block;margin:16px 0 0 8px;letter-spacing:0}.editorial-rule{height:1px;background:#282429}.editorial-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:27px;padding:18px 0 15px}.editorial-columns small{font-size:4px;letter-spacing:.12em}.editorial-columns strong{display:block;font-size:28px;line-height:1.05;letter-spacing:-.055em;margin-top:11px}.editorial-columns strong em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.editorial-columns p{font-size:6px;line-height:1.6;max-width:140px;margin:0 0 9px}.editorial-columns>div>span{font-size:5px;border-bottom:1px solid #282429;padding-bottom:3px}.editorial-work{margin-top:14px;padding:13px;background:#ef513d;color:#271e2a;display:flex;align-items:end;justify-content:space-between;gap:10px}.editorial-work>b{font-size:25px;line-height:.84;letter-spacing:-.07em}.editorial-work>small{font-size:3px;max-width:45px;line-height:1.6}.editorial-bottom{display:flex;justify-content:space-between;border-top:1px solid #282429;padding:11px 0 14px;font-size:4px;letter-spacing:.08em}
.immersive-screen{padding:0;height:366px;background:#222e28;color:#fff;position:relative}.immersive-screen .architecture-photo{inset:0;width:100%;height:100%;object-position:center 60%}.immersive-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071d2660,transparent 35%,#081f2c8c)}.immersive-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #ffffff40}.immersive-nav>b{font-size:12px;font-weight:500}.immersive-nav>small{font-size:4px;letter-spacing:.13em}.immersive-nav>span{font-size:12px}.immersive-copy{position:absolute;z-index:1;left:25px;bottom:64px}.immersive-copy>small{font-size:5px;letter-spacing:.18em}.immersive-copy>strong{display:block;font-family:Georgia,serif;font-size:39px;line-height:1.06;font-weight:400;letter-spacing:-.035em;margin:12px 0 17px}.immersive-copy>strong>em{font-weight:400}.immersive-copy>span{font-size:6px;border-bottom:1px solid #fff8;padding-bottom:6px}.immersive-bottom{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#142b2aca;padding:15px 23px}.immersive-bottom>span{font-size:4px;letter-spacing:.1em}.immersive-bottom>b{font-size:8px;font-weight:400}
.catalog-screen{padding:0 21px 22px;background:#fafafa;color:#1e2333}.shop-announcement{margin:0 -21px;text-align:center;padding:7px;background:#29213b;color:#e8deff;font-size:4px;letter-spacing:.18em}.catalog-nav{display:flex;align-items:center;justify-content:space-between;height:51px;gap:10px;border-bottom:1px solid #1e233314}.catalog-nav>b{font-size:24px;font-weight:800;letter-spacing:-.08em}.catalog-nav>small{font-size:5px;border:1px solid #1e23331a;border-radius:3px;padding:7px 20px;color:#71747d}.catalog-nav>span{font-size:5px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:19px 0 16px}.catalog-heading small{font-size:4px;letter-spacing:.14em;color:#716780}.catalog-heading strong{display:block;font-size:28px;line-height:1.04;letter-spacing:-.05em;margin-top:8px}.catalog-heading>span{font-size:5px;border-bottom:1px solid #1e2333;padding-bottom:4px}.catalog-tabs{display:flex;gap:15px;font-size:5px;margin:0 0 11px;border-bottom:1px solid #1e233314;padding-bottom:8px;color:#7b7b87}.catalog-tabs>b{color:#282139;font-weight:600}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.catalog-product{height:128px;position:relative;overflow:hidden;border-radius:3px}.catalog-product>span{position:absolute;left:7px;top:7px;font-size:3px;letter-spacing:.08em}.product-lilac{background:#ebe3f5}.product-sand{background:#eee9de}.product-mint{background:#dce9e3}.catalog-product .bottle{width:34px;height:75px;left:37%;top:39px;transform:rotate(-9deg);border-radius:9px 9px 10px 10px}.catalog-product .bottle>i{left:7px;width:20px;height:12px;top:-8px}.catalog-product .bottle>b{font-size:5px;top:36px;left:5px}.catalog-meta{display:flex;justify-content:space-between;gap:5px;font-size:5px;margin-top:9px}.catalog-meta>b{font-weight:600}.catalog-grid>div>small{display:block;font-size:4px;color:#88828c;margin-top:4px}.gym-bag{position:absolute;left:16%;top:54px;width:70%;height:48px;border-radius:12px 12px 8px 8px;background:linear-gradient(120deg,#c4b090,#e1cba8 50%,#b9a182);box-shadow:9px 13px 14px #52493620;transform:rotate(-9deg)}.gym-bag>i{position:absolute;left:28%;top:-19px;width:42%;height:31px;border:4px solid #a48a65;border-radius:18px;z-index:-1}.gym-bag>b{position:absolute;left:32%;top:22px;font-size:6px;letter-spacing:-.05em;color:#534937}.yoga-mat{position:absolute;left:25%;top:37px;width:48%;height:83px;transform:rotate(18deg);background:linear-gradient(90deg,#86a398,#afc7bb,#7e998c);border-radius:4px;box-shadow:9px 10px 15px #415d4420}.yoga-mat>i{position:absolute;top:-6px;left:0;width:100%;height:17px;border-radius:50%;background:radial-gradient(ellipse,#7f9b8d 0 25%,#d0e0d7 28% 37%,#6d887b 40% 47%,#baccc0 50% 60%,#7e9c8e 63%)}
@media(max-width:600px){.editorial-title{font-size:85px}.editorial-columns strong{font-size:25px}.editorial-screen{padding:17px 21px 0}.editorial-columns{gap:19px}.immersive-screen{height:346px}.immersive-copy>strong{font-size:37px}.catalog-heading strong{font-size:25px}.catalog-nav>small{padding:6px 9px}.catalog-product{height:118px}.catalog-screen{padding-bottom:18px}}

/* Keep the phone at a realistic ratio and outside the shop's text area. */
.shop-card{left:37%;width:43%}
.concept-phone{right:0;top:205px;width:17%;aspect-ratio:1 / 2.08;box-sizing:border-box;transform:rotate(2deg);container-type:inline-size;display:flex;flex-direction:column}
.phone-status{height:12cqw;min-height:0;flex:none;padding:0 7cqw;font-size:3.5cqw}.phone-status>i{width:29cqw;height:7cqw}
.cafe-nav{padding:6cqw 8cqw;flex:none}.cafe-nav>b{font-size:10cqw}.cafe-nav>b>span{font-size:3.5cqw}.cafe-nav>span{font-size:5cqw}
.cafe-copy{padding:8cqw;flex:none}.cafe-copy>small{font-size:2.8cqw}.cafe-copy>strong{font-size:19cqw;line-height:1.04;margin:7cqw 0}.cafe-copy>p{font-size:3.5cqw;line-height:1.5;margin:0}.cafe-copy>span{font-size:3.3cqw;margin-top:7cqw;padding-bottom:2cqw}
.coffee-scene{margin:0 6cqw;height:auto;min-height:36cqw;flex:1;border-radius:3cqw}.coffee-cup{width:32cqw;height:32cqw}.coffee-cup:after{right:-4cqw;top:11cqw;width:8cqw;height:10cqw;border-width:3cqw}.coffee-cup>i{inset:3.5cqw}.coffee-scene>small{bottom:4cqw;left:5cqw;font-size:2cqw}
.cafe-footer{padding:8cqw;font-size:2.8cqw;flex:none;align-items:center}.phone-home{width:28cqw;height:1.5cqw;margin:0 auto 4cqw;flex:none}
@media(max-width:950px){.shop-card{left:36%;width:44%}.concept-phone{top:200px;width:17%}}
@media(max-width:600px){.shop-card{left:32%;width:47%}.concept-phone{right:0;top:235px;width:18%}.cafe-copy>strong{font-size:19cqw}.cafe-footer{font-size:2.8cqw}}

/* Actual Osmere website screenshot, fitted without cropping its content. */
.osmere-card{background:#321a16}.osmere-preview{display:block;width:100%;height:auto;aspect-ratio:1891 / 985;object-fit:contain}