/* Authored artwork for the five dedicated process pages. */
.making-stage-visual{position:relative;isolation:isolate;min-width:0;height:clamp(360px,40vw,590px);overflow:hidden;border:1px solid #624654;background:#21161f;box-shadow:0 24px 54px #2a14241f}
.art-caption{position:absolute;z-index:4;left:1.25rem;bottom:1rem;color:#ead9df;font-size:.62rem;letter-spacing:.13em}
.idea-art{background:linear-gradient(135deg,#3d2432,#1c141d 68%);background-image:linear-gradient(90deg,#d7abb014 1px,transparent 1px),linear-gradient(#d7abb012 1px,transparent 1px);background-size:8.333% 100%,100% 52px}
.idea-art::after{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(ellipse at 78% 15%,#8a385338,transparent 48%)}
.idea-paper{position:absolute;display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.2rem;box-shadow:0 18px 44px #0006}
.idea-paper small{font-size:.58rem;letter-spacing:.12em}
.idea-paper-main{left:10%;top:18%;width:43%;height:42%;justify-content:center;transform:rotate(-3deg);background:#efe3dc;color:#321c28}
.idea-paper-main strong{font-size:clamp(2rem,4vw,4.5rem);font-weight:400;letter-spacing:-.07em;line-height:.95}
.idea-paper-side{right:10%;top:14%;width:32%;min-height:26%;background:#7b3049;color:#fff0e8;transform:rotate(4deg)}
.idea-paper-side span,.idea-paper-action span{font-size:clamp(.8rem,1.15vw,1.05rem);line-height:1.4}
.idea-paper-action{right:15%;bottom:14%;width:36%;background:#cfa7aa;color:#3a202d;transform:rotate(-2deg)}
.idea-paper-action b{color:#742d48}
.idea-sketch{position:absolute;left:12%;bottom:12%;width:35%;height:19%;border:1px solid #edcfda77;transform:rotate(4deg);display:flex;align-items:center;justify-content:center;color:#ead3d9;font-size:.68rem;letter-spacing:.14em}
.idea-sketch i{position:absolute;top:50%;left:10%;width:80%;height:1px;background:#edcfda58;transform:rotate(20deg)}
.idea-sketch i:nth-of-type(2){transform:rotate(-20deg)}
.idea-sketch i:nth-of-type(3){inset:15% 25%;width:auto;height:auto;border:1px solid #edcfda58;background:transparent}
.idea-scribble{position:absolute;right:13%;bottom:9%;color:#deb8c5;font-size:.65rem;letter-spacing:.16em}
.structure-art{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#482d3e,#21151e 72%)}
.structure-browser,.build-browser,.launch-browser{position:relative;width:86%;height:76%;border:1px solid #b09aa1;background:#eee8e2;box-shadow:0 28px 65px #0008}
.stage-chrome{height:34px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 1rem;background:#241b21;color:#d9c4cc;font-size:.62rem;letter-spacing:.1em;white-space:nowrap}
.stage-dots{display:flex;gap:5px}.stage-dots i{width:6px;height:6px;border:1px solid #b18c99;border-radius:50%}
.structure-page{height:calc(100% - 34px);padding:0 4%;color:#594852}
.structure-nav{height:14%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc2c0;font-size:clamp(.52rem,.75vw,.75rem);letter-spacing:.08em}
.structure-nav b{font-size:1.35em;letter-spacing:.2em}
.structure-nav i{width:7%;height:8%;background:#987887}
.structure-hero{height:62%;display:grid;grid-template-columns:48% 52%;gap:4%;align-items:center;padding-block:4%}
.structure-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9%}
.structure-copy small{font-size:.65rem;letter-spacing:.14em}
.structure-copy i{width:86%;height:clamp(14px,2.5vw,30px);background:#b9a7ab}
.structure-copy i:nth-of-type(2){width:68%}
.structure-copy i.short{width:47%}
.structure-copy span{width:36%;height:12%;background:#78435b}
.structure-image{position:relative;display:grid;place-items:center;height:100%;overflow:hidden;background:#cfc0bd;color:#65535a;font-size:.65rem;letter-spacing:.1em}
.structure-image i{position:absolute;inset:4%;border:1px solid #8f7480;transform:rotate(14deg) scale(.72)}
.structure-image i:last-child{transform:rotate(-14deg) scale(.72)}
.structure-booking{height:13%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#dfd6cf;color:#765f68;font-size:.56rem;letter-spacing:.08em}
.structure-booking span,.structure-booking b{padding:.75rem;border-right:1px solid #c8b8b4}
.structure-booking b{background:#78435b;color:white;font-weight:400}
.structure-route{display:flex;align-items:center;justify-content:center;gap:.8rem;height:11%;color:#775e69;font-size:.57rem;letter-spacing:.12em}
.structure-route i{width:8%;height:1px;background:#ad8798}
.design-art{color:white;background:#36202d}
.design-art>img,.build-page>img,.build-phone>img,.launch-page>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}
.design-photo-wash,.build-wash,.phone-wash,.launch-wash{position:absolute;inset:0;background:linear-gradient(90deg,#241522bd 0%,#2415222b 72%),linear-gradient(0deg,#21151e9c,transparent 42%)}
.design-site-nav,.build-nav,.launch-nav{position:absolute;z-index:1;top:0;left:0;right:0;height:16%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 5%;border-bottom:1px solid #f3e4d87d;font-size:clamp(.55rem,.78vw,.78rem);white-space:nowrap}
.design-site-nav strong,.launch-nav strong{font-size:clamp(1.15rem,1.7vw,1.9rem);font-weight:400;letter-spacing:.16em}
.design-site-nav small,.launch-nav small{display:block;text-align:center;font-size:.38em;letter-spacing:.26em}
.design-site-copy,.build-copy,.launch-copy{position:absolute;z-index:1;left:7%;top:28%;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.65rem,1.5vw,1.45rem)}
.design-site-copy>span:first-child,.build-copy small,.launch-copy small{font-size:clamp(.55rem,.78vw,.75rem);letter-spacing:.13em}
.design-site-copy strong,.build-copy strong,.launch-copy strong{font-size:clamp(2.1rem,4vw,4.65rem);font-weight:400;letter-spacing:-.065em;line-height:1.02}
.design-site-copy em,.build-copy em,.launch-copy em{font-family:Studio Serif,Georgia,serif;font-weight:400}
.design-site-action,.build-copy>span,.launch-copy>span{padding:.7rem 1rem;background:#f0e5d8;color:#42202d;font-size:.75rem}
.build-art{overflow:visible;border:0;background:radial-gradient(ellipse at 50% 48%,#482d3e,#21151e 70%);box-shadow:none}
.build-browser{position:absolute;left:3%;top:11%;width:84%;height:74%;overflow:hidden}
.build-page,.launch-page{position:relative;height:calc(100% - 34px);overflow:hidden;background:#402834;color:#fff}
.build-nav b{letter-spacing:.2em;font-size:1.2rem;font-weight:400}
.build-copy{top:27%;gap:.65rem}
.build-copy small{font-size:.5rem}
.build-copy strong{font-size:clamp(1.3rem,2.45vw,2.6rem)}
.build-copy>span{padding:.48rem .68rem;font-size:.55rem}
.build-phone{position:absolute;z-index:2;right:5%;bottom:8%;width:22%;height:59%;overflow:hidden;border:5px solid #171218;border-radius:25px;background:#402834;color:#fff;box-shadow:0 16px 40px #000a}
.build-phone>img{object-position:68% center}
.phone-speaker{position:absolute;z-index:2;top:4px;left:38%;width:24%;height:5px;border-radius:5px;background:#30232a}
.phone-copy{position:absolute;z-index:1;left:12%;top:35%;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.phone-copy small{font-size:.42rem;letter-spacing:.1em}
.phone-copy strong{font-size:clamp(.9rem,1.5vw,1.6rem);font-weight:400;line-height:1.04}
.phone-copy span{padding:.35rem .45rem;background:#efe4dc;color:#3b2530;font-size:.45rem}
.build-tag{position:absolute;z-index:3;right:2%;top:5%;color:#e9ccd7;font-size:.6rem;letter-spacing:.12em}
.launch-art{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#462d3b,#21151e 72%)}
.launch-browser{width:90%;height:78%;overflow:hidden;transform:perspective(1200px) rotateY(-2deg);box-shadow:0 32px 70px #0009}
.launch-nav{height:14%}
.launch-copy{top:24%;gap:.8rem}
.launch-copy strong{font-size:clamp(2rem,3.4vw,4rem)}
.launch-booking{position:absolute;z-index:2;left:4%;right:4%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;background:#eee8df;color:#312126;font-size:clamp(.48rem,.72vw,.7rem);box-shadow:0 12px 25px #12070d55}
.launch-booking>span,.launch-booking>b{padding:.6rem .75rem;border-right:1px solid #b8aaa7;font-weight:400}
.launch-booking small{display:block;margin-bottom:.2rem;color:#8a616f;font-size:.7em;letter-spacing:.1em}
.launch-booking>b{display:grid;place-items:center;background:#67213b;color:#fff;white-space:nowrap}
.launch-stamp{position:absolute;z-index:3;right:1.5%;top:6%;display:flex;flex-direction:column;gap:.35rem;padding:.65rem .8rem;background:#762d48;color:#fff;font-size:.58rem;letter-spacing:.1em}
.launch-stamp i{font-size:.54rem;font-style:normal;color:#f1dbe2}
@media(max-width:1050px){
  .structure-booking span,.structure-booking b{padding:.48rem}
}
@media(max-width:760px){
  .making-stage-visual{height:clamp(310px,76vw,430px)}
  .structure-browser{width:92%;height:78%}
  .stage-chrome{height:28px;padding-inline:.65rem;font-size:.49rem}
  .structure-page{height:calc(100% - 28px)}
  .structure-nav{font-size:.47rem}
  .structure-route{font-size:.43rem}
  .structure-booking{font-size:.44rem}
  .structure-booking span,.structure-booking b{padding:.35rem}
  .design-site-nav,.launch-nav{font-size:.5rem}
  .design-site-nav strong,.launch-nav strong{font-size:1.15rem}
  .design-site-copy{top:30%;gap:.65rem}
  .design-site-copy strong{font-size:clamp(2rem,8vw,3.3rem)}
  .build-browser{left:1%;top:13%;width:89%;height:72%}
  .build-copy{top:31%}
  .build-copy strong{font-size:clamp(1.2rem,5vw,2rem)}
  .build-phone{right:2%;width:24%;height:57%}
  .phone-copy strong{font-size:clamp(.85rem,3.3vw,1.2rem)}
  .launch-browser{width:96%;height:76%}
  .launch-copy{top:28%;gap:.6rem}
  .launch-copy strong{font-size:clamp(1.8rem,7vw,2.8rem)}
  .launch-booking{grid-template-columns:repeat(2,1fr);font-size:.48rem;bottom:3%}
  .launch-booking>span,.launch-booking>b{padding:.38rem .45rem}
  .launch-booking>span:nth-child(3){display:none}
  .launch-stamp{top:2%;right:1%;font-size:.47rem;padding:.45rem .5rem}
}
@media(max-width:370px){
  .idea-paper{padding:.7rem}
  .idea-paper-main strong{font-size:1.8rem}
  .idea-paper-side span,.idea-paper-action span{font-size:.73rem}
  .launch-copy strong{font-size:1.65rem}
  .launch-stamp{font-size:.4rem}
}
@media(prefers-reduced-motion:reduce){
}
